From e9bec32d451f3e0bc783af8345c0f80fb3a96101 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Fri, 23 Nov 2012 14:46:25 -0500 Subject: [PATCH] cyborg: refined navbars, subnav, pager --- cyborg/bootstrap.css | 272 ++++++++++++++++----------------------- cyborg/bootstrap.min.css | 154 ++++++++++------------ cyborg/bootswatch.less | 181 +++++++++----------------- cyborg/variables.less | 26 ++-- 4 files changed, 253 insertions(+), 380 deletions(-) diff --git a/cyborg/bootstrap.css b/cyborg/bootstrap.css index 3e5b901..38aacbe 100644 --- a/cyborg/bootstrap.css +++ b/cyborg/bootstrap.css @@ -654,7 +654,7 @@ dd { hr { margin: 20px 0; border: 0; - border-top: 1px solid #999999; + border-top: 1px solid #222222; border-bottom: 1px solid #ffffff; } abbr[title], @@ -719,7 +719,7 @@ pre { padding: 0 3px 2px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 12px; - color: #282828; + color: #222222; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -775,7 +775,7 @@ legend { margin-bottom: 20px; font-size: 21px; line-height: 40px; - color: #282828; + color: #222222; border: 0; border-bottom: 1px solid #e5e5e5; } @@ -1691,7 +1691,7 @@ table { } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { - background-color: #282828; + background-color: #222222; } table td[class*="span"], table th[class*="span"], @@ -2284,7 +2284,7 @@ table th[class*="span"], padding: 5px 0; margin: 2px 0 0; list-style: none; - background-color: #ffffff; + background-color: #131517; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; @@ -2414,7 +2414,7 @@ table th[class*="span"], border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: #cccccc; + border-left-color: #000000; margin-top: 5px; margin-right: -10px; } @@ -2530,7 +2530,7 @@ button.close { text-align: center; vertical-align: middle; cursor: pointer; - color: #282828; + color: #222222; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #616161; background-image: -moz-linear-gradient(top, #666666, #595959); @@ -2562,7 +2562,7 @@ button.close { .btn.active, .btn.disabled, .btn[disabled] { - color: #282828; + color: #222222; background-color: #595959; *background-color: #4d4d4d; } @@ -2574,7 +2574,7 @@ button.close { *margin-left: 0; } .btn:hover { - color: #282828; + color: #222222; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; @@ -2904,7 +2904,7 @@ input[type="submit"].btn.btn-mini { background-color: transparent; } .btn-link[disabled]:hover { - color: #282828; + color: #222222; text-decoration: none; } .btn-group { @@ -3500,7 +3500,7 @@ input[type="submit"].btn.btn-mini { *z-index: 2; } .navbar-inner { - min-height: 40px; + min-height: 50px; padding-left: 20px; padding-right: 20px; background-color: #020202; @@ -3539,7 +3539,7 @@ input[type="submit"].btn.btn-mini { .navbar .brand { float: left; display: block; - padding: 10px 20px 10px; + padding: 15px 20px 15px; margin-left: -20px; font-size: 20px; font-weight: 200; @@ -3551,7 +3551,7 @@ input[type="submit"].btn.btn-mini { } .navbar-text { margin-bottom: 0; - line-height: 40px; + line-height: 50px; } .navbar-link { color: #adafae; @@ -3560,14 +3560,14 @@ input[type="submit"].btn.btn-mini { color: #ffffff; } .navbar .divider-vertical { - height: 40px; + height: 50px; margin: 0 9px; border-left: 1px solid #020202; border-right: 1px solid #020202; } .navbar .btn, .navbar .btn-group { - margin-top: 5px; + margin-top: 10px; } .navbar .btn-group .btn, .navbar .input-prepend .btn, @@ -3591,7 +3591,7 @@ input[type="submit"].btn.btn-mini { .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { - margin-top: 5px; + margin-top: 10px; } .navbar-form input, .navbar-form select, @@ -3616,7 +3616,7 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 5px; + margin-top: 10px; margin-bottom: 0; } .navbar-search .search-query { @@ -3700,7 +3700,7 @@ input[type="submit"].btn.btn-mini { } .navbar .nav > li > a { float: none; - padding: 10px 15px 10px; + padding: 15px 15px 15px; color: #adafae; text-decoration: none; text-shadow: 0 1px 0 #020202; @@ -3794,7 +3794,7 @@ input[type="submit"].btn.btn-mini { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid #ffffff; + border-bottom: 6px solid #131517; position: absolute; top: -6px; left: 10px; @@ -3807,7 +3807,7 @@ input[type="submit"].btn.btn-mini { top: auto; } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { - border-top: 6px solid #ffffff; + border-top: 6px solid #131517; border-bottom: 0; bottom: -6px; top: auto; @@ -3854,7 +3854,7 @@ input[type="submit"].btn.btn-mini { border-radius: 6px 0 6px 6px; } .navbar-inverse { - color: #eeeeee; + color: #adafae; } .navbar-inverse .navbar-inner { background-color: #252a30; @@ -3869,7 +3869,7 @@ input[type="submit"].btn.btn-mini { } .navbar-inverse .brand, .navbar-inverse .nav > li > a { - color: #eeeeee; + color: #adafae; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, @@ -3878,17 +3878,17 @@ input[type="submit"].btn.btn-mini { } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { - background-color: #000000; + background-color: #242a31; color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; - background-color: #000000; + background-color: #242a31; } .navbar-inverse .navbar-link { - color: #eeeeee; + color: #adafae; } .navbar-inverse .navbar-link:hover { color: #ffffff; @@ -3900,12 +3900,12 @@ input[type="submit"].btn.btn-mini { .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - background-color: #000000; + background-color: #242a31; color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #eeeeee; - border-bottom-color: #eeeeee; + border-top-color: #adafae; + border-bottom-color: #adafae; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, @@ -3937,7 +3937,7 @@ input[type="submit"].btn.btn-mini { .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; - color: #282828; + color: #222222; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; @@ -4029,7 +4029,7 @@ input[type="submit"].btn.btn-mini { line-height: 20px; text-decoration: none; background-color: #060606; - border: 1px solid #dddddd; + border: 1px solid transparent; border-left-width: 0; } .pagination ul > li > a:hover, @@ -4311,7 +4311,7 @@ input[type="submit"].btn.btn-mini { color: #ffffff; text-align: center; text-decoration: none; - background-color: #000000; + background-color: #131517; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -4328,28 +4328,28 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: #000000; + border-top-color: #131517; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: #000000; + border-right-color: #131517; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: #000000; + border-left-color: #131517; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: #000000; + border-bottom-color: #131517; } .popover { position: absolute; @@ -4359,7 +4359,7 @@ input[type="submit"].btn.btn-mini { display: none; width: 236px; padding: 1px; - background-color: #ffffff; + background-color: #131517; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; @@ -4390,8 +4390,8 @@ input[type="submit"].btn.btn-mini { font-size: 14px; font-weight: normal; line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; + background-color: #131517; + border-bottom: 1px solid #070809; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; @@ -4422,7 +4422,7 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -10px; border-width: 10px 10px 0; - border-top-color: #ffffff; + border-top-color: #131517; } .popover.top .arrow:after { border-width: 11px 11px 0; @@ -4435,7 +4435,7 @@ input[type="submit"].btn.btn-mini { left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; - border-right-color: #ffffff; + border-right-color: #131517; } .popover.right .arrow:after { border-width: 11px 11px 11px 0; @@ -4448,7 +4448,7 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -10px; border-width: 0 10px 10px; - border-bottom-color: #ffffff; + border-bottom-color: #131517; } .popover.bottom .arrow:after { border-width: 0 11px 11px; @@ -4461,7 +4461,7 @@ input[type="submit"].btn.btn-mini { right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; - border-left-color: #ffffff; + border-left-color: #131517; } .popover.left .arrow:after { border-width: 11px 0 11px 11px; @@ -4617,11 +4617,11 @@ a.badge:hover { } .label-inverse, .badge-inverse { - background-color: #282828; + background-color: #222222; } .label-inverse[href], .badge-inverse[href] { - background-color: #0e0e0e; + background-color: #080808; } .btn .label, .btn .badge { @@ -4934,7 +4934,7 @@ a.badge:hover { right: 0; bottom: 0; padding: 15px; - background: #282828; + background: #222222; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, @@ -5003,10 +5003,10 @@ pre { background-color: #eeeeee; } blockquote { - border-left: 5px solid #33b5e5; + border-left: 5px solid #222222; } blockquote.pull-right { - border-right: 5px solid #33b5e5; + border-right: 5px solid #222222; } html { min-height: 100%; @@ -5023,10 +5023,10 @@ body { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff060606', endColorstr='#ff252a30', GradientType=0); } .page-header { - border-bottom: 2px solid #33b5e5; + border-bottom: 1px solid #222222; } -.navbar { - font-size: 16px; +hr { + border-bottom: none; } .navbar .navbar-inner { -webkit-border-radius: 0; @@ -5035,58 +5035,50 @@ body { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - border-bottom: 2px solid #33b5e5; + border-bottom: 1px solid #222222; } .navbar .brand { - padding: 12px 20px 11px; + padding: 15px 20px 15px; color: #eeeeee; font-weight: normal; text-shadow: none; } -.navbar li { - line-height: 19px; -} .navbar .nav > li > a { - padding: 13px 10px 8px; - border-bottom: 3px solid transparent; - border-left: 1px solid rgba(255, 255, 255, 0.1); -} -.navbar .nav > li > a:hover { - border-bottom: 3px solid #33b5e5; + padding: 15px 15px 14px; + border-bottom: 1px solid transparent; } -.navbar .nav > .active > a { - border-bottom: 3px solid #33b5e5; +.navbar .nav > li > a:hover, +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover { + border-bottom: 1px solid #33b5e5; } -.navbar .nav .active > a, -.navbar .nav .active > a:hover, -.navbar .nav .active > a:focus { +.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 .nav > li > .dropdown-menu::before, -.navbar .nav > li > .dropdown-menu::after { - display: none; -} -.navbar .dropdown-menu li > a:hover, -.navbar .dropdown-menu li > a:focus, -.navbar .dropdown-submenu:hover > a { - background-image: none; -} .navbar .navbar-text { - margin-left: 15px; - margin-right: 15px; - line-height: 43px; + margin-bottom: 1px; + padding: 15px 15px 14px; + line-height: inherit; +} +.navbar .divider-vertical { + margin: 0; + border-left: 1px solid #222222; + border-right-width: 0; } .navbar .search-query, .navbar .search-query:focus, .navbar .search-query.focused { - color: #adafae; - text-shadow: none; - background-color: #222; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + background-color: #222222; + line-height: normal; + color: #adafae; + text-shadow: none; } .navbar .search-query:-moz-placeholder, .navbar .search-query:focus:-moz-placeholder, @@ -5103,20 +5095,6 @@ body { .navbar .search-query.focused::-webkit-input-placeholder { color: #999999; } -.navbar-inverse .navbar-inner { - border: none; - border-bottom: 3px solid #000000; -} -.navbar-inverse .brand:hover { - border-bottom: none; - background-color: #000000; -} -.navbar-inverse .nav li > a:hover { - border-bottom-color: transparent; -} -.navbar-inverse .nav .active > a { - border-bottom-color: transparent; -} @media (max-width: 979px) { .navbar .nav-collapse .nav li > a { border: none; @@ -5156,64 +5134,48 @@ body { } } div.subnav { - position: static; background-color: #020202; background-image: none; - border: 0; + border: none; + border-bottom: 1px solid #222222; } div.subnav.subnav-fixed { - position: relative; - left: -1px; - top: auto; + top: 50px; } div.subnav .nav > li > a, -div.subnav .nav .active a { +div.subnav .nav > li:first-child > a, +div.subnav .nav > li:first-child > a:hover { + padding: 11px 12px; + border: none; background-color: #020202; - border-left: 1px solid #222; - border-right: 0; - color: #eeeeee; -} -div.subnav .nav li.nav-header { - text-shadow: none; + color: #adafae; } div.subnav .nav > li > a:hover, +div.subnav .nav > li.active > a, div.subnav .nav > li.active > a:hover, div.subnav .nav > li:first-child > a:hover { + padding: 11px 12px; background: transparent; - border-bottom: 2px solid #33b5e5; - border-left: 1px solid #222; + border: none; + border-bottom: 1px solid #33b5e5; color: #ffffff; } -div.subnav .nav .open .dropdown-toggle { - border: 0; - border-left: 1px solid #222; - border-bottom: 2px solid #33b5e5; - background-color: #060606; -} -div.subnav .nav .open .dropdown-menu { - background-color: #020202; - border-left: solid 1px rgba(255, 255, 255, 0.1); -} -div.subnav .nav .open .dropdown-menu li > a:hover { - border-bottom: 0; - background: #33b5e5; +div.subnav .nav li.nav-header { + text-shadow: none; } .nav-tabs { - border-bottom: 1px solid #222; + border-bottom: 1px solid #222222; } .nav-tabs li > a:hover, .nav-tabs li.active > a, .nav-tabs li.active > a:hover { - border: 1px solid #222; + border-color: transparent; background-color: #33b5e5; color: #ffffff; } .nav-tabs .open .dropdown-toggle { - background-color: #060606 !important; - border: 1px solid #222; -} -.nav-tabs .dropdown-menu li > a:hover { - border: none; + background-color: #060606; + border-color: transparent; } .nav-pills li > a:hover { background-color: #33b5e5; @@ -5237,10 +5199,10 @@ div.subnav .nav .open .dropdown-menu li > a:hover { } .nav-list .divider { background-color: transparent; - border-bottom: 1px solid #222; + border-bottom: 1px solid #222222; } .nav-stacked li > a { - border: 1px solid #222 !important; + border: 1px solid #222222 !important; } .nav-stacked li > a:hover, .nav-stacked li.active > a { @@ -5249,7 +5211,7 @@ div.subnav .nav .open .dropdown-menu li > a:hover { } .tabbable .nav-tabs, .tabbable .nav-tabs li.active > a { - border-color: #222; + border-color: #222222; } .breadcrumb { background-color: transparent; @@ -5272,31 +5234,19 @@ div.subnav .nav .open .dropdown-menu li > a:hover { -moz-box-shadow: none; box-shadow: none; } -.pagination ul > li > a, -.pagination ul > li > span { - border: 0; - font-size: 14px; -} -.pagination ul > li > a:hover { - background-color: #33b5e5; - color: #ffffff; -} -.pagination ul > .active > a, -.pagination ul > .active > span { - background-color: #33b5e5; - color: #ffffff; -} .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span, .pagination ul > .disabled > span:hover { background-color: rgba(0, 0, 0, 0.2); } -.pager a { +.pager li > a, +.pager li > span { background-color: #060606; border: none; } -.pager a:hover { +.pager li > a:hover, +.pager li > span:hover { background-color: #33b5e5; } .pager .disabled a, @@ -5557,7 +5507,7 @@ input, textarea, select, .uneditable-input { - color: #282828; + color: #222222; } input[disabled], select[disabled], @@ -5611,14 +5561,10 @@ select:focus { color: #ffffff; } .dropdown-menu { - background-color: #191A1A; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); } -.dropdown-menu li > a:hover { - background-color: #33b5e5; -} .alert, .alert .alert-heading, .alert-success, @@ -5679,13 +5625,13 @@ select:focus { } .well, .hero-unit { - border-top: solid 1px #353535; + border-top: solid 1px #2f2f2f; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); } .thumbnail { - border-color: #222; + border-color: #222222; } .progress { background-color: #060606; @@ -5698,15 +5644,15 @@ select:focus { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; - border-top: solid 1px #353535; - background-color: #282828; + border-top: solid 1px #2f2f2f; + background-color: #222222; } .modal-header { - border-bottom: 1px solid #222; + border-bottom: 1px solid #222222; } .modal-footer { - background-color: #282828; - border-top: 1px solid #222; + background-color: #222222; + border-top: 1px solid #222222; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; @@ -5715,13 +5661,13 @@ select:focus { box-shadow: none; } .footer { - border-top: 1px solid #222; + border-top: 1px solid #222222; } @media (max-width: 768px) { div.subnav .nav > li + li > a, div.subnav .nav > li:first-child > a { - border-top: 1px solid #222; - border-left: 1px solid #222; + border-top: 1px solid #222222; + border-left: 1px solid #222222; } .subnav .nav > li + li > a:hover, .subnav .nav > li:first-child > a:hover { diff --git a/cyborg/bootstrap.min.css b/cyborg/bootstrap.min.css index fa2bf94..52ba1f4 100644 --- a/cyborg/bootstrap.min.css +++ b/cyborg/bootstrap.min.css @@ -142,7 +142,7 @@ dd{margin-left:10px;} .dl-horizontal:after{clear:both;} .dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .dl-horizontal dd{margin-left:180px;} -hr{margin:20px 0;border:0;border-top:1px solid #999999;border-bottom:1px solid #ffffff;} +hr{margin:20px 0;border:0;border-top:1px solid #222222;border-bottom:1px solid #ffffff;} abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #adafae;} abbr.initialism{font-size:90%;text-transform:uppercase;} blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:25px;} @@ -152,14 +152,14 @@ blockquote.pull-right small:before{content:'';} blockquote.pull-right small:after{content:'\00A0 \2014';} q:before,q:after,blockquote:before,blockquote:after{content:"";} address{display:block;margin-bottom:20px;font-style:normal;line-height:20px;} -code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#282828;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#222222;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;} pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;} pre code{padding:0;color:inherit;background-color:transparent;border:0;} .pre-scrollable{max-height:340px;overflow-y:scroll;} form{margin:0 0 20px;} fieldset{padding:0;margin:0;border:0;} -legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#282828;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:15px;color:#adafae;} +legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#222222;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:15px;color:#adafae;} label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px;} input,button,select,textarea{font-family:'Droid Sans',sans-serif;} label{display:block;margin-bottom:5px;} @@ -285,7 +285,7 @@ table{max-width:100%;background-color:transparent;border-collapse:collapse;borde .table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-topleft:4px;} .table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-moz-border-radius-topright:4px;} .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:rgba(100, 100, 100, 0.1);} -.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#282828;} +.table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#222222;} table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;} .table td.span1,.table th.span1{float:none;width:44px;margin-left:0;} .table td.span2,.table th.span2{float:none;width:124px;margin-left:0;} @@ -454,7 +454,7 @@ table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span .dropdown-toggle:active,.open .dropdown-toggle{outline:0;} .caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";} .dropdown .caret{margin-top:8px;margin-left:2px;} -.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;} +.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#131517;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;} .dropdown-menu .divider{*width:100%;height:1px;margin:9px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:transparent;border-bottom:1px solid #222222;} .dropdown-menu li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:20px;color:#999999;white-space:nowrap;} .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{text-decoration:none;color:#ffffff;background-color:#2ab2e4;background-image:-moz-linear-gradient(top, #33b5e5, #1dade2);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#33b5e5), to(#1dade2));background-image:-webkit-linear-gradient(top, #33b5e5, #1dade2);background-image:-o-linear-gradient(top, #33b5e5, #1dade2);background-image:linear-gradient(to bottom, #33b5e5, #1dade2);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff33b5e5', endColorstr='#ff1dade2', GradientType=0);} @@ -469,7 +469,7 @@ table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu{display:block;} .dropup .dropdown-submenu>.dropdown-menu{top:auto;bottom:0;margin-top:0;margin-bottom:-2px;-webkit-border-radius:5px 5px 5px 0;-moz-border-radius:5px 5px 5px 0;border-radius:5px 5px 5px 0;} -.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} +.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#000000;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#ffffff;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .dropdown .dropdown-menu .nav-header{padding-left:20px;padding-right:20px;} @@ -481,10 +481,10 @@ table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;} .close{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);} button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;} -.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;*line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#282828;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#616161;background-image:-moz-linear-gradient(top, #666666, #595959);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#595959));background-image:-webkit-linear-gradient(top, #666666, #595959);background-image:-o-linear-gradient(top, #666666, #595959);background-image:linear-gradient(to bottom, #666666, #595959);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff595959', GradientType=0);border-color:#595959 #595959 #333333;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#595959;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid rgba(0, 0, 0, 0);*border:0;border-bottom-color:rgba(0, 0, 0, 0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#282828;background-color:#595959;*background-color:#4d4d4d;} +.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;*line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#222222;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#616161;background-image:-moz-linear-gradient(top, #666666, #595959);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#595959));background-image:-webkit-linear-gradient(top, #666666, #595959);background-image:-o-linear-gradient(top, #666666, #595959);background-image:linear-gradient(to bottom, #666666, #595959);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff595959', GradientType=0);border-color:#595959 #595959 #333333;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#595959;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid rgba(0, 0, 0, 0);*border:0;border-bottom-color:rgba(0, 0, 0, 0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#222222;background-color:#595959;*background-color:#4d4d4d;} .btn:active,.btn.active{background-color:#404040 \9;} .btn:first-child{*margin-left:0;} -.btn:hover{color:#282828;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} +.btn:hover{color:#222222;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn.active,.btn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} @@ -517,7 +517,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .btn-link{border-color:transparent;cursor:pointer;color:#33b5e5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .btn-link:hover{color:#ffffff;text-decoration:underline;background-color:transparent;} -.btn-link[disabled]:hover{color:#282828;text-decoration:none;} +.btn-link[disabled]:hover{color:#222222;text-decoration:none;} .btn-group{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:0;vertical-align:middle;white-space:nowrap;*margin-left:.3em;}.btn-group:first-child{*margin-left:0;} .btn-group+.btn-group{margin-left:5px;} .btn-toolbar{font-size:0;margin-top:10px;margin-bottom:10px;}.btn-toolbar .btn+.btn,.btn-toolbar .btn-group+.btn,.btn-toolbar .btn+.btn-group{margin-left:5px;} @@ -631,23 +631,23 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .nav>.disabled>a{color:#adafae;} .nav>.disabled>a:hover{text-decoration:none;background-color:transparent;cursor:default;} .navbar{overflow:visible;margin-bottom:20px;color:#adafae;*position:relative;*z-index:2;} -.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#020202;background-image:-moz-linear-gradient(top, #020202, #020202);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#020202), to(#020202));background-image:-webkit-linear-gradient(top, #020202, #020202);background-image:-o-linear-gradient(top, #020202, #020202);background-image:linear-gradient(to bottom, #020202, #020202);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff020202', GradientType=0);border:1px solid #000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;} +.navbar-inner{min-height:50px;padding-left:20px;padding-right:20px;background-color:#020202;background-image:-moz-linear-gradient(top, #020202, #020202);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#020202), to(#020202));background-image:-webkit-linear-gradient(top, #020202, #020202);background-image:-o-linear-gradient(top, #020202, #020202);background-image:linear-gradient(to bottom, #020202, #020202);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff020202', endColorstr='#ff020202', GradientType=0);border:1px solid #000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*zoom:1;}.navbar-inner:before,.navbar-inner:after{display:table;content:"";line-height:0;} .navbar-inner:after{clear:both;} .navbar .container{width:auto;} .nav-collapse.collapse{height:auto;overflow:visible;} -.navbar .brand{float:left;display:block;padding:10px 20px 10px;margin-left:-20px;font-size:20px;font-weight:200;color:#adafae;text-shadow:0 1px 0 #020202;}.navbar .brand:hover{text-decoration:none;} -.navbar-text{margin-bottom:0;line-height:40px;} +.navbar .brand{float:left;display:block;padding:15px 20px 15px;margin-left:-20px;font-size:20px;font-weight:200;color:#adafae;text-shadow:0 1px 0 #020202;}.navbar .brand:hover{text-decoration:none;} +.navbar-text{margin-bottom:0;line-height:50px;} .navbar-link{color:#adafae;}.navbar-link:hover{color:#ffffff;} -.navbar .divider-vertical{height:40px;margin:0 9px;border-left:1px solid #020202;border-right:1px solid #020202;} -.navbar .btn,.navbar .btn-group{margin-top:5px;} +.navbar .divider-vertical{height:50px;margin:0 9px;border-left:1px solid #020202;border-right:1px solid #020202;} +.navbar .btn,.navbar .btn-group{margin-top:10px;} .navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn{margin-top:0;} .navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";line-height:0;} .navbar-form:after{clear:both;} -.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;} +.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:10px;} .navbar-form input,.navbar-form select,.navbar-form .btn{display:inline-block;margin-bottom:0;} .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} .navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} -.navbar-search{position:relative;float:left;margin-top:5px;margin-bottom:0;}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:'Droid Sans',sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} +.navbar-search{position:relative;float:left;margin-top:10px;margin-bottom:0;}.navbar-search .search-query{margin-bottom:0;padding:4px 14px;font-family:'Droid Sans',sans-serif;font-size:13px;font-weight:normal;line-height:1;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} .navbar-static-top{position:static;margin-bottom:0;}.navbar-static-top .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{border-width:0 0 1px;} @@ -660,7 +660,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} .navbar .nav.pull-right{float:right;margin-right:0;} .navbar .nav>li{float:left;} -.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#adafae;text-decoration:none;text-shadow:0 1px 0 #020202;} +.navbar .nav>li>a{float:none;padding:15px 15px 15px;color:#adafae;text-decoration:none;text-shadow:0 1px 0 #020202;} .navbar .nav .dropdown-toggle .caret{margin-top:8px;} .navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;} .navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus{color:#ffffff;text-decoration:none;background-color:#020202;-webkit-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);-moz-box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);box-shadow:inset 0 3px 8px rgba(0, 0, 0, 0.125);} @@ -669,28 +669,28 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} .btn-navbar .icon-bar+.icon-bar{margin-top:3px;} .navbar .nav>li>.dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} -.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} +.navbar .nav>li>.dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #131517;position:absolute;top:-6px;left:10px;} .navbar-fixed-bottom .nav>li>.dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;} -.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;} +.navbar-fixed-bottom .nav>li>.dropdown-menu:after{border-top:6px solid #131517;border-bottom:0;bottom:-6px;top:auto;} .navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:#020202;color:#ffffff;} .navbar .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#adafae;border-bottom-color:#adafae;} .navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} .navbar .pull-right>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-right:before{left:auto;right:12px;} .navbar .pull-right>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-right:after{left:auto;right:13px;} .navbar .pull-right>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:-1px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} -.navbar-inverse{color:#eeeeee;}.navbar-inverse .navbar-inner{background-color:#252a30;background-image:-moz-linear-gradient(top, #252a30, #252a30);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#252a30), to(#252a30));background-image:-webkit-linear-gradient(top, #252a30, #252a30);background-image:-o-linear-gradient(top, #252a30, #252a30);background-image:linear-gradient(to bottom, #252a30, #252a30);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff252a30', endColorstr='#ff252a30', GradientType=0);border-color:transparent;} -.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#eeeeee;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{color:#ffffff;} -.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:#000000;color:#ffffff;} -.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#ffffff;background-color:#000000;} -.navbar-inverse .navbar-link{color:#eeeeee;}.navbar-inverse .navbar-link:hover{color:#ffffff;} +.navbar-inverse{color:#adafae;}.navbar-inverse .navbar-inner{background-color:#252a30;background-image:-moz-linear-gradient(top, #252a30, #252a30);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#252a30), to(#252a30));background-image:-webkit-linear-gradient(top, #252a30, #252a30);background-image:-o-linear-gradient(top, #252a30, #252a30);background-image:linear-gradient(to bottom, #252a30, #252a30);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff252a30', endColorstr='#ff252a30', GradientType=0);border-color:transparent;} +.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#adafae;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{color:#ffffff;} +.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:#242a31;color:#ffffff;} +.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#ffffff;background-color:#242a31;} +.navbar-inverse .navbar-link{color:#adafae;}.navbar-inverse .navbar-link:hover{color:#ffffff;} .navbar-inverse .divider-vertical{border-left-color:#252a30;border-right-color:#252a30;} -.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#000000;color:#ffffff;} -.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#eeeeee;border-bottom-color:#eeeeee;} +.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#242a31;color:#ffffff;} +.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#adafae;border-bottom-color:#adafae;} .navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} .navbar-inverse .navbar-search .search-query{color:#ffffff;background-color:#5d6978;border-color:#252a30;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#ffffff;} .navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#ffffff;} .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#ffffff;} -.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#282828;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} +.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#222222;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} .navbar-inverse .btn-navbar{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#1a1d22;background-image:-moz-linear-gradient(top, #1a1d22, #1a1d22);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1a1d22), to(#1a1d22));background-image:-webkit-linear-gradient(top, #1a1d22, #1a1d22);background-image:-o-linear-gradient(top, #1a1d22, #1a1d22);background-image:linear-gradient(to bottom, #1a1d22, #1a1d22);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1a1d22', endColorstr='#ff1a1d22', GradientType=0);border-color:#1a1d22 #1a1d22 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#1a1d22;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled]{color:#ffffff;background-color:#1a1d22;*background-color:#0f1113;} .navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#040405 \9;} .breadcrumb{padding:8px 15px;margin:0 0 20px;list-style:none;background-color:#f5f5f5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;} @@ -699,7 +699,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .pagination{margin:20px 0;} .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} .pagination ul>li{display:inline;} -.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#060606;border:1px solid #dddddd;border-left-width:0;} +.pagination ul>li>a,.pagination ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;background-color:#060606;border:1px solid transparent;border-left-width:0;} .pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span{background-color:#33b5e5;} .pagination ul>.active>a,.pagination ul>.active>span{color:#adafae;cursor:default;} .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover{color:#adafae;background-color:transparent;cursor:default;} @@ -740,24 +740,24 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .tooltip.right{margin-left:3px;} .tooltip.bottom{margin-top:3px;} .tooltip.left{margin-left:-3px;} -.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} +.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#131517;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;} -.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;} -.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;} -.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;} -.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;} -.popover{position:absolute;top:0;left:0;z-index:1010;display:none;width:236px;padding:1px;background-color:#ffffff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}.popover.top{margin-top:-10px;} +.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#131517;} +.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#131517;} +.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#131517;} +.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#131517;} +.popover{position:absolute;top:0;left:0;z-index:1010;display:none;width:236px;padding:1px;background-color:#131517;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}.popover.top{margin-top:-10px;} .popover.right{margin-left:10px;} .popover.bottom{margin-top:10px;} .popover.left{margin-left:-10px;} -.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} +.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#131517;border-bottom:1px solid #070809;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;} .popover-content{padding:9px 14px;}.popover-content p,.popover-content ul,.popover-content ol{margin-bottom:0;} .popover .arrow,.popover .arrow:after{position:absolute;display:inline-block;width:0;height:0;border-color:transparent;border-style:solid;} .popover .arrow:after{content:"";z-index:-1;} -.popover.top .arrow{bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0;border-top-color:#ffffff;}.popover.top .arrow:after{border-width:11px 11px 0;border-top-color:rgba(0, 0, 0, 0.25);bottom:-1px;left:-11px;} -.popover.right .arrow{top:50%;left:-10px;margin-top:-10px;border-width:10px 10px 10px 0;border-right-color:#ffffff;}.popover.right .arrow:after{border-width:11px 11px 11px 0;border-right-color:rgba(0, 0, 0, 0.25);bottom:-11px;left:-1px;} -.popover.bottom .arrow{top:-10px;left:50%;margin-left:-10px;border-width:0 10px 10px;border-bottom-color:#ffffff;}.popover.bottom .arrow:after{border-width:0 11px 11px;border-bottom-color:rgba(0, 0, 0, 0.25);top:-1px;left:-11px;} -.popover.left .arrow{top:50%;right:-10px;margin-top:-10px;border-width:10px 0 10px 10px;border-left-color:#ffffff;}.popover.left .arrow:after{border-width:11px 0 11px 11px;border-left-color:rgba(0, 0, 0, 0.25);bottom:-11px;right:-1px;} +.popover.top .arrow{bottom:-10px;left:50%;margin-left:-10px;border-width:10px 10px 0;border-top-color:#131517;}.popover.top .arrow:after{border-width:11px 11px 0;border-top-color:rgba(0, 0, 0, 0.25);bottom:-1px;left:-11px;} +.popover.right .arrow{top:50%;left:-10px;margin-top:-10px;border-width:10px 10px 10px 0;border-right-color:#131517;}.popover.right .arrow:after{border-width:11px 11px 11px 0;border-right-color:rgba(0, 0, 0, 0.25);bottom:-11px;left:-1px;} +.popover.bottom .arrow{top:-10px;left:50%;margin-left:-10px;border-width:0 10px 10px;border-bottom-color:#131517;}.popover.bottom .arrow:after{border-width:0 11px 11px;border-bottom-color:rgba(0, 0, 0, 0.25);top:-1px;left:-11px;} +.popover.left .arrow{top:50%;right:-10px;margin-top:-10px;border-width:10px 0 10px 10px;border-left-color:#131517;}.popover.left .arrow:after{border-width:11px 0 11px 11px;border-left-color:rgba(0, 0, 0, 0.25);bottom:-11px;right:-1px;} .thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;} .thumbnails:after{clear:both;} .row-fluid .thumbnails{margin-left:0;} @@ -786,8 +786,8 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .label-success[href],.badge-success[href]{background-color:#356635;} .label-info,.badge-info{background-color:#0099cc;} .label-info[href],.badge-info[href]{background-color:#007399;} -.label-inverse,.badge-inverse{background-color:#282828;} -.label-inverse[href],.badge-inverse[href]{background-color:#0e0e0e;} +.label-inverse,.badge-inverse{background-color:#222222;} +.label-inverse[href],.badge-inverse[href]{background-color:#080808;} .btn .label,.btn .badge{position:relative;top:-1px;} .btn-mini .label,.btn-mini .badge{top:0;} @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} @@ -823,7 +823,7 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .carousel .active.right{left:100%;} .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#020202;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;} .carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);} -.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#282828;background:rgba(0, 0, 0, 0.75);} +.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#222222;background:rgba(0, 0, 0, 0.75);} .carousel-caption h4,.carousel-caption p{color:#ffffff;line-height:20px;} .carousel-caption h4{margin:0 0 5px;} .carousel-caption p{margin-bottom:0;} @@ -837,53 +837,42 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .affix{position:fixed;} label,input,button,select,textarea,.navbar .search-query:-moz-placeholder,.navbar .search-query::-webkit-input-placeholder{font-family:'Droid Sans',sans-serif;color:#999999;} code,pre{background-color:#eeeeee;} -blockquote{border-left:5px solid #33b5e5;}blockquote.pull-right{border-right:5px solid #33b5e5;} +blockquote{border-left:5px solid #222222;}blockquote.pull-right{border-right:5px solid #222222;} html{min-height:100%;} body{min-height:100%;background-color:#121417;background-image:-moz-linear-gradient(top, #060606, #252a30);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#060606), to(#252a30));background-image:-webkit-linear-gradient(top, #060606, #252a30);background-image:-o-linear-gradient(top, #060606, #252a30);background-image:linear-gradient(to bottom, #060606, #252a30);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff060606', endColorstr='#ff252a30', GradientType=0);} -.page-header{border-bottom:2px solid #33b5e5;} -.navbar{font-size:16px;}.navbar .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:2px solid #33b5e5;} -.navbar .brand{padding:12px 20px 11px;color:#eeeeee;font-weight:normal;text-shadow:none;} -.navbar li{line-height:19px;} -.navbar .nav>li>a{padding:13px 10px 8px;border-bottom:3px solid transparent;border-left:1px solid rgba(255, 255, 255, 0.1);}.navbar .nav>li>a:hover{border-bottom:3px solid #33b5e5;} -.navbar .nav>.active>a{border-bottom:3px solid #33b5e5;} -.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 .nav>li>.dropdown-menu::before,.navbar .nav>li>.dropdown-menu::after{display:none;} -.navbar .dropdown-menu li>a:hover,.navbar .dropdown-menu li>a:focus,.navbar .dropdown-submenu:hover>a{background-image:none;} -.navbar .navbar-text{margin-left:15px;margin-right:15px;line-height:43px;} -.navbar .search-query,.navbar .search-query:focus,.navbar .search-query.focused{color:#adafae;text-shadow:none;background-color:#222;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}.navbar .search-query:-moz-placeholder,.navbar .search-query:focus:-moz-placeholder,.navbar .search-query.focused:-moz-placeholder{color:#999999;} +.page-header{border-bottom:1px solid #222222;} +hr{border-bottom:none;} +.navbar .navbar-inner{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:1px solid #222222;} +.navbar .brand{padding:15px 20px 15px;color:#eeeeee;font-weight:normal;text-shadow:none;} +.navbar .nav>li>a{padding:15px 15px 14px;border-bottom:1px solid transparent;} +.navbar .nav>li>a:hover,.navbar .nav>.active>a,.navbar .nav>.active>a:hover{border-bottom:1px solid #33b5e5;} +.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-bottom:1px;padding:15px 15px 14px;line-height:inherit;} +.navbar .divider-vertical{margin:0;border-left:1px solid #222222;border-right-width:0;} +.navbar .search-query,.navbar .search-query:focus,.navbar .search-query.focused{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background-color:#222222;line-height:normal;color:#adafae;text-shadow:none;}.navbar .search-query:-moz-placeholder,.navbar .search-query:focus:-moz-placeholder,.navbar .search-query.focused:-moz-placeholder{color:#999999;} .navbar .search-query:-ms-input-placeholder,.navbar .search-query:focus:-ms-input-placeholder,.navbar .search-query.focused:-ms-input-placeholder{color:#999999;} .navbar .search-query::-webkit-input-placeholder,.navbar .search-query:focus::-webkit-input-placeholder,.navbar .search-query.focused::-webkit-input-placeholder{color:#999999;} -.navbar-inverse .navbar-inner{border:none;border-bottom:3px solid #000000;} -.navbar-inverse .brand:hover{border-bottom:none;background-color:#000000;} -.navbar-inverse .nav li>a:hover{border-bottom-color:transparent;} -.navbar-inverse .nav .active>a{border-bottom-color:transparent;} -@media (max-width:979px){.navbar .nav-collapse .nav li>a{border:none;color:#eeeeee;font-weight:normal;text-shadow:none;}.navbar .nav-collapse .nav li>a:hover{border:none;background-color:#33b5e5;} .navbar .nav-collapse .nav .active>a{border:none;background-color:#33b5e5;} .navbar .nav-collapse .dropdown-menu a:hover{background-color:#33b5e5;} .navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border-top:none;border-bottom:none;} .navbar .nav-collapse .nav-header{color:rgba(128, 128, 128, 0.6);} .navbar-inverse .nav-collapse .nav li>a:hover{background-color:#111;} .navbar-inverse .nav-collapse .nav .active>a{background-color:#111;} .navbar-inverse .nav-collapse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav-collapse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav-collapse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111;}}div.subnav{position:static;background-color:#020202;background-image:none;border:0;}div.subnav.subnav-fixed{position:relative;left:-1px;top:auto;} -div.subnav .nav>li>a,div.subnav .nav .active a{background-color:#020202;border-left:1px solid #222;border-right:0;color:#eeeeee;} +@media (max-width:979px){.navbar .nav-collapse .nav li>a{border:none;color:#eeeeee;font-weight:normal;text-shadow:none;}.navbar .nav-collapse .nav li>a:hover{border:none;background-color:#33b5e5;} .navbar .nav-collapse .nav .active>a{border:none;background-color:#33b5e5;} .navbar .nav-collapse .dropdown-menu a:hover{background-color:#33b5e5;} .navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border-top:none;border-bottom:none;} .navbar .nav-collapse .nav-header{color:rgba(128, 128, 128, 0.6);} .navbar-inverse .nav-collapse .nav li>a:hover{background-color:#111;} .navbar-inverse .nav-collapse .nav .active>a{background-color:#111;} .navbar-inverse .nav-collapse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav-collapse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav-collapse .nav li.dropdown.open.active>.dropdown-toggle{background-color:#111;}}div.subnav{background-color:#020202;background-image:none;border:none;border-bottom:1px solid #222222;}div.subnav.subnav-fixed{top:50px;} +div.subnav .nav>li>a,div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover{padding:11px 12px;border:none;background-color:#020202;color:#adafae;} +div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a,div.subnav .nav>li.active>a:hover,div.subnav .nav>li:first-child>a:hover{padding:11px 12px;background:transparent;border:none;border-bottom:1px solid #33b5e5;color:#ffffff;} div.subnav .nav li.nav-header{text-shadow:none;} -div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover,div.subnav .nav>li:first-child>a:hover{background:transparent;border-bottom:2px solid #33b5e5;border-left:1px solid #222;color:#ffffff;} -div.subnav .nav .open .dropdown-toggle{border:0;border-left:1px solid #222;border-bottom:2px solid #33b5e5;background-color:#060606;} -div.subnav .nav .open .dropdown-menu{background-color:#020202;border-left:solid 1px rgba(255, 255, 255, 0.1);}div.subnav .nav .open .dropdown-menu li>a:hover{border-bottom:0;background:#33b5e5;} -.nav-tabs{border-bottom:1px solid #222;}.nav-tabs li>a:hover,.nav-tabs li.active>a,.nav-tabs li.active>a:hover{border:1px solid #222;background-color:#33b5e5;color:#ffffff;} -.nav-tabs .open .dropdown-toggle{background-color:#060606 !important;border:1px solid #222;} -.nav-tabs .dropdown-menu li>a:hover{border:none;} +.nav-tabs{border-bottom:1px solid #222222;}.nav-tabs li>a:hover,.nav-tabs li.active>a,.nav-tabs li.active>a:hover{border-color:transparent;background-color:#33b5e5;color:#ffffff;} +.nav-tabs .open .dropdown-toggle{background-color:#060606;border-color:transparent;} .nav-pills li>a:hover{background-color:#33b5e5;color:#ffffff;} .nav-pills .open .dropdown-toggle{background-color:#060606;} .nav-pills .dropdown-menu li>a:hover{border:none;} .nav-list li>a{text-shadow:none;} .nav-list li>a:hover{background-color:#33b5e5;color:#ffffff;} .nav-list .nav-header{text-shadow:none;} -.nav-list .divider{background-color:transparent;border-bottom:1px solid #222;} -.nav-stacked li>a{border:1px solid #222 !important;} +.nav-list .divider{background-color:transparent;border-bottom:1px solid #222222;} +.nav-stacked li>a{border:1px solid #222222 !important;} .nav-stacked li>a:hover,.nav-stacked li.active>a{background-color:#33b5e5;color:#ffffff;} -.tabbable .nav-tabs,.tabbable .nav-tabs li.active>a{border-color:#222;} +.tabbable .nav-tabs,.tabbable .nav-tabs li.active>a{border-color:#222222;} .breadcrumb{background-color:transparent;background-image:none;border-width:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:14px;}.breadcrumb li{text-shadow:none;} .breadcrumb li>a{color:#33b5e5;text-shadow:none;} .pagination ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.pagination ul>li>a,.pagination ul>li>span{border:0;font-size:14px;} -.pagination ul>li>a:hover{background-color:#33b5e5;color:#ffffff;} -.pagination ul>.active>a,.pagination ul>.active>span{background-color:#33b5e5;color:#ffffff;} .pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>span,.pagination ul>.disabled>span:hover{background-color:rgba(0, 0, 0, 0.2);} -.pager a{background-color:#060606;border:none;}.pager a:hover{background-color:#33b5e5;} +.pager li>a,.pager li>span{background-color:#060606;border:none;}.pager li>a:hover,.pager li>span:hover{background-color:#33b5e5;} .pager .disabled a,.pager .disabled a:hover{background-color:#060606;} .btn{-webkit-box-shadow:1px 1px 2px #111111;-moz-box-shadow:1px 1px 2px #111111;box-shadow:1px 1px 2px #111111;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5c5c5c;background-image:-moz-linear-gradient(top, #666666, #4d4d4d);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#666666), to(#4d4d4d));background-image:-webkit-linear-gradient(top, #666666, #4d4d4d);background-image:-o-linear-gradient(top, #666666, #4d4d4d);background-image:linear-gradient(to bottom, #666666, #4d4d4d);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff4d4d4d', GradientType=0);border-color:#4d4d4d #4d4d4d #262626;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#4d4d4d;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#ffffff;text-shadow:none;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#ffffff;background-color:#4d4d4d;*background-color:#404040;} .btn:active,.btn.active{background-color:#333333 \9;} @@ -905,7 +894,7 @@ div.subnav .nav .open .dropdown-menu{background-color:#020202;border-left:solid .btn.disabled,.btn[disabled]{background-color:#adafae;} input,textarea,select{border-width:2px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} legend,label{color:#999999;border-bottom:0px solid #222;} -input,textarea,select,.uneditable-input{color:#282828;} +input,textarea,select,.uneditable-input{color:#222222;} input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly],.uneditable-input{background-color:#555;border-color:#444;} input:focus,textarea:focus,input.focused,textarea.focused{border-color:#52a8ec;outline:0;outline:thin dotted \9;} input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} @@ -913,8 +902,7 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, .table{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}.table tbody tr.success td{background-color:#669900;color:#ffffff;} .table tbody tr.error td{background-color:#cc0000;color:#ffffff;} .table tbody tr.info td{background-color:#33b5e5;color:#ffffff;} -.dropdown-menu{background-color:#191A1A;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);} -.dropdown-menu li>a:hover{background-color:#33b5e5;} +.dropdown-menu{-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);} .alert,.alert .alert-heading,.alert-success,.alert-success .alert-heading,.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading,.alert-info,.alert-info .alert-heading{color:#eeeeee;text-shadow:none;border:none;} .label{color:#eeeeee;} .label,.alert{background-color:#666666;} @@ -928,14 +916,14 @@ input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus, .label-info,.alert-info{background-color:#007399;} .label-info:hover{background-color:#004d66;} .well,.hero-unit{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} -.well,.hero-unit{border-top:solid 1px #353535;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);} -.thumbnail{border-color:#222;} +.well,.hero-unit{border-top:solid 1px #2f2f2f;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);box-shadow:0 2px 4px rgba(0, 0, 0, 0.8);} +.thumbnail{border-color:#222222;} .progress{background-color:#060606;background-image:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.modal{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border-top:solid 1px #353535;background-color:#282828;} -.modal-header{border-bottom:1px solid #222;} -.modal-footer{background-color:#282828;border-top:1px solid #222;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.footer{border-top:1px solid #222;} -@media (max-width:768px){div.subnav .nav>li+li>a,div.subnav .nav>li:first-child>a{border-top:1px solid #222;border-left:1px solid #222;} .subnav .nav>li+li>a:hover,.subnav .nav>li:first-child>a:hover{border-bottom:0;background-color:#33b5e5;}}.pull-right{float:right;} +.modal{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;border-top:solid 1px #2f2f2f;background-color:#222222;} +.modal-header{border-bottom:1px solid #222222;} +.modal-footer{background-color:#222222;border-top:1px solid #222222;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.footer{border-top:1px solid #222222;} +@media (max-width:768px){div.subnav .nav>li+li>a,div.subnav .nav>li:first-child>a{border-top:1px solid #222222;border-left:1px solid #222222;} .subnav .nav>li+li>a:hover,.subnav .nav>li:first-child>a:hover{border-bottom:0;background-color:#33b5e5;}}.pull-right{float:right;} .pull-left{float:left;} .hide{display:none;} .show{display:block;} diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less index 2662ef7..0dff11f 100755 --- a/cyborg/bootswatch.less +++ b/cyborg/bootswatch.less @@ -20,10 +20,10 @@ code, pre { } blockquote { - border-left: 5px solid @blue; + border-left: 5px solid @grayDark; &.pull-right { - border-right: 5px solid @blue; + border-right: 5px solid @grayDark; } } @@ -40,7 +40,11 @@ body { } .page-header { - border-bottom: 2px solid @blue + border-bottom: 1px solid @grayDark +} + +hr { + border-bottom: none; } // NAVBAR @@ -48,91 +52,61 @@ body { .navbar { - font-size: 16px; - .navbar-inner { .border-radius(0); .box-shadow(none); - border-bottom: 2px solid @blue + border-bottom: 1px solid @grayDark; } .brand { - padding: 12px 20px 11px; + padding: 15px 20px 15px; color: @grayLighter; font-weight: normal; text-shadow: none; } - li { - line-height: 19px; - } - .nav > li > a { - padding: 13px 10px 8px; - border-bottom: 3px solid transparent; - border-left: 1px solid rgba(255, 255, 255, 0.1); - - &:hover { - border-bottom: 3px solid @blue - } + padding: 15px 15px 14px; + border-bottom: 1px solid transparent; } - .nav > .active > a { - border-bottom: 3px solid @blue; + .nav > li > a:hover, + .nav > .active > a, + .nav > .active > a:hover { + border-bottom: 1px solid @blue; } - .nav .active > a, - .nav .active > a:hover, - .nav .active > a:focus { + .nav > .active > a, + .nav > .active > a:hover, + .nav > .active > a:focus { .box-shadow(none); } - .nav > li > .dropdown-menu::before, - .nav > li > .dropdown-menu::after { - display: none; - } - - .dropdown-menu li > a:hover, - .dropdown-menu li > a:focus, - .dropdown-submenu:hover > a { - background-image: none; + .navbar-text { + margin-bottom: 1px; + padding: 15px 15px 14px; + line-height: inherit; } - .navbar-text { - margin-left: 15px; - margin-right: 15px; - line-height: 43px; + .divider-vertical { + margin: 0; + border-left: 1px solid @grayDark; + border-right-width: 0; } .search-query, .search-query:focus, .search-query.focused { + .border-radius(1px); + background-color: @grayDark; + line-height: normal; color: @grayLight; text-shadow: none; - background-color: #222; - .border-radius(1px); .placeholder(@gray); } &-inverse { - .navbar-inner { - border: none; - border-bottom: 3px solid @black; - } - - .brand:hover { - border-bottom: none; - background-color: @black; - } - - .nav li > a:hover { - border-bottom-color: transparent; - } - - .nav .active > a { - border-bottom-color: transparent; - } } } @@ -191,54 +165,38 @@ body { } div.subnav { - position: static; background-color: @grayDarker; background-image: none; - border: 0; + border: none; + border-bottom: 1px solid @grayDark; &.subnav-fixed { - position: relative; - left: -1px; - top: auto; + top: @navbarHeight; } .nav > li > a, - .nav .active a { + .nav > li:first-child > a, + .nav > li:first-child > a:hover { + padding: 11px 12px; + border: none; background-color: @grayDarker; - border-left: 1px solid #222; - border-right: 0; - color: @grayLighter; - } - - .nav li.nav-header { - text-shadow: none; + color: @grayLight; } .nav > li > a:hover, + .nav > li.active > a, .nav > li.active > a:hover, .nav > li:first-child > a:hover { + padding: 11px 12px; background: transparent; - border-bottom: 2px solid @blue; - border-left: 1px solid #222; + border: none; + border-bottom: 1px solid @blue; color: @white; } - .nav .open .dropdown-toggle { - border: 0; - border-left: 1px solid #222; - border-bottom: 2px solid @blue; - background-color: #060606; - } - - .nav .open .dropdown-menu { - background-color: @grayDarker; - border-left: solid 1px rgba(255, 255, 255, 0.1); - - li > a:hover { - border-bottom: 0; - background: @blue; - } + .nav li.nav-header { + text-shadow: none; } } @@ -247,23 +205,19 @@ div.subnav { .nav-tabs { - border-bottom: 1px solid #222; + border-bottom: 1px solid @grayDark; li > a:hover, li.active > a, li.active > a:hover { - border: 1px solid #222; + border-color: transparent; background-color: @blue; color: @white; } .open .dropdown-toggle { - background-color: #060606 !important; - border: 1px solid #222; - } - - .dropdown-menu li > a:hover { - border: none; + background-color: #060606; + border-color: transparent; } } @@ -300,14 +254,14 @@ div.subnav { .divider { background-color: transparent; - border-bottom: 1px solid #222; + border-bottom: 1px solid @grayDark; } } .nav-stacked { li > a { - border: 1px solid #222 !important; + border: 1px solid @grayDark !important; } li > a:hover, @@ -320,7 +274,7 @@ div.subnav { .tabbable { .nav-tabs, .nav-tabs li.active > a { - border-color: #222; + border-color: @grayDark; } } @@ -348,21 +302,10 @@ div.subnav { .box-shadow(none); } - ul > li > a, - ul > li > span { - border: 0; - font-size: 14px; - } - - ul > li > a:hover { - background-color: @blue; - color: @white; - } - + ul > li > a:hover, ul > .active > a, ul > .active > span { - background-color: @blue; - color: @white; + // color: @white; } ul > .disabled > a, @@ -375,7 +318,8 @@ div.subnav { .pager { - a { + li > a, + li > span { background-color: @bodyBackground; border: none; @@ -513,14 +457,9 @@ select:focus { // ----------------------------------------------------- .dropdown-menu { - background-color: #191A1A; .box-shadow(0 2px 4px rgba(0, 0, 0, 0.8)); } -.dropdown-menu li > a:hover { - background-color: @blue; -} - // ALERTS, LABELS, BADGES // ----------------------------------------------------- @@ -578,7 +517,7 @@ select:focus { } .thumbnail { - border-color: #222; + border-color: @grayDark; } .progress { @@ -594,18 +533,18 @@ select:focus { } .modal-header { - border-bottom: 1px solid #222; + border-bottom: 1px solid @grayDark; } .modal-footer { background-color: @grayDark; - border-top: 1px solid #222; + border-top: 1px solid @grayDark; .border-radius(0 0 6px 6px); .box-shadow(none); } .footer { - border-top: 1px solid #222; + border-top: 1px solid @grayDark; } // MEDIA QUERIES @@ -614,8 +553,8 @@ select:focus { @media (max-width: 768px) { div.subnav .nav > li + li > a, div.subnav .nav > li:first-child > a { - border-top: 1px solid #222; - border-left: 1px solid #222; + border-top: 1px solid @grayDark; + border-left: 1px solid @grayDark; } .subnav .nav > li + li > a:hover, diff --git a/cyborg/variables.less b/cyborg/variables.less index bab7620..b739cba 100755 --- a/cyborg/variables.less +++ b/cyborg/variables.less @@ -11,7 +11,7 @@ // ------------------------- @black: #000; @grayDarker: #020202; -@grayDark: #282828; +@grayDark: #222; @gray: #999; @grayLight: #ADAFAE; @grayLighter: #eee; @@ -80,7 +80,7 @@ @tableBackground: transparent; // overall background-color @tableBackgroundAccent: rgba(100, 100, 100, 0.1); // for striping @tableBackgroundHover: @grayDark; // for hover -@tableBorder: #222; // table and cell border +@tableBorder: @grayDark; // table and cell border // Buttons // ------------------------- @@ -119,7 +119,7 @@ // Dropdowns // ------------------------- -@dropdownBackground: @white; +@dropdownBackground: #131517; @dropdownBorder: rgba(0,0,0,.2); @dropdownDividerTop: transparent; @dropdownDividerBottom: #222; @@ -162,7 +162,7 @@ // Hr border color // ------------------------- -@hrBorder: @gray; +@hrBorder: @grayDark; // Horizontal forms & lists @@ -180,7 +180,7 @@ @navbarCollapseWidth: 979px; @navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; -@navbarHeight: 40px; +@navbarHeight: 50px; @navbarBackgroundHighlight: @grayDarker; @navbarBackground: @grayDarker; @navbarBorder: darken(@navbarBackground, 12%); @@ -199,11 +199,11 @@ @navbarInverseBackgroundHighlight: #252A30; @navbarInverseBorder: transparent; -@navbarInverseText: @grayLighter; -@navbarInverseLinkColor: @grayLighter; +@navbarInverseText: @grayLight; +@navbarInverseLinkColor: @grayLight; @navbarInverseLinkColorHover: @white; @navbarInverseLinkColorActive: @navbarInverseLinkColorHover; -@navbarInverseLinkBackgroundHover: @black; +@navbarInverseLinkBackgroundHover: #242A31; @navbarInverseLinkBackgroundActive: @navbarInverseLinkBackgroundHover; @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); @@ -217,7 +217,7 @@ // Pagination // ------------------------- @paginationBackground: @bodyBackground; -@paginationBorder: #ddd; +@paginationBorder: transparent; @paginationActiveBackground: @blue; @@ -250,14 +250,14 @@ // Tooltips and popovers // ------------------------- @tooltipColor: #fff; -@tooltipBackground: #000; +@tooltipBackground: @heroUnitBackground; @tooltipArrowWidth: 5px; @tooltipArrowColor: @tooltipBackground; -@popoverBackground: #fff; +@popoverBackground: @heroUnitBackground; @popoverArrowWidth: 10px; -@popoverArrowColor: #fff; -@popoverTitleBackground: darken(@popoverBackground, 3%); +@popoverArrowColor: @popoverBackground; +@popoverTitleBackground: @popoverBackground; // Special enhancement for popovers @popoverArrowOuterWidth: @popoverArrowWidth + 1; -- 2.39.2