|
@@ -1,288 +0,0 @@
|
|
|
-#banner {
|
|
|
- color: #fff;
|
|
|
- .message-container {
|
|
|
- display: table;
|
|
|
- width: auto;
|
|
|
- margin: 0 auto;
|
|
|
- padding: 15px 0;
|
|
|
- }
|
|
|
- .tagline, .action {
|
|
|
- display: table-cell;
|
|
|
- vertical-align: middle;
|
|
|
- }
|
|
|
- .tagline {
|
|
|
- font-weight: 200;
|
|
|
- font-size: 16px;
|
|
|
- padding-right: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- &.font-awesome-survey {
|
|
|
- @survey-bg: #8E8F94;
|
|
|
- background-color: @survey-bg;
|
|
|
- border-bottom: solid 1px mix(@survey-bg, #fff, 95%);
|
|
|
-
|
|
|
- .btn-primary {
|
|
|
- @color: mix(#fff,@survey-bg,80%);
|
|
|
- @background: darken(@survey-bg, 15%);
|
|
|
- @border: darken(@background, 15%);
|
|
|
- font-weight: bold;
|
|
|
- color: @color;
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- border-bottom-width: 2px;
|
|
|
- text-shadow: none;
|
|
|
- border-radius: 4px;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- color: #fff;
|
|
|
- background-color: darken(@border, 10%);
|
|
|
- border-color: darken(@border, 20%);
|
|
|
- border-bottom-color: darken(@border, 30%);
|
|
|
- }
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- background-image: none;
|
|
|
- }
|
|
|
- &.disabled,
|
|
|
- &[disabled],
|
|
|
- fieldset[disabled] & {
|
|
|
- &,
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active {
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- &.black-tie {
|
|
|
- @black-tie-bg: #2E2E2E;
|
|
|
- background-color: @black-tie-bg;
|
|
|
- border-bottom: solid 1px mix(@black-tie-bg, #fff, 95%);
|
|
|
-
|
|
|
- .btn-primary {
|
|
|
- @color: mix(#fff, @black-tie-bg, 85%);
|
|
|
- @background: darken(@black-tie-bg, 5%);
|
|
|
- @border: darken(@black-tie-bg, 10%);
|
|
|
- font-weight: bold;
|
|
|
- color: @color;
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- border-bottom-width: 2px;
|
|
|
- text-shadow: none;
|
|
|
- border-radius: 4px;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- color: #fff;
|
|
|
- background-color: darken(@background, 5%);
|
|
|
- border-color: darken(@border, 12%);
|
|
|
- border-bottom-color: darken(@border, 18%);
|
|
|
- }
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- background-image: none;
|
|
|
- }
|
|
|
- &.disabled,
|
|
|
- &[disabled],
|
|
|
- fieldset[disabled] & {
|
|
|
- &,
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active {
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.fort-awesome {
|
|
|
- @fort-awesome-color: #1C1E29;
|
|
|
- @fort-awesome-color-accent: #525879;
|
|
|
- @fort-awesome-bg: #2d2f39;
|
|
|
- background-color: @fort-awesome-bg;
|
|
|
- border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%);
|
|
|
- .btn-primary {
|
|
|
- @color: #fff;
|
|
|
- @background: #ff8c52;
|
|
|
- @border: rgba(0,0,0,0.2);
|
|
|
- font-weight: bold;
|
|
|
- color: @color;
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- border-bottom-width: 2px;
|
|
|
- text-shadow: none;
|
|
|
- border-radius: 4px;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- color: #fff;
|
|
|
- background-color: #e67e4a;
|
|
|
- border-color: rgba(0,0,0,0.296);
|
|
|
- border-bottom-color: rgba(0,0,0,0.296);
|
|
|
- }
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- background-image: none;
|
|
|
- }
|
|
|
- &.disabled,
|
|
|
- &[disabled],
|
|
|
- fieldset[disabled] & {
|
|
|
- &,
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active {
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.symbolset {
|
|
|
- @symbolset-bg: desaturate(#866cba,5%);
|
|
|
- background-color: @symbolset-bg;
|
|
|
- border-bottom: rgba(0,0,0,0.2);
|
|
|
- a:not(.btn) {
|
|
|
- text-decoration: underline;
|
|
|
- color: #fff;
|
|
|
- &:hover { color: rgba(255,255,255,.8); }
|
|
|
- }
|
|
|
- .btn-primary {
|
|
|
- @color: @symbolset-bg;
|
|
|
- @background: #fff;
|
|
|
- @border: mix(#000,@symbolset-bg,10%);
|
|
|
- font-weight: bold;
|
|
|
- color: @color;
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- border-bottom-width: 2px;
|
|
|
- text-shadow: none;
|
|
|
- border-radius: 4px;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- color: #fff;
|
|
|
- background-color: rgba(0,0,0,0.2);
|
|
|
- border-color: rgba(0,0,0,0.2);
|
|
|
- border-bottom-color: rgba(0,0,0,0.2);
|
|
|
- }
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- background-image: none;
|
|
|
- }
|
|
|
- &.disabled,
|
|
|
- &[disabled],
|
|
|
- fieldset[disabled] & {
|
|
|
- &,
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active {
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- &.fa5 {
|
|
|
- @fa5-bg: #488dd8;
|
|
|
- background-color: @fa5-bg;
|
|
|
- border-bottom: rgba(0,0,0,0.2);
|
|
|
- .message-container { padding: 40px 0; }
|
|
|
- .tagline { font-size: 24px; }
|
|
|
- .fa-external-link { vertical-align: -10%; }
|
|
|
- .time-left {
|
|
|
- font-size: 18px;
|
|
|
- color: mix(@fa5-bg, #fff, 20%);
|
|
|
- }
|
|
|
- @keyframes flash-duration {
|
|
|
- from {
|
|
|
- color: #fff;
|
|
|
- }
|
|
|
- to {
|
|
|
- color: mix(@fa5-bg, #fff, 20%);
|
|
|
- }
|
|
|
- }
|
|
|
- .duration {
|
|
|
- font-weight: 600;
|
|
|
- animation-name: flash-duration;
|
|
|
- animation-duration: 1.0s;
|
|
|
- }
|
|
|
- a:not(.btn) {
|
|
|
- text-decoration: underline;
|
|
|
- color: #fff;
|
|
|
- &:hover { color: rgba(255,255,255,.8); }
|
|
|
- }
|
|
|
- .btn-primary {
|
|
|
- @color: @fa5-bg;
|
|
|
- @background: #fff;
|
|
|
- @border: mix(#000,@fa5-bg,10%);
|
|
|
- font-weight: 600;
|
|
|
- font-size: 22px;
|
|
|
- padding: 14px 28px;
|
|
|
- border-radius: 30px;
|
|
|
-
|
|
|
- color: @color;
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- border-bottom-width: 2px;
|
|
|
- text-shadow: none;
|
|
|
-
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- color: #fff;
|
|
|
- background-color: rgba(0,0,0,0.2);
|
|
|
- border-color: rgba(0,0,0,0.2);
|
|
|
- border-bottom-color: rgba(0,0,0,0.2);
|
|
|
- }
|
|
|
- &:active,
|
|
|
- &.active,
|
|
|
- .open > &.dropdown-toggle {
|
|
|
- background-image: none;
|
|
|
- }
|
|
|
- &.disabled,
|
|
|
- &[disabled],
|
|
|
- fieldset[disabled] & {
|
|
|
- &,
|
|
|
- &:hover,
|
|
|
- &:focus,
|
|
|
- &:active,
|
|
|
- &.active {
|
|
|
- background-color: @background;
|
|
|
- border-color: @border;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-}
|