Commit 6be57f60 authored by Thomas Park's avatar Thomas Park
Browse files

yeti: style navbar-inverse dropdown and navbar dropdown-header

parent 67738284
......@@ -5099,7 +5099,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
}
.navbar-inverse .navbar-text {
color: #999999;
color: #ffffff;
}
.navbar-inverse .navbar-nav > li > a {
......@@ -7503,7 +7503,6 @@ td.visible-print {
.navbar .dropdown-menu {
padding: 0;
background-color: #333333;
border: none;
}
......@@ -7512,16 +7511,43 @@ td.visible-print {
padding: 12px 15px;
font-size: 13px;
font-weight: 300;
color: #ffffff;
background-color: transparent;
}
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > .active > a,
.navbar .dropdown-menu > .active > a:hover {
.navbar .dropdown-header {
color: rgba(255, 255, 255, 0.5);
}
.navbar-default .dropdown-menu {
background-color: #333333;
}
.navbar-default .dropdown-menu > li > a,
.navbar-default .dropdown-menu > li > a:focus {
color: #ffffff;
}
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > .active > a,
.navbar-default .dropdown-menu > .active > a:hover {
background-color: #272727;
}
.navbar-inverse .dropdown-menu {
background-color: #008cba;
}
.navbar-inverse .dropdown-menu > li > a,
.navbar-inverse .dropdown-menu > li > a:focus {
color: #ffffff;
}
.navbar-inverse .dropdown-menu > li > a:hover,
.navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover {
background-color: #006687;
}
.btn {
padding: 14px 28px;
}
......@@ -7690,9 +7716,17 @@ label,
}
.dropdown-menu {
margin-top: 0;
font-size: 12px;
}
.dropdown-header {
padding-right: 15px;
padding-left: 15px;
font-size: 9px;
text-transform: uppercase;
}
.popover {
font-size: 12px;
font-weight: 300;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -20,24 +20,60 @@
.box-shadow(none);
}
.dropdown-menu {
padding: 0;
border: none;
background-color: @navbar-default-bg;
> li > a,
> li > a:focus {
padding: 12px 15px;
background-color: transparent;
font-size: 13px;
font-weight: 300;
color: @navbar-default-color;
.dropdown {
&-menu {
padding: 0;
border: none;
> li > a,
> li > a:focus {
padding: 12px 15px;
background-color: transparent;
font-size: 13px;
font-weight: 300;
}
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: @navbar-default-link-hover-bg;
&-header {
color: rgba(255, 255, 255, 0.5);
}
}
&-default {
.dropdown-menu {
background-color: @navbar-default-bg;
> li > a,
> li > a:focus {
color: @navbar-default-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: @navbar-default-link-hover-bg;
}
}
}
&-inverse {
.dropdown-menu {
background-color: @navbar-inverse-bg;
> li > a,
> li > a:focus {
color: @navbar-inverse-color;
}
> li > a:hover,
> .active > a,
> .active > a:hover {
background-color: @navbar-inverse-link-hover-bg;
}
}
}
}
......@@ -225,8 +261,19 @@ label,
// Containers =================================================================
.dropdown-menu {
font-size: @font-size-small;
.dropdown {
&-menu {
margin-top: 0;
font-size: @font-size-small;
}
&-header {
padding-left: 15px;
padding-right: 15px;
font-size: 9px;
text-transform: uppercase;
}
}
.popover {
......
......@@ -287,7 +287,7 @@
// Inverted navbar
//
// Reset inverted navbar basics
@navbar-inverse-color: @gray-light;
@navbar-inverse-color: #fff;
@navbar-inverse-bg: @brand-primary;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
......
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