{: versionI"3.2.18 (Media Mark):EF:shaI"-9ca82d2f658ba27f66d963b9cae5529079318b9c;F: contents"soo:Sass::Tree::RootNode :@children[0o: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; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class: @name[I" dropup; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@o;;[I" ; To; ;[o;;[I" dropdown; T; 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"; T;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;;I" -3px; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"4.dropdown-toggle:active, .open .dropdown-toggle; T;i;o;;[o;;[o; ;[o;;[I"dropdown-toggle; T; i;I"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" active; T: @arg0; i;@V;0;o;;{; i;@Vo;;[I" ; To; ;[o;;[I" open; T; i;@V;0;o;;{; i;@Vo; ;[o;;[I"dropdown-toggle; T; i;@V;0;o;;{; i;@V; i;@V;[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"; T;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:Sass::Script::Number ;i :@numerator_units[I"px; T:@denominator_units[; i :@originalI"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"; T;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"; T;0;o;;{; i.;@; i.;@;["o; ;[I" position; T;o;;I" absolute; T; ;; @ ;i; ;!;[; i/; @ o; ;[I"top; T;o;;I" 100%; T; ;; @ ;i; ;!;[; i0; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i1; @ o; ;[I" z-index; T;o;, ;I"zindexDropdown; T;-I"zindexDropdown; T; i2; @ ;i; ;!;[; i2; @ o; ;[I" display; T;o;;I" none; T; ;; @ ;i; ;!;[; i3; @ o; ;[I";/* none by default, but block on "open" of the menu */; T; ; ;[; i3; @ o; ;[I" float; T;o;;I" left; T; ;; @ ;i; ;!;[; i4; @ o; ;[I"min-width; T;o;;I" 160px; T; ;; @ ;i; ;!;[; i5; @ o; ;[I" padding; T;o;;I" 5px 0; T; ;; @ ;i; ;!;[; i6; @ o; ;[I" margin; T;o;;I" 2px 0 0; T; ;; @ ;i; ;!;[; i7; @ o; ;[I"/* override default ul */; T; ; ;[; i7; @ o; ;[I"list-style; T;o;;I" none; T; ;; @ ;i; ;!;[; i8; @ o; ;[I"background-color; T;o;, ;I"dropdownBackground; T;-I"dropdownBackground; T; i9; @ ;i; ;!;[; i9; @ o; ;[I" border; T;o;;I"1px solid #ccc; T; ;; @ ;i; ;!;[; i:; @ o; ;[I"/* Fallback for IE7-8 */; T; ; ;[; i:; @ 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;0 ;I"box-shadow; T;1[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;1[ 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; @ ;2{;30; i?; @ ;.;/; i?; @ ;2{;30;[; 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; ;!;[; iA; @ o; ;[I"background-clip; T;o;;I"padding-box; T; ;; @ ;i; ;!;[; iB; @ o; ;[I",/* Aligns the dropdown menu to right */; T; ; ;[; iD; @ o; ;[I"&.pull-right; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; iE;I"; To;;[I"pull-right; T; iE;@;0;o;;{; iE;@; iE;@;[o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; iF; @ o; ;[I" left; T;o;;I" auto; T; ;; @ ;i; ;!;[; iG; @ ; iE;"T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; ; ;[; iJ; @ o; ;[I" .divider; T;i;o;;[o;;[o; ;[o;;[I" divider; T; iK;I"; T;0;o;;{; iK;@; iK;@;[o;0 ;I"nav-divider; T;1[o;, ;I"dropdownDividerTop; T;-I"dropdownDividerTop; T; iL; @ o;, ;I"dropdownDividerBottom; T;-I"dropdownDividerBottom; T; iL; @ ;2{;30;[; iL; @ ; iK;"T; @ o; ;[I")/* Links within the dropdown menu */; T; ; ;[; iO; @ o; ;[I" > li > a; T;i;o;;[o;;[ I">; To; ;[o:Sass::Selector::Element ;[I"li; T:@namespace0; iP;I"; T;0;o;;{; iP;@I">; To; ;[o;6 ;[I"a; T;70; iP;@;0;o;;{; iP;@; iP;@;[ o; ;[I" display; T;o;;I" block; T; ;; @ ;i; ;!;[; iQ; @ o; ;[I" padding; T;o;;I" 3px 20px; T; ;; @ ;i; ;!;[; iR; @ o; ;[I" clear; T;o;;I" both; T; ;; @ ;i; ;!;[; iS; @ o; ;[I"font-weight; T;o;;I" normal; T; ;; @ ;i; ;!;[; iT; @ o; ;[I"line-height; T;o;, ;I"baseLineHeight; T;-I"baseLineHeight; T; iU; @ ;i; ;!;[; iU; @ o; ;[I" color; T;o;, ;I"dropdownLinkColor; T;-I"dropdownLinkColor; T; iV; @ ;i; ;!;[; iV; @ o; ;[I"white-space; T;o;;I" nowrap; T; ;; @ ;i; ;!;[; iW; @ ; iP;"T; @ ; i.;"T; @ o; ;[I"+/* Hover/Focus state * ----------- */; T; ; ;[; i[; @ o; ;[I"{.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a; T;i;o;;[ o;;[ o; ;[o;;[I"dropdown-menu; T; i`;I"; T;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"li; T;70; i`;@E;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"a; T;70; i`;@Eo;# ;$;%;[I" hover; T;&0; i`;@E;0;o;;{; i`;@Eo;;[ I" ; To; ;[o;;[I"dropdown-menu; T; i`;@E;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"li; T;70; i`;@E;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"a; T;70; i`;@Eo;# ;$;%;[I" focus; T;&0; i`;@E;0;o;;{; i`;@Eo;;[ I" ; To; ;[o;;[I"dropdown-submenu; T; i`;@Eo;# ;$;%;[I" hover; T;&0; i`;@E;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"a; T;70; i`;@E;0;o;;{; i`;@Eo;;[ I" ; To; ;[o;;[I"dropdown-submenu; T; i`;@Eo;# ;$;%;[I" focus; T;&0; i`;@E;0;o;;{; i`;@EI">; To; ;[o;6 ;[I"a; T;70; i`;@E;0;o;;{; i`;@E; i`;@E;[o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; ia; @ o; ;[I" color; T;o;, ;I"dropdownLinkColorHover; T;-I"dropdownLinkColorHover; T; ib; @ ;i; ;!;[; ib; @ o;0 ;I"gradient-vertical; T;1[o;, ;I" dropdownLinkBackgroundHover; T;-I" dropdownLinkBackgroundHover; T; ic; @ o;4 ;I" darken; T;1[o;, ;I" dropdownLinkBackgroundHover; T;-I" dropdownLinkBackgroundHover; T; ic; @ o;( ;i ;)[I"%; T;*[; ic;+I"5%; F; @ ;2{;30; ic; @ ;2{;30;[; ic; @ ; i`;"T; @ o; ;[I"'/* Active state * ------------ */; T; ; ;[; if; @ o; ;[I"i.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; ij;I"; T;0;o;;{; ij;@I">; To; ;[o;;[I" active; T; ij;@;0;o;;{; ij;@I">; To; ;[o;6 ;[I"a; T;70; ij;@;0;o;;{; ij;@o;;[ I" ; To; ;[o;;[I"dropdown-menu; T; ij;@;0;o;;{; ij;@I">; To; ;[o;;[I" active; T; ij;@;0;o;;{; ij;@I">; To; ;[o;6 ;[I"a; T;70; ij;@o;# ;$;%;[I" hover; T;&0; ij;@;0;o;;{; ij;@o;;[ I" ; To; ;[o;;[I"dropdown-menu; T; ij;@;0;o;;{; ij;@I">; To; ;[o;;[I" active; T; ij;@;0;o;;{; ij;@I">; To; ;[o;6 ;[I"a; T;70; ij;@o;# ;$;%;[I" focus; T;&0; ij;@;0;o;;{; ij;@; ij;@;[ o; ;[I" color; T;o;, ;I"dropdownLinkColorActive; T;-I"dropdownLinkColorActive; T; ik; @ ;i; ;!;[; ik; @ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; il; @ o; ;[I" outline; T;o;;I"0; T; ;; @ ;i; ;!;[; im; @ o;0 ;I"gradient-vertical; T;1[o;, ;I"!dropdownLinkBackgroundActive; T;-I"!dropdownLinkBackgroundActive; T; in; @ o;4 ;I" darken; T;1[o;, ;I"!dropdownLinkBackgroundActive; T;-I"!dropdownLinkBackgroundActive; T; in; @ o;( ;i ;)[I"%; T;*[; in;+I"5%; F; @ ;2{;30; in; @ ;2{;30;[; in; @ ; ij;"T; @ o; ;[I"j/* Disabled state * -------------- * Gray out text and ensure the hover/focus state remains gray */; T; ; ;[; iq; @ o; ;[I"o.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; iv;I"; T;0;o;;{; iv;@YI">; To; ;[o;;[I" disabled; T; iv;@Y;0;o;;{; iv;@YI">; To; ;[o;6 ;[I"a; T;70; iv;@Y;0;o;;{; iv;@Yo;;[ I" ; To; ;[o;;[I"dropdown-menu; T; iv;@Y;0;o;;{; iv;@YI">; To; ;[o;;[I" disabled; T; iv;@Y;0;o;;{; iv;@YI">; To; ;[o;6 ;[I"a; T;70; iv;@Yo;# ;$;%;[I" hover; T;&0; iv;@Y;0;o;;{; iv;@Yo;;[ I" ; To; ;[o;;[I"dropdown-menu; T; iv;@Y;0;o;;{; iv;@YI">; To; ;[o;;[I" disabled; T; iv;@Y;0;o;;{; iv;@YI">; To; ;[o;6 ;[I"a; T;70; iv;@Yo;# ;$;%;[I" focus; T;&0; iv;@Y;0;o;;{; iv;@Y; iv;@Y;[o; ;[I" color; T;o;, ;I"grayLight; T;-I"grayLight; T; iw; @ ;i; ;!;[; iw; @ ; iv;"T; @ o; ;[I"#/* Nuke hover/focus effects */; T; ; ;[; iy; @ o; ;[I"O.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus; T;i;o;;[o;;[ o; ;[o;;[I"dropdown-menu; T; i{;I"; T;0;o;;{; i{;@I">; To; ;[o;;[I" disabled; T; i{;@;0;o;;{; i{;@I">; To; ;[o;6 ;[I"a; T;70; i{;@o;# ;$;%;[I" hover; T;&0; i{;@;0;o;;{; i{;@o;;[ I" ; To; ;[o;;[I"dropdown-menu; T; i{;@;0;o;;{; i{;@I">; To; ;[o;;[I" disabled; T; i{;@;0;o;;{; i{;@I">; To; ;[o;6 ;[I"a; T;70; i{;@o;# ;$;%;[I" focus; T;&0; i{;@;0;o;;{; i{;@; i{;@;[ o; ;[I"text-decoration; T;o;;I" none; T; ;; @ ;i; ;!;[; i|; @ o; ;[I"background-color; T;o;;I"transparent; T; ;; @ ;i; ;!;[; i}; @ o; ;[I"background-image; T;o;;I" none; T; ;; @ ;i; ;!;[; i~; @ o; ;[I"/* Remove CSS gradient */; T; ; ;[; i~; @ o;0 ;I"reset-filter; T;1[;2{;30;[; i; @ o; ;[I" cursor; T;o;;I" default; T; ;; @ ;i; ;!;[; i{; @ ; i{;"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"; T;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; T;i;o;;[o;;[o; ;[o;5; i;I"; T;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; @ ; i;"T; @ o; ;[I"W/* Backdrop to catch body clicks on mobile, etc. * --------------------------- */; T; ; ;[; i; @ o; ;[I".dropdown-backdrop; T;i;o;;[o;;[o; ;[o;;[I"dropdown-backdrop; T; i;I"; T;0;o;;{; i;@^; i;@^;[ o; ;[I" position; T;o;;I" fixed; T; ;; @ ;i; ;!;[; i; @ o; ;[I" left; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" right; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" bottom; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I"top; T;o;;I"0; T; ;; @ ;i; ;!;[; i; @ o; ;[I" z-index; T;o:Sass::Script::Operation :@operand1o;, ;I"zindexDropdown; T;-I"zindexDropdown; T; i; @ :@operand2o;( ;i;)[;*@{; i;+I"10; F; @ :@operator: minus; i; @ ;i; ;!;[; i; @ ; 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"; T;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; T;i;o;;[o;;[o; ;[o;;[I" dropup; T; i;I"; T;0;o;;{; i;@o;;[I" ; To; ;[o;;[I"navbar-fixed-bottom; T; i;@;0;o;;{; i;@o; ;[o;;[I" dropdown; T; 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"; T;0;o;;{; i;@; i;@;[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"; T;0;o;;{; i;@; i;@;[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"; T;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"; T;0;o;;{; i;@XI">; To; ;[o;;[I"dropdown-menu; T; i;@X;0;o;;{; i;@X; i;@X;[ 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" -6px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I" -1px; T; ;; @ ;i; ;!;[; i; @ o;0 ;I"border-radius; T;1[o;' ;[ o;( ;i;)[;*@{; i;+I"0; F; @ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ ;.;/; i; @ ;2{;30;[; i; @ ; i;"T; @ o; ;[I"-.dropdown-submenu:hover > .dropdown-menu; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T; i;I"; To;# ;$;%;[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"; T;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" -2px; T; ;; @ ;i; ;!;[; i; @ o;0 ;I"border-radius; T;1[o;' ;[ o;( ;i ;)[I"px; T;*[; i;+I"5px; F; @ o;( ;i ;)[I"px; T;*[; i;+I"5px; F; @ o;( ;i ;)[I"px; T;*[; i;+I"5px; F; @ o;( ;i;)[;*@{; i;+I"0; F; @ ;.;/; i; @ ;2{;30;[; 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"; T;0;o;;{; i;@I">; To; ;[o;6 ;[I"a; T;70; 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;4 ;I" darken; T;1[o;, ;I"dropdownBackground; T;-I"dropdownBackground; T; i; @ o;( ;i;)[I"%; T;*[; i;+I"20%; F; @ ;2{;30; i; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I"5px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-right; T;o;;I" -10px; T; ;; @ ;i; ;!;[; i; @ ; i;"T; @ o; ;[I"&.dropdown-submenu:hover > a:after; T;i;o;;[o;;[o; ;[o;;[I"dropdown-submenu; T; i;I"; To;# ;$;%;[I" hover; T;&0; i;@;0;o;;{; i;@I">; To; ;[o;6 ;[I"a; T;70; 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"; To;;[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"; T;0;o;;{; i;@; i;@;[o; ;[I" left; T;o;;I" -100%; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-left; T;o;;I" 10px; T; ;; @ ;i; ;!;[; i; @ o;0 ;I"border-radius; T;1[o;' ;[ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ o;( ;i;)[;*@{; i;+I"0; F; @ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ o;( ;i ;)[I"px; T;*[; i;+I"6px; F; @ ;.;/; i; @ ;2{;30;[; 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"; T;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"; T;0;o;;{; i;@3; i;@3;[ o; ;[I" z-index; T;o;;I" 1051; T; ;; @ ;i; ;!;[; i; @ o; ;[I"margin-top; T;o;;I"2px; T; ;; @ ;i; ;!;[; i; @ o; ;[I"(/* give it some space to breathe */; T; ; ;[; i; @ o;0 ;I"border-radius; T;1[o;, ;I"baseBorderRadius; T;-I"baseBorderRadius; T; i; @ ;2{;30;[; 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/Focus state // ----------- .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; color: $dropdownLinkColorHover; @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%)); } // Active state // ------------ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: $dropdownLinkColorActive; text-decoration: none; outline: 0; @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%)); } // Disabled state // -------------- // Gray out text and ensure the hover/focus state remains gray .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: $grayLight; } // Nuke hover/focus effects .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; // Remove CSS gradient @include reset-filter(); 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; } } // Backdrop to catch body clicks on mobile, etc. // --------------------------- .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: $zindexDropdown - 10; } // 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; @include 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; @include 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; @include 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 { z-index: 1051; margin-top: 2px; // give it some space to breathe @include border-radius($baseBorderRadius); } ; T; i;"T; @