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

cerulean: lighten navbar-inverse active/hover and toggle border, #161

parent 459d5979
...@@ -4815,7 +4815,7 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4815,7 +4815,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse { .navbar-inverse {
background-color: #033c73; background-color: #033c73;
border-color: #022241; border-color: #022f5a;
} }
.navbar-inverse .navbar-brand { .navbar-inverse .navbar-brand {
...@@ -4839,14 +4839,14 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4839,14 +4839,14 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { .navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff; color: #ffffff;
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { .navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff; color: #ffffff;
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a,
...@@ -4857,12 +4857,12 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4857,12 +4857,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
} }
.navbar-inverse .navbar-toggle { .navbar-inverse .navbar-toggle {
border-color: #022241; border-color: #022f5a;
} }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { .navbar-inverse .navbar-toggle:focus {
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-toggle .icon-bar { .navbar-inverse .navbar-toggle .icon-bar {
...@@ -4878,7 +4878,7 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4878,7 +4878,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { .navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff; color: #ffffff;
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
...@@ -4900,7 +4900,7 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4900,7 +4900,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #022241; border-color: #022f5a;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff; color: #ffffff;
...@@ -4908,13 +4908,13 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -4908,13 +4908,13 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff; color: #ffffff;
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff; color: #ffffff;
background-color: #022241; background-color: #022f5a;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
...@@ -7247,13 +7247,13 @@ td.visible-print { ...@@ -7247,13 +7247,13 @@ td.visible-print {
} }
.navbar-inverse { .navbar-inverse {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04519b), color-stop(60%, #033c73), to(#02325f)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04519b), color-stop(60%, #044687), to(#033769));
background-image: -webkit-linear-gradient(#04519b, #033c73 60%, #02325f); background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
background-image: -moz-linear-gradient(top, #04519b, #033c73 60%, #02325f); background-image: -moz-linear-gradient(top, #04519b, #044687 60%, #033769);
background-image: linear-gradient(#04519b, #033c73 60%, #02325f); background-image: linear-gradient(#04519b, #044687 60%, #033769);
background-repeat: no-repeat; background-repeat: no-repeat;
border-bottom: 1px solid #022241; border-bottom: 1px solid #022241;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff02325f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
filter: none; filter: none;
} }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
} }
.navbar-inverse { .navbar-inverse {
#gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), @navbar-inverse-bg, 60%, darken(@navbar-inverse-bg, 4%)); #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
filter: none; filter: none;
border-bottom: 1px solid darken(@navbar-inverse-bg, 10%); border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
} }
......
...@@ -270,14 +270,14 @@ ...@@ -270,14 +270,14 @@
// Reset inverted navbar basics // Reset inverted navbar basics
@navbar-inverse-color: #fff; @navbar-inverse-color: #fff;
@navbar-inverse-bg: @brand-info; @navbar-inverse-bg: @brand-info;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); @navbar-inverse-border: darken(@navbar-inverse-bg, 5%);
// Inverted navbar links // Inverted navbar links
@navbar-inverse-link-color: #fff; @navbar-inverse-link-color: #fff;
@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 5%);
@navbar-inverse-link-active-color: #fff; @navbar-inverse-link-active-color: #fff;
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 5%);
@navbar-inverse-link-disabled-color: #ccc; @navbar-inverse-link-disabled-color: #ccc;
@navbar-inverse-link-disabled-bg: transparent; @navbar-inverse-link-disabled-bg: transparent;
...@@ -294,9 +294,9 @@ ...@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc; @navbar-inverse-search-placeholder-color: #ccc;
// Inverted navbar toggle // Inverted navbar toggle
@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 5%);
@navbar-inverse-toggle-icon-bar-bg: #fff; @navbar-inverse-toggle-icon-bar-bg: #fff;
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%); @navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 5%);
// Navs // Navs
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment