X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=cerulean%2Fbootswatch.less;h=7ee0c28dd8bfbc557282c71f31fc5ea1d00bcf51;hb=48c64127b37be4a692a70cb7b38ed9744163582b;hp=8c6fb01995b7605bac3074efe803b701b2856f1c;hpb=75714827ad375e7146171afa76b1815910e4b14e;p=bootswatch diff --git a/cerulean/bootswatch.less b/cerulean/bootswatch.less old mode 100755 new mode 100644 index 8c6fb01..7ee0c28 --- a/cerulean/bootswatch.less +++ b/cerulean/bootswatch.less @@ -1,157 +1,109 @@ -// Bootswatch.less -// Swatch: Cerulean -// Version: 2.1.0 +// Cerulean 3.0.1 +// Bootswatch // ----------------------------------------------------- -// IMPORTS -// ----------------------------------------------------- - -@import url(https://fonts.googleapis.com/css?family=Telex); +.btn-shadow(@color) { + #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%)); + border-bottom: 1px solid darken(@color, 10%); +} -// NAVBAR -// ----------------------------------------------------- +// Navbar ===================================================================== .navbar { + .btn-shadow(@navbar-default-bg); + filter: none; + .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); - font-family: @headingsFontFamily; - text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); - - .brand { - padding: 16px 20px 14px; - text-shadow: inherit; - } - - li { - line-height: 20px; - } - - .nav > li > a { - padding: 16px 10px 14px; - text-shadow: inherit; - } - - .search-query { - border: 1px solid darken(@linkColor, 10%); - } - - .btn-navbar:hover { - background-color: darken(@white, 20%); - } - - .navbar-text { - padding: 19px 10px 18px; - line-height: 13px; - color: rgba(0, 0, 0, 0.5); - text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); - } - - .nav-collapse.collapse { - - .nav li > a { - color: @white; - - &:hover { - background-color: #2B7CAC; - } - } - - .nav .active > a { - .box-shadow(none); - background-color: #2B7CAC; - } - - .dropdown-menu li > a:hover, - .dropdown-menu li > a:focus, - .dropdown-submenu:hover > a { - background-image: none; - } - - .navbar-form, - .navbar-search { - border: none; - } - - .nav-header { - color: #2B7CAC; - } + .navbar-nav > li > a, + &-brand { + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } +} - &-inverse { - - text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); - - .nav-collapse.collapse { +.navbar-inverse { + #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%)); + filter: none; + border-bottom: 1px solid darken(@navbar-inverse-bg, 10%); +} - .nav li > a { - color: @navbarInverseLinkColor; +// Buttons ==================================================================== - &:hover { - background-color: rgba(0, 0, 0, 0.1); - } - } +.btn { - .nav .active > a { - background-color: rgba(0, 0, 0, 0.1); - } - } + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); - .navbar-search .search-query { - color: @textColor; - } + .caret { + border-top-color: #fff; } } -div.subnav { +.btn-default { + + .btn-shadow(@btn-default-bg); - font-family: @headingsFontFamily; - text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); + &:hover { + color: @btn-default-color; + } - &-fixed { - top: @navbarHeight; + .caret { + border-top-color: @text-color; } } -// BUTTONS -// ----------------------------------------------------- - -.btn { - #gradient > .vertical-three-colors(@white, @white, 5%, darken(@white, 0%)); - @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - .box-shadow(@shadow); - - &:hover { - background-position: 0 0; - } +.btn-default { + .btn-shadow(@btn-default-bg); } .btn-primary { - .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground); + .btn-shadow(@btn-primary-bg); } -.btn-info { - .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground); +.btn-success { + .btn-shadow(@btn-success-bg); } -.btn-success { - .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground); +.btn-info { + .btn-shadow(@btn-info-bg); } .btn-warning { - .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground); + .btn-shadow(@btn-warning-bg); } .btn-danger { - .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground); + .btn-shadow(@btn-danger-bg); } -.btn-inverse { - .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground); +// Typography ================================================================= + +// Tables ===================================================================== + +// Forms ====================================================================== + +// Navs ======================================================================= + +.pagination { + + .active > a, + .active > a:hover { + border-color: #ddd; + } } -// ICONS -// ----------------------------------------------------- +// Indicators ================================================================= + +// Progress bars ============================================================== -// Make icons gray -i[class^="icon-"]{ - opacity: 0.8; +// Containers ================================================================= + +.panel-primary, +.panel-success, +.panel-warning, +.panel-danger, +.panel-info { + + .panel-heading, + .panel-title { + color: #fff; + } }