diff options
Diffstat (limited to 'spruce')
-rw-r--r-- | spruce/bootstrap.css | 426 | ||||
-rw-r--r-- | spruce/bootstrap.min.css | 92 | ||||
-rwxr-xr-x | spruce/bootswatch.less | 416 |
3 files changed, 477 insertions, 457 deletions
diff --git a/spruce/bootstrap.css b/spruce/bootstrap.css index 9fe715db..73831c7e 100644 --- a/spruce/bootstrap.css +++ b/spruce/bootstrap.css @@ -4749,15 +4749,6 @@ a.badge:hover { .affix { position: fixed; } -.navbar .brand, -legend, -.btn, -.navbar .nav > li > a, -div.subnav li > a, -.navbar-text { - font-family: 'Josefin Slab', serif; - font-weight: 700; -} h1 { font-size: 54px; line-height: 1.2em; @@ -4785,13 +4776,21 @@ h6 > small, color: #f5f3dc; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } -.alert-heading { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - color: inherit; +code, +pre { + color: #026567; + background-color: #f5f3dc; } -body { - background-size: 100% 1400px; - background-repeat: repeat-y; +.page-header { + border-bottom: 2px solid #f5f3dc; + padding-bottom: 5px; +} +.page-header h1 { + margin-bottom: 0; +} +hr { + border-top: none; + border-bottom: 2px solid #f5f3dc; } blockquote { border-left: 2px solid #f5f3dc; @@ -4802,11 +4801,6 @@ blockquote.pull-right { blockquote small { color: #013435; } -code, -pre { - color: #026567; - background-color: #f5f3dc; -} .navbar .navbar-inner { background-image: none; -webkit-box-shadow: none; @@ -4814,12 +4808,16 @@ pre { box-shadow: none; } .navbar .brand { - font-size: 26px; padding: 18px 20px 12px; + font-size: 26px; + font-family: 'Josefin Slab', serif; + font-weight: 700; } .navbar .nav > li > a { - font-size: 20px; padding: 20px 20px 10px; + font-size: 20px; + font-family: 'Josefin Slab', serif; + font-weight: 700; } .navbar .nav .active > a, .navbar .nav .active > a:hover { @@ -4835,6 +4833,8 @@ pre { .navbar .navbar-text { margin: 19px 20px 0; font-size: 20px; + font-family: 'Josefin Slab', serif; + font-weight: 700; line-height: inherit; } .navbar .divider-vertical { @@ -4890,6 +4890,8 @@ div.subnav .nav > li > a { padding: 13px 12px 9px; border-color: transparent; background-color: transparent; + font-family: 'Josefin Slab', serif; + font-weight: 700; color: #f5f3dc; } div.subnav .nav > li + li > a { @@ -4919,42 +4921,144 @@ div.subnav .dropdown.open > .dropdown-menu a:hover { div.subnav.subnav-fixed { top: 50px; } -.table, -.table.table-bordered, -.table.table-striped { - -webkit-border-radius: 0 0 8px 8px; - -moz-border-radius: 0 0 8px 8px; - border-radius: 0 0 8px 8px; +.nav .disabled > a { + color: #ccc; } -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child, -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.nav .disabled > a:hover { + background-color: #748C73; } -.table-striped tbody:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 8px; - -moz-border-radius: 0 0 0 8px; - border-radius: 0 0 0 8px; +.nav-list li > a, +.nav-list .nav-header { + text-shadow: none; } -.table-striped tbody:last-child tr:last-child td:last-child { - -webkit-border-radius: 0 0 8px 0; - -moz-border-radius: 0 0 8px 0; - border-radius: 0 0 8px 0; +.nav-list li > a:hover { + background-color: transparent; } -.table-bordered { - border: none; +.nav-list li.active > a, +.nav-list li.active > a:hover { + background-color: #A2CDB5; + text-shadow: none; } -.table thead tr th:first-child, -.table tbody tr td:first-child { - border-left: none; +.nav-list .divider { + background-color: transparent; + border-bottom: 1px solid #f5f3dc; } -.table th, -.table-striped tbody tr:nth-child(odd) th { +.nav-tabs { + border-color: transparent; +} +.nav-tabs > li > a, +.nav-pills > li > a { + background-color: #748C73; +} +.nav-tabs > li > a:hover, +.nav-pills > li > a:hover { + background-color: #748C73; + border-color: transparent; +} +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-pills .active > a, +.nav-pills .active > a:hover { + background-color: #A2CDB5; + border-color: transparent; + color: #01584c; +} +.nav-tabs.nav-stacked > li > a { + border-color: transparent; +} +.nav-tabs.nav-stacked > li > a:hover { + border-color: transparent; +} +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle { + background-color: #748C73; + border-color: transparent; + color: #ebd90b; +} +.nav-tabs .active.open .dropdown-toggle, +.nav-pills .active.open .dropdown-toggle { + background-color: #A2CDB5; +} +.nav-tabs .dropdown-menu, +.nav-pills .dropdown-menu { + background-color: #f5f3dc; + color: #013435; + border-color: transparent; +} +.nav-tabs .dropdown-menu a:hover, +.nav-pills .dropdown-menu a:hover { + background-color: #A2CDB5; + color: #f5f3dc; +} +.nav .nav-header { + color: #01584c; +} +.tabbable .nav-tabs, +.tabbable .nav-tabs > li > a, +.tabbable .nav-tabs > li > a:hover, +.tabbable .nav-tabs > li.active > a, +.tabbable .nav-tabs > li.active > a:hover { + border-color: transparent; +} +.breadcrumb { + background-color: #748c73; + background-image: none; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.breadcrumb li { + color: #ebd90b; + text-shadow: none; +} +.breadcrumb li a { + color: #ebd90b; +} +.breadcrumb li a:hover { + color: #ebd90b; +} +.breadcrumb li .divider { + color: #f5f3dc; +} +.breadcrumb .active { + color: #f5f3dc; +} +.pagination > ul { background-color: #748c73; + background-image: none; + border-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.pagination a { + color: #ebd90b; + border-color: transparent; +} +.pagination a:hover { + color: #ebd90b; + background-color: rgba(0, 0, 0, 0.1); +} +.pagination .active a { color: #f5f3dc; + background-color: rgba(0, 0, 0, 0.1); +} +.pagination .disabled a, +.pagination .disabled a:hover { + color: #01584c; +} +.pager a { + border: none; + background-color: #748C73; +} +.pager a:hover { + background-color: #687D67; +} +.pager .disabled a, +.pager .disabled a:hover { + background-color: #748C73; + color: #013435; } .btn { color: #ffffff; @@ -4973,8 +5077,10 @@ div.subnav.subnav-fixed { /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - text-shadow: none; + font-family: 'Josefin Slab', serif; + font-weight: 700; color: #ffffff; + text-shadow: none; border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; @@ -5190,146 +5296,46 @@ div.subnav.subnav-fixed { -moz-box-shadow: none; box-shadow: none; } -.nav .disabled > a { - color: #ccc; -} -.nav .disabled > a:hover { - background-color: #748C73; -} -.breadcrumb { - background-color: #748c73; - background-image: none; - border-color: transparent; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +.table, +.table.table-bordered, +.table.table-striped { + -webkit-border-radius: 0 0 8px 8px; + -moz-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; } -.breadcrumb li { - color: #ebd90b; - text-shadow: none; +.table-bordered thead:first-child tr:first-child th:first-child, +.table-bordered tbody:first-child tr:first-child td:first-child, +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } -.breadcrumb li a { - color: #ebd90b; +.table-striped tbody:last-child tr:last-child td:first-child { + -webkit-border-radius: 0 0 0 8px; + -moz-border-radius: 0 0 0 8px; + border-radius: 0 0 0 8px; } -.breadcrumb li a:hover { - color: #ebd90b; +.table-striped tbody:last-child tr:last-child td:last-child { + -webkit-border-radius: 0 0 8px 0; + -moz-border-radius: 0 0 8px 0; + border-radius: 0 0 8px 0; } -.breadcrumb li .divider { - color: #f5f3dc; +.table-bordered { + border: none; } -.breadcrumb .active { - color: #f5f3dc; +.table thead tr th:first-child, +.table tbody tr td:first-child { + border-left: none; } -.pagination > ul { +.table th, +.table-striped tbody tr:nth-child(odd) th { background-color: #748c73; - background-image: none; - border-color: transparent; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.pagination a { - color: #ebd90b; - border-color: transparent; -} -.pagination a:hover { - color: #ebd90b; - background-color: rgba(0, 0, 0, 0.1); -} -.pagination .active a { color: #f5f3dc; - background-color: rgba(0, 0, 0, 0.1); -} -.pagination .disabled a, -.pagination .disabled a:hover { - color: #01584c; -} -.nav-list li > a, -.nav-list .nav-header { - text-shadow: none; -} -.nav-list li > a:hover { - background-color: transparent; -} -.nav-list li.active > a, -.nav-list li.active > a:hover { - background-color: #A2CDB5; - text-shadow: none; -} -.nav-list .divider { - background-color: transparent; - border-bottom: 1px solid #f5f3dc; -} -.nav-tabs { - border-color: transparent; -} -.nav-tabs > li > a, -.nav-pills > li > a { - background-color: #748C73; -} -.nav-tabs > li > a:hover, -.nav-pills > li > a:hover { - background-color: #748C73; - border-color: transparent; -} -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-pills .active > a, -.nav-pills .active > a:hover { - background-color: #A2CDB5; - border-color: transparent; - color: #01584c; -} -.nav-tabs.nav-stacked > li > a { - border-color: transparent; -} -.nav-tabs.nav-stacked > li > a:hover { - border-color: transparent; -} -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle { - background-color: #748C73; - border-color: transparent; - color: #ebd90b; -} -.nav-tabs .active.open .dropdown-toggle, -.nav-pills .active.open .dropdown-toggle { - background-color: #A2CDB5; -} -.nav-tabs .dropdown-menu, -.nav-pills .dropdown-menu { - background-color: #f5f3dc; - color: #013435; - border-color: transparent; -} -.nav-tabs .dropdown-menu a:hover, -.nav-pills .dropdown-menu a:hover { - background-color: #A2CDB5; - color: #f5f3dc; -} -.nav .nav-header { - color: #01584c; -} -.tabbable .nav-tabs, -.tabbable .nav-tabs > li > a, -.tabbable .nav-tabs > li > a:hover, -.tabbable .nav-tabs > li.active > a, -.tabbable .nav-tabs > li.active > a:hover { - border-color: transparent; -} -.pager a { - border: none; - background-color: #748C73; -} -.pager a:hover { - background-color: #687D67; -} -.pager .disabled a, -.pager .disabled a:hover { - background-color: #748C73; - color: #013435; } legend { + font-family: 'Josefin Slab', serif; + font-weight: 700; color: #f5f3dc; } label, @@ -5354,31 +5360,14 @@ legend { -moz-border-radius: 4px; border-radius: 4px; } -.modal-header { - padding: 12px 15px 6px; - background-color: #015b4e; -} -.modal-body, -.modal-footer { - background-color: #f5f3dc; - border: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.modal-body label, -.modal-footer label { - color: #013435; -} -.modal-footer { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} .alert { text-shadow: none; border: none; } +.alert-heading { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + color: inherit; +} .badge, .label { background-color: #01584c; @@ -5404,10 +5393,6 @@ legend { .label-inverse { background-color: #ebd90b; } -.progress { - background-color: #748c73; - background-image: none; -} .well { border: none; -webkit-box-shadow: none; @@ -5425,13 +5410,30 @@ legend { -moz-border-radius: 4px; border-radius: 4px; } -hr { - border-top: none; - border-bottom: 2px solid #f5f3dc; +.progress { + background-color: #748c73; + background-image: none; } -.page-header { - border-bottom: 2px solid #f5f3dc; - padding-bottom: 5px; +.modal-header { + padding: 12px 15px 6px; + background-color: #015b4e; +} +.modal-body, +.modal-footer { + background-color: #f5f3dc; + border: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.modal-body label, +.modal-footer label { + color: #013435; +} +.modal-footer { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } .pull-right { float: right; diff --git a/spruce/bootstrap.min.css b/spruce/bootstrap.min.css index a827331e..cd6777d1 100644 --- a/spruce/bootstrap.min.css +++ b/spruce/bootstrap.min.css @@ -801,24 +801,23 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .show{display:block;} .invisible{visibility:hidden;} .affix{position:fixed;} -.navbar .brand,legend,.btn,.navbar .nav>li>a,div.subnav li>a,.navbar-text{font-family:'Josefin Slab',serif;font-weight:700;} h1{font-size:54px;line-height:1.2em;color:#ebd90b;} h2{font-size:48px;} h3{font-size:36px;} h4{font-size:24px;} h5{font-size:20px;} h1>small,h2>small,h3>small,h4>small,h5>small,h6>small,.muted{color:#f5f3dc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} -.alert-heading{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit;} -body{background-size:100% 1400px;background-repeat:repeat-y;} +code,pre{color:#026567;background-color:#f5f3dc;} +.page-header{border-bottom:2px solid #f5f3dc;padding-bottom:5px;}.page-header h1{margin-bottom:0;} +hr{border-top:none;border-bottom:2px solid #f5f3dc;} blockquote{border-left:2px solid #f5f3dc;}blockquote.pull-right{border-right:2px solid #f5f3dc;} blockquote small{color:#013435;} -code,pre{color:#026567;background-color:#f5f3dc;} .navbar .navbar-inner{background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.navbar .brand{font-size:26px;padding:18px 20px 12px;} -.navbar .nav>li>a{font-size:20px;padding:20px 20px 10px;} +.navbar .brand{padding:18px 20px 12px;font-size:26px;font-family:'Josefin Slab',serif;font-weight:700;} +.navbar .nav>li>a{padding:20px 20px 10px;font-size:20px;font-family:'Josefin Slab',serif;font-weight:700;} .navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ebd90b;} .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.navbar .navbar-text{margin:19px 20px 0;font-size:20px;line-height:inherit;} +.navbar .navbar-text{margin:19px 20px 0;font-size:20px;font-family:'Josefin Slab',serif;font-weight:700;line-height:inherit;} .navbar .divider-vertical{border-color:rgba(0, 0, 0, 0.2);} .navbar .navbar-search{margin-top:12px;} .navbar .navbar-search .search-query{border-color:transparent;background-color:rgba(255, 255, 255, 0.4);color:#ffffff;} @@ -828,45 +827,13 @@ code,pre{color:#026567;background-color:#f5f3dc;} .navbar .btn-navbar{margin-top:14px;} .navbar .nav-collapse.in .nav li>a{color:#f5f3dc;}.navbar .nav-collapse.in .nav li>a:hover{color:#ebd90b;background-color:#01584c;} .navbar .navbar-form,.navbar .navbar-search{border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -div.subnav{background-color:#015b4e;background-image:none;border-color:transparent;-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);font-size:18px;}div.subnav .nav>li>a{padding:13px 12px 9px;border-color:transparent;background-color:transparent;color:#f5f3dc;} +div.subnav{background-color:#015b4e;background-image:none;border-color:transparent;-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);box-shadow:0 1px 5px rgba(0, 0, 0, 0.1);font-size:18px;}div.subnav .nav>li>a{padding:13px 12px 9px;border-color:transparent;background-color:transparent;font-family:'Josefin Slab',serif;font-weight:700;color:#f5f3dc;} div.subnav .nav>li+li>a{border-color:transparent;} div.subnav .nav>li.active>a,div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover,div.subnav .dropdown.open .dropdown-toggle,div.subnav .dropdown.open.active .dropdown-toggle:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent;border-color:transparent;color:#ebd90b;} div.subnav .dropdown.open>.dropdown-menu{background-color:#f5f3dc;color:#013435;border-color:transparent;} div.subnav .dropdown.open>.dropdown-menu a:hover{background-color:#748c73;color:#f5f3dc;} div.subnav.subnav-fixed{top:50px;} -.table,.table.table-bordered,.table.table-striped{-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;} -.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child,.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.table-striped tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 8px;-moz-border-radius:0 0 0 8px;border-radius:0 0 0 8px;} -.table-striped tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 8px 0;-moz-border-radius:0 0 8px 0;border-radius:0 0 8px 0;} -.table-bordered{border:none;} -.table thead tr th:first-child,.table tbody tr td:first-child{border-left:none;} -.table th,.table-striped tbody tr:nth-child(odd) th{background-color:#748c73;color:#f5f3dc;} -.btn{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#014344;background-image:-moz-linear-gradient(top, #014d4e, #013435);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#014d4e), to(#013435));background-image:-webkit-linear-gradient(top, #014d4e, #013435);background-image:-o-linear-gradient(top, #014d4e, #013435);background-image:linear-gradient(to bottom, #014d4e, #013435);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff014d4e', endColorstr='#ff013435', GradientType=0);border-color:#013435 #013435 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#013435;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-shadow:none;color:#ffffff;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#ffffff;background-color:#013435;*background-color:#011b1c;} -.btn:active,.btn.active{background-color:#000303 \9;} -.btn:hover{color:#eeeeee;} -.btn-large{font-size:18px;} -.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#01806f;background-image:-moz-linear-gradient(top, #028a78, #017162);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#028a78), to(#017162));background-image:-webkit-linear-gradient(top, #028a78, #017162);background-image:-o-linear-gradient(top, #028a78, #017162);background-image:linear-gradient(to bottom, #028a78, #017162);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff028a78', endColorstr='#ff017162', GradientType=0);border-color:#017162 #017162 #002620;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#017162;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:#017162;*background-color:#01584c;} -.btn-primary:active,.btn-primary.active{background-color:#013f36 \9;} -.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ec6a1e;background-image:-moz-linear-gradient(top, #ee7026, #e86112);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee7026), to(#e86112));background-image:-webkit-linear-gradient(top, #ee7026, #e86112);background-image:-o-linear-gradient(top, #ee7026, #e86112);background-image:linear-gradient(to bottom, #ee7026, #e86112);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee7026', endColorstr='#ffe86112', GradientType=0);border-color:#e86112 #e86112 #a1440d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e86112;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#e86112;*background-color:#d15710;} -.btn-warning:active,.btn-warning.active{background-color:#b94e0e \9;} -.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#d44f3e;background-image:-moz-linear-gradient(top, #d65747, #d14432);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d65747), to(#d14432));background-image:-webkit-linear-gradient(top, #d65747, #d14432);background-image:-o-linear-gradient(top, #d65747, #d14432);background-image:linear-gradient(to bottom, #d65747, #d14432);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65747', endColorstr='#ffd14432', GradientType=0);border-color:#d14432 #d14432 #952f21;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#d14432;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#d14432;*background-color:#bf3c2b;} -.btn-danger:active,.btn-danger.active{background-color:#aa3526 \9;} -.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;} -.btn-success:active,.btn-success.active{background-color:#408140 \9;} -.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;} -.btn-info:active,.btn-info.active{background-color:#24748c \9;} -.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#e1d00b;background-image:-moz-linear-gradient(top, #ebd90b, #d3c30a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ebd90b), to(#d3c30a));background-image:-webkit-linear-gradient(top, #ebd90b, #d3c30a);background-image:-o-linear-gradient(top, #ebd90b, #d3c30a);background-image:linear-gradient(to bottom, #ebd90b, #d3c30a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebd90b', endColorstr='#ffd3c30a', GradientType=0);border-color:#d3c30a #d3c30a #8a7f06;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#d3c30a;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:#d3c30a;*background-color:#baac09;} -.btn-inverse:active,.btn-inverse.active{background-color:#a29608 \9;} -.btn-group .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .nav .disabled>a{color:#ccc;}.nav .disabled>a:hover{background-color:#748C73;} -.breadcrumb{background-color:#748c73;background-image:none;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.breadcrumb li{color:#ebd90b;text-shadow:none;}.breadcrumb li a{color:#ebd90b;} -.breadcrumb li a:hover{color:#ebd90b;} -.breadcrumb li .divider{color:#f5f3dc;} -.breadcrumb .active{color:#f5f3dc;} -.pagination >ul{background-color:#748c73;background-image:none;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.pagination a{color:#ebd90b;border-color:transparent;}.pagination a:hover{color:#ebd90b;background-color:rgba(0, 0, 0, 0.1);} -.pagination .active a{color:#f5f3dc;background-color:rgba(0, 0, 0, 0.1);} -.pagination .disabled a,.pagination .disabled a:hover{color:#01584c;} .nav-list li>a,.nav-list .nav-header{text-shadow:none;} .nav-list li>a:hover{background-color:transparent;} .nav-list li.active>a,.nav-list li.active>a:hover{background-color:#A2CDB5;text-shadow:none;} @@ -880,28 +847,59 @@ div.subnav.subnav-fixed{top:50px;} .nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{background-color:#f5f3dc;color:#013435;border-color:transparent;}.nav-tabs .dropdown-menu a:hover,.nav-pills .dropdown-menu a:hover{background-color:#A2CDB5;color:#f5f3dc;} .nav .nav-header{color:#01584c;} .tabbable .nav-tabs,.tabbable .nav-tabs>li>a,.tabbable .nav-tabs>li>a:hover,.tabbable .nav-tabs>li.active>a,.tabbable .nav-tabs>li.active>a:hover{border-color:transparent;} +.breadcrumb{background-color:#748c73;background-image:none;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.breadcrumb li{color:#ebd90b;text-shadow:none;}.breadcrumb li a{color:#ebd90b;} +.breadcrumb li a:hover{color:#ebd90b;} +.breadcrumb li .divider{color:#f5f3dc;} +.breadcrumb .active{color:#f5f3dc;} +.pagination >ul{background-color:#748c73;background-image:none;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.pagination a{color:#ebd90b;border-color:transparent;}.pagination a:hover{color:#ebd90b;background-color:rgba(0, 0, 0, 0.1);} +.pagination .active a{color:#f5f3dc;background-color:rgba(0, 0, 0, 0.1);} +.pagination .disabled a,.pagination .disabled a:hover{color:#01584c;} .pager a{border:none;background-color:#748C73;}.pager a:hover{background-color:#687D67;} .pager .disabled a,.pager .disabled a:hover{background-color:#748C73;color:#013435;} -legend{color:#f5f3dc;} +.btn{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#014344;background-image:-moz-linear-gradient(top, #014d4e, #013435);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#014d4e), to(#013435));background-image:-webkit-linear-gradient(top, #014d4e, #013435);background-image:-o-linear-gradient(top, #014d4e, #013435);background-image:linear-gradient(to bottom, #014d4e, #013435);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff014d4e', endColorstr='#ff013435', GradientType=0);border-color:#013435 #013435 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#013435;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);font-family:'Josefin Slab',serif;font-weight:700;color:#ffffff;text-shadow:none;border-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#ffffff;background-color:#013435;*background-color:#011b1c;} +.btn:active,.btn.active{background-color:#000303 \9;} +.btn:hover{color:#eeeeee;} +.btn-large{font-size:18px;} +.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#01806f;background-image:-moz-linear-gradient(top, #028a78, #017162);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#028a78), to(#017162));background-image:-webkit-linear-gradient(top, #028a78, #017162);background-image:-o-linear-gradient(top, #028a78, #017162);background-image:linear-gradient(to bottom, #028a78, #017162);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff028a78', endColorstr='#ff017162', GradientType=0);border-color:#017162 #017162 #002620;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#017162;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:#017162;*background-color:#01584c;} +.btn-primary:active,.btn-primary.active{background-color:#013f36 \9;} +.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#ec6a1e;background-image:-moz-linear-gradient(top, #ee7026, #e86112);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee7026), to(#e86112));background-image:-webkit-linear-gradient(top, #ee7026, #e86112);background-image:-o-linear-gradient(top, #ee7026, #e86112);background-image:linear-gradient(to bottom, #ee7026, #e86112);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee7026', endColorstr='#ffe86112', GradientType=0);border-color:#e86112 #e86112 #a1440d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e86112;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#e86112;*background-color:#d15710;} +.btn-warning:active,.btn-warning.active{background-color:#b94e0e \9;} +.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#d44f3e;background-image:-moz-linear-gradient(top, #d65747, #d14432);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d65747), to(#d14432));background-image:-webkit-linear-gradient(top, #d65747, #d14432);background-image:-o-linear-gradient(top, #d65747, #d14432);background-image:linear-gradient(to bottom, #d65747, #d14432);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd65747', endColorstr='#ffd14432', GradientType=0);border-color:#d14432 #d14432 #952f21;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#d14432;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#d14432;*background-color:#bf3c2b;} +.btn-danger:active,.btn-danger.active{background-color:#aa3526 \9;} +.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(to bottom, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;} +.btn-success:active,.btn-success.active{background-color:#408140 \9;} +.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(to bottom, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;} +.btn-info:active,.btn-info.active{background-color:#24748c \9;} +.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#e1d00b;background-image:-moz-linear-gradient(top, #ebd90b, #d3c30a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ebd90b), to(#d3c30a));background-image:-webkit-linear-gradient(top, #ebd90b, #d3c30a);background-image:-o-linear-gradient(top, #ebd90b, #d3c30a);background-image:linear-gradient(to bottom, #ebd90b, #d3c30a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebd90b', endColorstr='#ffd3c30a', GradientType=0);border-color:#d3c30a #d3c30a #8a7f06;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#d3c30a;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:#d3c30a;*background-color:#baac09;} +.btn-inverse:active,.btn-inverse.active{background-color:#a29608 \9;} +.btn-group .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.table,.table.table-bordered,.table.table-striped{-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;} +.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child,.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} +.table-striped tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 8px;-moz-border-radius:0 0 0 8px;border-radius:0 0 0 8px;} +.table-striped tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 8px 0;-moz-border-radius:0 0 8px 0;border-radius:0 0 8px 0;} +.table-bordered{border:none;} +.table thead tr th:first-child,.table tbody tr td:first-child{border-left:none;} +.table th,.table-striped tbody tr:nth-child(odd) th{background-color:#748c73;color:#f5f3dc;} +legend{font-family:'Josefin Slab',serif;font-weight:700;color:#f5f3dc;} label,.help-block,input[type="file"]{color:#f5f3dc;} input,textarea,select{color:#013435;} .uneditable-input{color:#555555;} legend{border-bottom:2px solid #ffffff;} .form-actions{border-top:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} -.modal-header{padding:12px 15px 6px;background-color:#015b4e;} -.modal-body,.modal-footer{background-color:#f5f3dc;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.modal-body label,.modal-footer label{color:#013435;} -.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} .alert{text-shadow:none;border:none;} +.alert-heading{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit;} .badge,.label{background-color:#01584c;text-shadow:none;}.badge-success,.label-success{background-color:#24c00b;} .badge-warning,.label-warning{background-color:#ee7026;} .badge-important,.label-important{background-color:#d14432;} .badge-info,.label-info{background-color:#185af9;} .badge-inverse,.label-inverse{background-color:#ebd90b;} -.progress{background-color:#748c73;background-image:none;} .well{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .thumbnail{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.thumbnail img{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} -hr{border-top:none;border-bottom:2px solid #f5f3dc;} -.page-header{border-bottom:2px solid #f5f3dc;padding-bottom:5px;} +.progress{background-color:#748c73;background-image:none;} +.modal-header{padding:12px 15px 6px;background-color:#015b4e;} +.modal-body,.modal-footer{background-color:#f5f3dc;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.modal-body label,.modal-footer label{color:#013435;} +.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} .pull-right{float:right;} .pull-left{float:left;} .hide{display:none;} diff --git a/spruce/bootswatch.less b/spruce/bootswatch.less index 1bbc5a0a..24235df7 100755 --- a/spruce/bootswatch.less +++ b/spruce/bootswatch.less @@ -8,14 +8,6 @@ @import url('https://fonts.googleapis.com/css?family=Josefin+Slab:400,700'); -.navbar .brand, legend, .btn, -.navbar .nav > li > a, -div.subnav li > a, -.navbar-text { - font-family: @headingsFontFamily; - font-weight: @headingsFontWeight; -} - h1 { font-size: 54px; line-height: 1.2em; @@ -27,23 +19,43 @@ h3 { font-size: 36px; } h4 { font-size: 24px; } h5 { font-size: 20px; } -h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted { +h1 > small, +h2 > small, +h3 > small, +h4 > small, +h5 > small, +h6 > small, +.muted { color: @headingsColor; font-family: @baseFontFamily; } -.alert-heading { - font-family: @baseFontFamily; - color: inherit; +code, pre { + color: lighten(@blueDark, 10%); + background-color: @headingsColor; } // SCAFFOLDING // -------------------------------------------------- -body { - // #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F); - background-size: 100% 1400px; - background-repeat: repeat-y; +// body { +// #gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F); +// background-size: 100% 1400px; +// background-repeat: repeat-y; +// } + +.page-header { + border-bottom: 2px solid @headingsColor; + padding-bottom: 5px; + + h1 { + margin-bottom: 0; + } +} + +hr { + border-top: none; + border-bottom: 2px solid @headingsColor; } blockquote { @@ -58,11 +70,6 @@ blockquote { } } -code, pre { - color: lighten(@blueDark, 10%); - background-color: @headingsColor; -} - // NAVBAR // -------------------------------------------------- @@ -74,13 +81,17 @@ code, pre { } .brand { - font-size: 26px; padding: 18px 20px 12px; + font-size: 26px; + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; } .nav > li > a { - font-size: 20px; padding: 20px 20px 10px; + font-size: 20px; + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; } .nav .active > a, @@ -97,6 +108,8 @@ code, pre { .navbar-text { margin: 19px 20px 0; font-size: 20px; + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; line-height: inherit; } @@ -159,6 +172,8 @@ div.subnav { padding: 13px 12px 9px; border-color: transparent; background-color: transparent; + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; color: @headingsColor; } @@ -193,103 +208,109 @@ div.subnav { } } -// TABLES +// NAV // -------------------------------------------------- -.table, -.table.table-bordered, -.table.table-striped { - .border-radius(0 0 8px 8px); -} +.nav { + .disabled > a { -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child, -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { - .border-radius(0); -} + color: #ccc; -.table-striped tbody:last-child tr:last-child td:first-child { - .border-radius(0 0 0 8px); + &:hover { + background-color: #748C73; + } + } } -.table-striped tbody:last-child tr:last-child td:last-child { - .border-radius(0 0 8px 0); -} +.nav-list { -.table-bordered { - border: none; -} + li > a, + .nav-header { + text-shadow: none; + } -.table thead tr th:first-child, -.table tbody tr td:first-child { - border-left: none; -} + li > a:hover { + background-color: transparent; + } -.table th, -.table-striped tbody tr:nth-child(odd) th { - background-color: darken(#90A38F, 10%); - color: @headingsColor; -} + li.active > a, + li.active > a:hover { + background-color: #A2CDB5; + text-shadow: none; + } -// BUTTONS -// -------------------------------------------------- + .divider { + background-color: transparent; + border-bottom: 1px solid @headingsColor; + } +} -.btn { - .buttonBackground(lighten(@blueDark, 5%), @blueDark); - text-shadow: none; - color: @white; +.nav-tabs { border-color: transparent; - .box-shadow(none); +} + +.nav-tabs > li > a, +.nav-pills > li > a { + background-color: #748C73; &:hover { - color: @grayLighter; + background-color: #748C73; + border-color: transparent; } } -.btn-large { - font-size: 18px; +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-pills .active > a, +.nav-pills .active > a:hover { + background-color: #A2CDB5; + border-color: transparent; + color: @blue; } -.btn-primary { - .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%)); -} +.nav-tabs.nav-stacked > li > a { + border-color: transparent; -.btn-warning { - .buttonBackground(@orange, darken(@orange, 5%)); + &:hover { + border-color: transparent; + } } -.btn-danger { - .buttonBackground(lighten(@red, 5%), @red); +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle { + background-color: #748C73; + border-color: transparent; + color: @yellow; } -.btn-success { - .buttonBackground(#62c462, #51a351); +.nav-tabs .active.open .dropdown-toggle, +.nav-pills .active.open .dropdown-toggle { + background-color: #A2CDB5; } -.btn-info { - .buttonBackground(#5bc0de, #2f96b4); -} +.nav-tabs .dropdown-menu, +.nav-pills .dropdown-menu { + background-color: @headingsColor; + color: @textColor; + border-color: transparent; -.btn-inverse { - .buttonBackground(@yellow, darken(@yellow, 5%)); + a:hover { + background-color: #A2CDB5; + color: @headingsColor; + } } -.btn-group .dropdown-toggle { - .box-shadow(none); +.nav .nav-header { + color: @blue; } -// NAVIGATION -// -------------------------------------------------- - -.nav { - .disabled > a { - - color: #ccc; - - &:hover { - background-color: #748C73; - } +.tabbable { + .nav-tabs, + .nav-tabs > li > a, + .nav-tabs > li > a:hover, + .nav-tabs > li.active > a, + .nav-tabs > li.active > a:hover { + border-color: transparent; } } @@ -351,120 +372,118 @@ div.subnav { } } -.nav-list { +.pager { - li > a, - .nav-header { - text-shadow: none; - } + a { + border: none; + background-color: #748C73; - li > a:hover { - background-color: transparent; + &:hover { + background-color: #687D67; + } } - li.active > a, - li.active > a:hover { - background-color: #A2CDB5; - text-shadow: none; + .disabled a, + .disabled a:hover { + background-color: #748C73; + color: @textColor; } +} - .divider { - background-color: transparent; - border-bottom: 1px solid @headingsColor; +// BUTTONS +// -------------------------------------------------- + +.btn { + .buttonBackground(lighten(@blueDark, 5%), @blueDark); + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; + color: @white; + text-shadow: none; + border-color: transparent; + .box-shadow(none); + + &:hover { + color: @grayLighter; } } -.nav-tabs { - border-color: transparent; +.btn-large { + font-size: 18px; } -.nav-tabs > li > a, -.nav-pills > li > a { - background-color: #748C73; +.btn-primary { + .buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%)); +} - &:hover { - background-color: #748C73; - border-color: transparent; - } +.btn-warning { + .buttonBackground(@orange, darken(@orange, 5%)); } -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-pills .active > a, -.nav-pills .active > a:hover { - background-color: #A2CDB5; - border-color: transparent; - color: @blue; +.btn-danger { + .buttonBackground(lighten(@red, 5%), @red); } -.nav-tabs.nav-stacked > li > a { - border-color: transparent; +.btn-success { + .buttonBackground(#62c462, #51a351); +} - &:hover { - border-color: transparent; - } +.btn-info { + .buttonBackground(#5bc0de, #2f96b4); } -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle { - background-color: #748C73; - border-color: transparent; - color: @yellow; +.btn-inverse { + .buttonBackground(@yellow, darken(@yellow, 5%)); } -.nav-tabs .active.open .dropdown-toggle, -.nav-pills .active.open .dropdown-toggle { - background-color: #A2CDB5; +.btn-group .dropdown-toggle { + .box-shadow(none); } -.nav-tabs .dropdown-menu, -.nav-pills .dropdown-menu { - background-color: @headingsColor; - color: @textColor; - border-color: transparent; +// TABLES +// -------------------------------------------------- - a:hover { - background-color: #A2CDB5; - color: @headingsColor; - } +.table, +.table.table-bordered, +.table.table-striped { + .border-radius(0 0 8px 8px); } -.nav .nav-header { - color: @blue; +.table-bordered thead:first-child tr:first-child th:first-child, +.table-bordered tbody:first-child tr:first-child td:first-child, +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + .border-radius(0); } -.tabbable { - .nav-tabs, - .nav-tabs > li > a, - .nav-tabs > li > a:hover, - .nav-tabs > li.active > a, - .nav-tabs > li.active > a:hover { - border-color: transparent; - } +.table-striped tbody:last-child tr:last-child td:first-child { + .border-radius(0 0 0 8px); } -.pager { +.table-striped tbody:last-child tr:last-child td:last-child { + .border-radius(0 0 8px 0); +} - a { - border: none; - background-color: #748C73; +.table-bordered { + border: none; +} - &:hover { - background-color: #687D67; - } - } +.table thead tr th:first-child, +.table tbody tr td:first-child { + border-left: none; +} - .disabled a, - .disabled a:hover { - background-color: #748C73; - color: @textColor; - } +.table th, +.table-striped tbody tr:nth-child(odd) th { + background-color: darken(#90A38F, 10%); + color: @headingsColor; } // FORMS // -------------------------------------------------- legend { + font-family: @headingsFontFamily; + font-weight: @headingsFontWeight; color: @headingsColor; } @@ -489,30 +508,7 @@ legend { .border-radius(4px); } -// MODALS -// -------------------------------------------------- - -.modal-header { - padding: 12px 15px 6px; - background-color: @green; -} - -.modal-body, -.modal-footer { - background-color: @headingsColor; - border: none; - .box-shadow(none); - - label { - color: @textColor; - } -} - -.modal-footer { - .border-radius(0 0 4px 4px); -} - -// MISCELLANEOUS +// ALERTS, LABELS, BADGES // -------------------------------------------------- .alert { @@ -520,6 +516,11 @@ legend { border: none; } +.alert-heading { + font-family: @baseFontFamily; + color: inherit; +} + .badge, .label { @@ -547,10 +548,8 @@ legend { } } -.progress { - background-color: darken(#90A38F, 10%); - background-image: none; -} +// MISC +// -------------------------------------------------- .well { border: none; @@ -566,12 +565,33 @@ legend { } } -hr { - border-top: none; - border-bottom: 2px solid @headingsColor; +.progress { + background-color: darken(#90A38F, 10%); + background-image: none; } -.page-header { - border-bottom: 2px solid @headingsColor; - padding-bottom: 5px; +.modal { + + &-header { + padding: 12px 15px 6px; + background-color: @green; + } + + &-body, + &-footer { + background-color: @headingsColor; + border: none; + .box-shadow(none); + + label { + color: @textColor; + } + } + + &-footer { + .border-radius(0 0 4px 4px); + } } + +// MEDIA QUERIES +// -------------------------------------------------- |