3.2.1 (Media Mark) 851aa417bfa925883b3114edc95c3447096b6151 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" li > a; T;i;o;;[o;;[o; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; iO;I"; F;0;o;;{; iO;@I">; To; ;[o;5 ;[I"a; T;60; iO;@;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^;@Go; ;[o;5 ;[I"li; F;60; i^;@G;0;o;;{; i^;@GI">; Fo; ;[o;5 ;[I"a; F;60; i^;@Go;' ; ;(;[I" hover; F;)0; i^;@G;0;o;;{; i^;@Go;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F; i^;@G;0;o;;{; i^;@Go; ;[o;5 ;[I"li; F;60; i^;@G;0;o;;{; i^;@GI">; Fo; ;[o;5 ;[I"a; F;60; i^;@Go;' ; ;(;[I" focus; F;)0; i^;@G;0;o;;{; i^;@Go;;[ I" ; Fo; ;[o;;[I"dropdown-submenu; F; i^;@Go;' ; ;(;[I" hover; F;)0; i^;@G;0;o;;{; i^;@GI">; Fo; ;[o;5 ;[I"a; F;60; i^;@G;0;o;;{; i^;@G; i^;@G;[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"gradient-vertical; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T; ia; @ o;3 ;I" darken; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T; ia; @ o;# ;i ;$[I"%; T;%[; ia;&I"5%; F; @ ;1{;20; ia; @ ;1{;20;[; ia; @ ; i^;"T; @ o; ;[I"'/* Active state * ------------ */; T; ; ;[; id; @ o; ;[I"A.dropdown-menu .active > a, .dropdown-menu .active > a:hover; F;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; F; ig;I"; F;0;o;;{; ig;@o; ;[o;;[I" active; F; ig;@;0;o;;{; ig;@I">; Fo; ;[o;5 ;[I"a; F;60; ig;@;0;o;;{; ig;@o;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F; ig;@;0;o;;{; ig;@o; ;[o;;[I" active; F; ig;@;0;o;;{; ig;@I">; Fo; ;[o;5 ;[I"a; F;60; ig;@o;' ; ;(;[I" hover; F;)0; ig;@;0;o;;{; ig;@; ig;@;[ o; ;[I" color; T;o;+ ;I"dropdownLinkColorActive; T;,I"dropdownLinkColorActive; T; ih; @ ;i; ;!;[; ih; @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; ii; @ o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; ij; @ o;/ ;I"gradient-vertical; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T; ik; @ o;3 ;I" darken; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T; ik; @ o;# ;i ;$[I"%; T;%[; ik;&I"5%; F; @ ;1{;20; ik; @ ;1{;20;[; ik; @ ; ig;"T; @ o; ;[I"d/* Disabled state * -------------- * Gray out text and ensure the hover state remains gray */; T; ; ;[; in; @ o; ;[I"E.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover; F;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; F; ir;I"; F;0;o;;{; ir;@%o; ;[o;;[I" disabled; F; ir;@%;0;o;;{; ir;@%I">; Fo; ;[o;5 ;[I"a; F;60; ir;@%;0;o;;{; ir;@%o;;[ I" ; Fo; ;[o;;[I"dropdown-menu; F; ir;@%;0;o;;{; ir;@%o; ;[o;;[I" disabled; F; ir;@%;0;o;;{; ir;@%I">; Fo; ;[o;5 ;[I"a; F;60; ir;@%o;' ; ;(;[I" hover; F;)0; ir;@%;0;o;;{; ir;@%; ir;@%;[o; ;[I" color; T;o;+ ;I"grayLight; T;,I"grayLight; T; is; @ ;i; ;!;[; is; @ ; ir;"T; @ o; ;[I"/* Nuke hover effects */; T; ; ;[; iu; @ o; ;[I"'.dropdown-menu .disabled > a:hover; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iv;I"; F;0;o;;{; iv;@ko; ;[o;;[I" disabled; T; iv;@k;0;o;;{; iv;@kI">; To; ;[o;5 ;[I"a; T;60; iv;@ko;' ; ;(;[I" hover; T;)0; iv;@k;0;o;;{; iv;@k; iv;@k;[ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; iw; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; ix; @ o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; iy; @ o; ;[I"/* Remove CSS gradient */; T; ; ;[; iy; @ o; ;[I" cursor; T;o;;I" default; T; ;; @ ;i; ;!;[; iz; @ ; iv;"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;@5; i;@5;[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; ;; @ ; io;+ ;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;@e; i;@e;[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"/* Default dropdowns */; T; ; ;[; i; @ 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"/* Dropups */; T; ; ;[; i; @ o; ;[I"/.dropup .dropdown-submenu > .dropdown-menu; T;i;o;;[o;;[ o; ;[o;;[I" dropup; T; i;I"; F;0;o;;{; i;@o; ;[o;;[I"dropdown-submenu; T; i;@;0;o;;{; i;@I">; To; ;[o;;[I"dropdown-menu; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I"top; T;o;;I" auto; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-bottom; T;o;# ;i;$[I"px; T;%[; i;&I" -2px; F; @ ;i; ;!;[; i; @ o; ;[I"-webkit-border-radius; T;o;;I"5px 5px 5px 0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"-moz-border-radius; T;o;;I"5px 5px 5px 0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"border-radius; T;o;;I"5px 5px 5px 0; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"//* Caret to indicate there is a submenu */; T; ; ;[; i; @ o; ;[I" .dropdown-submenu > a:after; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T; i;I"; F;0;o;;{; i;@bI">; To; ;[o;5 ;[I"a; T;60; i;@bo;' ; ;(;[I" after; T;)0; i;@b;0;o;;{; i;@b; i;@b;[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;@;0;o;;{; i;@I">; To; ;[o;5 ;[I"a; T;60; i;@o;' ; ;(;[I" after; T;)0; i;@;0;o;;{; i;@; i;@;[o; ;[I"border-left-color; T;o;+ ;I"dropdownLinkColorHover; T;,I"dropdownLinkColorHover; T; i; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I" /* Left aligned submenus */; T; ; ;[; i; @ o; ;[I" .dropdown-submenu.pull-left; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T; i;I"; Fo;;[I"pull-left; T; i;@;0;o;;{; i;@; i;@;[ o; ;[I"|/* Undo the float * Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. */; T; ; ;[; i; @ o; ;[I" float; T;o;;I" none; T; ;; @ ;i; ;!;[; i; @ o; ;[I""/* Positioning the submenu */; T; ; ;[; i; @ o; ;[I"> .dropdown-menu; T;i;o;;[o;;[I">; To; ;[o;;[I"dropdown-menu; T; i;I"; F;0;o;;{; i;@; i;@;[ o; ;[I" left; T;o;# ;i;$[I"%; T;%[; i;&I" -100%; F; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"-webkit-border-radius; T;o;;I"6px 0 6px 6px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"-moz-border-radius; T;o;;I"6px 0 6px 6px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"border-radius; T;o;;I"6px 0 6px 6px; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ ; 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;@Lo; ;[o;;[I"dropdown-menu; T; i;@L;0;o;;{; i;@Lo; ;[o;;[I"nav-header; T; i;@L;0;o;;{; i;@L; i;@L;[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;@z; i;@z;[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"baseBorderRadius; T;,I"baseBorderRadius; T; i; @ ;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 li > 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; @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%)); } // Active state // ------------ .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: $dropdownLinkColorActive; text-decoration: none; outline: 0; @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; background-image: none; // Remove CSS gradient 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; } // Default dropdowns .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; } // Dropups .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } // Caret to indicate there is a submenu .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; } // Left aligned submenus .dropdown-submenu.pull-left { // Undo the float // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere. float: none; // Positioning the submenu > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } } // 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($baseBorderRadius); } ; T; i;"T; @