diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-08-24 21:27:41 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-08-24 21:27:41 -0400 |
commit | 0501a78aa63ee43167f6fd103f9e810f46c8bcaf (patch) | |
tree | 0c24e26b405accf8f25e95ede72b2546a5504d42 /slate | |
parent | 74c226b2c3495871e73d3b389c41ebcaff8bd120 (diff) |
all: organized sections in less
Diffstat (limited to 'slate')
-rw-r--r-- | slate/bootstrap.css | 444 | ||||
-rw-r--r-- | slate/bootstrap.min.css | 77 | ||||
-rwxr-xr-x | slate/bootswatch.less | 297 |
3 files changed, 422 insertions, 396 deletions
diff --git a/slate/bootstrap.css b/slate/bootstrap.css index 218e2f25..18e172c5 100644 --- a/slate/bootstrap.css +++ b/slate/bootstrap.css @@ -4753,11 +4753,22 @@ h2, h3, h4, h5, -h6, -legend, -label { +h6 { text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } +code, +pre { + background-color: #F7F7F7; + border: 1px solid #1c1e22; + text-shadow: none; +} +hr, +legend, +.page-header { + border-top: none; + border-bottom: 1px solid #1c1e22; + background-color: transparent; +} .navbar .navbar-inner { background-color: #3a3f44; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); @@ -4864,11 +4875,6 @@ label { background-image: -o-linear-gradient(280deg, #202328, #272b30); background-image: linear-gradient(280deg, #202328, #272b30); } -@media (max-width: 979px) { - .navbar .brand { - border-right: none; - } -} div.subnav { background-color: #3a3f44; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); @@ -4934,10 +4940,156 @@ div.subnav.subnav-fixed { -moz-box-shadow: none; box-shadow: none; } -@media (max-width: 768px) { - div.subnav .nav > li + li > a { - border-top: 1px solid transparent; - } +.nav .nav-header { + text-shadow: none; +} +.nav > li > a { + background-color: #3a3f44; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); + background-image: -webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-image: -moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44); + background-image: -o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-image: linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0); + -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + border: none; + color: #757c82; + font-weight: bold; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +} +.nav > li.active > a, +.nav > li.active > a:hover { + background-color: transparent; + border: none; + color: #ffffff; +} +.nav > li > a:hover { + background-color: transparent; + color: #bbbfc2; +} +.nav-list { + background-color: #3a3f44; + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); +} +.nav-list li > a { + background-image: none; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} +.nav-list .nav-header { + color: #52575c; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); +} +.nav-list .divider { + border-bottom: 1px solid #1c1e22; + background-color: transparent; +} +.nav-tabs { + border-bottom: none; +} +.tabs-below .nav-tabs { + border-top: none; +} +.tabs-left .nav-tabs { + border-right: none; +} +.tabs-right .nav-tabs { + border-left: none; +} +.nav-tabs.nav-stacked > li > a, +.nav-tabs.nav-stacked > li > a:hover { + border: none; +} +.breadcrumb { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.breadcrumb, +.pagination > ul a, +.pager a { + border: 1px solid transparent; + -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; + background-color: #3a3f44; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); + background-image: -webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-image: -moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44); + background-image: -o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-image: linear-gradient(#52575c, #3a3f44 70%, #3a3f44); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0); +} +.breadcrumb li, +.breadcrumb a, +.pagination > ul a { + color: #bbbfc2; + font-weight: bold; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +} +.breadcrumb a { + color: #ffffff; +} +.pagination > ul { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.pagination li > a, +.pagination li.disabled > a { + border-left: 1px solid #52575c; + border-right: 1px solid #2e3134; + border-top: none; + border-bottom: none; +} +.pagination li.disabled > a { + background-color: #52575c; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757c82), color-stop(70%, #52575c), to(#52575c)); + background-image: -webkit-linear-gradient(#757c82, #52575c 70%, #52575c); + background-image: -moz-linear-gradient(top, #757c82, #52575c 7000%, #52575c); + background-image: -o-linear-gradient(#757c82, #52575c 70%, #52575c); + background-image: linear-gradient(#757c82, #52575c 70%, #52575c); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff52575c', GradientType=0); +} +.pagination > ul > li:not(.disabled) a:hover { + background-color: #3a3f44; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(280deg, #272b30, #3a3f44); + background-image: -webkit-linear-gradient(280deg, #272b30, #3a3f44); + background-image: -o-linear-gradient(280deg, #272b30, #3a3f44); + background-image: linear-gradient(280deg, #272b30, #3a3f44); + border-left: 1px solid transparent; +} +.pagination > ul > li.active > a, +.pagination > ul > li.active > a:hover { + color: #bbbfc2; + background-color: #3a3f44; + background-color: #43494f; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(280deg, #30353b, #43494f); + background-image: -webkit-linear-gradient(280deg, #30353b, #43494f); + background-image: -o-linear-gradient(280deg, #30353b, #43494f); + background-image: linear-gradient(280deg, #30353b, #43494f); + border-left: 1px solid transparent; +} +.pager a:hover { + background-color: #3a3f44; + background-repeat: repeat-x; + background-image: -moz-linear-gradient(280deg, #272b30, #3a3f44); + background-image: -webkit-linear-gradient(280deg, #272b30, #3a3f44); + background-image: -o-linear-gradient(280deg, #272b30, #3a3f44); + background-image: linear-gradient(280deg, #272b30, #3a3f44); + border: 1px solid transparent; +} +.pager .disabled a, +.pager .disabled a:hover { + background-color: transparent; } .btn { color: #ffffff; @@ -5169,170 +5321,6 @@ div.subnav.subnav-fixed { .caret { border-top-color: #ffffff; } -.breadcrumb { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.breadcrumb, -.pagination > ul a, -.pager a { - border: 1px solid transparent; - -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - background-color: #3a3f44; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); - background-image: -webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-image: -moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44); - background-image: -o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-image: linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0); -} -.breadcrumb li, -.breadcrumb a, -.pagination > ul a { - color: #bbbfc2; - font-weight: bold; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -} -.breadcrumb a { - color: #ffffff; -} -.pagination > ul { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.pagination li > a, -.pagination li.disabled > a { - border-left: 1px solid #52575c; - border-right: 1px solid #2e3134; - border-top: none; - border-bottom: none; -} -.pagination li.disabled > a { - background-color: #52575c; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757c82), color-stop(70%, #52575c), to(#52575c)); - background-image: -webkit-linear-gradient(#757c82, #52575c 70%, #52575c); - background-image: -moz-linear-gradient(top, #757c82, #52575c 7000%, #52575c); - background-image: -o-linear-gradient(#757c82, #52575c 70%, #52575c); - background-image: linear-gradient(#757c82, #52575c 70%, #52575c); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff52575c', GradientType=0); -} -.pagination > ul > li:not(.disabled) a:hover { - background-color: #3a3f44; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(280deg, #272b30, #3a3f44); - background-image: -webkit-linear-gradient(280deg, #272b30, #3a3f44); - background-image: -o-linear-gradient(280deg, #272b30, #3a3f44); - background-image: linear-gradient(280deg, #272b30, #3a3f44); - border-left: 1px solid transparent; -} -.pagination > ul > li.active > a, -.pagination > ul > li.active > a:hover { - color: #bbbfc2; - background-color: #3a3f44; - background-color: #43494f; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(280deg, #30353b, #43494f); - background-image: -webkit-linear-gradient(280deg, #30353b, #43494f); - background-image: -o-linear-gradient(280deg, #30353b, #43494f); - background-image: linear-gradient(280deg, #30353b, #43494f); - border-left: 1px solid transparent; -} -.pager a:hover { - background-color: #3a3f44; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(280deg, #272b30, #3a3f44); - background-image: -webkit-linear-gradient(280deg, #272b30, #3a3f44); - background-image: -o-linear-gradient(280deg, #272b30, #3a3f44); - background-image: linear-gradient(280deg, #272b30, #3a3f44); - border: 1px solid transparent; -} -.pager .disabled a, -.pager .disabled a:hover { - background-color: transparent; -} -.nav .nav-header { - text-shadow: none; -} -.nav > li > a { - background-color: #3a3f44; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); - background-image: -webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-image: -moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44); - background-image: -o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-image: linear-gradient(#52575c, #3a3f44 70%, #3a3f44); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0); - -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; - border: none; - color: #757c82; - font-weight: bold; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -} -.nav > li.active > a, -.nav > li.active > a:hover { - background-color: transparent; - border: none; - color: #ffffff; -} -.nav > li > a:hover { - background-color: transparent; - color: #bbbfc2; -} -.nav-list { - background-color: #3a3f44; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -} -.nav-list li > a { - background-image: none; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); -} -.nav-list .nav-header { - color: #52575c; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); -} -.nav-list .divider { - border-bottom: 1px solid #1c1e22; - background-color: transparent; -} -.nav-tabs { - border-bottom: none; -} -.tabs-below .nav-tabs { - border-top: none; -} -.tabs-left .nav-tabs { - border-right: none; -} -.tabs-right .nav-tabs { - border-left: none; -} -.nav-tabs.nav-stacked > li > a, -.nav-tabs.nav-stacked > li > a:hover { - border: none; -} -.dropdown-menu { - -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); -} -.dropdown-menu li.active a, -.dropdown-menu li.active a:hover { - background-color: #3a3f44; -} -.dropdown.open .dropdown-toggle { - background-color: #3a3f44; - color: #bbbfc2; -} label, input, button, @@ -5341,8 +5329,9 @@ textarea, legend { color: #757c82; } -.form-actions { - border-top: none; +legend, +label { + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } .input-prepend .add-on, .input-append .add-on { @@ -5368,6 +5357,27 @@ select[readonly], textarea[readonly] { color: #bbbfc2; } +.form-actions { + border-top: none; +} +.dropdown-menu { + -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); +} +.dropdown-menu li.active a, +.dropdown-menu li.active a:hover { + background-color: #3a3f44; +} +.dropdown.open .dropdown-toggle { + background-color: #3a3f44; + color: #bbbfc2; +} +.dropdown-menu .divider { + border-top: none; + border-bottom: 1px solid #1c1e22; + background-color: transparent; +} .label, .alert { color: rgba(255, 255, 255, 0.9); @@ -5396,49 +5406,16 @@ textarea[readonly] { background-color: #3a87ad; border-color: #3a87ad; } -.modal { - background-color: #2e3236; -} -.modal-header { - border-bottom: none; -} -.modal-body { - border-bottom: 1px solid #1C1E22; -} -.modal-footer { - border-top: none; - background-color: #272b30; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -code, -pre { - background-color: #F7F7F7; - border: 1px solid #1c1e22; - text-shadow: none; -} -hr, -legend, -.page-header, -.dropdown-menu .divider { - border-top: none; - border-bottom: 1px solid #1c1e22; - background-color: transparent; -} -footer.footer { - border-top: 1px solid #1c1e22; -} -footer.footer p { - color: #757c82; -} .well, -.progress, .hero-unit { -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); } +.thumbnail, +a.thumbnail:hover { + border: 1px solid #1c1e22; +} .progress { background-color: #202328; background-color: #202328; @@ -5449,10 +5426,41 @@ footer.footer p { background-image: linear-gradient(to bottom, #202328, #202328); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff202328', endColorstr='#ff202328', GradientType=0); + -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); + -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); } -.thumbnail, -a.thumbnail:hover { - border: 1px solid #1c1e22; +.footer { + border-top: 1px solid #1c1e22; +} +.footer p { + color: #757c82; +} +.modal { + background-color: #2e3236; +} +.modal-header { + border-bottom: none; +} +.modal-body { + border-bottom: 1px solid #1C1E22; +} +.modal-footer { + border-top: none; + background-color: #272b30; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +@media (max-width: 979px) { + .navbar .brand { + border-right: none; + } +} +@media (max-width: 768px) { + div.subnav .nav > li + li > a { + border-top: 1px solid transparent; + } } .pull-right { float: right; diff --git a/slate/bootstrap.min.css b/slate/bootstrap.min.css index 9aea6699..945b34a2 100644 --- a/slate/bootstrap.min.css +++ b/slate/bootstrap.min.css @@ -800,7 +800,9 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .show{display:block;} .invisible{visibility:hidden;} .affix{position:fixed;} -h1,h2,h3,h4,h5,h6,legend,label{text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} +h1,h2,h3,h4,h5,h6{text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} +code,pre{background-color:#F7F7F7;border:1px solid #1c1e22;text-shadow:none;} +hr,legend,.page-header{border-top:none;border-bottom:1px solid #1c1e22;background-color:transparent;} .navbar .navbar-inner{background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);} .navbar .brand{font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);border-right:1px solid #2e3134;} .navbar .navbar-text{padding:0 15px;font-weight:bold;} @@ -816,14 +818,37 @@ h1,h2,h3,h4,h5,h6,legend,label{text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} .navbar-inverse .navbar-inner{background-color:#151719;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#202328), color-stop(70%, #151719), to(#151719));background-image:-webkit-linear-gradient(#202328, #151719 70%, #151719);background-image:-moz-linear-gradient(top, #202328, #151719 7000%, #151719);background-image:-o-linear-gradient(#202328, #151719 70%, #151719);background-image:linear-gradient(#202328, #151719 70%, #151719);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff202328', endColorstr='#ff151719', GradientType=0);} .navbar-inverse .nav li>a{background-image:none;background-color:transparent;} .navbar-inverse .nav li>a:hover,.navbar-inverse .nav li.active>a,.navbar-inverse .nav li.active>a:hover{background-color:#272b30;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #202328, #272b30);background-image:-webkit-linear-gradient(280deg, #202328, #272b30);background-image:-o-linear-gradient(280deg, #202328, #272b30);background-image:linear-gradient(280deg, #202328, #272b30);} -@media (max-width:979px){.navbar .brand{border-right:none;}}div.subnav{background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);border:1px solid transparent;-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';}div.subnav .nav>li>a{color:#bbbfc2;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);border-right:1px solid #2e3134;border-left:1px solid #52575c;}div.subnav .nav>li>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border-left:1px solid transparent;border-right:1px solid transparent;} +div.subnav{background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);border:1px solid transparent;-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';}div.subnav .nav>li>a{color:#bbbfc2;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);border-right:1px solid #2e3134;border-left:1px solid #52575c;}div.subnav .nav>li>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border-left:1px solid transparent;border-right:1px solid transparent;} div.subnav .nav>li.active>a,div.subnav .nav>li.active>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#43494f;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #30353b, #43494f);background-image:-webkit-linear-gradient(280deg, #30353b, #43494f);background-image:-o-linear-gradient(280deg, #30353b, #43494f);background-image:linear-gradient(280deg, #30353b, #43494f);border-right:1px solid #2e3134;} div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover{border-left:1px solid transparent;} div.subnav.subnav-fixed .nav>li.active:first-child>a,div.subnav.subnav-fixed .nav>li:first-child>a:hover{border-left:1px solid #2e3134;} div.subnav .nav>li.active:last-child>a,div.subnav .nav>li:last-child>a:hover{border-right:1px solid #2e3134;} div.subnav .open .dropdown-toggle{border-right:1px solid #2e3134;border-left:1px solid #52575c;} div.subnav.subnav-fixed{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -@media (max-width:768px){div.subnav .nav>li+li>a{border-top:1px solid transparent;}}.btn{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#484d51;background-image:-moz-linear-gradient(top, #52575c, #3a3e41);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), to(#3a3e41));background-image:-webkit-linear-gradient(top, #52575c, #3a3e41);background-image:-o-linear-gradient(top, #52575c, #3a3e41);background-image:linear-gradient(to bottom, #52575c, #3a3e41);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3e41', GradientType=0);border-color:#3a3e41 #3a3e41 #161719;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#3a3e41;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #272b30;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#ffffff;background-color:#3a3e41;*background-color:#2e3134;} +.nav .nav-header{text-shadow:none;} +.nav>li>a{background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';border:none;color:#757c82;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} +.nav>li.active>a,.nav>li.active>a:hover{background-color:transparent;border:none;color:#ffffff;} +.nav>li>a:hover{background-color:transparent;color:#bbbfc2;} +.nav-list{background-color:#3a3f44;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);}.nav-list li>a{background-image:none;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} +.nav-list .nav-header{color:#52575c;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} +.nav-list .divider{border-bottom:1px solid #1c1e22;background-color:transparent;} +.nav-tabs{border-bottom:none;} +.tabs-below .nav-tabs{border-top:none;} +.tabs-left .nav-tabs{border-right:none;} +.tabs-right .nav-tabs{border-left:none;} +.nav-tabs.nav-stacked>li>a,.nav-tabs.nav-stacked>li>a:hover{border:none;} +.breadcrumb{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.breadcrumb,.pagination>ul a,.pager a{border:1px solid transparent;-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);} +.breadcrumb li,.breadcrumb a,.pagination>ul a{color:#bbbfc2;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} +.breadcrumb a{color:#ffffff;} +.pagination >ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.pagination li>a,.pagination li.disabled>a{border-left:1px solid #52575c;border-right:1px solid #2e3134;border-top:none;border-bottom:none;} +.pagination li.disabled>a{background-color:#52575c;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#757c82), color-stop(70%, #52575c), to(#52575c));background-image:-webkit-linear-gradient(#757c82, #52575c 70%, #52575c);background-image:-moz-linear-gradient(top, #757c82, #52575c 7000%, #52575c);background-image:-o-linear-gradient(#757c82, #52575c 70%, #52575c);background-image:linear-gradient(#757c82, #52575c 70%, #52575c);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff52575c', GradientType=0);} +.pagination >ul>li:not(.disabled) a:hover{background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border-left:1px solid transparent;} +.pagination >ul>li.active>a,.pagination >ul>li.active>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#43494f;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #30353b, #43494f);background-image:-webkit-linear-gradient(280deg, #30353b, #43494f);background-image:-o-linear-gradient(280deg, #30353b, #43494f);background-image:linear-gradient(280deg, #30353b, #43494f);border-left:1px solid transparent;} +.pager a:hover{background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border:1px solid transparent;} +.pager .disabled a,.pager .disabled a:hover{background-color:transparent;} +.btn{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#484d51;background-image:-moz-linear-gradient(top, #52575c, #3a3e41);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), to(#3a3e41));background-image:-webkit-linear-gradient(top, #52575c, #3a3e41);background-image:-o-linear-gradient(top, #52575c, #3a3e41);background-image:linear-gradient(to bottom, #52575c, #3a3e41);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3e41', GradientType=0);border-color:#3a3e41 #3a3e41 #161719;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#3a3e41;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #272b30;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#ffffff;background-color:#3a3e41;*background-color:#2e3134;} .btn:active,.btn.active{background-color:#222426 \9;} .btn,.btn:hover{color:#ffffff;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} .btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#757a82;background-image:-moz-linear-gradient(top, #757c82, #757882);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#757c82), to(#757882));background-image:-webkit-linear-gradient(top, #757c82, #757882);background-image:-o-linear-gradient(top, #757c82, #757882);background-image:linear-gradient(to bottom, #757c82, #757882);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff757882', GradientType=0);border-color:#757882 #757882 #51535a;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#757882;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#757882;*background-color:#696b75;} @@ -839,53 +864,29 @@ div.subnav.subnav-fixed{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: .btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#393939;background-image:-moz-linear-gradient(top, #454545, #262626);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));background-image:-webkit-linear-gradient(top, #454545, #262626);background-image:-o-linear-gradient(top, #454545, #262626);background-image:linear-gradient(to bottom, #454545, #262626);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff454545', endColorstr='#ff262626', GradientType=0);border-color:#262626 #262626 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#262626;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#262626;*background-color:#191919;} .btn-inverse:active,.btn-inverse.active{background-color:#0c0c0c \9;} .caret{border-top-color:#ffffff;} -.breadcrumb{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.breadcrumb,.pagination>ul a,.pager a{border:1px solid transparent;-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);} -.breadcrumb li,.breadcrumb a,.pagination>ul a{color:#bbbfc2;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} -.breadcrumb a{color:#ffffff;} -.pagination >ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.pagination li>a,.pagination li.disabled>a{border-left:1px solid #52575c;border-right:1px solid #2e3134;border-top:none;border-bottom:none;} -.pagination li.disabled>a{background-color:#52575c;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#757c82), color-stop(70%, #52575c), to(#52575c));background-image:-webkit-linear-gradient(#757c82, #52575c 70%, #52575c);background-image:-moz-linear-gradient(top, #757c82, #52575c 7000%, #52575c);background-image:-o-linear-gradient(#757c82, #52575c 70%, #52575c);background-image:linear-gradient(#757c82, #52575c 70%, #52575c);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff52575c', GradientType=0);} -.pagination >ul>li:not(.disabled) a:hover{background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border-left:1px solid transparent;} -.pagination >ul>li.active>a,.pagination >ul>li.active>a:hover{color:#bbbfc2;background-color:#3a3f44;background-color:#43494f;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #30353b, #43494f);background-image:-webkit-linear-gradient(280deg, #30353b, #43494f);background-image:-o-linear-gradient(280deg, #30353b, #43494f);background-image:linear-gradient(280deg, #30353b, #43494f);border-left:1px solid transparent;} -.pager a:hover{background-color:#3a3f44;background-repeat:repeat-x;background-image:-moz-linear-gradient(280deg, #272b30, #3a3f44);background-image:-webkit-linear-gradient(280deg, #272b30, #3a3f44);background-image:-o-linear-gradient(280deg, #272b30, #3a3f44);background-image:linear-gradient(280deg, #272b30, #3a3f44);border:1px solid transparent;} -.pager .disabled a,.pager .disabled a:hover{background-color:transparent;} -.nav .nav-header{text-shadow:none;} -.nav>li>a{background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 7000%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0);-webkit-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';-moz-box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';box-shadow:'0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)';border:none;color:#757c82;font-weight:bold;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} -.nav>li.active>a,.nav>li.active>a:hover{background-color:transparent;border:none;color:#ffffff;} -.nav>li>a:hover{background-color:transparent;color:#bbbfc2;} -.nav-list{background-color:#3a3f44;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);}.nav-list li>a{background-image:none;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} -.nav-list .nav-header{color:#52575c;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} -.nav-list .divider{border-bottom:1px solid #1c1e22;background-color:transparent;} -.nav-tabs{border-bottom:none;} -.tabs-below .nav-tabs{border-top:none;} -.tabs-left .nav-tabs{border-right:none;} -.tabs-right .nav-tabs{border-left:none;} -.nav-tabs.nav-stacked>li>a,.nav-tabs.nav-stacked>li>a:hover{border:none;} -.dropdown-menu{-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);}.dropdown-menu li.active a,.dropdown-menu li.active a:hover{background-color:#3a3f44;} -.dropdown.open .dropdown-toggle{background-color:#3a3f44;color:#bbbfc2;} label,input,button,select,textarea,legend{color:#757c82;} -.form-actions{border-top:none;} +legend,label{text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);} .input-prepend .add-on,.input-append .add-on{vertical-align:top;background-color:#52575c;border-top:1px solid #757c82;border-left:1px solid #757c82;border-bottom:1px solid #3a3f44;border-right:1px solid #3a3f44;text-shadow:none;} .input-append .btn,.input-prepend .btn{margin-top:-1px;padding:5px 14px;} .uneditable-input,input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{color:#bbbfc2;} +.form-actions{border-top:none;} +.dropdown-menu{-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);}.dropdown-menu li.active a,.dropdown-menu li.active a:hover{background-color:#3a3f44;} +.dropdown.open .dropdown-toggle{background-color:#3a3f44;color:#bbbfc2;} +.dropdown-menu .divider{border-top:none;border-bottom:1px solid #1c1e22;background-color:transparent;} .label,.alert{color:rgba(255, 255, 255, 0.9);text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);} .alert-heading{color:rgba(255, 255, 255, 0.9);text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.4);} .alert{background-color:#f89406;border-color:#f89406;} .alert-success{background-color:#468847;border-color:#468847;} .alert-error{background-color:#b94a48;border-color:#b94a48;} .alert-info{background-color:#3a87ad;border-color:#3a87ad;} -.modal{background-color:#2e3236;} -.modal-header{border-bottom:none;} +.well,.hero-unit{-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);} +.thumbnail,a.thumbnail:hover{border:1px solid #1c1e22;} +.progress{background-color:#202328;background-color:#202328;background-image:-moz-linear-gradient(top, #202328, #202328);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#202328), to(#202328));background-image:-webkit-linear-gradient(top, #202328, #202328);background-image:-o-linear-gradient(top, #202328, #202328);background-image:linear-gradient(to bottom, #202328, #202328);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff202328', endColorstr='#ff202328', GradientType=0);-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);} +.footer{border-top:1px solid #1c1e22;}.footer p{color:#757c82;} +.modal{background-color:#2e3236;}.modal-header{border-bottom:none;} .modal-body{border-bottom:1px solid #1C1E22;} .modal-footer{border-top:none;background-color:#272b30;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -code,pre{background-color:#F7F7F7;border:1px solid #1c1e22;text-shadow:none;} -hr,legend,.page-header,.dropdown-menu .divider{border-top:none;border-bottom:1px solid #1c1e22;background-color:transparent;} -footer.footer{border-top:1px solid #1c1e22;}footer.footer p{color:#757c82;} -.well,.progress,.hero-unit{-webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5);} -.progress{background-color:#202328;background-color:#202328;background-image:-moz-linear-gradient(top, #202328, #202328);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#202328), to(#202328));background-image:-webkit-linear-gradient(top, #202328, #202328);background-image:-o-linear-gradient(top, #202328, #202328);background-image:linear-gradient(to bottom, #202328, #202328);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff202328', endColorstr='#ff202328', GradientType=0);} -.thumbnail,a.thumbnail:hover{border:1px solid #1c1e22;} -.pull-right{float:right;} +@media (max-width:979px){.navbar .brand{border-right:none;}}@media (max-width:768px){div.subnav .nav>li+li>a{border-top:1px solid transparent;}}.pull-right{float:right;} .pull-left{float:left;} .hide{display:none;} .show{display:block;} diff --git a/slate/bootswatch.less b/slate/bootswatch.less index 928f6513..6dd84fa6 100755 --- a/slate/bootswatch.less +++ b/slate/bootswatch.less @@ -3,13 +3,28 @@ // Version: 2.1.0 // ----------------------------------------------------- -// SCAFFOLDING +// TYPOGRAPHY // ----------------------------------------------------- -h1, h2, h3, h4, h5, h6, legend, label { +h1, h2, h3, h4, h5, h6 { text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } +code, pre { + background-color: #F7F7F7; + border: 1px solid darken(@grayDarker, 5%); + text-shadow: none; +} + +// SCAFFOLDING +// ----------------------------------------------------- + +hr, legend, .page-header { + border-top: none; + border-bottom: 1px solid darken(@grayDarker, 5%); + background-color: transparent; +} + // NAVBAR // ----------------------------------------------------- @@ -111,12 +126,6 @@ h1, h2, h3, h4, h5, h6, legend, label { } } -@media (max-width: 979px) { - .navbar .brand { - border-right: none; - } -} - div.subnav { #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark); border: 1px solid transparent; @@ -170,62 +179,74 @@ div.subnav { } } -@media (max-width: 768px) { - div.subnav .nav > li + li > a { - border-top: 1px solid transparent; - } -} - -// BUTTONS +// NAV // ----------------------------------------------------- -.btn { - .buttonBackground(@gray, darken(@gray, 10%)); - .border-radius(3px); - border: 1px solid @grayDarker; +.nav .nav-header { + text-shadow: none; } -.btn, .btn:hover { - color: @white; +.nav > li > a { + #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark); + .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'); + border: none; + color: @grayLight; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } -.btn-primary { - .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20)); +.nav > li.active > a, +.nav > li.active > a:hover { + background-color: transparent; + border: none; + color: @white; } -.btn-warning { - .buttonBackground(lighten(@orange, 15%), @orange); +.nav > li > a:hover { + background-color: transparent; + color: @grayLighter; } -.btn-danger { - .buttonBackground(#ee5f5b, #bd362f); -} +.nav-list { + background-color: @grayDark; + .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); -.btn-success { - .buttonBackground(#62c462, #51a351); -} + li > a { + background-image: none; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); + } -.btn-info { - .buttonBackground(#5bc0de, #2f96b4); -} + .nav-header { + color: @gray; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); + } -.btn-inverse { - .buttonBackground(#454545, #262626); + .divider { + border-bottom: 1px solid darken(@grayDarker, 5%); + background-color: transparent; + } } -.caret { - border-top-color: @white; +.nav-tabs { + border-bottom: none; } -// TABLES -// ----------------------------------------------------- +.tabs-below .nav-tabs { + border-top: none; +} +.tabs-left .nav-tabs { + border-right: none; +} +.tabs-right .nav-tabs { + border-left: none; +} -// NAVIGATION -// ----------------------------------------------------- +.nav-tabs.nav-stacked > li > a, +.nav-tabs.nav-stacked > li > a:hover { + border: none; +} .breadcrumb { .box-shadow(none); @@ -293,85 +314,51 @@ div.subnav { } } -.nav .nav-header { - text-shadow: none; -} +// BUTTONS +// ----------------------------------------------------- -.nav > li > a { - #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark); - .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'); - border: none; - color: @grayLight; - font-weight: bold; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); +.btn { + .buttonBackground(@gray, darken(@gray, 10%)); + .border-radius(3px); + border: 1px solid @grayDarker; } -.nav > li.active > a, -.nav > li.active > a:hover { - background-color: transparent; - border: none; +.btn, .btn:hover { color: @white; + font-weight: bold; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } -.nav > li > a:hover { - background-color: transparent; - color: @grayLighter; -} - -.nav-list { - background-color: @grayDark; - .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); - - li > a { - background-image: none; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); - } - - .nav-header { - color: @gray; - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); - } - - .divider { - border-bottom: 1px solid darken(@grayDarker, 5%); - background-color: transparent; - } +.btn-primary { + .buttonBackground(@btnPrimaryBackground, spin(@btnPrimaryBackground, 20)); } -.nav-tabs { - border-bottom: none; +.btn-warning { + .buttonBackground(lighten(@orange, 15%), @orange); } -.tabs-below .nav-tabs { - border-top: none; +.btn-danger { + .buttonBackground(#ee5f5b, #bd362f); } -.tabs-left .nav-tabs { - border-right: none; +.btn-success { + .buttonBackground(#62c462, #51a351); } -.tabs-right .nav-tabs { - border-left: none; +.btn-info { + .buttonBackground(#5bc0de, #2f96b4); } -.nav-tabs.nav-stacked > li > a, -.nav-tabs.nav-stacked > li > a:hover { - border: none; +.btn-inverse { + .buttonBackground(#454545, #262626); } -.dropdown-menu { - .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2)); - - li.active a, - li.active a:hover { - background-color: @grayDark; - } +.caret { + border-top-color: @white; } -.dropdown.open .dropdown-toggle { - background-color: @grayDark; - color: @grayLighter; -} +// TABLES +// ----------------------------------------------------- // FORMS // ----------------------------------------------------- @@ -380,8 +367,8 @@ label, input, button, select, textarea, legend { color: @textColor; } -.form-actions { - border-top: none; +legend, label { + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); } .input-prepend .add-on, @@ -411,7 +398,34 @@ textarea[readonly] { color: @grayLighter; } -// LABELS AND ALERTS +.form-actions { + border-top: none; +} + +// DROPDOWNS +// ----------------------------------------------------- + +.dropdown-menu { + .box-shadow(0 5px 5px rgba(0, 0, 0, 0.2)); + + li.active a, + li.active a:hover { + background-color: @grayDark; + } +} + +.dropdown.open .dropdown-toggle { + background-color: @grayDark; + color: @grayLighter; +} + +.dropdown-menu .divider { + border-top: none; + border-bottom: 1px solid darken(@grayDarker, 5%); + background-color: transparent; +} + +// ALERTS, LABELS, BADGES // ----------------------------------------------------- .label, .alert { @@ -445,59 +459,62 @@ textarea[readonly] { border-color: @infoText; } -// MODALS +// MISC // ----------------------------------------------------- -.modal { - background-color: darken(@grayDark, 5%); +.well, .hero-unit { + .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5); } -.modal-header { - border-bottom: none; +.thumbnail, +a.thumbnail:hover { + border: 1px solid darken(@grayDarker, 5%); } -.modal-body { - border-bottom: 1px solid #1C1E22; +.progress { + background-color: darken(@grayDarker, 3%); + #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%)); + .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5); } -.modal-footer { - border-top: none; - background-color: @grayDarker; - .box-shadow(none); +.footer { + border-top: 1px solid darken(@grayDarker, 5%); + + p { + color: @textColor; + } } -// MISCELLANEOUS -// ----------------------------------------------------- +.modal { -code, pre { - background-color: #F7F7F7; - border: 1px solid darken(@grayDarker, 5%); - text-shadow: none; -} + background-color: darken(@grayDark, 5%); -hr, legend, .page-header, .dropdown-menu .divider { - border-top: none; - border-bottom: 1px solid darken(@grayDarker, 5%); - background-color: transparent; -} + &-header { + border-bottom: none; + } -footer.footer { - border-top: 1px solid darken(@grayDarker, 5%); + &-body { + border-bottom: 1px solid #1C1E22; + } - p { - color: @textColor; + &-footer { + border-top: none; + background-color: @grayDarker; + .box-shadow(none); } } -.well, .progress, .hero-unit { - .box-shadow(inset 1px 1px 1px rgba(0, 0, 0, 0.5); -} +// MEDIA QUERIES +// ----------------------------------------------------- -.progress { - background-color: darken(@grayDarker, 3%); - #gradient > .vertical(darken(@grayDarker, 3%), darken(@grayDarker, 3%)); +@media (max-width: 979px) { + .navbar .brand { + border-right: none; + } } -.thumbnail, a.thumbnail:hover { - border: 1px solid darken(@grayDarker, 5%); -} +@media (max-width: 768px) { + div.subnav .nav > li + li > a { + border-top: 1px solid transparent; + } +}
\ No newline at end of file |