X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=cerulean%2Fbootswatch.less;h=7ee0c28dd8bfbc557282c71f31fc5ea1d00bcf51;hb=48c64127b37be4a692a70cb7b38ed9744163582b;hp=cb5a5342c64cbc857a3462f94058fce50b57c285;hpb=0812eaeb2ba6e78dcf21c4652a009ccf55deb95b;p=bootswatch diff --git a/cerulean/bootswatch.less b/cerulean/bootswatch.less old mode 100755 new mode 100644 index cb5a534..7ee0c28 --- a/cerulean/bootswatch.less +++ b/cerulean/bootswatch.less @@ -1,97 +1,109 @@ -// Bootswatch.less -// Swatch: Cerulean -// Version: 2.0.3 +// Cerulean 3.0.1 +// Bootswatch // ----------------------------------------------------- -// TYPOGRAPHY -// ----------------------------------------------------- - -@import url(https://fonts.googleapis.com/css?family=Telex); - -.navbar, .subnav { - font-family: @headingsFontFamily; +.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-inner { - #gradient > .vertical-three-colors(@navbarBackground, @navbarBackground, 90%, @navbarBackgroundHighlight); -} +.navbar { + .btn-shadow(@navbar-default-bg); + filter: none; + .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1)); -.navbar .nav .active > a, -.navbar .nav .active > a:hover { - background-color: @navbarBackground; - background-color: rgba(0,0,0,.2); + .navbar-nav > li > a, + &-brand { + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + } } -.navbar .search-query { - border: 1px solid darken(@linkColor, 10%); +.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%); } -// responsive menu colors +// Buttons ==================================================================== -.navbar .nav-collapse.in > .nav > li .dropdown-menu a { - color: @white; - - &:hover { - color: @white; +.btn { + + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + + .caret { + border-top-color: #fff; } } -.navbar .nav-collapse.in .nav li > a { - color: @white; +.btn-default { + .btn-shadow(@btn-default-bg); + &:hover { - background-color: #2B7CAC; + color: @btn-default-color; } -} -.btn-navbar:hover { - background-color: darken(@white, 20%); + .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 ================================================================= -// Make icons gray -i[class^="icon-"]{ - opacity: 0.8; +// Progress bars ============================================================== + +// Containers ================================================================= + +.panel-primary, +.panel-success, +.panel-warning, +.panel-danger, +.panel-info { + + .panel-heading, + .panel-title { + color: #fff; + } }