diff options
Diffstat (limited to '2/cerulean/bootswatch.less')
-rwxr-xr-x | 2/cerulean/bootswatch.less | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/2/cerulean/bootswatch.less b/2/cerulean/bootswatch.less new file mode 100755 index 00000000..e4f0e4cf --- /dev/null +++ b/2/cerulean/bootswatch.less @@ -0,0 +1,180 @@ +// Cerulean 2.3.2 +// Bootswatch +// ----------------------------------------------------- + + +// TYPOGRAPHY +// ----------------------------------------------------- + +@import url(//fonts.googleapis.com/css?family=Telex); + +// SCAFFOLDING +// ----------------------------------------------------- + +// NAVBAR +// ----------------------------------------------------- + +.navbar { + + .brand { + padding: 14px 20px 16px; + font-family: @headingsFontFamily; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + } + + li { + line-height: 20px; + } + + .nav > li > a { + padding: 16px 10px 14px; + font-family: @headingsFontFamily; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + } + + .search-query { + border: 1px solid darken(@linkColor, 10%); + line-height: normal; + } + + .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); + } + + &-inverse { + + .navbar-search .search-query { + color: @textColor; + } + } +} + +@media (max-width: @navbarCollapseWidth) { + + .navbar .nav-collapse { + + .nav li > a { + + font-family: @headingsFontFamily; + font-weight: normal; + color: @white; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); + + &: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-inverse .nav-collapse { + + .nav li > a { + color: @navbarInverseLinkColor; + + &:hover { + background-color: rgba(0, 0, 0, 0.1); + } + } + + .nav .active > a, + .nav > li > a:hover, + .dropdown-menu a:hover { + background-color: rgba(0, 0, 0, 0.1) !important; + } + } +} + +div.subnav { + + font-family: @headingsFontFamily; + text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); + + &-fixed { + top: @navbarHeight + 1; + } +} + +// NAV +// ----------------------------------------------------- + +// 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-primary { + .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground); +} + +.btn-info { + .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground); +} + +.btn-success { + .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground); +} + +.btn-warning { + .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground); +} + +.btn-danger { + .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground); +} + +.btn-inverse { + .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground); +} + +// TABLES +// ----------------------------------------------------- + +// FORMS +// ----------------------------------------------------- + +// DROPDOWNS +// ----------------------------------------------------- + +// ALERTS, LABELS, BADGES +// ----------------------------------------------------- + +// MISC +// ----------------------------------------------------- + +i[class^="icon-"]{ + opacity: 0.8; +} + +// MEDIA QUERIES +// ----------------------------------------------------- |