3.2.9 (Media Mark)
9ca82d2f658ba27f66d963b9cae5529079318b9c
o: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
;
:
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;/;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 ; ;!;[ ;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;/;I"nav-divider; T;0[o;+ ;I"dropdownDividerTop; T;,I"dropdownDividerTop; T;iL;
@o;+ ;I"dropdownDividerBottom; T;,I"dropdownDividerBottom; T;iL;
@;1{ ;20;[ ;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;5 ;[I"a; T;60;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;5 ;[I"li; T;60;i`;@E;0;o;;{ ;i`;@EI">; To;
;[o;5 ;[I"a; T;60;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;5 ;[I"li; T;60;i`;@E;0;o;;{ ;i`;@EI">; To;
;[o;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;/;I"gradient-vertical; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T;ic;
@o;3;I"darken; T;0[o;+ ;I" dropdownLinkBackgroundHover; T;,I" dropdownLinkBackgroundHover; T;ic;
@o;';i
;([I"%; T;)[ ;ic;*I"5%; F;
@;1{ ;20;ic;
@;1{ ;20;[ ;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;/;I"gradient-vertical; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T;in;
@o;3;I"darken; T;0[o;+ ;I"!dropdownLinkBackgroundActive; T;,I"!dropdownLinkBackgroundActive; T;in;
@o;';i
;([I"%; T;)[ ;in;*I"5%; F;
@;1{ ;20;in;
@;1{ ;20;[ ;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;5 ;[I"a; T;60;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;/;I"reset-filter; T;0[ ;1{ ;20;[ ;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;4;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;
;;
@;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" ; 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;/;I"border-radius; T;0[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;
@;1{ ;20;[ ;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;/;I"border-radius; T;0[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;
@;1{ ;20;[ ;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;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"
-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;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" ; 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;/;I"border-radius; T;0[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;
@;1{ ;20;[ ;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;/;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/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;
@