From b552281558be2ae54e71df064527af5239c494ab Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Aug 2011 23:18:39 -0700 Subject: make dropdowns in the topbar black again --- lib/patterns.less | 46 +++++++++++++++++++++++++++++++++++++++------- 1 file changed, 39 insertions(+), 7 deletions(-) (limited to 'lib/patterns.less') diff --git a/lib/patterns.less b/lib/patterns.less index f5ca099cb..cc25b120c 100644 --- a/lib/patterns.less +++ b/lib/patterns.less @@ -105,6 +105,8 @@ // NAVIGATION // ---------- + +// Topbar Nav // ul.nav for all topbar based navigation to avoid inheritance issues and over-specificity .nav { display: block; @@ -112,11 +114,6 @@ margin: 0 10px 0 0; position: relative; left: 0; - &.secondary-nav { - float: right; - margin-left: 10px; - margin-right: 0; - } li { display: block; float: left; @@ -138,9 +135,42 @@ } } + // Secondary (floated right) nav in topbar + &.secondary-nav { + float: right; + margin-left: 10px; + margin-right: 0; + .dropdown .dropdown-menu { + right: 0; + } + } // Dropdowns within the .nav - &.secondary-nav li .dropdown-menu { - right: 0; + .dropdown-toggle:hover, + .dropdown.open .dropdown-toggle { + background-color: #444; + background-color: rgba(255,255,255,.05); + *background-color: #444; // IE6-7 + } + .dropdown-menu { + background-color: #333; + .dropdown-toggle { + color: #fff; + &.open { + background-color: rgba(255,255,255,.05); + } + } + li a { + color: #999; + text-shadow: 0 1px 0 rgba(0,0,0,.5); + &:hover { + #gradient > .vertical(#292929,#191919); + color: #fff; + } + } + .divider { + background-color: #222; + border-color: #444; + } } } @@ -223,6 +253,7 @@ .dropdown.open { .dropdown-toggle { color: #fff; + background-color: #ccc; background-color: rgba(0,0,0,.3); } .dropdown-menu { @@ -230,6 +261,7 @@ } } + // Tabs and Pills .tabs, .pills { -- cgit v1.2.3