3.2.9 (Media Mark) 9750d4129c13b83d7d56fc5d100b265bbb775ed0 o:Sass::Tree::RootNode :@children[ o:Sass::Tree::ImportNode :@imported_filenameI"compass/css3/images:ET;[:@template0: @linei: @options{:@imported_file0o; ;I"compass/css3/border-radius; T;[; 0; i; @ ; 0o; ;I"compass/css3/text-shadow; T;[; 0; i; @ ; 0o; ;I"compass/css3/box-shadow; T;[; 0; i ; @ ; 0o; ;I" helpers; T;[; 0; i ; @ ; 0o:Sass::Tree::RuleNode : @rule[I" #submenu; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Id: @name[I" submenu; T; i :@filenameI"; T: @subject0: @sourceso:Set: @hash{; i ;@#; i ;@#;[o:Sass::Tree::PropNode ;[I" position; T: @valueo:Sass::Script::String;I" relative; T: @type:identifier; @ ;i:@prop_syntax:new;[; i ; @ o; ;[I" clear; T;o;;I" both; T; ;!; @ ;i;";#;[; i; @ o; ;[I" z-index; T;o;;I"990; T; ;!; @ ;i;";#;[; i; @ o; ;[I" height; T;o;;I" 58px; T; ;!; @ ;i;";#;[; i; @ o; ;[I" margin; T;o;;I"0px 8px 0 8px; T; ;!; @ ;i;";#;[; i; @ o; ;[I"top; T;o;;I" -1px; T; ;!; @ ;i;";#;[; i; @ o:Sass::Tree::MixinNode ;I"border-top-right-radius; T: @args[o:Sass::Script::Number ;i :@numerator_units[I"px; T:@denominator_units[; i:@originalI"4px; F; @ :@keywords{: @splat0;[; i; @ o;$ ;I"box-shadow; T;%[o:Sass::Script::List ;[ 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.3;'[;(@_; i;)I"0.3; F; @ ;*{;+0; i; @ o;& ;i;'[I"px; T;([; i;)I"0px; F; @ o;& ;iś;'[I"px; T;([; i;)I" -1px; F; @ o;& ;i;'[I"px; T;([; i;)I" 10px; F; @ o;& ;i;'[I"px; T;([; i;)I"0px; F; @ :@separator: space; i; @ o;, ;[ 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; @ ;*{;+0; i; @ o;& ;i;'[I"px; T;([; i;)I"0px; F; @ o;& ;i ;'[I"px; T;([; i;)I"4px; F; @ o;& ;i ;'[I"px; T;([; i;)I"6px; F; @ o;& ;i ;'[I"px; T;([; i;)I"4px; F; @ ;.;/; i; @ o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;f0.4;'[;(@_; i;)I"0.4; F; @ ;*{;+0; i; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o; ;I" inset; T; ;!; i; @ ;.;/; i; @ ;*{;+0;[; i; @ o;$ ;I"background-image; T;%[o;- ;I"linear-gradient; T;%[o:Sass::Script::Color ;0: @attrs{ :redi): greeni}: bluei¬: alphai; i; @ o;0 ;0;1{ ;2i!;3ib;4i†;5i; i; @ ;*{;+0; i; @ ;*{;+0;[; i; @ o:Sass::Tree::CommentNode ;[I"/* # default = blue */; T; : silent;[; i; @ o; ;[I"border-bottom; T;o;;I"1px solid #000; T; ;!; @ ;i;";#;[; i; @ o; ;[I" & > ul; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i!;I"; T;0;o;;{; i!;@čI">; To; ;[o:Sass::Selector::Element ;[I"ul; T:@namespace0; i!;@č;0;o;;{; i!;@č; i!;@č;[ o; ;[I" height; T;o;;I" 58px; T; ;!; @ ;i;";#;[; i"; @ o; ;[I" margin; T;o;;I"0px; T; ;!; @ ;i;";#;[; i#; @ o; ;[I" & > li; T;i;o;;[o;;[o; ;[o;8; i%;I"; T;0;o;;{; i%;@ I">; To; ;[o;9 ;[I"li; T;:0; i%;@ ;0;o;;{; i%;@ ; i%;@ ;[ o; ;[I" float; T;o;;I" left; T; ;!; @ ;i;";#;[; i&; @ o; ;[I" margin; T;o;;I"15px 7px 0 8px; T; ;!; @ ;i;";#;[; i'; @ o; ;[I"&.hoverable > a span; T;i;o;;[o;;[ o; ;[o;8; i);I"; To:Sass::Selector::Class;[I"hoverable; T; i);@,;0;o;;{; i);@,I">; To; ;[o;9 ;[I"a; T;:0; i);@,;0;o;;{; i);@,o; ;[o;9 ;[I" span; T;:0; i);@,;0;o;;{; i);@,; i);@,;[o; ;[I"i; T;i;o;;[o;;[o; ;[o;9 ;[I"i; T;:0; i*;I"; T;0;o;;{; i*;@N; i*;@N;[o; ;[I" position; T;o;;I" relative; T; ;!; @ ;i;";#;[; i+; @ o; ;[I" left; T;o;;I"6px; T; ;!; @ ;i;";#;[; i,; @ ; i*:@has_childrenT; @ ; i); a; T;i;o;;[o;;[o; ;[o;8; i0;I"; T;0;o;;{; i0;@hI">; To; ;[o;9 ;[I"a; T;:0; i0;@h;0;o;;{; i0;@h; i0;@h;[o; ;[I" display; T;o;;I"inline-block; T; ;!; @ ;i;";#;[; i1; @ o;$ ;I"border-radius; T;%[o;& ;i;'[I"px; T;([; i3;)I" 16px; F; @ ;*{;+0;[; i3; @ o;$ ;I"box-shadow; T;%[o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;@Š;'[;(@_; i4;)I"0.2; F; @ ;*{;+0; i4; @ o;& ;i;'[;(@_; i4;)I"0; F; @ o;& ;i;'[I"px; T;([; i4;)I"1px; F; @ o;& ;i;'[;(@_; i4;)I"0; F; @ o;& ;i;'[;(@_; i4;)I"0; F; @ o; ;I" inset; T; ;!; i4; @ ;.;/; i4; @ o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;i’;'[;(@_; i4;)I"255; F; @ o;& ;f0.1;'[;(@_; i4;)I"0.1; F; @ ;*{;+0; i4; @ o;& ;i;'[;(@_; i4;)I"0; F; @ o;& ;i;'[I"px; T;([; i4;)I"1px; F; @ o;& ;i;'[;(@_; i4;)I"0; F; @ o;& ;i;'[;(@_; i4;)I"0; F; @ ;.;/; i4; @ ;*{;+0;[; i4; @ o; ;[I" border; T;o;, ;[o;& ;i;'[I"px; T;([; i6;)I"1px; F; @ o; ;I" solid; T; ;!; i6; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i6;)I"0; F; @ o;& ;i;'[;(@_; i6;)I"0; F; @ o;& ;i;'[;(@_; i6;)I"0; F; @ o;& ;@±;'[;(@_; i6;)I"0.4; F; @ ;*{;+0; i6; @ ;.;/; i6; @ ;i;";#;[; i6; @ o; ;[I"border-top; T;o;, ;[o;& ;i;'[I"px; T;([; i7;)I"1px; F; @ o; ;I" solid; T; ;!; i7; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i7;)I"0; F; @ o;& ;i;'[;(@_; i7;)I"0; F; @ o;& ;i;'[;(@_; i7;)I"0; F; @ o;& ;@h;'[;(@_; i7;)I"0.3; F; @ ;*{;+0; i7; @ ;.;/; i7; @ ;i;";#;[; i7; @ o; ;[I" padding; T;o;;I"0px 16px 0px 16px; T; ;!; @ ;i;";#;[; i8; @ o; ;[I"line-height; T;o;;I" 26px; T; ;!; @ ;i;";#;[; i9; @ o; ;[I" outline; T;o;;I" none; T; ;!; @ ;i;";#;[; i:; @ o; ;[I"text-decoration; T;o;;I" none; T; ;!; @ ;i;";#;[; i;; @ o; ;[I" span; T;i;o;;[o;;[o; ;[o;9 ;[I" span; T;:0; i=;I"; T;0;o;;{; i=;@*; i=;@*;[ o; ;[I" color; T;o;;I" #fff; T; ;!; @ ;i;";#;[; i>; @ o; ;[I"font-size; T;o;;I" 13px; T; ;!; @ ;i;";#;[; i?; @ o; ;[I"font-weight; T;o;;I" normal; T; ;!; @ ;i;";#;[; i@; @ o;$ ;I"single-text-shadow; T;%[ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iA;)I"0; F; @ o;& ;i;'[;(@_; iA;)I"0; F; @ o;& ;i;'[;(@_; iA;)I"0; F; @ o;& ;i;'[;(@_; iA;)I"1; F; @ ;*{;+0; iA; @ o;& ;i;'[I"px; T;([; iA;)I"1px; F; @ o;& ;i;'[I"px; T;([; iA;)I"1px; F; @ o;& ;i;'[I"px; T;([; iA;)I"1px; F; @ ;*{;+0;[; iA; @ ; i=;;[I" active; T;?0; iI;@»;0;o;;{; iI;@»; iI;@»;[ o; ;[I" border; T;o;, ;[o;& ;i;'[I"px; T;([; iJ;)I"1px; F; @ o; ;I" solid; T; ;!; iJ; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iJ;)I"0; F; @ o;& ;i;'[;(@_; iJ;)I"0; F; @ o;& ;i;'[;(@_; iJ;)I"0; F; @ o;& ;@Š;'[;(@_; iJ;)I"0.2; F; @ ;*{;+0; iJ; @ ;.;/; iJ; @ ;i;";#;[; iJ; @ o; ;[I"border-top; T;o;, ;[o;& ;i;'[I"px; T;([; iK;)I"1px; F; @ o; ;I" solid; T; ;!; iK; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iK;)I"0; F; @ o;& ;i;'[;(@_; iK;)I"0; F; @ o;& ;i;'[;(@_; iK;)I"0; F; @ o;& ;@±;'[;(@_; iK;)I"0.4; F; @ ;*{;+0; iK; @ ;.;/; iK; @ ;i;";#;[; iK; @ o; ;[I"border-bottom; T;o;;I"1px solid transparent; T; ;!; @ ;i;";#;[; iL; @ o;$ ;I"box-shadow; T;%[o;, ;[ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ ;*{;+0; iM; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[I"px; T;([; iM;)I"1px; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o; ;I" inset; T; ;!; iM; @ ;.;/; iM; @ o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; iM;)I"255; F; @ o;& ;i’;'[;(@_; iM;)I"255; F; @ o;& ;i’;'[;(@_; iM;)I"255; F; @ o;& ;@Š;'[;(@_; iM;)I"0.2; F; @ ;*{;+0; iM; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[I"px; T;([; iM;)I"1px; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ o;& ;i;'[;(@_; iM;)I"0; F; @ ;.;/; iM; @ ;*{;+0;[; iM; @ ; iI; em; T;i;o;;[o;;[o; ;[o;8; i_;I"; T;0;o;;{; i_;@ŃI">; To; ;[o;9 ;[I"em; T;:0; i_;@Ń;0;o;;{; i_;@Ń; i_;@Ń;[ o;$ ;I"absolute-position; T;%[ o; ;I" bottom; T; ;!; i`; @ o;& ;i;'[I"px; T;([; i`;)I"1px; F; @ o; ;I" right; T; ;!; i`; @ o;& ;iź;'[I"px; T;([; i`;)I" -17px; F; @ ;*{;+0;[; i`; @ o;$ ;I"border-bottom-left-radius; T;%[o;& ;i;'[I"px; T;([; ia;)I" 16px; F; @ ;*{;+0;[; ia; @ o;$ ;I"box-shadow; T;%[o;, ;[ o;& ;i÷;'[I"px; T;([; ib;)I" -4px; F; @ o;& ;i ;'[I"px; T;([; ib;)I"4px; F; @ o;& ;i;'[;(@_; ib;)I"0; F; @ o;& ;i;'[I"px; T;([; ib;)I"2px; F; @ o;0 ;0;1{ ;2i’;3i’;4i’;5i; ib; @ ;.;/; ib; @ ;*{;+0;[; ib; @ o; ;[I" clip; T;o;- ;I" rect; T;%[ o;& ;i;'[I"px; T;([; ic;)I"0px; F; @ o;& ;i;'[I"px; T;([; ic;)I" 16px; F; @ o;& ;i;'[I"px; T;([; ic;)I" 16px; F; @ o;& ;i;'[I"px; T;([; ic;)I"0px; F; @ ;*{;+0; ic; @ ;i;";#;[; ic; @ o; ;[I" width; T;o;;I" 16px; T; ;!; @ ;i;";#;[; id; @ o; ;[I" height; T;o;;I" 16px; T; ;!; @ ;i;";#;[; ie; @ o; ;[I"background; T;o;;I"#transparent none no-repeat 0 0; T; ;!; @ ;i;";#;[; if; @ ; i_; a */; T; ;7;[; ii; @ ; i%; li */; T; ;7;[; ik; @ ; i!; ul */; T; ;7;[; il; @ o; ;[I"& > .actions; T;i;o;;[o;;[o; ;[o;8; in;I"; T;0;o;;{; in;@YI">; To; ;[o;;;[I" actions; T; in;@Y;0;o;;{; in;@Y; in;@Y;[o;$ ;I"absolute-position; T;%[ o; ;I"top; T; ;!; io; @ o;& ;i;'[I"px; T;([; io;)I"0px; F; @ o; ;I" right; T; ;!; io; @ o;& ;i;'[I"px; T;([; io;)I" 12px; F; @ ;*{;+0;[; io; @ o; ;[I" height; T;o;;I" 58px; T; ;!; @ ;i;";#;[; ip; @ o; ;[I"padding-top; T;o;;I" 17px; T; ;!; @ ;i;";#;[; iq; @ o; ;[I"padding-left; T;o;;I" 10px; T; ;!; @ ;i;";#;[; ir; @ o; ;[I" z-index; T;o;;I"1; T; ;!; @ ;i;";#;[; is; @ o; ;[I"border-left; T;o;, ;[o;& ;i;'[I"px; T;([; iu;)I"1px; F; @ o; ;I" solid; T; ;!; iu; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iu;)I"0; F; @ o;& ;i;'[;(@_; iu;)I"0; F; @ o;& ;i;'[;(@_; iu;)I"0; F; @ o;& ;@h;'[;(@_; iu;)I"0.3; F; @ ;*{;+0; iu; @ ;.;/; iu; @ ;i;";#;[; iu; @ o;$ ;I"box-shadow; T;%[o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; iv;)I"255; F; @ o;& ;i’;'[;(@_; iv;)I"255; F; @ o;& ;i’;'[;(@_; iv;)I"255; F; @ o;& ;@ø;'[;(@_; iv;)I"0.1; F; @ ;*{;+0; iv; @ o;& ;i;'[I"px; T;([; iv;)I"1px; F; @ o;& ;i;'[;(@_; iv;)I"0; F; @ o;& ;i;'[;(@_; iv;)I"0; F; @ o;& ;i;'[;(@_; iv;)I"0; F; @ o; ;I" inset; T; ;!; iv; @ ;.;/; iv; @ ;*{;+0;[; iv; @ o; ;[I" .action; T;i;o;;[o;;[o; ;[o;;;[I" action; T; ix;I"; T;0;o;;{; ix;@ą; ix;@ą;[o; ;[I" display; T;o;;I" block; T; ;!; @ ;i;";#;[; iy; @ o; ;[I" float; T;o;;I" left; T; ;!; @ ;i;";#;[; iz; @ o; ;[I"margin-left; T;o;;I" 10px; T; ;!; @ ;i;";#;[; i{; @ ; ix;;[I" hover; T;?0; i”;@;0;o;;{; i”;@; i”;@;[o; ;[I" border; T;o;, ;[o;& ;i;'[I"px; T;([; i•;)I"1px; F; @ o; ;I" solid; T; ;!; i•; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i•;)I"0; F; @ o;& ;i;'[;(@_; i•;)I"0; F; @ o;& ;i;'[;(@_; i•;)I"0; F; @ o;& ;@Ž;'[;(@_; i•;)I"0.9; F; @ ;*{;+0; i•; @ ;.;/; i•; @ ;i;";#;[; i•; @ o; ;[I"border-top; T;o;, ;[o;& ;i;'[I"px; T;([; i–;)I"1px; F; @ o; ;I" solid; T; ;!; i–; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i–;)I"0; F; @ o;& ;i;'[;(@_; i–;)I"0; F; @ o;& ;i;'[;(@_; i–;)I"0; F; @ o;& ;@¬;'[;(@_; i–;)I"0.8; F; @ ;*{;+0; i–; @ ;.;/; i–; @ ;i;";#;[; i–; @ ; i”;;[I" active; T;?0; i™;@b;0;o;;{; i™;@b; i™;@b;[ o; ;[I" border; T;o;, ;[o;& ;i;'[I"px; T;([; iš;)I"1px; F; @ o; ;I" solid; T; ;!; iš; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; iš;)I"0; F; @ o;& ;i;'[;(@_; iš;)I"0; F; @ o;& ;i;'[;(@_; iš;)I"0; F; @ o;& ;@Š;'[;(@_; iš;)I"0.2; F; @ ;*{;+0; iš; @ ;.;/; iš; @ ;i;";#;[; iš; @ o; ;[I"border-top; T;o;, ;[o;& ;i;'[I"px; T;([; i›;)I"1px; F; @ o; ;I" solid; T; ;!; i›; @ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i›;)I"0; F; @ o;& ;i;'[;(@_; i›;)I"0; F; @ o;& ;i;'[;(@_; i›;)I"0; F; @ o;& ;@±;'[;(@_; i›;)I"0.4; F; @ ;*{;+0; i›; @ ;.;/; i›; @ ;i;";#;[; i›; @ o; ;[I"border-bottom; T;o;;I"1px solid transparent; T; ;!; @ ;i;";#;[; iœ; @ o;$ ;I"box-shadow; T;%[o;, ;[ o;- ;I" rgba; T;%[ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ ;*{;+0; i; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o; ;I" inset; T; ;!; i; @ ;.;/; i; @ o;, ;[ o;- ;I" rgba; T;%[ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;i’;'[;(@_; i;)I"255; F; @ o;& ;@Š;'[;(@_; i;)I"0.2; F; @ ;*{;+0; i; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[I"px; T;([; i;)I"1px; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ o;& ;i;'[;(@_; i;)I"0; F; @ ;.;/; i; @ ;*{;+0;[; i; @ ; i™;;[I" hover; T;?0; i¼;@°;0;o;;{; i¼;@°; i¼;@°;[o; ;[I"text-decoration; T;o;;I"underline; T; ;!; @ ;i;";#;[; i¼; @ ; i¼; ul { height: 58px; margin: 0px; & > li { float: left; margin: 15px 7px 0 8px; &.hoverable > a span { i { position: relative; left: 6px; } } & > a { display: inline-block; @include border-radius(16px); @include box-shadow(rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(255, 255, 255, 0.1) 0 1px 0 0); border: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(0, 0, 0, 0.3); padding: 0px 16px 0px 16px; line-height: 26px; outline: none; text-decoration: none; span { color: #fff; font-size: 13px; font-weight: normal; @include single-text-shadow(rgba(0, 0, 0, 1), 1px, 1px, 1px); } &:hover { border: 1px solid rgba(0, 0, 0, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.8); } &.on, &:active { border: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.4); border-bottom: 1px solid transparent; @include box-shadow(rgba(0, 0, 0, 0) 0 1px 0 0 inset, rgba(255, 255, 255, 0.2) 0 1px 0 0); } &.hover { background: #fff !important; border-color: transparent !important; border-color-bottom: #fff; padding-bottom: 0px; @include border-bottom-radius(0px); // !important is missing here position: relative; z-index: 998; span { color: #8b8d9a; text-shadow: none; @include box-shadow(transparent 0 0 0 0); } & > em { @include absolute-position(bottom, 1px, right, -17px); @include border-bottom-left-radius(16px); @include box-shadow(-4px 4px 0 2px #fff); clip: rect(0px, 16px, 16px, 0px); width: 16px; height: 16px; background: transparent none no-repeat 0 0; } } } // > a } // > li } // > ul & > .actions { @include absolute-position(top, 0px, right, 12px); height: 58px; padding-top: 17px; padding-left: 10px; z-index: 1; border-left: 1px solid rgba(0, 0, 0, 0.3); @include box-shadow(rgba(255, 255, 255, 0.1) 1px 0 0 0 inset); .action { display: block; float: left; margin-left: 10px; } .button { display: inline-block; height: 22px; line-height: 22px; margin: 0 0 0 0; padding: 0px 10px 0 10px; @include border-radius(10px); @include box-shadow(rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(255, 255, 255, 0.1) 0 1px 0 0); border: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(0, 0, 0, 0.3); text-decoration: none; font-size: 11px; color: #fff; font-size: 11px; @include single-text-shadow(rgba(0, 0, 0, 1), 1px, 1px, 1px); i { position: relative; right: 2px; font-size: 10px; } &:hover { border: 1px solid rgba(0, 0, 0, 0.9); border-top: 1px solid rgba(0, 0, 0, 0.8); } &.on, &:active { border: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(0, 0, 0, 0.4); border-bottom: 1px solid transparent; @include box-shadow(rgba(0, 0, 0, 0) 0 1px 0 0 inset, rgba(255, 255, 255, 0.2) 0 1px 0 0); } } } } .submenu-popup { position: absolute; min-width: 250px; z-index: 999; overflow: hidden; padding: 0px 12px 12px 12px; background: transparent; .wrapper { background: #fff; @include box-shadow(rgba(0, 0, 0, 0.5) 0px 0px 8px 0px); @include border-radius(16px); @include border-top-left-radius(0px); text-align: left; a { color: #1f82bc; text-decoration: none; &:hover { text-decoration: underline; } } .header { border-bottom: 1px dotted #bbbbbd; padding-bottom: 6px; margin: 0px 16px; } .inner { padding: 8px 16px; } h2 { font-size: 11px; font-weight: bold; color: #1e1f26; margin-bottom: 0px; } p { margin: 0px; padding: 10px 0 0 0px; a { font-size: 13px; i { font-size: 10px; text-decoration: none; } } &.edit { padding-top: 0px; } } ul { list-style: none; margin: 0px 0px 0px 0px; li { position: relative; height: 24px; line-height: 24px; i { font-size: 10px; color: #1f82bc; } a { font-size: 11px; } span { @include absolute-position(top, -1px, right, 0px, inline); color: #8b8d9a; font-size: 11px; } } &.big-links { list-style: none; margin: 0px; li { margin: 10px 0; a { @include border-radius(16px); padding: 3px 10px; background: #ebedf4; font-weight: bold; font-size: 13px; } } } } .footer { background: #ebedf4; padding: 8px 16px; @include border-bottom-radius(16px); a { color: #8b8d9a; font-weight: bold; } } } } // submenu-popup ; T; i;