diff options
author | Treer <treer.git@the-bordello.com> | 2016-04-30 21:36:19 +1000 |
---|---|---|
committer | Treer <treer.git@the-bordello.com> | 2016-04-30 21:36:19 +1000 |
commit | 45654ffc5cc4532c2189c88d46a0374038b53c9f (patch) | |
tree | fc1c9949dcabd360c120d318c9fe3181d47c8f42 /library/font_awesome/src/assets/less/site/banner-ad.less | |
parent | 931a4fafe316b23bacf92ac1ff35f9b8467415dd (diff) | |
download | volse-hubzilla-45654ffc5cc4532c2189c88d46a0374038b53c9f.tar.gz volse-hubzilla-45654ffc5cc4532c2189c88d46a0374038b53c9f.tar.bz2 volse-hubzilla-45654ffc5cc4532c2189c88d46a0374038b53c9f.zip |
update font-awesome library to 4.6.1
Perhaps this should be done as a submodule instead?
Diffstat (limited to 'library/font_awesome/src/assets/less/site/banner-ad.less')
-rw-r--r-- | library/font_awesome/src/assets/less/site/banner-ad.less | 162 |
1 files changed, 162 insertions, 0 deletions
diff --git a/library/font_awesome/src/assets/less/site/banner-ad.less b/library/font_awesome/src/assets/less/site/banner-ad.less new file mode 100644 index 000000000..0ce85dea8 --- /dev/null +++ b/library/font_awesome/src/assets/less/site/banner-ad.less @@ -0,0 +1,162 @@ +#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: 20px; + } + + &.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: mix(@fort-awesome-color-accent, @fort-awesome-color, 15%); + background-color: @fort-awesome-bg; + border-bottom: solid 1px mix(@fort-awesome-bg, #000, 15%); + .btn-primary { + @color: #fff; + @background: mix(#fff,@fort-awesome-bg,15%); + @border: darken(@fort-awesome-bg, 5%); + 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: mix(@fort-awesome-color, @fort-awesome-color-accent, 30%); + 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; + } + } + } + } +} |