Skip to content

GitLab

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

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

parent 459d5979
Hide whitespace changes
Inline Side-by-side
cerulean/bootstrap.css
View file @ ef8a330f
......@@ -4815,7 +4815,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
.navbar-inverse {
background-color: #033c73;
border-color: #022241;
border-color: #022f5a;
}
.navbar-inverse .navbar-brand {
......@@ -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:focus {
color: #ffffff;
background-color: #022241;
background-color: #022f5a;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #022241;
background-color: #022f5a;
}
.navbar-inverse .navbar-nav > .disabled > a,
......@@ -4857,12 +4857,12 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-toggle {
border-color: #022241;
border-color: #022f5a;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #022241;
background-color: #022f5a;
}
.navbar-inverse .navbar-toggle .icon-bar {
......@@ -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:focus {
color: #ffffff;
background-color: #022241;
background-color: #022f5a;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
......@@ -4900,7 +4900,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #022241;
border-color: #022f5a;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
......@@ -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:focus {
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:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
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:hover,
......@@ -7247,13 +7247,13 @@ td.visible-print {
}
.navbar-inverse {
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04519b), color-stop(60%, #033c73), to(#02325f));
background-image: -webkit-linear-gradient(#04519b, #033c73 60%, #02325f);
background-image: -moz-linear-gradient(top, #04519b, #033c73 60%, #02325f);
background-image: linear-gradient(#04519b, #033c73 60%, #02325f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#04519b), color-stop(60%, #044687), to(#033769));
background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
background-image: -moz-linear-gradient(top, #04519b, #044687 60%, #033769);
background-image: linear-gradient(#04519b, #044687 60%, #033769);
background-repeat: no-repeat;
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;
}
......
cerulean/bootstrap.min.css
View file @ ef8a330f
This source diff could not be displayed because it is too large. You can view the blob instead.
cerulean/bootswatch.less
View file @ ef8a330f
......@@ -21,7 +21,7 @@
}
.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;
border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
}
......
cerulean/variables.less
View file @ ef8a330f
......@@ -270,14 +270,14 @@
// Reset inverted navbar basics
@navbar-inverse-color: #fff;
@navbar-inverse-bg: @brand-info;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-border: darken(@navbar-inverse-bg, 5%);
// Inverted navbar links
@navbar-inverse-link-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-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-bg: transparent;
......@@ -294,9 +294,9 @@
@navbar-inverse-search-placeholder-color: #ccc;
// 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-border-color: darken(@navbar-inverse-bg, 10%);
@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 5%);
// 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