diff --git a/sass/whitelabel/prize/index.scss b/sass/whitelabel/prize/index.scss index dfdcaebd..664fe7a1 100644 --- a/sass/whitelabel/prize/index.scss +++ b/sass/whitelabel/prize/index.scss @@ -1,9 +1,10 @@ +@import 'simple_prize/simple_prize_variables'; @import 'simple_prize/simple_prize_custom_style'; +@import 'sluice/sluice_custom_style'; @import 'portfolioreview/portfolioreview_custom_style'; .ascribe-prize-app { border-radius: 0; - min-height: 100vh; padding-top: 70px; padding-bottom: 10px; } diff --git a/sass/whitelabel/prize/portfolioreview/portfolioreview_custom_style.scss b/sass/whitelabel/prize/portfolioreview/portfolioreview_custom_style.scss index 0759cf49..b0027bff 100644 --- a/sass/whitelabel/prize/portfolioreview/portfolioreview_custom_style.scss +++ b/sass/whitelabel/prize/portfolioreview/portfolioreview_custom_style.scss @@ -90,7 +90,7 @@ $pr--button-color: $pr--nav-fg-prim-color; .register-piece--info { text-align: center; - + h1, h2 { font-variant: small-caps; } diff --git a/sass/whitelabel/prize/simple_prize/simple_prize_custom_style.scss b/sass/whitelabel/prize/simple_prize/simple_prize_custom_style.scss index 4cfb7c82..8c46d366 100644 --- a/sass/whitelabel/prize/simple_prize/simple_prize_custom_style.scss +++ b/sass/whitelabel/prize/simple_prize/simple_prize_custom_style.scss @@ -1,7 +1,3 @@ -$sluice--nav-bg-color: #fcfcfc; -$sluice--nav-fg-prim-color: #1E1E1E; -$sluice--button-color: $sluice--nav-fg-prim-color; - .wp { height: 100%; max-width: 90%; @@ -37,10 +33,10 @@ $sluice--button-color: $sluice--nav-fg-prim-color; .rating-container { - color: lighten($sluice--nav-fg-prim-color, 80%) !important; + color: lighten($simple-prize--nav-fg-prim-color, 80%) !important; .rating-stars { width: 25px; - color: $sluice--nav-fg-prim-color !important; + color: $simple-prize--nav-fg-prim-color !important; } } @@ -73,185 +69,4 @@ $sluice--button-color: $sluice--nav-fg-prim-color; } -.client--sluice { - .navbar-default { - background-color: $sluice--nav-bg-color; - box-shadow: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); - } - .navbar-nav > li > a, - .navbar-nav > li > .active a { - color: $sluice--nav-fg-prim-color; - background-color: $sluice--nav-bg-color; - } - .navbar-nav > li > a:hover { - color: lighten($sluice--nav-fg-prim-color, 40%); - } - .navbar-nav > .active a, - .navbar-nav > .active a:hover, - .navbar-nav > .active a:focus { - color: $sluice--nav-fg-prim-color; - border-bottom-color: $sluice--nav-fg-prim-color; - background-color: $sluice--nav-bg-color; - } - .dropdown-menu > li > a:hover, - .dropdown-menu > li > a:focus { - color: lighten($sluice--nav-fg-prim-color, 40%); - background-color: $sluice--nav-bg-color; - } - .navbar-nav > .open > a, - .navbar-nav > .open > a:hover, - .navbar-nav > .open > a:focus, - .dropdown-menu > .active > a, - .dropdown-menu > .active > a:hover, - .dropdown-menu > .active > a:focus { - color: lighten($sluice--nav-fg-prim-color, 40%); - background-color: $sluice--nav-bg-color; - } - .dropdown-menu { - background-color: $sluice--nav-bg-color; - } - .dropdown-menu > li > a { - color: $sluice--nav-fg-prim-color; - } - - .navbar-toggle .icon-bar { - background-color: $sluice--nav-fg-prim-color; - } - - .navbar-toggle:hover, - .navbar-toggle:focus { - background-color: $sluice--nav-bg-color; - } -} - -.client--sluice .ascribe-footer { - display: none; -} - - -.client--sluice .icon-ascribe-search{ - color: $sluice--button-color; -} - -.client--sluice .ascribe-piece-list-toolbar .btn-ascribe-add{ - display: none; -} - -// disabled buttons -.client--sluice { - .btn-default.disabled, - .btn-default.disabled:hover, - .btn-default.disabled:focus, - .btn-default.disabled.focus, - .btn-default.disabled:active, - .btn-default.disabled.active, - .btn-default[disabled], - .btn-default[disabled]:hover, - .btn-default[disabled]:focus, - .btn-default[disabled].focus, - .btn-default[disabled]:active, - .btn-default[disabled].active, - fieldset[disabled] .btn-default, - fieldset[disabled] .btn-default:hover, - fieldset[disabled] .btn-default:focus, - fieldset[disabled] .btn-default.focus, - fieldset[disabled] .btn-default:active, - fieldset[disabled] .btn-default.active { - background-color: darken($sluice--button-color, 20%); - border-color: darken($sluice--button-color, 20%); - } -} - -// buttons! -// thought of the day: -// "every great atrocity is the result of people just following orders" -.client--sluice { - .ascribe-piece-list-toolbar-filter-widget button { - color: $sluice--button-color !important; - background-color: transparent !important; - border-color: transparent !important; - - &:hover, - &:active { - background-color: $sluice--button-color !important; - border-color: $sluice--button-color !important; - color: white !important; - } - } - - .btn-wide, - .btn-default { - background-color: $sluice--button-color; - border-color: $sluice--button-color; - - &:hover, - &:active, - &:focus, - &:active:hover, - &:active:focus, - &:active.focus, - &.active:hover, - &.active:focus, - &.active.focus { - background-color: lighten($sluice--button-color, 20%); - border-color: lighten($sluice--button-color, 20%); - } - } - - .open > .btn-default.dropdown-toggle:hover, - .open > .btn-default.dropdown-toggle:focus, - .open > .btn-default.dropdown-toggle.focus, - .open > .btn-default.dropdown-toggle.dropdown-toggle { - background-color: darken($sluice--button-color, 20%); - border-color: darken($sluice--button-color, 20%); - } - - .pager li > a, .pager li > span { - background-color: $sluice--button-color; - border-color: $sluice--button-color; - } - - .pager li.disabled > a, - .pager li.disabled > span { - background-color: $sluice--button-color !important; - border-color: $sluice--button-color; - } -} - -// spinner! -.client--sluice { - .btn-spinner { - color: $sluice--button-color; - } - .spinner-circle { - border-color: $sluice--button-color; - } - .spinner-inner { - color: $sluice--button-color; - display: none; - } -} - -// intercom stuff -.client--sluice { - #intercom-container .intercom-launcher-button { - background-color: $sluice--button-color !important;; - border-color: $sluice--button-color !important;; - } -} - -// notifications -.client--sluice .ascribe-global-notification-success { - background-color: lighten($sluice--button-color, 50%); -} - -// progress bar -.client--sluice .ascribe-progress-bar > .progress-bar { - background-color: $sluice--button-color; -} - -.client--sluice .acl-information-dropdown-list .title { - color: $sluice--button-color; -} \ No newline at end of file diff --git a/sass/whitelabel/prize/simple_prize/simple_prize_variables.scss b/sass/whitelabel/prize/simple_prize/simple_prize_variables.scss new file mode 100644 index 00000000..64ec5c9c --- /dev/null +++ b/sass/whitelabel/prize/simple_prize/simple_prize_variables.scss @@ -0,0 +1,3 @@ +$simple-prize--nav-bg-color: #fcfcfc; +$simple-prize--nav-fg-prim-color: #1E1E1E; +$simple-prize--button-color: $simple-prize--nav-fg-prim-color; diff --git a/sass/whitelabel/prize/sluice/sluice_custom_style.scss b/sass/whitelabel/prize/sluice/sluice_custom_style.scss new file mode 100644 index 00000000..bcc4978c --- /dev/null +++ b/sass/whitelabel/prize/sluice/sluice_custom_style.scss @@ -0,0 +1,182 @@ +.client--sluice { + .navbar-default { + background-color: $simple-prize--nav-bg-color; + box-shadow: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + } + .navbar-nav > li > a, + .navbar-nav > li > .active a { + color: $simple-prize--nav-fg-prim-color; + background-color: $simple-prize--nav-bg-color; + } + .navbar-nav > li > a:hover { + color: lighten($simple-prize--nav-fg-prim-color, 40%); + } + .navbar-nav > .active a, + .navbar-nav > .active a:hover, + .navbar-nav > .active a:focus { + color: $simple-prize--nav-fg-prim-color; + border-bottom-color: $simple-prize--nav-fg-prim-color; + background-color: $simple-prize--nav-bg-color; + } + .dropdown-menu > li > a:hover, + .dropdown-menu > li > a:focus { + color: lighten($simple-prize--nav-fg-prim-color, 40%); + background-color: $simple-prize--nav-bg-color; + } + .navbar-nav > .open > a, + .navbar-nav > .open > a:hover, + .navbar-nav > .open > a:focus, + .dropdown-menu > .active > a, + .dropdown-menu > .active > a:hover, + .dropdown-menu > .active > a:focus { + color: lighten($simple-prize--nav-fg-prim-color, 40%); + background-color: $simple-prize--nav-bg-color; + } + .dropdown-menu { + background-color: $simple-prize--nav-bg-color; + } + + .dropdown-menu > li > a { + color: $simple-prize--nav-fg-prim-color; + } + + .navbar-toggle .icon-bar { + background-color: $simple-prize--nav-fg-prim-color; + } + + .navbar-toggle:hover, + .navbar-toggle:focus { + background-color: $simple-prize--nav-bg-color; + } +} + +.client--sluice .ascribe-footer { + display: none; +} + + +.client--sluice .icon-ascribe-search{ + color: $simple-prize--button-color; +} + +.client--sluice .ascribe-piece-list-toolbar .btn-ascribe-add{ + display: none; +} + +// disabled buttons +.client--sluice { + .btn-default.disabled, + .btn-default.disabled:hover, + .btn-default.disabled:focus, + .btn-default.disabled.focus, + .btn-default.disabled:active, + .btn-default.disabled.active, + .btn-default[disabled], + .btn-default[disabled]:hover, + .btn-default[disabled]:focus, + .btn-default[disabled].focus, + .btn-default[disabled]:active, + .btn-default[disabled].active, + fieldset[disabled] .btn-default, + fieldset[disabled] .btn-default:hover, + fieldset[disabled] .btn-default:focus, + fieldset[disabled] .btn-default.focus, + fieldset[disabled] .btn-default:active, + fieldset[disabled] .btn-default.active { + background-color: darken($simple-prize--button-color, 20%); + border-color: darken($simple-prize--button-color, 20%); + } +} + +// buttons! +// thought of the day: +// "every great atrocity is the result of people just following orders" +.client--sluice { + .ascribe-piece-list-toolbar-filter-widget button { + color: $simple-prize--button-color !important; + background-color: transparent !important; + border-color: transparent !important; + + &:hover, + &:active { + background-color: $simple-prize--button-color !important; + border-color: $simple-prize--button-color !important; + color: white !important; + } + } + + .btn-wide, + .btn-default { + background-color: $simple-prize--button-color; + border-color: $simple-prize--button-color; + + &:hover, + &:active, + &:focus, + &:active:hover, + &:active:focus, + &:active.focus, + &.active:hover, + &.active:focus, + &.active.focus { + background-color: lighten($simple-prize--button-color, 20%); + border-color: lighten($simple-prize--button-color, 20%); + } + } + + .open > .btn-default.dropdown-toggle:hover, + .open > .btn-default.dropdown-toggle:focus, + .open > .btn-default.dropdown-toggle.focus, + .open > .btn-default.dropdown-toggle.dropdown-toggle { + background-color: darken($simple-prize--button-color, 20%); + border-color: darken($simple-prize--button-color, 20%); + } + + .pager li > a, .pager li > span { + background-color: $simple-prize--button-color; + border-color: $simple-prize--button-color; + } + + .pager li.disabled > a, + .pager li.disabled > span { + background-color: $simple-prize--button-color !important; + border-color: $simple-prize--button-color; + } +} + +// spinner! +.client--sluice { + .btn-spinner { + color: $simple-prize--button-color; + } + .spinner-circle { + border-color: $simple-prize--button-color; + } + .spinner-inner { + color: $simple-prize--button-color; + display: none; + } +} + +// intercom stuff +.client--sluice { + #intercom-container .intercom-launcher-button { + background-color: $simple-prize--button-color !important;; + border-color: $simple-prize--button-color !important;; + } +} + +// notifications +.client--sluice .ascribe-global-notification-success { + background-color: lighten($simple-prize--button-color, 50%); +} + +// progress bar +.client--sluice .ascribe-progress-bar > .progress-bar { + background-color: $simple-prize--button-color; +} + +.client--sluice .acl-information-dropdown-list .title { + color: $simple-prize--button-color; +}