diff options
Diffstat (limited to 'amelia/bootswatch.less')
| -rwxr-xr-x | amelia/bootswatch.less | 138 |
1 files changed, 39 insertions, 99 deletions
diff --git a/amelia/bootswatch.less b/amelia/bootswatch.less index 8a9e242a..1554bf39 100755 --- a/amelia/bootswatch.less +++ b/amelia/bootswatch.less @@ -1,5 +1,6 @@ // Bootswatch.less // Swatch: Amelia +// Version: 2.0.2 // ----------------------------------------------------- // TYPOGRAPHY @@ -8,32 +9,27 @@ @import url('http://fonts.googleapis.com/css?family=Lobster'); @import url('http://fonts.googleapis.com/css?family=Cabin:400,700'); -h1, h2, h3, h4, h5, h6, -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { +.navbar .brand, legend { + font-family: @headingsFontFamily; +} + +h6 { color: @textColor; - font-weight: normal; } -input, button, select, textarea, -.navbar-search .search-query, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: @baseFontFamily; + color: @textColor; } .muted { color: rgba(256, 256, 256, 0.5); } -.navbar .brand, h1, h2, h3, h4, h5, legend { - font-family: 'Lobster', cursive; -} - - // SCAFFOLDING // ----------------------------------------------------- body { - background-color: #4397A2; #gradient > .radial(lighten(#0F8790, 7%), #0F8790); } @@ -47,10 +43,10 @@ hr { footer.footer { border-top: 1px solid rgba(256, 256, 256, 0.3); -} - -footer.footer p { - color: @textColor; + + p { + color: @textColor; + } } // NAVBAR @@ -71,17 +67,6 @@ footer.footer p { padding-top: 17px; padding-bottom: 14px; text-shadow: none; - color: @textColor; - } - - .nav > li.active > a { - color: @white; - background-color: lighten(@navbarBackground, 10%); - } - - .nav > li > a:hover, - .nav > li.active > a:hover { - background-color: lighten(@navbarBackground, 10%); } .navbar-search { @@ -90,7 +75,6 @@ footer.footer p { .navbar-search .search-query { border: 2px solid lighten(@navbarBackground, 10%); - background-color: transparent; .border-radius(0); .box-shadow(none); @@ -105,13 +89,6 @@ footer.footer p { } } -.navbar .nav > li.dropdown.open > .dropdown-menu a:hover, -div.subnav .nav > li.dropdown.open > .dropdown-menu a:hover, -.dropdown-menu > li > a:hover, -.nav .dropdown.open > .dropdown-menu > li > a:hover { - background-color: rgba(0, 57, 59, 0.9); -} - div.subnav { background-color: rgba(42, 99, 105, 0.9); background-image: none; @@ -148,20 +125,20 @@ div.subnav { background-color: rgba(256, 256, 256, 0.4); color: @textColor; } -} - -div.subnav .nav > li:first-child > a:hover { - border-left-color: rgba(256, 256, 256, 0.4); - border-left-width: 1px; + + .nav > li:first-child > a:hover { + border-left-color: rgba(256, 256, 256, 0.4); + border-left-width: 1px; + } } div.subnav-fixed { top: 50px; } -.navbar .nav-collapse.collapse { +.navbar .nav-collapse.in { - li > a { + .nav li > a { color: @textColor; .border-radius(0); } @@ -185,8 +162,8 @@ div.subnav-fixed { .buttonBackgroundCustom(@color) { - background-image: none; background-color: @color; + border-color: transparent; &:hover, &:active, &.active, &.disabled, &[disabled] { background-color: darken(@color, 5%); @@ -208,10 +185,10 @@ div.subnav-fixed { .btn { padding: 12px 16px; .border-radius(0); - border: 0px solid transparent; + background-image: none; text-shadow: none; .box-shadow(none); - .buttonBackgroundCustom(@grayLighter); + .buttonBackgroundCustom(@btnBackground) } .btn-group .btn:first-child { @@ -240,34 +217,28 @@ div.subnav-fixed { .box-shadow(none); } - -.btn-warning .caret { - opacity: 0.75; - border-top-color: @white; -} - .btn-primary { - .buttonBackgroundCustom(#AD1D28); + .buttonBackgroundCustom(@btnPrimaryBackground); } -.btn-warning { - .buttonBackgroundCustom(@orange); +.btn-info { + .buttonBackgroundCustom(@btnInfoBackground); } -.btn-danger { - .buttonBackgroundCustom(darken(@yellow, 3%)); +.btn-success { + .buttonBackgroundCustom(@btnSuccessBackground); } -.btn-success { - .buttonBackgroundCustom(@green); +.btn-warning { + .buttonBackgroundCustom(@btnWarningBackground); } -.btn-info { - .buttonBackgroundCustom(@purple); +.btn-danger { + .buttonBackgroundCustom(@btnDangerBackground); } .btn-inverse { - .buttonBackgroundCustom(#27666D); + .buttonBackgroundCustom(@btnInverseBackground); } .btn-small { @@ -290,10 +261,6 @@ div.subnav-fixed { // TABLES // ----------------------------------------------------- -.table { - background-color: lighten(#147E88, 10%); -} - .table th, .table td, .table tbody + tbody { border-top: 0px solid transparent; @@ -301,38 +268,8 @@ div.subnav-fixed { .table-bordered { .border-radius(0); - border: 1px solid lighten(#147E88, 12%); - - th, td { - border-top: 1px solid lighten(#147E88, 12%); - } - - th + th, - td + td, - th + td, - td + th { - border-left: 1px solid lighten(#147E88, 12%); - } - -} - -.table-striped { - tbody { - tr:nth-child(odd) td, - tr:nth-child(odd) th { - background-color: lighten(#147E88, 15%); - } - } -} - -.table { - tbody tr:hover td, - tbody tr:hover th { - background-color: rgba(256, 256, 256, 0.4); - } } - // FORMS // ----------------------------------------------------- @@ -346,6 +283,10 @@ input, textarea, .uneditable-input { padding: 10px; } +.uneditable-input { + padding-bottom: 30px; +} + select { border: 0px solid transparent; } @@ -385,10 +326,11 @@ input, textarea, .search-query, .uneditable-input, .input-prepend .add-on, .input-append .add-on { height: 25px; padding-top: 9px; - text-shadow: none; + background-color: @grayLighter; border-color: transparent; .border-radius(0); - background-color: @grayLighter; + color: @gray; + text-shadow: none; } // NAVIGATION @@ -534,8 +476,6 @@ input, textarea, .search-query, .uneditable-input, } } - - // MISCELLANEOUS // ----------------------------------------------------- @@ -638,4 +578,4 @@ blockquote { small { color: rgba(256, 256, 256, 0.6); } -}
\ No newline at end of file +} |