3.1.15 (Brainy Betty) 3353da0875cdeeebea85e09c4b6b8e10df445f0d 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".dropdown; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence;[o:Sass::Selector::Class: @name[I" dropdown; T; i :@filenameI"; F; 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 ;@0; i ;@0;[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;@K; i;@Ko;;[I" ; Fo;;[o;;[I" open; F; i;@K; i;@Ko;;[o;;[I"dropdown-toggle; F; i;@K; i;@K; i;@K;[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;@s; i;@s;[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-left; T;o;;I"4px solid transparent; T;;; @ ;i;;;[; i; @ o; ;[I"border-right; T;o;;I"4px solid transparent; 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:Sass::Tree::MixinNode ;I" opacity; T: @args[o; ;i#;![;"[; i ;#I"30; F; @ :@keywords{;[; i ; @ o; ;[I" content; T;o;;I"""; T;;; @ ;i;;;[; 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"2.dropdown:hover .caret, .open.dropdown .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);@âo;;[I" dropdown; 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; i/;I"; F; i/;@; i/;@;[#o; ;[I" position; T;o;;I" absolute; T;;; @ ;i;;;[; i0; @ o; ;[I"top; T;o;;I" 100%; T;;; @ ;i;;;[; i1; @ o; ;[I" left; T;o;;I"0; T;;; @ ;i;;;[; i2; @ o; ;[I" z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; i3; @ ;i;;;[; i3; @ o; ;[I" float; T;o;;I" left; T;;; @ ;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"min-width; T;o;;I" 160px; T;;; @ ;i;;;[; i6; @ o; ;[I" padding; T;o;;I" 4px 0; T;;; @ ;i;;;[; i7; @ o; ;[I" margin; T;o;;I"0; T;;; @ ;i;;;[; i8; @ o; ;[I"/* override default ul */; T; i; 0;[; i8; @ o; ;[I"list-style; T;o;;I" none; T;;; @ ;i;;;[; i9; @ o; ;[I"background-color; T;o;( ;I"dropdownBackground; T;)I"dropdownBackground; T; i:; @ ;i;;;[; i:; @ o; ;[I"border-color; T;o;;I" #ccc; T;;; @ ;i;;;[; i;; @ o; ;[I"border-color; T;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<; @ o; ;[I"border-style; T;o;;I" solid; T;;; @ ;i;;;[; i=; @ o; ;[I"border-width; T;o;;I"1px; T;;; @ ;i;;;[; i>; @ o;, ;I"border-radius; T;-[o;' ;[ o; ;i;![;"@©; i?;#I"0; F; @ o; ;i;![;"@©; i?;#I"0; F; @ o; ;i ;![I"px; T;"[; i?;#I"5px; F; @ o; ;i ;![I"px; T;"[; i?;#I"5px; F; @ ;*;+; i?; @ ;.{;[; i?; @ o;, ;I"box-shadow; T;-[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;/ ;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@; @ o; ;[I"-webkit-background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; iA; @ o; ;[I"-moz-background-clip; T;o;;I" padding; T;;; @ ;i;;;[; iB; @ o; ;[I"background-clip; T;o;;I"padding-box; T;;; @ ;i;;;[; iC; @ o; ;[I"*border-right-width; T;o;;I"2px; T;;; @ ;i;;;[; iD; @ o; ;[I"*border-bottom-width; T;o;;I"2px; T;;; @ ;i;;;[; iE; @ o; ;[I",/* Aligns the dropdown menu to right */; T; i; 0;[; iG; @ o; ;[I"&.pull-right; F;i;o;;[o;;[o;;[o:Sass::Selector::Parent; iH;I"; Fo;;[I"pull-right; F; iH;@ñ; iH;@ñ; iH;@ñ;[o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; iI; @ o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; iJ; @ ; iH;T; @ o; ;[I"9/* Dividers (basically an hr) within the dropdown */; T; i; 0;[; iM; @ o; ;[I" .divider; T;i;o;;[o;;[o;;[o;;[I" divider; T; iN;I"; F; iN;@; iN;@;[o;, ;I"nav-divider; T;-[;.{;[; iO; @ ; iN;T; @ o; ;[I")/* Links within the dropdown menu */; T; i; 0;[; iR; @ o; ;[I"a; T;i;o;;[o;;[o;;[o:Sass::Selector::Element ;[I"a; T:@namespace0; iS;I"; F; iS;@); iS;@);[ o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; iT; @ o; ;[I" padding; T;o;;I" 3px 15px; T;;; @ ;i;;;[; iU; @ o; ;[I" clear; T;o;;I" both; T;;; @ ;i;;;[; iV; @ o; ;[I"font-weight; T;o;;I" normal; T;;; @ ;i;;;[; iW; @ o; ;[I"line-height; T;o;( ;I"baseLineHeight; T;)I"baseLineHeight; T; iX; @ ;i;;;[; iX; @ o; ;[I" color; T;o;( ;I"dropdownLinkColor; T;)I"dropdownLinkColor; T; iY; @ ;i;;;[; iY; @ o; ;[I"white-space; T;o;;I" nowrap; T;;; @ ;i;;;[; iZ; @ ; iS;T; @ ; i/;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; ib;I"; F; ib;@go;;[o;1 ;[I"li; F;20; ib;@g; ib;@gI">; Fo;;[o;1 ;[I"a; F;20; ib;@go;$ ;;%;[I" hover; F;&0; ib;@g; ib;@go;;[ I" ; Fo;;[o;;[I"dropdown-menu; F; ib;@g; ib;@go;;[o;;[I" active; F; ib;@g; ib;@gI">; Fo;;[o;1 ;[I"a; F;20; ib;@g; ib;@go;;[ I" ; Fo;;[o;;[I"dropdown-menu; F; ib;@g; ib;@go;;[o;;[I" active; F; ib;@g; ib;@gI">; Fo;;[o;1 ;[I"a; F;20; ib;@go;$ ;;%;[I" hover; F;&0; ib;@g; ib;@g; ib;@g;[o; ;[I" color; T;o;( ;I"dropdownLinkColorHover; T;)I"dropdownLinkColorHover; T; ic; @ ;i;;;[; ic; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; id; @ o; ;[I"background-color; T;o;( ;I" dropdownLinkBackgroundHover; T;)I" dropdownLinkBackgroundHover; T; ie; @ ;i;;;[; ie; @ ; ib;T; @ o; ;[I"E/* Open state for the dropdown * --------------------------- */; T; i; 0;[; ih; @ o; ;[I".dropdown.open; T;i;o;;[o;;[o;;[o;;[I" dropdown; T; ij;I"; Fo;;[I" open; T; ij;@Ä; ij;@Ä; ij;@Ä;[ 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;[; ik; @ o; ;[I" *z-index; T;o;( ;I"zindexDropdown; T;)I"zindexDropdown; T; im; @ ;i;;;[; im; @ o; ;[I".dropdown-toggle; T;i;o;;[o;;[o;;[o;;[I"dropdown-toggle; T; io;I"; F; io;@à; io;@à;[o; ;[I" color; T;o;( ;I" white; T;)I" white; T; ip; @ ;i;;;[; ip; @ o; ;[I"background; T;o;;I" #ccc; T;;; @ ;i;;;[; iq; @ o; ;[I"background; T;o;/ ;I" rgba; T;-[ o; ;i;![;"@©; ir;#I"0; F; @ o; ;i;![;"@©; ir;#I"0; F; @ o; ;i;![;"@©; ir;#I"0; F; @ o; ;f0.3;![;"@©; ir;#I"0.3; F; @ ;.{; ir; @ ;i;;;[; ir; @ ; io;T; @ o; ;[I".dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"dropdown-menu; T; it;I"; F; it;@; it;@;[o; ;[I" display; T;o;;I" block; T;;; @ ;i;;;[; iu; @ ; it;T; @ ; ij;T; @ o; ;[I""/* Right aligned dropdowns */; T; i; 0;[; iy; @ o; ;[I".pull-right .dropdown-menu; T;i;o;;[o;;[o;;[o;;[I"pull-right; T; iz;I"; F; iz;@(o;;[o;;[I"dropdown-menu; T; iz;@(; iz;@(; iz;@(;[o; ;[I" left; T;o;;I" auto; T;;; @ ;i;;;[; i{; @ o; ;[I" right; T;o;;I"0; T;;; @ ;i;;;[; i|; @ ; iz;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;[; i; @ o; ;[I",.dropup, .navbar-fixed-bottom .dropdown; F;i;o;;[o;;[o;;[o;;[I" dropup; F; i;I"; F; i;@Ko;;[I" ; Fo;;[o;;[I"navbar-fixed-bottom; F; i;@K; i;@Ko;;[o;;[I" dropdown; F; i;@K; i;@K; i;@K;[ 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;@j; i;@j;[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‡;@˜; 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"!/* 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 .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-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid $black; @include opacity(30); content: ""; } // Place the caret .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open.dropdown .caret { @include opacity(100); } // The dropdown menu (ul) // ---------------------- .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: $zindexDropdown; float: left; display: none; // none by default, but block on "open" of the menu min-width: 160px; padding: 4px 0; margin: 0; // override default ul list-style: none; background-color: $dropdownBackground; border-color: #ccc; border-color: rgba(0,0,0,.2); border-style: solid; border-width: 1px; @include border-radius(0 0 5px 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; *border-right-width: 2px; *border-bottom-width: 2px; // Aligns the dropdown menu to right &.pull-right { right: 0; left: auto; } // Dividers (basically an hr) within the dropdown .divider { @include nav-divider(); } // 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 // --------------------------- .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-toggle { color: $white; background: #ccc; background: rgba(0,0,0,.3); } .dropdown-menu { display: block; } } // Right aligned dropdowns .pull-right .dropdown-menu { left: auto; right: 0; } // 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; @