3.2.1 (Media Mark) 7cfecd791957ff5d5ceac5d9789c1f27e929f8bf o:Sass::Tree::RootNode :@children[(o:Sass::Tree::CommentNode :@value[I"R/* * Dropdown menus * -------------------------------------------------- */:ET: @type:silent;[: @linei: @options{o; ;[I"x/* Use the .menu class on any

element within the topbar or ul.tabs and you'll get some superfancy dropdowns */; T; ;;[;i; @o:Sass::Tree::RuleNode: @rule[I".dropup, .dropdown; F: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I"dropup; F;i :@filenameI"; F: @subject0: @sourceso:Set: @hash{;i ;@o;;[I" ; Fo; ;[o;;[I" dropdown; F;i ;@;0;o;;{;i ;@;i ;@;[o:Sass::Tree::PropNode;[I" position; T;o:Sass::Script::String;I" relative; T; :identifier; @;i:@prop_syntax:new;[;i; @;i :@has_childrenT; @o;;[I".dropdown-toggle; T;i;o;;[o;;[o; ;[o;;[I"dropdown-toggle; T;i;I"; F;0;o;;{;i;@<;i;@<;[o; ;[I";/* The caret makes the toggle a bit too tall in IE7 */; T; ;;[;i; @o;;[I"*margin-bottom; T;o:Sass::Script::Number;iø:@numerator_units[I"px; T:@denominator_units[;i:@originalI" -3px; F; @;i; ;!;[;i; @;i;"T; @o;;[I"4.dropdown-toggle:active, .open .dropdown-toggle; F;i;o;;[o;;[o; ;[o;;[I"dropdown-toggle; F;i;I"; Fo:Sass::Selector::Pseudo ; : class;[I"active; F: @arg0;i;@Y;0;o;;{;i;@Yo;;[I" ; Fo; ;[o;;[I" open; F;i;@Y;0;o;;{;i;@Yo; ;[o;;[I"dropdown-toggle; F;i;@Y;0;o;;{;i;@Y;i;@Y;[o;;[I"outline; T;o;;I"0; T; ;; @;i; ;!;[;i; @;i;"T; @o; ;[I"7/* Dropdown arrow/caret * -------------------- */; T; ;;[;i; @o;;[I".caret; T;i;o;;[o;;[o; ;[o;;[I" caret; T;i;I"; F;0;o;;{;i;@‚;i;@‚;[ o;;[I"display; T;o;;I"inline-block; T; ;; @;i; ;!;[;i; @o;;[I" width; T;o;;I"0; T; ;; @;i; ;!;[;i; @o;;[I"height; T;o;;I"0; T; ;; @;i; ;!;[;i; @o;;[I"vertical-align; T;o;;I"top; T; ;; @;i; ;!;[;i; @o;;[I"border-top; T;o:Sass::Script::List ;[o;#;i ;$[I"px; T;%[;i ;&I"4px; F; @o; ;I" solid; T; ;; @;i o:Sass::Script::Variable ;I" black; T:@underscored_nameI" black; T;i ; @:@separator: space;i ; @;i; ;!;[;i ; @o;;[I"border-right; T;o;;I"4px solid transparent; T; ;; @;i; ;!;[;i!; @o;;[I"border-left; T;o;;I"4px solid transparent; T; ;; @;i; ;!;[;i"; @o;;[I"content; T;o;;I"""; T; ;; @;i; ;!;[;i#; @;i;"T; @o; ;[I"/* Place the caret */; T; ;;[;i%; @o;;[I".dropdown .caret; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T;i&;I"; F;0;o;;{;i&;@Ðo; ;[o;;[I" caret; T;i&;@Ð;0;o;;{;i&;@Ð;i&;@Ð;[o;;[I"margin-top; T;o;;I"8px; T; ;; @;i; ;!;[;i'; @o;;[I"margin-left; T;o;;I"2px; T; ;; @;i; ;!;[;i(; @;i&;"T; @o; ;[I";/* The dropdown menu (ul) * ---------------------- */; T; ;;[;i+; @o;;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T;i-;I"; F;0;o;;{;i-;@÷;i-;@÷;["o;;[I" position; T;o;;I" absolute; T; ;; @;i; ;!;[;i.; @o;;[I"top; T;o;;I" 100%; T; ;; @;i; ;!;[;i/; @o;;[I" left; T;o;;I"0; T; ;; @;i; ;!;[;i0; @o;;[I"z-index; T;o;+ ;I"zindexDropdown; T;,I"zindexDropdown; T;i1; @;i; ;!;[;i1; @o;;[I"display; T;o;;I" none; T; ;; @;i; ;!;[;i2; @o; ;[I";/* none by default, but block on "open" of the menu */; T; ;;[;i2; @o;;[I" float; T;o;;I" left; T; ;; @;i; ;!;[;i3; @o;;[I"min-width; T;o;;I" 160px; T; ;; @;i; ;!;[;i4; @o;;[I"padding; T;o;;I" 5px 0; T; ;; @;i; ;!;[;i5; @o;;[I"margin; T;o;;I"2px 0 0; T; ;; @;i; ;!;[;i6; @o; ;[I"/* override default ul */; T; ;;[;i6; @o;;[I"list-style; T;o;;I" none; T; ;; @;i; ;!;[;i7; @o;;[I"background-color; T;o;+ ;I"dropdownBackground; T;,I"dropdownBackground; T;i8; @;i; ;!;[;i8; @o;;[I"border; T;o;;I"1px solid #ccc; T; ;; @;i; ;!;[;i9; @o; ;[I"/* Fallback for IE7-8 */; T; ;;[;i9; @o;;[I"border; T;o;* ;[o;#;i;$[I"px; T;%[;i:;&I"1px; F; @o; ;I" solid; T; ;; @;i:o;+ ;I"dropdownBorder; T;,I"dropdownBorder; T;i:; @;-;.;i:; @;i; ;!;[;i:; @o;;[I"*border-right-width; T;o;;I"2px; T; ;; @;i; ;!;[;i;; @o;;[I"*border-bottom-width; T;o;;I"2px; T; ;; @;i; ;!;[;i<; @o:Sass::Tree::MixinNode;I"border-radius; T: @args[o;#;i;$[I"px; T;%[;i=;&I"6px; F; @:@keywords{:@splat0;[;i=; @o;/;I"box-shadow; T;0[o;* ;[ o;#;i;$[;%[;i>;&I"0; F; @o;#;i ;$[I"px; T;%[;i>;&I"5px; F; @o;#;i;$[I"px; T;%[;i>;&I" 10px; F; @o:Sass::Script::Funcall;I" rgba; T;0[ o;#;i;$[;%@~;i>;&I"0; F; @o;#;i;$[;%@~;i>;&I"0; F; @o;#;i;$[;%@~;i>;&I"0; F; @o;#;f0.2;$[;%@~;i>;&I"0.2; F; @;1{;20;i>; @;-;.;i>; @;1{;20;[;i>; @o;;[I"-webkit-background-clip; T;o;;I"padding-box; T; ;; @;i; ;!;[;i?; @o;;[I"-moz-background-clip; T;o;;I"padding; T; ;; @;i; ;!;[;i@; @o;;[I"background-clip; T;o;;I"padding-box; T; ;; @;i; ;!;[;iA; @o; ;[I",/* Aligns the dropdown menu to right */; T; ;;[;iC; @o;;[I"&.pull-right; F;i;o;;[o;;[o; ;[o:Sass::Selector::Parent;iD;I"; Fo;;[I"pull-right; F;iD;@½;0;o;;{;iD;@½;iD;@½;[o;;[I" right; T;o;;I"0; T; ;; @;i; ;!;[;iE; @o;;[I" left; T;o;;I" auto; T; ;; @;i; ;!;[;iF; @;iD;"T; @o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; ;;[;iI; @o;;[I" .divider; T;i;o;;[o;;[o; ;[o;;[I"divider; T;iJ;I"; F;0;o;;{;iJ;@à;iJ;@à;[o;/;I"nav-divider; T;0[o;+ ;I"dropdownDividerTop; T;,I"dropdownDividerTop; T;iK; @o;+ ;I"dropdownDividerBottom; T;,I"dropdownDividerBottom; T;iK; @;1{;20;[;iK; @;iJ;"T; @o; ;[I")/* Links within the dropdown menu */; T; ;;[;iN; @o;;[I"a; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"a; T:@namespace0;iO;I"; F;0;o;;{;iO;@ÿ;iO;@ÿ;[o;;[I"display; T;o;;I" block; T; ;; @;i; ;!;[;iP; @o;;[I"padding; T;o;;I" 3px 20px; T; ;; @;i; ;!;[;iQ; @o;;[I" clear; T;o;;I" both; T; ;; @;i; ;!;[;iR; @o;;[I"font-weight; T;o;;I"normal; T; ;; @;i; ;!;[;iS; @o;;[I"line-height; T;o;+ ;I"baseLineHeight; T;,I"baseLineHeight; T;iT; @;i; ;!;[;iT; @o;;[I" color; T;o;+ ;I"dropdownLinkColor; T;,I"dropdownLinkColor; T;iU; @;i; ;!;[;iU; @o;;[I"white-space; T;o;;I"nowrap; T; ;; @;i; ;!;[;iV; @;iO;"T; @;i-;"T; @o; ;[I"%/* Hover state * ----------- */; T; ;;[;iZ; @o;;[I"Z.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a; F;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; F;i^;I"; F;0;o;;{;i^;@?o; ;[o;5 ;[I"li; F;60;i^;@?;0;o;;{;i^;@?I">; Fo; ;[o;5 ;[I"a; F;60;i^;@?o;' ; ;(;[I" hover; F;)0;i^;@?;0;o;;{;i^;@?o;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F;i^;@?;0;o;;{;i^;@?o; ;[o;5 ;[I"li; F;60;i^;@?;0;o;;{;i^;@?I">; Fo; ;[o;5 ;[I"a; F;60;i^;@?o;' ; ;(;[I" focus; F;)0;i^;@?;0;o;;{;i^;@?o;;[ I" ; Fo; ;[o;;[I"dropdown-submenu; F;i^;@?o;' ; ;(;[I" hover; F;)0;i^;@?;0;o;;{;i^;@?I">; Fo; ;[o;5 ;[I"a; F;60;i^;@?;0;o;;{;i^;@?;i^;@?;[ o;;[I"text-decoration; T;o;;I" none; T; ;; @;i; ;!;[;i_; @o;;[I" color; T;o;+ ;I"dropdownLinkColorHover; T;,I"dropdownLinkColorHover; T;i`; @;i; ;!;[;i`; @o;;[I"background-color; T;o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T;ia; @;i; ;!;[;ia; @o;/;I"gradient-vertical; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T;ib; @o;3;I"darken; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T;ib; @o;#;i ;$[I"%; T;%[;ib;&I"5%; F; @;1{;20;ib; @;1{;20;[;ib; @;i^;"T; @o; ;[I"'/* Active state * ------------ */; T; ;;[;ie; @o;;[I"A.dropdown-menu .active > a, .dropdown-menu .active > a:hover; F;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; F;ih;I"; F;0;o;;{;ih;@¾o; ;[o;;[I"active; F;ih;@¾;0;o;;{;ih;@¾I">; Fo; ;[o;5 ;[I"a; F;60;ih;@¾;0;o;;{;ih;@¾o;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F;ih;@¾;0;o;;{;ih;@¾o; ;[o;;[I"active; F;ih;@¾;0;o;;{;ih;@¾I">; Fo; ;[o;5 ;[I"a; F;60;ih;@¾o;' ; ;(;[I" hover; F;)0;ih;@¾;0;o;;{;ih;@¾;ih;@¾;[ o;;[I" color; T;o;+ ;I"dropdownLinkColorHover; T;,I"dropdownLinkColorHover; T;ii; @;i; ;!;[;ii; @o;;[I"text-decoration; T;o;;I" none; T; ;; @;i; ;!;[;ij; @o;;[I"outline; T;o;;I"0; T; ;; @;i; ;!;[;ik; @o;;[I"background-color; T;o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T;il; @;i; ;!;[;il; @o;/;I"gradient-vertical; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T;im; @o;3;I"darken; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T;im; @o;#;i ;$[I"%; T;%[;im;&I"5%; F; @;1{;20;im; @;1{;20;[;im; @;ih;"T; @o; ;[I"d/* Disabled state * -------------- * Gray out text and ensure the hover state remains gray */; T; ;;[;ip; @o;;[I"E.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover; F;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; F;it;I"; F;0;o;;{;it;@+o; ;[o;;[I" disabled; F;it;@+;0;o;;{;it;@+I">; Fo; ;[o;5 ;[I"a; F;60;it;@+;0;o;;{;it;@+o;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F;it;@+;0;o;;{;it;@+o; ;[o;;[I" disabled; F;it;@+;0;o;;{;it;@+I">; Fo; ;[o;5 ;[I"a; F;60;it;@+o;' ; ;(;[I" hover; F;)0;it;@+;0;o;;{;it;@+;it;@+;[o;;[I" color; T;o;+ ;I"grayLight; T;,I"grayLight; T;iu; @;i; ;!;[;iu; @;it;"T; @o; ;[I"/* Nuke hover effects */; T; ;;[;iw; @o;;[I"'.dropdown-menu .disabled > a:hover; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T;ix;I"; F;0;o;;{;ix;@qo; ;[o;;[I" disabled; T;ix;@q;0;o;;{;ix;@qI">; To; ;[o;5 ;[I"a; T;60;ix;@qo;' ; ;(;[I" hover; T;)0;ix;@q;0;o;;{;ix;@q;ix;@q;[o;;[I"text-decoration; T;o;;I" none; T; ;; @;i; ;!;[;iy; @o;;[I"background-color; T;o;;I"transparent; T; ;; @;i; ;!;[;iz; @o;;[I"cursor; T;o;;I"default; T; ;; @;i; ;!;[;i{; @;ix;"T; @o; ;[I"E/* Open state for the dropdown * --------------------------- */; T; ;;[;i~; @o;;[I" .open; T;i;o;;[o;;[o; ;[o;;[I" open; T;i{;I"; F;0;o;;{;i{;@©;i{;@©;[o; ;[I"“/* IE7's z-index only goes to the nearest positioned ancestor, which would * make the menu appear below buttons that appeared later on the page */; T; ;;[;i|; @o;;[I" *z-index; T;o;+ ;I"zindexDropdown; T;,I"zindexDropdown; T;i~; @;i; ;!;[;i~; @o;;[I"& > .dropdown-menu; F;i;o;;[o;;[o; ;[o;4;i€;I"; F;0;o;;{;i€;@ÂI">; Fo; ;[o;;[I"dropdown-menu; F;i€;@Â;0;o;;{;i€;@Â;i€;@Â;[o;;[I"display; T;o;;I" block; T; ;; @;i; ;!;[;i; @;i€;"T; @;i{;"T; @o; ;[I"A/* Right aligned dropdowns * --------------------------- */; T; ;;[;i…; @o;;[I"!.pull-right > .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"pull-right; T;i‡;I"; F;0;o;;{;i‡;@äI">; To; ;[o;;[I"dropdown-menu; T;i‡;@ä;0;o;;{;i‡;@ä;i‡;@ä;[o;;[I" right; T;o;;I"0; T; ;; @;i; ;!;[;iˆ; @o;;[I" left; T;o;;I" auto; T; ;; @;i; ;!;[;i‰; @;i‡;"T; @o; ;[I"/* Allow for dropdowns to go bottom up (aka, dropup-menu) * ------------------------------------------------------ * Just add .dropup after the standard .dropdown class and you're set, bro. * TODO: abstract this so that the navbar fixed styles are not placed here? */; T; ;;[;iŒ; @o;;[I",.dropup, .navbar-fixed-bottom .dropdown; F;i;o;;[o;;[o; ;[o;;[I"dropup; F;i‘;I"; F;0;o;;{;i‘;@o;;[I" ; Fo; ;[o;;[I"navbar-fixed-bottom; F;i‘;@;0;o;;{;i‘;@o; ;[o;;[I" dropdown; F;i‘;@;0;o;;{;i‘;@;i‘;@;[ o; ;[I"/* Reverse the caret */; T; ;;[;i’; @o;;[I".caret; T;i;o;;[o;;[o; ;[o;;[I" caret; T;i“;I"; F;0;o;;{;i“;@1;i“;@1;[o;;[I"border-top; T;o;;I"0; T; ;; @;i; ;!;[;i”; @o;;[I"border-bottom; T;o;* ;[o;#;i ;$[I"px; T;%[;i•;&I"4px; F; @o; ;I" solid; T; ;; @;i•o;+ ;I" black; T;,I" black; T;i•; @;-;.;i•; @;i; ;!;[;i•; @o;;[I"content; T;o;;I"""; T; ;; @;i; ;!;[;i–; @;i“;"T; @o; ;[I"3/* Different positioning for bottom up menu */; T; ;;[;i˜; @o;;[I".dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-menu; T;i™;I"; F;0;o;;{;i™;@a;i™;@a;[o;;[I"top; T;o;;I" auto; T; ;; @;i; ;!;[;iš; @o;;[I"bottom; T;o;;I" 100%; T; ;; @;i; ;!;[;i›; @o;;[I"margin-bottom; T;o;;I"1px; T; ;; @;i; ;!;[;iœ; @;i™;"T; @;i‘;"T; @o; ;[I"3/* Sub menus * --------------------------- */; T; ;;[;i ; @o;;[I".dropdown-submenu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T;i¢;I"; F;0;o;;{;i¢;@‡;i¢;@‡;[o;;[I" position; T;o;;I" relative; T; ;; @;i; ;!;[;i£; @;i¢;"T; @o;;[I"'.dropdown-submenu > .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T;i¥;I"; F;0;o;;{;i¥;@I">; To; ;[o;;[I"dropdown-menu; T;i¥;@;0;o;;{;i¥;@;i¥;@;[o;;[I"top; T;o;;I"0; T; ;; @;i; ;!;[;i¦; @o;;[I" left; T;o;;I" 100%; T; ;; @;i; ;!;[;i§; @o;;[I"margin-top; T;o;#;iõ;$[I"px; T;%[;i¨;&I" -6px; F; @;i; ;!;[;i¨; @o;;[I"margin-left; T;o;#;iú;$[I"px; T;%[;i©;&I" -1px; F; @;i; ;!;[;i©; @o;;[I"-webkit-border-radius; T;o;;I"0 6px 6px 6px; T; ;; @;i; ;!;[;iª; @o;;[I"-moz-border-radius; T;o;;I"0 6px 6px 6px; T; ;; @;i; ;!;[;i«; @o;;[I"border-radius; T;o;;I"0 6px 6px 6px; T; ;; @;i; ;!;[;i¬; @;i¥;"T; @o;;[I"-.dropdown-submenu:hover > .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T;i®;I"; Fo;' ; ;(;[I" hover; T;)0;i®;@å;0;o;;{;i®;@åI">; To; ;[o;;[I"dropdown-menu; T;i®;@å;0;o;;{;i®;@å;i®;@å;[o;;[I"display; T;o;;I" block; T; ;; @;i; ;!;[;i¯; @;i®;"T; @o;;[I" .dropdown-submenu > a:after; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T;i²;I"; F;0;o;;{;i²;@I">; To; ;[o;5 ;[I"a; T;60;i²;@o;' ; ;(;[I" after; T;)0;i²;@;0;o;;{;i²;@;i²;@;[o;;[I"display; T;o;;I" block; T; ;; @;i; ;!;[;i³; @o;;[I"content; T;o;;I"" "; T; ;; @;i; ;!;[;i´; @o;;[I" float; T;o;;I" right; T; ;; @;i; ;!;[;iµ; @o;;[I" width; T;o;;I"0; T; ;; @;i; ;!;[;i¶; @o;;[I"height; T;o;;I"0; T; ;; @;i; ;!;[;i·; @o;;[I"border-color; T;o;;I"transparent; T; ;; @;i; ;!;[;i¸; @o;;[I"border-style; T;o;;I" solid; T; ;; @;i; ;!;[;i¹; @o;;[I"border-width; T;o;;I"5px 0 5px 5px; T; ;; @;i; ;!;[;iº; @o;;[I"border-left-color; T;o;3;I"darken; T;0[o;+ ;I"dropdownBackground; T;,I"dropdownBackground; T;i»; @o;#;i;$[I"%; T;%[;i»;&I"20%; F; @;1{;20;i»; @;i; ;!;[;i»; @o;;[I"margin-top; T;o;;I"5px; T; ;; @;i; ;!;[;i¼; @o;;[I"margin-right; T;o;#;iñ;$[I"px; T;%[;i½;&I" -10px; F; @;i; ;!;[;i½; @;i²;"T; @o;;[I"&.dropdown-submenu:hover > a:after; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T;i¿;I"; Fo;' ; ;(;[I" hover; T;)0;i¿;@p;0;o;;{;i¿;@pI">; To; ;[o;5 ;[I"a; T;60;i¿;@po;' ; ;(;[I" after; T;)0;i¿;@p;0;o;;{;i¿;@p;i¿;@p;[o;;[I"border-left-color; T;o;+ ;I"dropdownLinkColorHover; T;,I"dropdownLinkColorHover; T;iÀ; @;i; ;!;[;iÀ; @;i¿;"T; @o; ;[I"`/* Tweak nav headers * ----------------- * Increase padding from 15px to 20px on sides */; T; ;;[;iÄ; @o;;[I").dropdown .dropdown-menu .nav-header; T;i;o;;[o;;[o; ;[o;;[I" dropdown; T;iÇ;I"; F;0;o;;{;iÇ;@™o; ;[o;;[I"dropdown-menu; T;iÇ;@™;0;o;;{;iÇ;@™o; ;[o;;[I"nav-header; T;iÇ;@™;0;o;;{;iÇ;@™;iÇ;@™;[o;;[I"padding-left; T;o;;I" 20px; T; ;; @;i; ;!;[;iÈ; @o;;[I"padding-right; T;o;;I" 20px; T; ;; @;i; ;!;[;iÉ; @;iÇ;"T; @o; ;[I"!/* Typeahead * --------- */; T; ;;[;iÌ; @o;;[I".typeahead; T;i;o;;[o;;[o; ;[o;;[I"typeahead; T;iÎ;I"; F;0;o;;{;iÎ;@Ç;iÎ;@Ç;[o;;[I"margin-top; T;o;;I"2px; T; ;; @;i; ;!;[;iÏ; @o; ;[I"(/* give it some space to breathe */; T; ;;[;iÏ; @o;/;I"border-radius; T;0[o;#;i ;$[I"px; T;%[;iÐ;&I"4px; F; @;1{;20;[;iÐ; @;iÎ;"T; @:@templateI"%// // Dropdown menus // -------------------------------------------------- // Use the .menu class on any

element within the topbar or ul.tabs and you'll get some superfancy dropdowns .dropup, .dropdown { position: relative; } .dropdown-toggle { // The caret makes the toggle a bit too tall in IE7 *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } // Dropdown arrow/caret // -------------------- .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid $black; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } // Place the caret .dropdown .caret { margin-top: 8px; margin-left: 2px; } // The dropdown menu (ul) // ---------------------- .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: $zindexDropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; // override default ul list-style: none; background-color: $dropdownBackground; border: 1px solid #ccc; // Fallback for IE7-8 border: 1px solid $dropdownBorder; *border-right-width: 2px; *border-bottom-width: 2px; @include border-radius(6px); @include box-shadow(0 5px 10px rgba(0,0,0,.2)); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; // Aligns the dropdown menu to right &.pull-right { right: 0; left: auto; } // Dividers (basically an hr) within the dropdown .divider { @include nav-divider($dropdownDividerTop, $dropdownDividerBottom); } // Links within the dropdown menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: $baseLineHeight; color: $dropdownLinkColor; white-space: nowrap; } } // Hover state // ----------- .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { text-decoration: none; color: $dropdownLinkColorHover; background-color: $dropdownLinkBackgroundHover; @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%)); } // Active state // ------------ .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: $dropdownLinkColorHover; text-decoration: none; outline: 0; background-color: $dropdownLinkBackgroundActive; @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%)); } // Disabled state // -------------- // Gray out text and ensure the hover state remains gray .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: $grayLight; } // Nuke hover effects .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } // Open state for the dropdown // --------------------------- .open { // IE7's z-index only goes to the nearest positioned ancestor, which would // make the menu appear below buttons that appeared later on the page *z-index: $zindexDropdown; & > .dropdown-menu { display: block; } } // Right aligned dropdowns // --------------------------- .pull-right > .dropdown-menu { right: 0; left: auto; } // Allow for dropdowns to go bottom up (aka, dropup-menu) // ------------------------------------------------------ // Just add .dropup after the standard .dropdown class and you're set, bro. // TODO: abstract this so that the navbar fixed styles are not placed here? .dropup, .navbar-fixed-bottom .dropdown { // Reverse the caret .caret { border-top: 0; border-bottom: 4px solid $black; content: ""; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } } // Sub menus // --------------------------- .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: darken($dropdownBackground, 20%); margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: $dropdownLinkColorHover; } // Tweak nav headers // ----------------- // Increase padding from 15px to 20px on sides .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } // Typeahead // --------- .typeahead { margin-top: 2px; // give it some space to breathe @include border-radius(4px); } ; T;i;"T; @