summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2012-08-01 19:17:50 -0400
committerThomas Park <thomas@thomaspark.me>2012-08-01 19:17:50 -0400
commit9789918fa3964ccd11886935b0aaec164b6445dd (patch)
treec218be4845a8539d6db54ae33cb4d399292b28e0
parentc67446c75d877917e13f6b34ed5112433eee7069 (diff)
spacelab: fixed caret color (thanks matt!)
-rw-r--r--spacelab/bootstrap.css94
-rw-r--r--spacelab/bootstrap.min.css39
-rwxr-xr-xspacelab/bootswatch.less85
-rwxr-xr-xspacelab/variables.less10
4 files changed, 122 insertions, 106 deletions
diff --git a/spacelab/bootstrap.css b/spacelab/bootstrap.css
index 00e5c9f0..b8472b92 100644
--- a/spacelab/bootstrap.css
+++ b/spacelab/bootstrap.css
@@ -3006,7 +3006,7 @@ input[type="submit"].btn.btn-mini {
height: auto;
}
.navbar {
- color: #222222;
+ color: #333333;
}
.navbar .brand:hover {
text-decoration: none;
@@ -3026,7 +3026,7 @@ input[type="submit"].btn.btn-mini {
line-height: 40px;
}
.navbar .navbar-link {
- color: #222222;
+ color: #333333;
}
.navbar .navbar-link:hover {
color: #4183c4;
@@ -3164,7 +3164,7 @@ input[type="submit"].btn.btn-mini {
float: none;
padding: 9px 10px 11px;
line-height: 19px;
- color: #222222;
+ color: #333333;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
@@ -3187,7 +3187,7 @@ input[type="submit"].btn.btn-mini {
.navbar .nav .active > a:hover {
color: #4183c4;
text-decoration: none;
- background-color: #eaeaea;
+ background-color: transparent;
}
.navbar .divider-vertical {
height: 40px;
@@ -4198,10 +4198,8 @@ a.badge:hover {
.invisible {
visibility: hidden;
}
-.navbar {
- border-bottom: 1px solid #CACACA;
-}
.navbar .navbar-inner {
+ border-bottom: 1px solid #CACACA;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);
@@ -4212,30 +4210,37 @@ a.badge:hover {
.navbar .brand:hover {
color: #4183c4;
}
+.navbar .nav > li.active > a,
+.navbar .nav > li.dropdown > .dropdown-toggle,
+.navbar .nav > li.dropdown.active > .dropdown-toggle,
+.navbar .nav > li.dropdown.open > .dropdown-toggle,
+.navbar .nav > li.dropdown.open.active > .dropdown-toggle {
+ color: #333333;
+}
+.navbar .nav > li.active > a:hover,
+.navbar .nav > li.dropdown > .dropdown-toggle:hover,
+.navbar .nav > li.dropdown.active > .dropdown-toggle:hover,
+.navbar .nav > li.dropdown.open > .dropdown-toggle:hover,
+.navbar .nav > li.dropdown.open.active > .dropdown-toggle:hover {
+ color: #4183c4;
+}
+.navbar .nav > li.active > a .caret,
+.navbar .nav > li.dropdown > .dropdown-toggle .caret,
+.navbar .nav > li.dropdown.active > .dropdown-toggle .caret,
+.navbar .nav > li.dropdown.open > .dropdown-toggle .caret,
+.navbar .nav > li.dropdown.open.active > .dropdown-toggle .caret {
+ border-top-color: #333333;
+}
.navbar .navbar-text {
- line-height: 38px;
+ margin-top: 2px;
padding: 0 10px;
+ line-height: 38px;
}
.navbar .nav > li > a {
+ padding: 11px 10px 9px;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
-.navbar .nav .active > a {
- background-color: transparent;
- color: #333333;
-}
-.navbar .nav .active > a:hover {
- background-color: transparent;
- color: #4183c4;
-}
-.navbar .nav > li > a:hover,
-.navbar .nav li.open.dropdown .dropdown-toggle {
- color: #4183c4;
-}
-.navbar .nav .dropdown-toggle .caret {
- border-top-color: #333333;
- opacity: 1;
-}
.navbar .navbar-search .search-query,
.navbar .navbar-search .search-query:hover {
border: none;
@@ -4272,21 +4277,11 @@ a.badge:hover {
.navbar .nav-collapse.in > .nav li > a {
color: #333333;
}
-.navbar .nav-collapse.in > .nav li > a .caret {
- border-top-color: #999999;
-}
.navbar .nav-collapse.in > .nav li > a:hover {
text-shadow: none;
color: #4183c4;
background-color: transparent;
}
-.navbar .nav-collapse.in > .nav li > a:hover .caret {
- border-top-color: #ffffff;
-}
-.nav li.open.dropdown .caret,
-.nav .dropdown-toggle:hover .caret {
- border-top-color: #4183c4;
-}
div.subnav .nav > li > a {
font-weight: bold;
color: #333333;
@@ -4300,15 +4295,30 @@ div.subnav .nav > li.active > a {
div.subnav .nav > li.active > a:hover {
color: #333333;
}
-div.subnav .nav > li > .dropdown-toggle {
+div.subnav .nav > li.dropdown > .dropdown-toggle {
background-color: transparent;
}
div.subnav .nav > li.dropdown.open > .dropdown-toggle {
border-left: 1px solid whiteSmoke;
border-right: 1px solid #E5E5E5;
+ color: #333333;
+}
+div.subnav .nav > li.dropdown.open > .dropdown-toggle:hover {
color: #4183c4;
}
-div.subnav .nav > .open > .dropdown-toggle:hover .caret {
+.nav > li.dropdown > .dropdown-toggle .caret,
+.nav > li.dropdown.active > .dropdown-toggle .caret,
+.nav > li.dropdown.open > .dropdown-toggle .caret,
+.nav > li.dropdown.open.active > .dropdown-toggle .caret {
+ border-top: 4px solid #333333;
+ border-top-color: #333333;
+ opacity: 1;
+}
+.nav > li.dropdown > .dropdown-toggle:hover .caret,
+.nav > li.dropdown.active > .dropdown-toggle:hover .caret,
+.nav > li.dropdown.open > .dropdown-toggle:hover .caret,
+.nav > li.dropdown.open.active > .dropdown-toggle:hover .caret {
+ border-top: 4px solid #4183c4;
border-top-color: #4183c4;
}
.btn {
@@ -4601,16 +4611,20 @@ div.subnav .nav > .open > .dropdown-toggle:hover .caret {
background-color: #bedebe;
border-color: #2ba949;
}
-.label-important {
+.label-important,
+.badge-important {
background-color: #BD2C00;
}
-.label-warning {
+.label-warning,
+.badge-warning {
background-color: #E3E84D;
}
-.label-success {
+.label-success,
+.badge-success {
background-color: #6CC644;
}
-.label-info {
+.label-info,
+.badge-info {
background-color: #4183C4;
}
.hero-unit {
diff --git a/spacelab/bootstrap.min.css b/spacelab/bootstrap.min.css
index 30b7b655..ebaa4c2a 100644
--- a/spacelab/bootstrap.min.css
+++ b/spacelab/bootstrap.min.css
@@ -543,10 +543,10 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-
.navbar-inner{min-height:40px;padding-left:20px;padding-right:20px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);background-image:-o-linear-gradient(top, #ffffff, #eaeaea);background-image:linear-gradient(top, #ffffff, #eaeaea);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);}
.navbar .container{width:auto;}
.nav-collapse.collapse{height:auto;}
-.navbar{color:#222222;}.navbar .brand:hover{text-decoration:none;}
+.navbar{color:#333333;}.navbar .brand:hover{text-decoration:none;}
.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#333333;}
.navbar .navbar-text{margin-bottom:0;line-height:40px;}
-.navbar .navbar-link{color:#222222;}.navbar .navbar-link:hover{color:#4183c4;}
+.navbar .navbar-link{color:#333333;}.navbar .navbar-link:hover{color:#4183c4;}
.navbar .btn,.navbar .btn-group{margin-top:5px;}
.navbar .btn-group .btn{margin:0;}
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
@@ -567,11 +567,11 @@ 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;}
.navbar .nav>li{display:block;float:left;}
-.navbar .nav>li>a{float:none;padding:9px 10px 11px;line-height:19px;color:#222222;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
+.navbar .nav>li>a{float:none;padding:9px 10px 11px;line-height:19px;color:#333333;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
.navbar .btn{display:inline-block;padding:4px 10px 4px;margin:5px 5px 6px;line-height:18px;}
.navbar .btn-group{margin:0;padding:5px 5px 6px;}
.navbar .nav>li>a:hover{background-color:transparent;color:#4183c4;text-decoration:none;}
-.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#4183c4;text-decoration:none;background-color:#eaeaea;}
+.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#4183c4;text-decoration:none;background-color:transparent;}
.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#eaeaea;border-right:1px solid #ffffff;}
.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #ffffff, #eaeaea);background-image:-ms-linear-gradient(top, #ffffff, #eaeaea);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea));background-image:-webkit-linear-gradient(top, #ffffff, #eaeaea);background-image:-o-linear-gradient(top, #ffffff, #eaeaea);background-image:linear-gradient(top, #ffffff, #eaeaea);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);border-color:#eaeaea #eaeaea #c4c4c4;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#eaeaea;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{background-color:#eaeaea;*background-color:#dddddd;}
@@ -711,26 +711,25 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
.hide{display:none;}
.show{display:block;}
.invisible{visibility:hidden;}
-.navbar{border-bottom:1px solid #CACACA;}.navbar .navbar-inner{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);}
+.navbar .navbar-inner{border-bottom:1px solid #CACACA;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) , 0 0 10px rgba(0, 0, 0, 0.1);}
.navbar .brand{font-weight:bold;}.navbar .brand:hover{color:#4183c4;}
-.navbar .navbar-text{line-height:38px;padding:0 10px;}
-.navbar .nav>li>a{font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
-.navbar .nav .active>a{background-color:transparent;color:#333333;}.navbar .nav .active>a:hover{background-color:transparent;color:#4183c4;}
-.navbar .nav>li>a:hover,.navbar .nav li.open.dropdown .dropdown-toggle{color:#4183c4;}
-.navbar .nav .dropdown-toggle .caret{border-top-color:#333333;opacity:1;}
+.navbar .nav>li.active>a,.navbar .nav>li.dropdown>.dropdown-toggle,.navbar .nav>li.dropdown.active>.dropdown-toggle,.navbar .nav>li.dropdown.open>.dropdown-toggle,.navbar .nav>li.dropdown.open.active>.dropdown-toggle{color:#333333;}.navbar .nav>li.active>a:hover,.navbar .nav>li.dropdown>.dropdown-toggle:hover,.navbar .nav>li.dropdown.active>.dropdown-toggle:hover,.navbar .nav>li.dropdown.open>.dropdown-toggle:hover,.navbar .nav>li.dropdown.open.active>.dropdown-toggle:hover{color:#4183c4;}
+.navbar .nav>li.active>a .caret,.navbar .nav>li.dropdown>.dropdown-toggle .caret,.navbar .nav>li.dropdown.active>.dropdown-toggle .caret,.navbar .nav>li.dropdown.open>.dropdown-toggle .caret,.navbar .nav>li.dropdown.open.active>.dropdown-toggle .caret{border-top-color:#333333;}
+.navbar .navbar-text{margin-top:2px;padding:0 10px;line-height:38px;}
+.navbar .nav>li>a{padding:11px 10px 9px;font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
.navbar .navbar-search .search-query,.navbar .navbar-search .search-query:hover{border:none;color:#999999;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);}.navbar .navbar-search .search-query:-moz-placeholder,.navbar .navbar-search .search-query:hover:-moz-placeholder{color:#999999;}
.navbar .navbar-search .search-query:-ms-input-placeholder,.navbar .navbar-search .search-query:hover:-ms-input-placeholder{color:#999999;}
.navbar .navbar-search .search-query::-webkit-input-placeholder,.navbar .navbar-search .search-query:hover::-webkit-input-placeholder{color:#999999;}
.navbar .navbar-search .search-query:focus,.navbar .navbar-search .search-query:hover:focus,.navbar .navbar-search .search-query.focused,.navbar .navbar-search .search-query:hover.focused{-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.5);color:#333333;}
.navbar .nav-collapse.in .navbar-search{border-top:none;border-bottom:none;}
-.navbar .nav-collapse.in>.nav li>a{color:#333333;}.navbar .nav-collapse.in>.nav li>a .caret{border-top-color:#999999;}
-.navbar .nav-collapse.in>.nav li>a:hover{text-shadow:none;color:#4183c4;background-color:transparent;}.navbar .nav-collapse.in>.nav li>a:hover .caret{border-top-color:#ffffff;}
-.nav li.open.dropdown .caret,.nav .dropdown-toggle:hover .caret{border-top-color:#4183c4;}
+.navbar .nav-collapse.in>.nav li>a{color:#333333;}
+.navbar .nav-collapse.in>.nav li>a:hover{text-shadow:none;color:#4183c4;background-color:transparent;}
div.subnav .nav>li>a{font-weight:bold;color:#333333;}div.subnav .nav>li>a:hover{color:#4183c4;}
div.subnav .nav>li.active>a{color:#333333;}div.subnav .nav>li.active>a:hover{color:#333333;}
-div.subnav .nav>li>.dropdown-toggle{background-color:transparent;}
-div.subnav .nav>li.dropdown.open>.dropdown-toggle{border-left:1px solid whiteSmoke;border-right:1px solid #E5E5E5;color:#4183c4;}
-div.subnav .nav>.open>.dropdown-toggle:hover .caret{border-top-color:#4183c4;}
+div.subnav .nav>li.dropdown>.dropdown-toggle{background-color:transparent;}
+div.subnav .nav>li.dropdown.open>.dropdown-toggle{border-left:1px solid whiteSmoke;border-right:1px solid #E5E5E5;color:#333333;}div.subnav .nav>li.dropdown.open>.dropdown-toggle:hover{color:#4183c4;}
+.nav>li.dropdown>.dropdown-toggle .caret,.nav>li.dropdown.active>.dropdown-toggle .caret,.nav>li.dropdown.open>.dropdown-toggle .caret,.nav>li.dropdown.open.active>.dropdown-toggle .caret{border-top:4px solid #333333;border-top-color:#333333;opacity:1;}
+.nav>li.dropdown>.dropdown-toggle:hover .caret,.nav>li.dropdown.active>.dropdown-toggle:hover .caret,.nav>li.dropdown.open>.dropdown-toggle:hover .caret,.nav>li.dropdown.open.active>.dropdown-toggle:hover .caret{border-top:4px solid #4183c4;border-top-color:#4183c4;}
.btn{background-color:#f1f1f1;background-image:-moz-linear-gradient(top, #f4f4f4, #ececec);background-image:-ms-linear-gradient(top, #f4f4f4, #ececec);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));background-image:-webkit-linear-gradient(top, #f4f4f4, #ececec);background-image:-o-linear-gradient(top, #f4f4f4, #ececec);background-image:linear-gradient(top, #f4f4f4, #ececec);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#ececec', GradientType=0);border-color:#ececec #ececec #c6c6c6;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ececec;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#ececec;*background-color:#dfdfdf;}
.btn:active,.btn.active{background-color:#d3d3d3 \9;}
.btn-primary{background-color:#707070;background-image:-moz-linear-gradient(top, #909090, #3f3f3f);background-image:-ms-linear-gradient(top, #909090, #3f3f3f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#909090), to(#3f3f3f));background-image:-webkit-linear-gradient(top, #909090, #3f3f3f);background-image:-o-linear-gradient(top, #909090, #3f3f3f);background-image:linear-gradient(top, #909090, #3f3f3f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#3f3f3f', GradientType=0);border-color:#3f3f3f #3f3f3f #191919;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#3f3f3f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#3f3f3f;*background-color:#323232;}
@@ -754,10 +753,10 @@ div.subnav .nav>.open>.dropdown-toggle:hover .caret{border-top-color:#4183c4;}
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#2ba949;}
.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#2ba949;border-color:#2ba949;}.control-group.success .checkbox:focus,.control-group.success .radio:focus,.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#218037;-webkit-box-shadow:0 0 6px #63d77e;-moz-box-shadow:0 0 6px #63d77e;box-shadow:0 0 6px #63d77e;}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#2ba949;background-color:#bedebe;border-color:#2ba949;}
-.label-important{background-color:#BD2C00;}
-.label-warning{background-color:#E3E84D;}
-.label-success{background-color:#6CC644;}
-.label-info{background-color:#4183C4;}
+.label-important,.badge-important{background-color:#BD2C00;}
+.label-warning,.badge-warning{background-color:#E3E84D;}
+.label-success,.badge-success{background-color:#6CC644;}
+.label-info,.badge-info{background-color:#4183C4;}
.hero-unit{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.05);}
.pull-right{float:right;}
.pull-left{float:left;}
diff --git a/spacelab/bootswatch.less b/spacelab/bootswatch.less
index 86504bdd..bcf6a8db 100755
--- a/spacelab/bootswatch.less
+++ b/spacelab/bootswatch.less
@@ -8,9 +8,8 @@
.navbar {
- border-bottom: 1px solid #CACACA;
-
.navbar-inner {
+ border-bottom: 1px solid #CACACA;
.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1));
}
@@ -22,34 +21,33 @@
}
}
- .navbar-text {
- line-height: 38px;
- padding: 0 10px;
- }
+ .nav > li.active > a,
+ .nav > li.dropdown > .dropdown-toggle,
+ .nav > li.dropdown.active > .dropdown-toggle,
+ .nav > li.dropdown.open > .dropdown-toggle,
+ .nav > li.dropdown.open.active > .dropdown-toggle {
- .nav > li > a {
- font-weight: bold;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- }
-
- .nav .active > a {
- background-color: transparent;
color: @textColor;
&:hover {
- background-color: transparent;
color: @linkColor;
}
+
+ .caret {
+ border-top-color: @textColor;
+ }
}
- .nav > li > a:hover,
- .nav li.open.dropdown .dropdown-toggle {
- color: @linkColor;
+ .navbar-text {
+ margin-top: 2px;
+ padding: 0 10px;
+ line-height: 38px;
}
- .nav .dropdown-toggle .caret {
- border-top-color: @textColor;
- opacity: 1;
+ .nav > li > a {
+ padding: 11px 10px 9px;
+ font-weight: bold;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.navbar-search .search-query,
@@ -75,27 +73,15 @@
color: @textColor;
- .caret {
- border-top-color: @grayLight;
- }
}
.nav-collapse.in > .nav li > a:hover {
text-shadow: none;
color: @linkColor;
background-color: transparent;
-
- .caret {
- border-top-color: @white;
- }
}
}
-.nav li.open.dropdown .caret,
-.nav .dropdown-toggle:hover .caret {
- border-top-color: @linkColor;
-}
-
div.subnav {
.nav > li > a {
@@ -111,22 +97,39 @@ div.subnav {
color: @textColor;
&:hover {
- color: @grayDark;
+ color: @textColor;
}
}
- .nav > li > .dropdown-toggle {
+ .nav > li.dropdown > .dropdown-toggle {
background-color: transparent;
}
.nav > li.dropdown.open > .dropdown-toggle {
border-left: 1px solid whiteSmoke;
border-right: 1px solid #E5E5E5;
- color: @linkColor;
+ color: @textColor;
+
+ &:hover {
+ color: @linkColor;
+ }
+ }
+}
+
+.nav > li.dropdown > .dropdown-toggle,
+.nav > li.dropdown.active > .dropdown-toggle,
+.nav > li.dropdown.open > .dropdown-toggle,
+.nav > li.dropdown.open.active > .dropdown-toggle {
+
+ .caret {
+ border-top: 4px solid @textColor;
+ border-top-color: @textColor;
+ opacity: 1;
}
- .nav > .open > .dropdown-toggle:hover .caret {
- border-top-color: @linkColor;
+ &:hover .caret {
+ border-top: 4px solid @linkColorHover;
+ border-top-color: @linkColorHover;
}
}
@@ -180,10 +183,10 @@ div.subnav {
// MISC
// -----------------------------------------------------
-.label-important { background-color: #BD2C00; }
-.label-warning { background-color: #E3E84D; }
-.label-success { background-color: #6CC644; }
-.label-info { background-color: #4183C4; }
+.label-important, .badge-important { background-color: #BD2C00; }
+.label-warning, .badge-warning { background-color: #E3E84D; }
+.label-success, .badge-success { background-color: #6CC644; }
+.label-info, .badge-info { background-color: #4183C4; }
.hero-unit {
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
diff --git a/spacelab/variables.less b/spacelab/variables.less
index 686da48e..73a4dec3 100755
--- a/spacelab/variables.less
+++ b/spacelab/variables.less
@@ -104,7 +104,7 @@
// -------------------------
@dropdownBackground: @white;
@dropdownBorder: rgba(0,0,0,.2);
-@dropdownLinkColor: @grayDark;
+@dropdownLinkColor: @textColor;
@dropdownLinkColorHover: @white;
@dropdownLinkBackgroundHover: @linkColor;
@dropdownDividerTop: #e5e5e5;
@@ -149,12 +149,12 @@
@navbarBackground: #EAEAEA;
@navbarBackgroundHighlight: lighten(@navbarBackground, 15%);
-@navbarText: @grayDarker;
-@navbarLinkColor: @grayDarker;
+@navbarText: @textColor;
+@navbarLinkColor: @textColor;
@navbarLinkColorHover: @linkColor;
-@navbarLinkColorActive: @navbarLinkColorHover;
+@navbarLinkColorActive: @linkColor;
@navbarLinkBackgroundHover: transparent;
-@navbarLinkBackgroundActive: @navbarBackground;
+@navbarLinkBackgroundActive: transparent;
@navbarSearchBackground: lighten(@navbarBackground, 25%);
@navbarSearchBackgroundFocus: @white;