diff options
Diffstat (limited to 'cyborg/bootswatch.less')
| -rwxr-xr-x | cyborg/bootswatch.less | 225 |
1 files changed, 113 insertions, 112 deletions
diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less index 419d5072..1bfc1faa 100755 --- a/cyborg/bootswatch.less +++ b/cyborg/bootswatch.less @@ -15,8 +15,16 @@ label, input, button, select, textarea, color: @gray; } -.jumbotron h1 { - font-weight: normal !important; +code, pre { + background-color: @grayLighter; +} + +blockquote { + border-left: 5px solid @blue; + + &.pull-right { + border-right: 5px solid @blue; + } } // SCAFFOLDING @@ -156,17 +164,6 @@ body { } } -.dropdown-menu { - background-color: #191A1A; - // border-left: solid 1px rgba(255, 255, 255, 0.1); - .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); -} - -.dropdown-menu li > a:hover { - background-color: @blue; - // border-bottom: 3px solid transparent; -} - div.subnav { position: static; background-color: @grayDarker; @@ -219,44 +216,9 @@ div.subnav { } } -@media (max-width: 768px) { - div.subnav .nav > li + li > a, - div.subnav .nav > li:first-child > a { - border-top: 1px solid #222; - border-left: 1px solid #222; - } - - .subnav .nav > li + li > a:hover, - .subnav .nav > li:first-child > a:hover { - border-bottom: 0; - background-color: @blue; - } -} - -// NAVIGATION +// NAV // ----------------------------------------------------- -.nav-list { - - li > a { - text-shadow: none; - } - - li > a:hover { - background-color: @blue; - color: @white; - } - - .nav-header { - text-shadow: none; - } - - .divider { - background-color: transparent; - border-bottom: 1px solid #222; - } -} - .nav-tabs { border-bottom: 1px solid #222; @@ -295,6 +257,27 @@ div.subnav { } } +.nav-list { + + li > a { + text-shadow: none; + } + + li > a:hover { + background-color: @blue; + color: @white; + } + + .nav-header { + text-shadow: none; + } + + .divider { + background-color: transparent; + border-bottom: 1px solid #222; + } +} + .nav-stacked { li > a { @@ -429,6 +412,7 @@ div.subnav { input, textarea, select { border-width: 2px; + .border-radius(1px); } legend, label { @@ -466,27 +450,7 @@ select:focus { border-top: 1px solid #222; } -// MODALS -// ----------------------------------------------------- - -.modal { - .border-radius(1px); - border-top: solid 1px lighten(@grayDark, 5%); - background-color: @grayDark; -} - -.modal-header { - border-bottom: 1px solid #222; -} - -.modal-footer { - background-color: @grayDark; - border-top: 1px solid #222; - .border-radius(0 0 6px 6px); - .box-shadow(none); -} - -// MISCELLANEOUS +// TABLES // ----------------------------------------------------- .table { @@ -507,41 +471,36 @@ select:focus { background-color: @blue; color: @white; } - - } +// DROPDOWNS +// ----------------------------------------------------- - -.well, .hero-unit, .prettyprint, input, textarea, select { - .border-radius(1px); -} - -code, pre { - background-color: @grayLighter; -} - -.well, .hero-unit { - border-top: solid 1px lighten(@grayDark, 5%); - .box-shadow(0 2px 4px rgba(0,0,0,.8)); +.dropdown-menu { + background-color: #191A1A; + .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); } -blockquote { - border-left: 5px solid @blue; - - &.pull-right { - border-right: 5px solid @blue; - } +.dropdown-menu li > a:hover { + background-color: @blue; } -.thumbnail { - border-color: #222; -} +// ALERTS, LABELS, BADGES +// ----------------------------------------------------- -.progress { - background-color: #060606; - background-image: none; - .border-radius(0); +.alert, +.alert .alert-heading, +.alert-success, +.alert-success .alert-heading, +.alert-danger, +.alert-error, +.alert-danger .alert-heading, +.alert-error .alert-heading, +.alert-info, +.alert-info .alert-heading { + color: @grayLighter; + text-shadow: none; + border: none; } .label { @@ -552,7 +511,8 @@ blockquote { .label:hover { background-color: darken(@gray, 30%); } -.label-important, .alert-danger, +.label-important, +.alert-danger, .alert-error { background-color: @red; } .label-important:hover { background-color: darken(@red, 10%); } @@ -569,21 +529,62 @@ blockquote { .label-info:hover { background-color: darken(@blueDark, 20%); } -.alert, -.alert .alert-heading, -.alert-success, -.alert-success .alert-heading, -.alert-danger, -.alert-error, -.alert-danger .alert-heading, -.alert-error .alert-heading, -.alert-info, -.alert-info .alert-heading { - color: @grayLighter; - text-shadow: none; - border: none; +// MISC +// ----------------------------------------------------- + +.well, .hero-unit { + .border-radius(1px); +} + +.well, .hero-unit { + border-top: solid 1px lighten(@grayDark, 5%); + .box-shadow(0 2px 4px rgba(0,0,0,.8)); +} + +.thumbnail { + border-color: #222; +} + +.progress { + background-color: #060606; + background-image: none; + .border-radius(0); } -footer.footer { +.modal { + .border-radius(1px); + border-top: solid 1px lighten(@grayDark, 5%); + background-color: @grayDark; +} + +.modal-header { + border-bottom: 1px solid #222; +} + +.modal-footer { + background-color: @grayDark; border-top: 1px solid #222; + .border-radius(0 0 6px 6px); + .box-shadow(none); +} + +.footer { + border-top: 1px solid #222; +} + +// MEDIA QUERIES +// ----------------------------------------------------- + +@media (max-width: 768px) { + div.subnav .nav > li + li > a, + div.subnav .nav > li:first-child > a { + border-top: 1px solid #222; + border-left: 1px solid #222; + } + + .subnav .nav > li + li > a:hover, + .subnav .nav > li:first-child > a:hover { + border-bottom: 0; + background-color: @blue; + } } |