3.1.20 (Brainy Betty) 9b94eb2a91616880ccb2ea1a260996bb8752bc04 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"+/* DROPDOWN MENUS * -------------- */:ET: @silenti: @loud0;[: @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; 0;[; 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; i ;@o;;[I" ; Fo;;[o;;[I" dropdown; F; i ;@; i ;@; i ;@;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T: @type: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; i;@8; i;@8;[o; ;[I";/* The caret makes the toggle a bit too tall in IE7 */; T; i; 0;[; 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;@S; i;@So;;[I" ; Fo;;[o;;[I" open; F; i;@S; i;@So;;[o;;[I"dropdown-toggle; F; i;@S; i;@S; i;@S;[o; ;[I" outline; T;o;;I"0; T;;; @ ;i;;;[; i; @ ; i;T; @ o; ;[I"7/* Dropdown arrow/caret * -------------------- */; T; i; 0;[; i; @ o; ;[I" .caret; T;i;o;;[o;;[o;;[o;;[I" caret; T; i;I"; F; 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;;; @ ; io: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!; @ o:Sass::Tree::MixinNode ;I" opacity; T: @args[o; ;i#;![;"[; i";#I"30; F; @ :@keywords{;[; i"; @ ; i;T; @ o; ;[I"/* Place the caret */; T; i; 0;[; i$; @ o; ;[I".dropdown .caret; T;i;o;;[o;;[o;;[o;;[I" dropdown; T; i%;I"; F; i%;@o;;[o;;[I" caret; T; i%;@; 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").dropdown:hover .caret, .open .caret; F;i;o;;[o;;[o;;[o;;[I" dropdown; F; i*;I"; Fo;$ ;;%;[I" hover; F;&0; i*;@; i*;@o;;[o;;[I" caret; F; i*;@; i*;@o;;[I" ; Fo;;[o;;[I" open; F; i*;@; i*;@o;;[o;;[I" caret; F; i*;@; i*;@; i*;@;[o;, ;I" opacity; T;-[o; ;ii;![;"@; i+;#I"100; F; @ ;.{;[; i+; @ ; i*;T; @ o; ;[I";/* The dropdown menu (ul) * ---------------------- */; T; i; 0;[; i.; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; i0;I"; F; i0;@; i0;@;[!o; ;[I" position; T;o;;I" absolute; T;;; @ ;i;;;[; i1; @ o; ;[I"top; T;o;;I" 100%; T;;; @ ;i;;;[; i2; @ o; ;[I" left; T;o;;I"0; T;;; @ ;i;;;[; i3; @ o; ;[I" z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; i4; @ ;i;;;[; i4; @ o; ;[I" display; T;o;;I" none; T;;; @ ;i;;;[; i5; @ o; ;[I";/* none by default, but block on "open" of the menu */; T; i; 0;[; i5; @ o; ;[I" float; T;o;;I" left; T;;; @ ;i;;;[; i6; @ o; ;[I"min-width; T;o;;I" 160px; T;;; @ ;i;;;[; i7; @ o; ;[I" padding; T;o;;I" 4px 0; T;;; @ ;i;;;[; i8; @ o; ;[I" margin; T;o;;I" 1px 0 0; T;;; @ ;i;;;[; i9; @ o; ;[I"/* override default ul */; T; i; 0;[; i9; @ o; ;[I"list-style; T;o;;I" none; T;;; @ ;i;;;[; i:; @ o; ;[I"background-color; T;o;( ;I"dropdownBackground; T;)I"dropdownBackground; T; i;; @ ;i;;;[; i;; @ o; ;[I" border; T;o;;I"1px solid #ccc; T;;; @ ;i;;;[; i<; @ o; ;[I" border; T;o;' ;[o; ;i;![I"px; T;"[; i=;#I"1px; F; @ o; ;I" solid; T;;; @ ; i=o:Sass::Script::Funcall ;I" rgba; T;-[ 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; @ ;.{; 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;, ;I"border-radius; T;-[o; ;i ;![I"px; T;"[; i@;#I"5px; F; @ ;.{;[; i@; @ o;, ;I"box-shadow; T;-[o;' ;[ o; ;i;![;"@; iA;#I"0; F; @ o; ;i ;![I"px; T;"[; iA;#I"5px; F; @ o; ;i;![I"px; T;"[; iA;#I" 10px; F; @ o;/ ;I" rgba; T;-[ o; ;i;![;"@; iA;#I"0; F; @ o; ;i;![;"@; iA;#I"0; F; @ o; ;i;![;"@; iA;#I"0; F; @ o; ;f0.2;![;"@; iA;#I"0.2; F; @ ;.{; iA; @ ;*;+; iA; @ ;.{;[; iA; @ o; ;[I"-webkit-background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; iB; @ o; ;[I"-moz-background-clip; T;o;;I" padding; T;;; @ ;i;;;[; iC; @ o; ;[I"background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; iD; @ o; ;[I",/* Aligns the dropdown menu to right */; T; i; 0;[; iF; @ o; ;[I"&.pull-right; F;i;o;;[o;;[o;;[o:Sass::Selector::Parent; iG;I"; Fo;;[I"pull-right; F; iG;@; iG;@; iG;@;[o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; iH; @ o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; iI; @ ; iG;T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; i; 0;[; iL; @ o; ;[I" .divider; T;i;o;;[o;;[o;;[o;;[I" divider; T; iM;I"; F; iM;@; iM;@;[o;, ;I"nav-divider; T;-[o;( ;I"dropdownDividerTop; T;)I"dropdownDividerTop; T; iN; @ o;( ;I"dropdownDividerBottom; T;)I"dropdownDividerBottom; T; iN; @ ;.{;[; iN; @ ; iM;T; @ o; ;[I")/* Links within the dropdown menu */; T; i; 0;[; iQ; @ o; ;[I"a; T;i;o;;[o;;[o;;[o:Sass::Selector::Element ;[I"a; T:@namespace0; iR;I"; F; iR;@$; iR;@$;[ o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; iS; @ o; ;[I" padding; T;o;;I" 3px 15px; T;;; @ ;i;;;[; iT; @ o; ;[I" clear; T;o;;I" both; T;;; @ ;i;;;[; iU; @ o; ;[I"font-weight; T;o;;I" normal; T;;; @ ;i;;;[; iV; @ o; ;[I"line-height; T;o;( ;I"baseLineHeight; T;)I"baseLineHeight; T; iW; @ ;i;;;[; iW; @ o; ;[I" color; T;o;( ;I"dropdownLinkColor; T;)I"dropdownLinkColor; T; iX; @ ;i;;;[; iX; @ o; ;[I"white-space; T;o;;I" nowrap; T;;; @ ;i;;;[; iY; @ ; iR;T; @ ; i0;T; @ o; ;[I"%/* Hover state * ----------- */; T; i; 0;[; i]; @ o; ;[I"^.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover; F;i;o;;[o;;[ o;;[o;;[I"dropdown-menu; F; ia;I"; F; ia;@bo;;[o;1 ;[I"li; F;20; ia;@b; ia;@bI">; Fo;;[o;1 ;[I"a; F;20; ia;@bo;$ ;;%;[I" hover; F;&0; ia;@b; ia;@bo;;[ I" ; Fo;;[o;;[I"dropdown-menu; F; ia;@b; ia;@bo;;[o;;[I" active; F; ia;@b; ia;@bI">; Fo;;[o;1 ;[I"a; F;20; ia;@b; ia;@bo;;[ I" ; Fo;;[o;;[I"dropdown-menu; F; ia;@b; ia;@bo;;[o;;[I" active; F; ia;@b; ia;@bI">; Fo;;[o;1 ;[I"a; F;20; ia;@bo;$ ;;%;[I" hover; F;&0; ia;@b; ia;@b; ia;@b;[o; ;[I" color; T;o;( ;I"dropdownLinkColorHover; T;)I"dropdownLinkColorHover; T; ib; @ ;i;;;[; ib; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; ic; @ o; ;[I"background-color; T;o;( ;I" dropdownLinkBackgroundHover; T;)I" dropdownLinkBackgroundHover; T; id; @ ;i;;;[; id; @ ; ia;T; @ o; ;[I"E/* Open state for the dropdown * --------------------------- */; T; i; 0;[; ig; @ o; ;[I" .open; T;i;o;;[o;;[o;;[o;;[I" open; T; ii;I"; F; ii;@; ii;@;[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; 0;[; ij; @ o; ;[I" *z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; il; @ ;i;;;[; il; @ o; ;[I"& > .dropdown-menu; F;i;o;;[o;;[o;;[o;0; in;I"; F; in;@I">; Fo;;[o;;[I"dropdown-menu; F; in;@; in;@; in;@;[o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; io; @ ; in;T; @ ; ii;T; @ o; ;[I"A/* Right aligned dropdowns * --------------------------- */; T; i; 0;[; is; @ o; ;[I"!.pull-right > .dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"pull-right; T; iu;I"; F; iu;@I">; To;;[o;;[I"dropdown-menu; T; iu;@; iu;@; iu;@;[o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; iv; @ o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; iw; @ ; iu;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; 0;[; iz; @ o; ;[I",.dropup, .navbar-fixed-bottom .dropdown; F;i;o;;[o;;[o;;[o;;[I" dropup; F; i;I"; F; i;@o;;[I" ; Fo;;[o;;[I"navbar-fixed-bottom; F; i;@; i;@o;;[o;;[I" dropdown; F; i;@; i;@; i;@;[ o; ;[I"/* Reverse the caret */; T; i; 0;[; i{; @ o; ;[I" .caret; T;i;o;;[o;;[o;;[o;;[I" caret; T; i|;I"; F; i|;@7; i|;@7;[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" "\2191"; T;;; @ ;i;;;[; i; @ ; i|;T; @ o; ;[I"3/* Different positioning for bottom up menu */; T; i; 0;[; i; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; i;I"; F; 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"!/* Typeahead * --------- */; T; i; 0;[; i; @ o; ;[I".typeahead; T;i;o;;[o;;[o;;[o;;[I"typeahead; T; i;I"; F; i;@; i;@;[o; ;[I"margin-top; T;o;;I"2px; T;;; @ ;i;;;[; i; @ o; ;[I"(/* give it some space to breathe */; T; i; 0;[; i; @ o;, ;I"border-radius; T;-[o; ;i ;![I"px; T;"[; i;#I"4px; F; @ ;.{;[; 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: ""; @include opacity(30); } // Place the caret .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open .caret { @include opacity(100); } // 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: 4px 0; margin: 1px 0 0; // override default ul list-style: none; background-color: $dropdownBackground; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; @include border-radius(5px); @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 15px; clear: both; font-weight: normal; line-height: $baseLineHeight; color: $dropdownLinkColor; white-space: nowrap; } } // Hover state // ----------- .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: $dropdownLinkColorHover; text-decoration: none; background-color: $dropdownLinkBackgroundHover; } // 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: "\2191"; } // Different positioning for bottom up menu .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } } // Typeahead // --------- .typeahead { margin-top: 2px; // give it some space to breathe @include border-radius(4px); } ; T; i;T; @