ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 09:23:13 +01:00
Code Issues Releases Wiki Activity

Cleanup styling for artcity.ascribe.io

Browse Source
This commit is contained in:
Tim Daubenschütz 2016-02-04 15:44:05 +01:00
parent 0a17ec0414
commit 135f9f453f
1 changed files with 54 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
sass/whitelabel/wallet/artcity/artcity_custom_style.scss
View File

@ -7,6 +7,8 @@ $artcity--nav-bg-color: $artcity--bg-color;
$artcity--nav-highlight-color: #f8f8f8; $artcity--nav-highlight-color: #f8f8f8;
$artcity--button-default-color: $artcity--fg-color; $artcity--button-default-color: $artcity--fg-color;
$artcity--highlight-color: #38BFC3; $artcity--highlight-color: #38BFC3;
$artcity--sec-highlight-color: #547A82;
$artcity--ter-highlight-color: #EDEDF0;
.client--artcity { .client--artcity {
@ -217,8 +219,8 @@ $artcity--highlight-color: #38BFC3;
} }
.btn-secondary { .btn-secondary {
border-color: $artcity--button-default-color; border-color: $artcity--highlight-color;
color: $artcity--button-default-color; color: $artcity--sec-highlight-color;
&:hover, &:hover,
&:active, &:active,
@ -229,8 +231,8 @@ $artcity--highlight-color: #38BFC3;
&.active:hover, &.active:hover,
&.active:focus, &.active:focus,
&.active.focus { &.active.focus {
background-color: $artcity--button-default-color; background-color: $artcity--highlight-color;
border-color: $artcity--button-default-color; border-color: $artcity--bg-color;
color: $artcity--bg-color; color: $artcity--bg-color;
} }
} }
@ -238,7 +240,7 @@ $artcity--highlight-color: #38BFC3;
.btn-tertiary { .btn-tertiary {
&:hover, &:hover,
&:active, &:active,
&ctive:hover, &:active:hover,
&.active:hover{ &.active:hover{
background-color: $artcity--highlight-color; background-color: $artcity--highlight-color;
border-color: $artcity--highlight-color; border-color: $artcity--highlight-color;
@ -246,6 +248,14 @@ $artcity--highlight-color: #38BFC3;
} }
} }
.btn-transparent {
color: $artcity--highlight-color;
&:hover {
color: lighten($artcity--highlight-color, 20%)
}
}
/** Other components **/ /** Other components **/
.ascribe-piece-list-toolbar .btn-ascribe-add { .ascribe-piece-list-toolbar .btn-ascribe-add {
display: none; display: none;
@ -259,6 +269,10 @@ $artcity--highlight-color: #38BFC3;
color: $artcity--fg-color; color: $artcity--fg-color;
} }
.ascribe-accordion-list-item-table tbody tr:hover {
border-left-color: $artcity--highlight-color;
}
.request-action-badge { .request-action-badge {
color: $artcity--fg-color; color: $artcity--fg-color;
} }
@ -275,8 +289,8 @@ $artcity--highlight-color: #38BFC3;
&:hover, &:hover,
&:active { &:active {
background-color: $artcity--button-default-color !important; background-color: $artcity--highlight-color !important;
border-color: $artcity--button-default-color !important; border-color: $artcity--highlight-color !important;
color: $artcity--bg-color !important; color: $artcity--bg-color !important;
} }
} }
@ -287,7 +301,7 @@ $artcity--highlight-color: #38BFC3;
// forms // forms
.ascribe-property-wrapper:hover { .ascribe-property-wrapper:hover {
border-left-color: rgba($artcity--fg-color, 0.5); border-left-color: rgba($artcity--highlight-color, 0.5);
} }
.ascribe-property textarea, .ascribe-property textarea,
@ -322,35 +336,42 @@ $artcity--highlight-color: #38BFC3;
// global notification // global notification
.ascribe-global-notification-success { .ascribe-global-notification-success {
background-color: lighten($artcity--fg-color, 20%); background-color: lighten($artcity--highlight-color, 20%);
} }
// uploader progress // uploader progress
.ascribe-progress-bar > .progress-bar { .ascribe-progress-bar > .progress-bar {
background-color: lighten($artcity--fg-color, 20%); background-color: lighten($artcity--highlight-color, 20%);
} }
.ascribe-progress-bar span { .ascribe-progress-bar span {
text-shadow: -1px 0 lighten($artcity--fg-color, 20%), text-shadow: -1px 0 lighten($artcity--highlight-color, 20%),
0 1px lighten($artcity--fg-color, 20%), 0 1px lighten($artcity--highlight-color, 20%),
1px 0 lighten($artcity--fg-color, 20%), 1px 0 lighten($artcity--highlight-color, 20%),
0 -1px lighten($artcity--fg-color, 20%); 0 -1px lighten($artcity--highlight-color, 20%);
} }
.action-file.icon-ascribe-ok, .action-file.icon-ascribe-ok,
.action-file.icon-ascribe-ok:hover { .action-file.icon-ascribe-ok:hover {
color: lighten($artcity--fg-color, 20%); color: lighten($artcity--highlight-color, 20%);
}
.action-file {
text-shadow: -1px 0 lighten($artcity--highlight-color, 20%),
0 1px lighten($artcity--highlight-color, 20%),
1px 0 lighten($artcity--highlight-color, 20%),
0 -1px lighten($artcity--highlight-color, 20%);
} }
// spinner // spinner
.spinner-circle { .spinner-circle {
border-color: $artcity--fg-color; border-color: $artcity--highlight-color;
} }
.spinner-inner { .spinner-inner {
display: none; display: none;
} }
.btn-secondary .spinner-circle { .btn-secondary .spinner-circle {
border-color: $artcity--bg-color; border-color: $artcity--highlight-color;
} }
// video player // video player
@ -364,13 +385,25 @@ $artcity--highlight-color: #38BFC3;
// pager // pager
.pager li > a, .pager li > a,
.pager li > span { .pager li > span {
background-color: $artcity--fg-color; background-color: $artcity--bg-color;
border-color: $artcity--fg-color; border-color: $artcity--highlight-color;
color: $artcity--sec-highlight-color;
&:hover {
background-color: $artcity--highlight-color;
border-color: $artcity--highlight-color;
color: $artcity--bg-color;
}
} }
.pager .disabled > a, .pager .disabled > a,
.pager .disabled > span { .pager .disabled > span {
background-color: $artcity--fg-color !important; background-color: $artcity--ter-highlight-color !important;
border-color: $artcity--fg-color; border-color: $artcity--ter-highlight-color;
&:hover {
color: $artcity--sec-highlight-color;
border-color: $artcity--ter-highlight-color;
}
} }
// intercom // intercom