Commit cc16c83d authored by Thomas Park's avatar Thomas Park
Browse files

spacelab: more subtle gradients on navbar, navbar transition on hover, lighten...

spacelab: more subtle gradients on navbar, navbar transition on hover, lighten wells, remove unneeded padding on label and badge
parent 0fbae538
...@@ -678,12 +678,12 @@ cite { ...@@ -678,12 +678,12 @@ cite {
} }
.muted { .muted {
color: #bbbbbb; color: #cccccc;
} }
a.muted:hover, a.muted:hover,
a.muted:focus { a.muted:focus {
color: #a2a2a2; color: #b3b3b3;
} }
.text-warning { .text-warning {
...@@ -756,7 +756,7 @@ h5 small, ...@@ -756,7 +756,7 @@ h5 small,
h6 small { h6 small {
font-weight: normal; font-weight: normal;
line-height: 1; line-height: 1;
color: #bbbbbb; color: #cccccc;
} }
h1, h1,
...@@ -905,7 +905,7 @@ hr { ...@@ -905,7 +905,7 @@ hr {
abbr[title], abbr[title],
abbr[data-original-title] { abbr[data-original-title] {
cursor: help; cursor: help;
border-bottom: 1px dotted #bbbbbb; border-bottom: 1px dotted #cccccc;
} }
abbr.initialism { abbr.initialism {
...@@ -929,7 +929,7 @@ blockquote p { ...@@ -929,7 +929,7 @@ blockquote p {
blockquote small { blockquote small {
display: block; display: block;
line-height: 21px; line-height: 21px;
color: #bbbbbb; color: #cccccc;
} }
blockquote small:before { blockquote small:before {
...@@ -1050,7 +1050,7 @@ legend { ...@@ -1050,7 +1050,7 @@ legend {
legend small { legend small {
font-size: 15.75px; font-size: 15.75px;
color: #bbbbbb; color: #cccccc;
} }
label, label,
...@@ -1219,7 +1219,7 @@ input[type="checkbox"]:focus { ...@@ -1219,7 +1219,7 @@ input[type="checkbox"]:focus {
.uneditable-input, .uneditable-input,
.uneditable-textarea { .uneditable-textarea {
color: #bbbbbb; color: #cccccc;
cursor: not-allowed; cursor: not-allowed;
background-color: #fcfcfc; background-color: #fcfcfc;
border-color: #cccccc; border-color: #cccccc;
...@@ -1240,17 +1240,17 @@ input[type="checkbox"]:focus { ...@@ -1240,17 +1240,17 @@ input[type="checkbox"]:focus {
input:-moz-placeholder, input:-moz-placeholder,
textarea:-moz-placeholder { textarea:-moz-placeholder {
color: #bbbbbb; color: #cccccc;
} }
input:-ms-input-placeholder, input:-ms-input-placeholder,
textarea:-ms-input-placeholder { textarea:-ms-input-placeholder {
color: #bbbbbb; color: #cccccc;
} }
input::-webkit-input-placeholder, input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { textarea::-webkit-input-placeholder {
color: #bbbbbb; color: #cccccc;
} }
.radio, .radio,
...@@ -2942,8 +2942,8 @@ table th[class*="span"], ...@@ -2942,8 +2942,8 @@ table th[class*="span"],
margin: 9.5px 1px; margin: 9.5px 1px;
*margin: -5px 0 5px; *margin: -5px 0 5px;
overflow: hidden; overflow: hidden;
background-color: #e5e5e5; background-color: rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.5);
} }
.dropdown-menu > li > a { .dropdown-menu > li > a {
...@@ -2991,7 +2991,7 @@ table th[class*="span"], ...@@ -2991,7 +2991,7 @@ table th[class*="span"],
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { .dropdown-menu > .disabled > a:focus {
color: #bbbbbb; color: #cccccc;
} }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:hover,
...@@ -3969,7 +3969,7 @@ input[type="submit"].btn.btn-mini { ...@@ -3969,7 +3969,7 @@ input[type="submit"].btn.btn-mini {
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
line-height: 21px; line-height: 21px;
color: #bbbbbb; color: #cccccc;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase; text-transform: uppercase;
} }
...@@ -4201,8 +4201,8 @@ input[type="submit"].btn.btn-mini { ...@@ -4201,8 +4201,8 @@ input[type="submit"].btn.btn-mini {
.nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus { .nav > li.dropdown.open.active > a:focus {
color: #ffffff; color: #ffffff;
background-color: #bbbbbb; background-color: #cccccc;
border-color: #bbbbbb; border-color: #cccccc;
} }
.nav li.dropdown.open .caret, .nav li.dropdown.open .caret,
...@@ -4217,7 +4217,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4217,7 +4217,7 @@ input[type="submit"].btn.btn-mini {
.tabs-stacked .open > a:hover, .tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus { .tabs-stacked .open > a:focus {
border-color: #bbbbbb; border-color: #cccccc;
} }
.tabbable { .tabbable {
...@@ -4345,7 +4345,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4345,7 +4345,7 @@ input[type="submit"].btn.btn-mini {
} }
.nav > .disabled > a { .nav > .disabled > a {
color: #bbbbbb; color: #cccccc;
} }
.nav > .disabled > a:hover, .nav > .disabled > a:hover,
...@@ -4366,18 +4366,18 @@ input[type="submit"].btn.btn-mini { ...@@ -4366,18 +4366,18 @@ input[type="submit"].btn.btn-mini {
min-height: 40px; min-height: 40px;
padding-right: 20px; padding-right: 20px;
padding-left: 20px; padding-left: 20px;
background-color: #dfdfdf; background-color: #e9e9e9;
background-image: -moz-linear-gradient(top, #eeeeee, #c8c8c8); background-image: -moz-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#c8c8c8)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#e1e1e1));
background-image: -webkit-linear-gradient(top, #eeeeee, #c8c8c8); background-image: -webkit-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: -o-linear-gradient(top, #eeeeee, #c8c8c8); background-image: -o-linear-gradient(top, #eeeeee, #e1e1e1);
background-image: linear-gradient(to bottom, #eeeeee, #c8c8c8); background-image: linear-gradient(to bottom, #eeeeee, #e1e1e1);
background-repeat: repeat-x; background-repeat: repeat-x;
border: 1px solid #bbbbbb; border: 1px solid #cccccc;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffc8c8c8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffe1e1e1', GradientType=0);
*zoom: 1; *zoom: 1;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
...@@ -4432,14 +4432,14 @@ input[type="submit"].btn.btn-mini { ...@@ -4432,14 +4432,14 @@ input[type="submit"].btn.btn-mini {
.navbar-link:hover, .navbar-link:hover,
.navbar-link:focus { .navbar-link:focus {
color: #000000; color: #0099dd;
} }
.navbar .divider-vertical { .navbar .divider-vertical {
height: 40px; height: 40px;
margin: 0 9px; margin: 0 9px;
border-right: 1px solid #eeeeee; border-right: 1px solid #eeeeee;
border-left: 1px solid #c8c8c8; border-left: 1px solid #e1e1e1;
} }
.navbar .btn, .navbar .btn,
...@@ -4617,7 +4617,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4617,7 +4617,7 @@ input[type="submit"].btn.btn-mini {
.navbar .nav > li > a:focus, .navbar .nav > li > a:focus,
.navbar .nav > li > a:hover { .navbar .nav > li > a:hover {
color: #000000; color: #0099dd;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
} }
...@@ -4625,7 +4625,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4625,7 +4625,7 @@ input[type="submit"].btn.btn-mini {
.navbar .nav > .active > a, .navbar .nav > .active > a,
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { .navbar .nav > .active > a:focus {
color: #000000; color: #0099dd;
text-decoration: none; text-decoration: none;
background-color: transparent; background-color: transparent;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
...@@ -4641,17 +4641,17 @@ input[type="submit"].btn.btn-mini { ...@@ -4641,17 +4641,17 @@ input[type="submit"].btn.btn-mini {
margin-left: 5px; margin-left: 5px;
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #d2d2d2; background-color: #dcdcdc;
*background-color: #bbbbbb; *background-color: #d4d4d4;
background-image: -moz-linear-gradient(top, #e1e1e1, #bbbbbb); background-image: -moz-linear-gradient(top, #e1e1e1, #d4d4d4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#bbbbbb)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#d4d4d4));
background-image: -webkit-linear-gradient(top, #e1e1e1, #bbbbbb); background-image: -webkit-linear-gradient(top, #e1e1e1, #d4d4d4);
background-image: -o-linear-gradient(top, #e1e1e1, #bbbbbb); background-image: -o-linear-gradient(top, #e1e1e1, #d4d4d4);
background-image: linear-gradient(to bottom, #e1e1e1, #bbbbbb); background-image: linear-gradient(to bottom, #e1e1e1, #d4d4d4);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #bbbbbb #bbbbbb #959595; border-color: #d4d4d4 #d4d4d4 #aeaeae;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1e1e1', endColorstr='#ffbbbbbb', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1e1e1', endColorstr='#ffd4d4d4', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
...@@ -4665,13 +4665,13 @@ input[type="submit"].btn.btn-mini { ...@@ -4665,13 +4665,13 @@ input[type="submit"].btn.btn-mini {
.navbar .btn-navbar.disabled, .navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] { .navbar .btn-navbar[disabled] {
color: #ffffff; color: #ffffff;
background-color: #bbbbbb; background-color: #d4d4d4;
*background-color: #aeaeae; *background-color: #c8c8c8;
} }
.navbar .btn-navbar:active, .navbar .btn-navbar:active,
.navbar .btn-navbar.active { .navbar .btn-navbar.active {
background-color: #a2a2a2 \9; background-color: #bbbbbb \9;
} }
.navbar .btn-navbar .icon-bar { .navbar .btn-navbar .icon-bar {
...@@ -4731,14 +4731,14 @@ input[type="submit"].btn.btn-mini { ...@@ -4731,14 +4731,14 @@ input[type="submit"].btn.btn-mini {
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret { .navbar .nav li.dropdown > a:focus .caret {
border-top-color: #000000; border-top-color: #0099dd;
border-bottom-color: #000000; border-bottom-color: #0099dd;
} }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle { .navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #000000; color: #0099dd;
background-color: transparent; background-color: transparent;
} }
...@@ -4750,8 +4750,8 @@ input[type="submit"].btn.btn-mini { ...@@ -4750,8 +4750,8 @@ input[type="submit"].btn.btn-mini {
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #000000; border-top-color: #0099dd;
border-bottom-color: #000000; border-bottom-color: #0099dd;
} }
.navbar .pull-right > li > .dropdown-menu, .navbar .pull-right > li > .dropdown-menu,
...@@ -4784,20 +4784,20 @@ input[type="submit"].btn.btn-mini { ...@@ -4784,20 +4784,20 @@ input[type="submit"].btn.btn-mini {
} }
.navbar-inverse .navbar-inner { .navbar-inverse .navbar-inner {
background-color: #949aa2; background-color: #7c828d;
background-image: -moz-linear-gradient(top, #afb3ba, #6c737e); background-image: -moz-linear-gradient(top, #868d97, #6c737e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#afb3ba), to(#6c737e)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#868d97), to(#6c737e));
background-image: -webkit-linear-gradient(top, #afb3ba, #6c737e); background-image: -webkit-linear-gradient(top, #868d97, #6c737e);
background-image: -o-linear-gradient(top, #afb3ba, #6c737e); background-image: -o-linear-gradient(top, #868d97, #6c737e);
background-image: linear-gradient(to bottom, #afb3ba, #6c737e); background-image: linear-gradient(to bottom, #868d97, #6c737e);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #606670; border-color: #656b76;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffafb3ba', endColorstr='#ff6c737e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff868d97', endColorstr='#ff6c737e', GradientType=0);
} }
.navbar-inverse .brand, .navbar-inverse .brand,
.navbar-inverse .nav > li > a { .navbar-inverse .nav > li > a {
color: #eeeeee; color: #cccccc;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
} }
...@@ -4809,11 +4809,11 @@ input[type="submit"].btn.btn-mini { ...@@ -4809,11 +4809,11 @@ input[type="submit"].btn.btn-mini {
} }
.navbar-inverse .brand { .navbar-inverse .brand {
color: #eeeeee; color: #cccccc;
} }
.navbar-inverse .navbar-text { .navbar-inverse .navbar-text {
color: #eeeeee; color: #cccccc;
} }
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:focus,
...@@ -4830,7 +4830,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4830,7 +4830,7 @@ input[type="submit"].btn.btn-mini {
} }
.navbar-inverse .navbar-link { .navbar-inverse .navbar-link {
color: #eeeeee; color: #cccccc;
} }
.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:hover,
...@@ -4839,7 +4839,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4839,7 +4839,7 @@ input[type="submit"].btn.btn-mini {
} }
.navbar-inverse .divider-vertical { .navbar-inverse .divider-vertical {
border-right-color: #afb3ba; border-right-color: #868d97;
border-left-color: #6c737e; border-left-color: #6c737e;
} }
...@@ -4857,8 +4857,8 @@ input[type="submit"].btn.btn-mini { ...@@ -4857,8 +4857,8 @@ input[type="submit"].btn.btn-mini {
} }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #eeeeee; border-top-color: #cccccc;
border-bottom-color: #eeeeee; border-bottom-color: #cccccc;
} }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
...@@ -4909,17 +4909,17 @@ input[type="submit"].btn.btn-mini { ...@@ -4909,17 +4909,17 @@ input[type="submit"].btn.btn-mini {
.navbar-inverse .btn-navbar { .navbar-inverse .btn-navbar {
color: #ffffff; color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #878d96; background-color: #6f7681;
*background-color: #606670; *background-color: #606670;
background-image: -moz-linear-gradient(top, #a1a7af, #606670); background-image: -moz-linear-gradient(top, #78808b, #606670);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a1a7af), to(#606670)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78808b), to(#606670));
background-image: -webkit-linear-gradient(top, #a1a7af, #606670); background-image: -webkit-linear-gradient(top, #78808b, #606670);
background-image: -o-linear-gradient(top, #a1a7af, #606670); background-image: -o-linear-gradient(top, #78808b, #606670);
background-image: linear-gradient(to bottom, #a1a7af, #606670); background-image: linear-gradient(to bottom, #78808b, #606670);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #606670 #606670 #3d4147; border-color: #606670 #606670 #3d4147;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa1a7af', endColorstr='#ff606670', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff78808b', endColorstr='#ff606670', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
} }
...@@ -4962,7 +4962,7 @@ input[type="submit"].btn.btn-mini { ...@@ -4962,7 +4962,7 @@ input[type="submit"].btn.btn-mini {
} }
.breadcrumb > .active { .breadcrumb > .active {
color: #bbbbbb; color: #cccccc;
} }
.pagination { .pagination {
...@@ -5007,7 +5007,7 @@ input[type="submit"].btn.btn-mini { ...@@ -5007,7 +5007,7 @@ input[type="submit"].btn.btn-mini {
.pagination ul > .active > a, .pagination ul > .active > a,
.pagination ul > .active > span { .pagination ul > .active > span {
color: #bbbbbb; color: #cccccc;
cursor: default; cursor: default;
} }
...@@ -5015,7 +5015,7 @@ input[type="submit"].btn.btn-mini { ...@@ -5015,7 +5015,7 @@ input[type="submit"].btn.btn-mini {
.pagination ul > .disabled > a, .pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus { .pagination ul > .disabled > a:focus {
color: #bbbbbb; color: #cccccc;
cursor: default; cursor: default;
background-color: transparent; background-color: transparent;
} }
...@@ -5164,7 +5164,7 @@ input[type="submit"].btn.btn-mini { ...@@ -5164,7 +5164,7 @@ input[type="submit"].btn.btn-mini {
.pager .disabled > a:hover, .pager .disabled > a:hover,
.pager .disabled > a:focus, .pager .disabled > a:focus,
.pager .disabled > span { .pager .disabled > span {
color: #bbbbbb; color: #cccccc;
cursor: default; cursor: default;
background-color: #fff; background-color: #fff;
} }
...@@ -5632,7 +5632,7 @@ a.thumbnail:focus { ...@@ -5632,7 +5632,7 @@ a.thumbnail:focus {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
background-color: #bbbbbb; background-color: #cccccc;
} }
.label { .label {
...@@ -6159,23 +6159,36 @@ a.badge:focus { ...@@ -6159,23 +6159,36 @@ a.badge:focus {
position: fixed; position: fixed;
} }
.navbar .navbar-inner {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.8);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 0 rgba(0, 0, 0, 0.8);
}
.navbar .brand { .navbar .brand {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: color ease-in-out 0.2s;
-moz-transition: color ease-in-out 0.2s;
-o-transition: color ease-in-out 0.2s;
transition: color ease-in-out 0.2s;
} }
.navbar .brand:hover { .navbar .brand:hover {
color: #000000; color: #0099dd;
-webkit-transition: color ease-in-out 0.2s;
-moz-transition: color ease-in-out 0.2s;
-o-transition: color ease-in-out 0.2s;
transition: color ease-in-out 0.2s;
} }