From aa3e2e4230f058d54e3190db2a42a0086ebcbee6 Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Tue, 2 Oct 2012 18:18:06 -0400 Subject: [PATCH] cerulean: changed alt navbar from gray to dark blue --- cerulean/bootstrap.css | 124 ++++++++++++++++++------------------- cerulean/bootstrap.min.css | 39 ++++++------ cerulean/bootswatch.less | 11 ++-- cerulean/variables.less | 24 +++---- 4 files changed, 98 insertions(+), 100 deletions(-) diff --git a/cerulean/bootstrap.css b/cerulean/bootstrap.css index 53eac17..e9c9915 100644 --- a/cerulean/bootstrap.css +++ b/cerulean/bootstrap.css @@ -2802,14 +2802,14 @@ input[type="button"].btn-block { .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #a27a28; - background-image: -moz-linear-gradient(top, #f7b42c, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7b42c), to(#222222)); - background-image: -webkit-linear-gradient(top, #f7b42c, #222222); - background-image: -o-linear-gradient(top, #f7b42c, #222222); - background-image: linear-gradient(to bottom, #f7b42c, #222222); + background-color: #0f3253; + background-image: -moz-linear-gradient(top, #033c73, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#033c73), to(#222222)); + background-image: -webkit-linear-gradient(top, #033c73, #222222); + background-image: -o-linear-gradient(top, #033c73, #222222); + background-image: linear-gradient(to bottom, #033c73, #222222); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7b42c', endColorstr='#ff222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff033c73', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; @@ -3830,69 +3830,69 @@ input[type="submit"].btn.btn-mini { border-radius: 6px 0 6px 6px; } .navbar-inverse { - color: #555555; + color: #ffffff; } .navbar-inverse .navbar-inner { - background-color: #f6f6f6; - background-image: -moz-linear-gradient(top, #fbfbfb, #eeeeee); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#eeeeee)); - background-image: -webkit-linear-gradient(top, #fbfbfb, #eeeeee); - background-image: -o-linear-gradient(top, #fbfbfb, #eeeeee); - background-image: linear-gradient(to bottom, #fbfbfb, #eeeeee); + background-color: #034482; + background-image: -moz-linear-gradient(top, #04498c, #033c73); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04498c), to(#033c73)); + background-image: -webkit-linear-gradient(top, #04498c, #033c73); + background-image: -o-linear-gradient(top, #04498c, #033c73); + background-image: linear-gradient(to bottom, #04498c, #033c73); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfb', endColorstr='#ffeeeeee', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04498c', endColorstr='#ff033c73', GradientType=0); border-color: rgba(0, 0, 0, 0.1); } .navbar-inverse .brand, .navbar-inverse .nav > li > a { - color: #555555; + color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover { - color: #555555; + color: #ffffff; } .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { background-color: rgba(0, 0, 0, 0.05); - color: #555555; + color: #ffffff; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { - color: #555555; + color: #ffffff; background-color: rgba(0, 0, 0, 0.05); } .navbar-inverse .navbar-link { - color: #555555; + color: #ffffff; } .navbar-inverse .navbar-link:hover { - color: #555555; + color: #ffffff; } .navbar-inverse .divider-vertical { - border-left-color: #eeeeee; - border-right-color: #fbfbfb; + border-left-color: #033c73; + border-right-color: #04498c; } .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: rgba(0, 0, 0, 0.05); - color: #555555; + color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; + border-top-color: #ffffff; + border-bottom-color: #ffffff; } .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: #555555; - border-bottom-color: #555555; + border-top-color: #ffffff; + border-bottom-color: #ffffff; } .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #ffffff; - border-color: #eeeeee; + border-color: #033c73; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); @@ -3902,13 +3902,13 @@ input[type="submit"].btn.btn-mini { transition: none; } .navbar-inverse .navbar-search .search-query:-moz-placeholder { - color: #cccccc; + color: #999999; } .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { - color: #cccccc; + color: #999999; } .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; + color: #999999; } .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { @@ -3925,17 +3925,17 @@ input[type="submit"].btn.btn-mini { .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #e9e9e9; - background-image: -moz-linear-gradient(top, #eeeeee, #e1e1e1); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e1e1e1)); - background-image: -webkit-linear-gradient(top, #eeeeee, #e1e1e1); - background-image: -o-linear-gradient(top, #eeeeee, #e1e1e1); - background-image: linear-gradient(to bottom, #eeeeee, #e1e1e1); + background-color: #033769; + background-image: -moz-linear-gradient(top, #033c73, #022f5a); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#033c73), to(#022f5a)); + background-image: -webkit-linear-gradient(top, #033c73, #022f5a); + background-image: -o-linear-gradient(top, #033c73, #022f5a); + background-image: linear-gradient(to bottom, #033c73, #022f5a); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe1e1e1', GradientType=0); - border-color: #e1e1e1 #e1e1e1 #bbbbbb; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff033c73', endColorstr='#ff022f5a', GradientType=0); + border-color: #022f5a #022f5a #000810; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #e1e1e1; + *background-color: #022f5a; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -3946,12 +3946,12 @@ input[type="submit"].btn.btn-mini { .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { color: #ffffff; - background-color: #e1e1e1; - *background-color: #d4d4d4; + background-color: #022f5a; + *background-color: #022241; } .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { - background-color: #c8c8c8 \9; + background-color: #011528 \9; } .breadcrumb { padding: 8px 15px; @@ -4895,9 +4895,7 @@ a.badge:hover { } .navbar .search-query { border: 1px solid #178acc; -} -.navbar .btn-navbar:hover { - background-color: #cccccc; + line-height: normal; } .navbar .navbar-text { padding: 19px 10px 18px; @@ -4937,13 +4935,15 @@ a.badge:hover { color: #2B7CAC; } .navbar-inverse .nav-collapse .nav li > a { - color: #555555; + color: #ffffff; } .navbar-inverse .nav-collapse .nav li > a:hover { background-color: rgba(0, 0, 0, 0.1); } - .navbar-inverse .nav-collapse .nav .active > a { - background-color: rgba(0, 0, 0, 0.1); + .navbar-inverse .nav-collapse .nav .active > a, + .navbar-inverse .nav-collapse .nav > li > a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: rgba(0, 0, 0, 0.1) !important; } } div.subnav { @@ -5127,17 +5127,17 @@ div.subnav-fixed { .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f8b93b; - background-image: -moz-linear-gradient(top, #f8bd45, #f7b42c); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8bd45), to(#f7b42c)); - background-image: -webkit-linear-gradient(top, #f8bd45, #f7b42c); - background-image: -o-linear-gradient(top, #f8bd45, #f7b42c); - background-image: linear-gradient(to bottom, #f8bd45, #f7b42c); + background-color: #034482; + background-image: -moz-linear-gradient(top, #04498c, #033c73); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04498c), to(#033c73)); + background-image: -webkit-linear-gradient(top, #04498c, #033c73); + background-image: -o-linear-gradient(top, #04498c, #033c73); + background-image: linear-gradient(to bottom, #04498c, #033c73); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8bd45', endColorstr='#fff7b42c', GradientType=0); - border-color: #f7b42c #f7b42c #cf8d08; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04498c', endColorstr='#ff033c73', GradientType=0); + border-color: #033c73 #033c73 #011528; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f7b42c; + *background-color: #033c73; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -5148,12 +5148,12 @@ div.subnav-fixed { .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; - background-color: #f7b42c; - *background-color: #f6ab13; + background-color: #033c73; + *background-color: #022f5a; } .btn-inverse:active, .btn-inverse.active { - background-color: #e79e09 \9; + background-color: #022241 \9; } i[class^="icon-"] { opacity: 0.8; diff --git a/cerulean/bootstrap.min.css b/cerulean/bootstrap.min.css index 83c910c..be1c0ca 100644 --- a/cerulean/bootstrap.min.css +++ b/cerulean/bootstrap.min.css @@ -509,7 +509,7 @@ input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button" .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:#6d76b3;background-image:-moz-linear-gradient(top, #9760b3, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#9760b3), to(#2f96b4));background-image:-webkit-linear-gradient(top, #9760b3, #2f96b4);background-image:-o-linear-gradient(top, #9760b3, #2f96b4);background-image:linear-gradient(to bottom, #9760b3, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9760b3', 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:#a27a28;background-image:-moz-linear-gradient(top, #f7b42c, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f7b42c), to(#222222));background-image:-webkit-linear-gradient(top, #f7b42c, #222222);background-image:-o-linear-gradient(top, #f7b42c, #222222);background-image:linear-gradient(to bottom, #f7b42c, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7b42c', endColorstr='#ff222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;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:#222222;*background-color:#151515;} +.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0f3253;background-image:-moz-linear-gradient(top, #033c73, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#033c73), to(#222222));background-image:-webkit-linear-gradient(top, #033c73, #222222);background-image:-o-linear-gradient(top, #033c73, #222222);background-image:linear-gradient(to bottom, #033c73, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff033c73', endColorstr='#ff222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;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:#222222;*background-color:#151515;} .btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;} button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} @@ -680,21 +680,21 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .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:#555555;}.navbar-inverse .navbar-inner{background-color:#f6f6f6;background-image:-moz-linear-gradient(top, #fbfbfb, #eeeeee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbfbfb), to(#eeeeee));background-image:-webkit-linear-gradient(top, #fbfbfb, #eeeeee);background-image:-o-linear-gradient(top, #fbfbfb, #eeeeee);background-image:linear-gradient(to bottom, #fbfbfb, #eeeeee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfb', endColorstr='#ffeeeeee', GradientType=0);border-color:rgba(0, 0, 0, 0.1);} -.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#555555;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover{color:#555555;} -.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover{background-color:rgba(0, 0, 0, 0.05);color:#555555;} -.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#555555;background-color:rgba(0, 0, 0, 0.05);} -.navbar-inverse .navbar-link{color:#555555;}.navbar-inverse .navbar-link:hover{color:#555555;} -.navbar-inverse .divider-vertical{border-left-color:#eeeeee;border-right-color:#fbfbfb;} -.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:rgba(0, 0, 0, 0.05);color:#555555;} -.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#555555;border-bottom-color:#555555;} -.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:#555555;border-bottom-color:#555555;} -.navbar-inverse .navbar-search .search-query{color:#ffffff;background-color:#ffffff;border-color:#eeeeee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#cccccc;} -.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#cccccc;} -.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;} +.navbar-inverse{color:#ffffff;}.navbar-inverse .navbar-inner{background-color:#034482;background-image:-moz-linear-gradient(top, #04498c, #033c73);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#04498c), to(#033c73));background-image:-webkit-linear-gradient(top, #04498c, #033c73);background-image:-o-linear-gradient(top, #04498c, #033c73);background-image:linear-gradient(to bottom, #04498c, #033c73);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04498c', endColorstr='#ff033c73', GradientType=0);border-color:rgba(0, 0, 0, 0.1);} +.navbar-inverse .brand,.navbar-inverse .nav>li>a{color:#ffffff;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:rgba(0, 0, 0, 0.05);color:#ffffff;} +.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus{color:#ffffff;background-color:rgba(0, 0, 0, 0.05);} +.navbar-inverse .navbar-link{color:#ffffff;}.navbar-inverse .navbar-link:hover{color:#ffffff;} +.navbar-inverse .divider-vertical{border-left-color:#033c73;border-right-color:#04498c;} +.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:rgba(0, 0, 0, 0.05);color:#ffffff;} +.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} +.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:#ffffff;border-color:#033c73;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}.navbar-inverse .navbar-search .search-query:-moz-placeholder{color:#999999;} +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder{color:#999999;} +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder{color:#999999;} .navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused{padding:5px 15px;color:#333333;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:#e9e9e9;background-image:-moz-linear-gradient(top, #eeeeee, #e1e1e1);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e1e1e1));background-image:-webkit-linear-gradient(top, #eeeeee, #e1e1e1);background-image:-o-linear-gradient(top, #eeeeee, #e1e1e1);background-image:linear-gradient(to bottom, #eeeeee, #e1e1e1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe1e1e1', GradientType=0);border-color:#e1e1e1 #e1e1e1 #bbbbbb;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e1e1e1;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:#e1e1e1;*background-color:#d4d4d4;} -.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#c8c8c8 \9;} +.navbar-inverse .btn-navbar{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#033769;background-image:-moz-linear-gradient(top, #033c73, #022f5a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#033c73), to(#022f5a));background-image:-webkit-linear-gradient(top, #033c73, #022f5a);background-image:-o-linear-gradient(top, #033c73, #022f5a);background-image:linear-gradient(to bottom, #033c73, #022f5a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff033c73', endColorstr='#ff022f5a', GradientType=0);border-color:#022f5a #022f5a #000810;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#022f5a;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:#022f5a;*background-color:#022241;} +.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active{background-color:#011528 \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;} .breadcrumb .divider{padding:0 5px;color:#ccc;} .breadcrumb .active{color:#999999;} @@ -828,11 +828,10 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .navbar .brand{padding:14px 20px 16px;font-family:'Telex',sans-serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);} .navbar li{line-height:20px;} .navbar .nav>li>a{padding:16px 10px 14px;font-family:'Telex',sans-serif;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);} -.navbar .search-query{border:1px solid #178acc;} -.navbar .btn-navbar:hover{background-color:#cccccc;} +.navbar .search-query{border:1px solid #178acc;line-height:normal;} .navbar .navbar-text{padding:19px 10px 18px;line-height:13px;color:rgba(0, 0, 0, 0.5);text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);} .navbar-inverse .navbar-search .search-query{color:#555555;} -@media (max-width:979px){.navbar .nav-collapse .nav li>a{font-family:'Telex',sans-serif;font-weight:normal;color:#ffffff;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);}.navbar .nav-collapse .nav li>a:hover{background-color:#2B7CAC;} .navbar .nav-collapse .nav .active>a{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2B7CAC;} .navbar .nav-collapse .dropdown-menu li>a:hover,.navbar .nav-collapse .dropdown-menu li>a:focus,.navbar .nav-collapse .dropdown-submenu:hover>a{background-image:none;} .navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border:none;} .navbar .nav-collapse .nav-header{color:#2B7CAC;} .navbar-inverse .nav-collapse .nav li>a{color:#555555;}.navbar-inverse .nav-collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.1);} .navbar-inverse .nav-collapse .nav .active>a{background-color:rgba(0, 0, 0, 0.1);}}div.subnav{font-family:'Telex',sans-serif;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);}div.subnav-fixed{top:50px;} +@media (max-width:979px){.navbar .nav-collapse .nav li>a{font-family:'Telex',sans-serif;font-weight:normal;color:#ffffff;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.2);}.navbar .nav-collapse .nav li>a:hover{background-color:#2B7CAC;} .navbar .nav-collapse .nav .active>a{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2B7CAC;} .navbar .nav-collapse .dropdown-menu li>a:hover,.navbar .nav-collapse .dropdown-menu li>a:focus,.navbar .nav-collapse .dropdown-submenu:hover>a{background-image:none;} .navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border:none;} .navbar .nav-collapse .nav-header{color:#2B7CAC;} .navbar-inverse .nav-collapse .nav li>a{color:#ffffff;}.navbar-inverse .nav-collapse .nav li>a:hover{background-color:rgba(0, 0, 0, 0.1);} .navbar-inverse .nav-collapse .nav .active>a,.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:rgba(0, 0, 0, 0.1) !important;}}div.subnav{font-family:'Telex',sans-serif;text-shadow:1px 1px 0 rgba(255, 255, 255, 0.2);}div.subnav-fixed{top:50px;} .btn{background-color:#ffffff;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(5%, #ffffff), to(#ffffff));background-image:-webkit-linear-gradient(#ffffff, #ffffff 5%, #ffffff);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 5%, #ffffff);background-image:-o-linear-gradient(#ffffff, #ffffff 5%, #ffffff);background-image:linear-gradient(#ffffff, #ffffff 5%, #ffffff);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}.btn:hover{background-position:0 0;} .btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#3daae9;background-image:-moz-linear-gradient(top, #46aeea, #2fa4e7);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#46aeea), to(#2fa4e7));background-image:-webkit-linear-gradient(top, #46aeea, #2fa4e7);background-image:-o-linear-gradient(top, #46aeea, #2fa4e7);background-image:linear-gradient(to bottom, #46aeea, #2fa4e7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff46aeea', endColorstr='#ff2fa4e7', GradientType=0);border-color:#2fa4e7 #2fa4e7 #157ab5;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2fa4e7;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:#2fa4e7;*background-color:#1a99e2;} .btn-primary:active,.btn-primary.active{background-color:#178acc \9;} @@ -844,8 +843,8 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .btn-warning:active,.btn-warning.active{background-color:#aa4200 \9;} .btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#d41e24;background-image:-moz-linear-gradient(top, #dd1f26, #c71c22);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#dd1f26), to(#c71c22));background-image:-webkit-linear-gradient(top, #dd1f26, #c71c22);background-image:-o-linear-gradient(top, #dd1f26, #c71c22);background-image:linear-gradient(to bottom, #dd1f26, #c71c22);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd1f26', endColorstr='#ffc71c22', GradientType=0);border-color:#c71c22 #c71c22 #841317;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#c71c22;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:#c71c22;*background-color:#b1191e;} .btn-danger:active,.btn-danger.active{background-color:#9a161a \9;} -.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#f8b93b;background-image:-moz-linear-gradient(top, #f8bd45, #f7b42c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f8bd45), to(#f7b42c));background-image:-webkit-linear-gradient(top, #f8bd45, #f7b42c);background-image:-o-linear-gradient(top, #f8bd45, #f7b42c);background-image:linear-gradient(to bottom, #f8bd45, #f7b42c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8bd45', endColorstr='#fff7b42c', GradientType=0);border-color:#f7b42c #f7b42c #cf8d08;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#f7b42c;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:#f7b42c;*background-color:#f6ab13;} -.btn-inverse:active,.btn-inverse.active{background-color:#e79e09 \9;} +.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#034482;background-image:-moz-linear-gradient(top, #04498c, #033c73);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#04498c), to(#033c73));background-image:-webkit-linear-gradient(top, #04498c, #033c73);background-image:-o-linear-gradient(top, #04498c, #033c73);background-image:linear-gradient(to bottom, #04498c, #033c73);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04498c', endColorstr='#ff033c73', GradientType=0);border-color:#033c73 #033c73 #011528;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#033c73;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:#033c73;*background-color:#022f5a;} +.btn-inverse:active,.btn-inverse.active{background-color:#022241 \9;} i[class^="icon-"]{opacity:0.8;} .pull-right{float:right;} .pull-left{float:left;} diff --git a/cerulean/bootswatch.less b/cerulean/bootswatch.less index 0442252..7b4ca9c 100755 --- a/cerulean/bootswatch.less +++ b/cerulean/bootswatch.less @@ -35,10 +35,7 @@ .search-query { border: 1px solid darken(@linkColor, 10%); - } - - .btn-navbar:hover { - background-color: darken(@white, 20%); + line-height: normal; } .navbar-text { @@ -103,8 +100,10 @@ } } - .nav .active > a { - background-color: rgba(0, 0, 0, 0.1); + .nav .active > a, + .nav > li > a:hover, + .dropdown-menu a:hover { + background-color: rgba(0, 0, 0, 0.1) !important; } } } diff --git a/cerulean/variables.less b/cerulean/variables.less index 7961b62..64f7724 100755 --- a/cerulean/variables.less +++ b/cerulean/variables.less @@ -22,7 +22,7 @@ // Accent colors // ------------------------- -@blue: #3E78B3; +@blue: #2FA4E7; @blueDark: #033C73; @green: #73A839; @red: #C71C22; @@ -40,7 +40,7 @@ // Links // ------------------------- -@linkColor: #2FA4E7; +@linkColor: @blue; @linkColorHover: darken(@linkColor, 15%); @@ -89,7 +89,7 @@ @btnDangerBackground: @red; @btnDangerBackgroundHighlight: #bd362f; -@btnInverseBackground: @yellow; +@btnInverseBackground: @blueDark; @btnInverseBackgroundHighlight: @grayDarker; @@ -159,8 +159,8 @@ @navbarCollapseWidth: 979px; @navbarHeight: 50px; -@navbarBackground: @linkColor; -@navbarBackgroundHighlight: lighten(@linkColor, 8%); +@navbarBackground: @blue; +@navbarBackgroundHighlight: lighten(@navbarBackground, 8%); @navbarBorder: darken(@navbarBackground, 12%); @navbarText: @grayLighter; @@ -173,21 +173,21 @@ @navbarBrandColor: @navbarLinkColor; // Inverted navbar -@navbarInverseBackground: #eee; +@navbarInverseBackground: @blueDark; @navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground, 5%); @navbarInverseBorder: rgba(0, 0, 0, 0.1); -@navbarInverseText: @textColor; -@navbarInverseLinkColor: @textColor; -@navbarInverseLinkColorHover: @textColor; -@navbarInverseLinkColorActive: @textColor; +@navbarInverseText: @white; +@navbarInverseLinkColor: @white; +@navbarInverseLinkColorHover: @white; +@navbarInverseLinkColorActive: @white; @navbarInverseLinkBackgroundHover: rgba(0,0,0,.05); @navbarInverseLinkBackgroundActive: rgba(0,0,0,.05); -@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); +@navbarInverseSearchBackground: @white; @navbarInverseSearchBackgroundFocus: @white; @navbarInverseSearchBorder: @navbarInverseBackground; -@navbarInverseSearchPlaceholderColor: #ccc; +@navbarInverseSearchPlaceholderColor: @grayLight; @navbarInverseBrandColor: @navbarInverseLinkColor; -- 2.39.2