3.2.7 (Media Mark) 456640e20075f3ac6c7d0104a17a887c26936dc9 o:Sass::Tree::RootNode :@children[o:Sass::Tree::ImportNode :@imported_filenameI"compass/css3:ET;[:@template0: @linei: @options{:@imported_file0o; ;I"compass/css3/border-radius; T;[; 0; i; @ ; 0o; ;I"compass/css3/images; T;[; 0; i; @ ; 0o; ;I"compass/css3/text-shadow; T;[; 0; i ; @ ; 0o:Sass::Tree::MixinDefNode : @nameI"icon-button; T: @args[: @splat0;[o:Sass::Tree::PropNode ;[I" display; T: @valueo:Sass::Script::String;I"inline-block; T: @type:identifier; @ : @tabsi:@prop_syntax:new;[; i ; @ o; ;[I" width; T;o;;I" 16px; T;;; @ ;i;;;[; i ; @ o; ;[I" height; T;o;;I" 16px; T;;; @ ;i;;;[; i; @ o; ;[I"line-height; T;o;;I" 16px; T;;; @ ;i;;;[; i; @ o; ;[I" padding; T;o;;I" 0px 0px; T;;; @ ;i;;;[; i; @ o; ;[I"border-radius; T;o;;I"50%; T;;; @ ;i;;;[; i; @ o; ;[I"background; T;o;;I" #808080; T;;; @ ;i;;;[; i; @ o; ;[I" outline; T;o;;I" none; T;;; @ ;i;;;[; i; @ o; ;[I"text-align; T;o;;I" center; T;;; @ ;i;;;[; i; @ o; ;[I"text-decoration; T;o;;I" none; 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" color; T;o;;I" #fff; T;;; @ ;i;;;[; i; @ o:Sass::Tree::MediaNode : @query[ I" screen; TI" and ; FI"(; Fo; ;I"#-webkit-min-device-pixel-ratio; T;;; i; @ I": ; Fo:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"0; F; @ I"); T;i;I"; F;[o:Sass::Tree::RuleNode : @rule[I"i; T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;$[o:#Sass::Selector::SimpleSequence ;$[o:Sass::Selector::Element ;[I"i; T:@namespace0; i:@filenameI"; F: @subject0: @sourceso:Set: @hash{; i;)@|; i;)@|;[o; ;[I"vertical-align; T;o;;I" middle; T;;; @ ;i;;;[; i; @ ; i:@has_childrenT; @ ; i;.T; @ o; ;![I"i; T;i;"o;#;$[o;%;$[o;& ;$[o;' ;[I"i; T;(0; i#;)I"; F;*0;+o;,;-{; i#;)@’; i#;)@’;[ o; ;[I" height; T;o;;I" 16px; T;;; @ ;i;;;[; i$; @ o; ;[I" width; T;o;;I" 16px; T;;; @ ;i;;;[; i%; @ o; ;[I"line-height; T;o;;I" 16px; T;;; @ ;i;;;[; i&; @ o; ;[I"font-weight; T;o;;I" normal; T;;; @ ;i;;;[; i'; @ o:Sass::Tree::MixinNode ;I"single-text-shadow; T;[ o:Sass::Script::Color ;0: @attrs{ :redi: greeni: bluei: alphai; i); @ o; ;i;[I"px; T;[; i);I"0px; F; @ o; ;i;[I"px; T;[; i);I"0px; F; @ o; ;i;[I"px; T;[; i);I"0px; F; @ :@keywords{;0;[; i); @ ; i#;.T; @ ; i ;.T; @ o; ;I"black-button; T;[;0;[o; ;[I" display; T;o;;I"inline-block; T;;; @ ;i;;;[; i.; @ o; ;[I" position; T;o;;I" relative; T;;; @ ;i;;;[; i0; @ o; ;[I" cursor; T;o;;I" pointer; T;;; @ ;i;;;[; i2; @ o; ;[I" border; T;o;;I"1px solid #000; T;;; @ ;i;;;[; i4; @ o;/ ;I"border-radius; T;[o; ;i ;[I"px; T;[; i5;I"5px; F; @ ;6{;0;[; i5; @ o; ;[I"line-height; T;o;;I"17px !important; T;;; @ ;i;;;[; i7; @ o; ;[I" padding; T;o;;I"5px 10px 7px 10px; T;;; @ ;i;;;[; i9; @ o;/ ;I"background-image; T;[o:Sass::Script::Funcall ;I"linear-gradient; T;[o; ;I"top; T;;; i;; @ o;0 ;0;1{ ;2iL;3iM;4iU;5i; i;; @ o;0 ;0;1{ ;2i$;3i%;4i,;5i; i;; @ ;6{;0; i;; @ ;6{;0;[; i;; @ o;/ ;I"box-shadow; T;[o:Sass::Script::List ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; i<;I"0; F; @ o; ;i;[;@p; i<;I"0; F; @ o; ;i;[;@p; i<;I"0; F; @ o; ;f0.3;[;@p; i<;I"0.3; F; @ ;6{;0; i<; @ o; ;i;[I"px; T;[; i<;I"1px; F; @ o; ;i;[I"px; T;[; i<;I"1px; F; @ o; ;i;[I"px; T;[; i<;I"0px; F; @ o; ;i;[I"px; T;[; i<;I"0px; F; @ :@separator: space; i<; @ ;6{;0;[; i<; @ o; ;[I"font-size; T;o;;I" 12px; T;;; @ ;i;;;[; i>; @ o; ;[I" color; T;o;;I" #fff; T;;; @ ;i;;;[; i?; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i@; @ o;/ ;I"text-shadow; T;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; iA;I"0; F; @ o; ;i;[;@p; iA;I"0; F; @ o; ;i;[;@p; iA;I"0; F; @ o; ;f0.8;[;@p; iA;I"0.8; F; @ ;6{;0; iA; @ o; ;i;[I"px; T;[; iA;I"0px; F; @ o; ;i;[I"px; T;[; iA;I"1px; F; @ o; ;i;[I"px; T;[; iA;I"0px; F; @ ;6{;0;[; iA; @ o; ;![I" &:hover; F;i;"o;#;$[o;%;$[o;& ;$[o:Sass::Selector::Parent; iC;)I"; Fo:Sass::Selector::Pseudo ;: class;[I" hover; F: @arg0; iC;)@r;*0;+o;,;-{; iC;)@r; iC;)@r;[o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; iD; @ o;0 ;0;1{ ;2i\;3i];4ig;5i; iD; @ o;0 ;0;1{ ;2i4;3i5;4i@;5i; iD; @ ;6{;0; iD; @ ;6{;0;[; iD; @ ; iC;.T; @ o; ;![I" &:active; F;i;"o;#;$[o;%;$[o;& ;$[o;;; iG;)I"; Fo;< ;;=;[I" active; F;>0; iG;)@’;*0;+o;,;-{; iG;)@’; iG;)@’;[o; ;[I"top; T;o;;I"1px; T;;; @ ;i;;;[; iH; @ ; iG;.T; @ ; i-;.T; @ o; ;I"light-button; T;[;0;[o; ;[I" display; T;o;;I"inline-block; T;;; @ ;i;;;[; iM; @ o:Sass::Tree::CommentNode ;[I"(/* font-family: "Lucida Grande"; */; T;: silent;[; iO; @ o; ;[I" position; T;o;;I" relative; T;;; @ ;i;;;[; iQ; @ o; ;[I" cursor; T;o;;I" pointer; T;;; @ ;i;;;[; iR; @ o; ;[I"line-height; T;o;;I" 12px; T;;; @ ;i;;;[; iS; @ o; ;[I" padding; T;o;;I"8px 10px 10px 10px; T;;; @ ;i;;;[; iU; @ o; ;[I" border; T;o;;I"0px; T;;; @ ;i;;;[; iW; @ o; ;[I"border-top; T;o;8 ;[o; ;i;[I"px; T;[; iX;I"1px; F; @ o; ;I" solid; T;;; iX; @ o;7 ;I" rgba; T;[ o; ;iÿ;[;@p; iX;I"255; F; @ o; ;iÿ;[;@p; iX;I"255; F; @ o; ;iÿ;[;@p; iX;I"255; F; @ o; ;f0.6;[;@p; iX;I"0.6; F; @ ;6{;0; iX; @ ;9;:; iX; @ ;i;;;[; iX; @ o;/ ;I"border-radius; T;[o; ;i ;[I"px; T;[; iY;I"5px; F; @ ;6{;0;[; iY; @ o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; iZ; @ o;0 ;0;1{ ;2ië;3ií;4iô;5i; iZ; @ o;0 ;0;1{ ;2iÒ;3iÖ;4iá;5i; iZ; @ ;6{;0; iZ; @ ;6{;0;[; iZ; @ o;/ ;I"box-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; i[;I"0; F; @ o; ;i;[;@p; i[;I"0; F; @ o; ;i;[;@p; i[;I"0; F; @ o; ;f0.3;[;@p; i[;I"0.3; F; @ ;6{;0; i[; @ o; ;i;[I"px; T;[; i[;I"1px; F; @ o; ;i;[I"px; T;[; i[;I"1px; F; @ o; ;i;[I"px; T;[; i[;I"0px; F; @ o; ;i;[I"px; T;[; i[;I"0px; F; @ ;9;:; i[; @ ;6{;0;[; i[; @ o; ;[I"font-size; T;o;;I" 12px; T;;; @ ;i;;;[; i]; @ o; ;[I" color; T;o;;I" #6B6D7A; T;;; @ ;i;;;[; i^; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i_; @ o;/ ;I"text-shadow; T;[ o;7 ;I" rgba; T;[ o; ;iÿ;[;@p; i`;I"255; F; @ o; ;iÿ;[;@p; i`;I"255; F; @ o; ;iÿ;[;@p; i`;I"255; F; @ o; ;f0.8;[;@p; i`;I"0.8; F; @ ;6{;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"0px; F; @ ;6{;0;[; i`; @ o; ;![I"&:hover, &.hover; F;i;"o;#;$[o;%;$[o;& ;$[o;;; ib;)I"; Fo;< ;;=;[I" hover; F;>0; ib;)@o;*0;+o;,;-{; ib;)@oo;%;$[o;& ;$[o;;; ib;)@oo:Sass::Selector::Class;[I" hover; F; ib;)@o;*0;+o;,;-{; ib;)@o; ib;)@o;[o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; ic; @ o;0 ;0;1{ ;2iÿ;3iÿ;4iÿ;5i; ic; @ o;0 ;0;1{ ;2i×;3iÛ;4iç;5i; ic; @ ;6{;0; ic; @ ;6{;0;[; ic; @ ; ib;.T; @ o; ;![I" &:active; F;i;"o;#;$[o;%;$[o;& ;$[o;;; if;)I"; Fo;< ;;=;[I" active; F;>0; if;)@™;*0;+o;,;-{; if;)@™; if;)@™;[o; ;[I"top; T;o;;I"1px; T;;; @ ;i;;;[; ig; @ ; if;.T; @ ; iL;.T; @ o; ;I"red-button; T;[;0;[ o;/ ;I"light-button; T;[;6{;0;[; il; @ o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; in; @ o;0 ;0;1{ ;2iî;3id;4i`;5i; in; @ o;0 ;0;1{ ;2iÄ;3iA;4i:;5i; in; @ ;6{;0; in; @ ;6{;0;[; in; @ o;/ ;I"box-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; io;I"0; F; @ o; ;i;[;@p; io;I"0; F; @ o; ;i;[;@p; io;I"0; F; @ o; ;f0.4;[;@p; io;I"0.4; F; @ ;6{;0; io; @ o; ;i;[I"px; T;[; io;I"1px; F; @ o; ;i;[I"px; T;[; io;I"1px; F; @ o; ;i;[I"px; T;[; io;I"0px; F; @ o; ;i;[I"px; T;[; io;I"0px; F; @ ;9;:; io; @ ;6{;0;[; io; @ o;/ ;I"text-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; iq;I"0; F; @ o; ;i;[;@p; iq;I"0; F; @ o; ;i;[;@p; iq;I"0; F; @ o; ;f0.7;[;@p; iq;I"0.7; F; @ ;6{;0; iq; @ o; ;i;[I"px; T;[; iq;I"0px; F; @ o; ;iú;[I"px; T;[; iq;I" -1px; F; @ o; ;i;[I"px; T;[; iq;I"0px; F; @ ;9;:; iq; @ ;6{;0;[; iq; @ o; ;[I" color; T;o;;I" #fff; T;;; @ ;i;;;[; ir; @ o; ;![I"&:hover, &.hover; F;i;"o;#;$[o;%;$[o;& ;$[o;;; it;)I"; Fo;< ;;=;[I" hover; F;>0; it;)@!;*0;+o;,;-{; it;)@!o;%;$[o;& ;$[o;;; it;)@!o;A;[I" hover; F; it;)@!;*0;+o;,;-{; it;)@!; it;)@!;[o; ;[I"background; T;o;;I" #C43C35; T;;; @ ;i;;;[; iu; @ ; it;.T; @ ; ik;.T; @ o; ;I"gray-button; T;[;0;[o; ;[I" position; T;o;;I" relative; T;;; @ ;i;;;[; iz; @ o; ;[I" padding; T;o;;I"2px 10px 3px 14px; T;;; @ ;i;;;[; i{; @ o; ;[I"background-color; T;o;;I" #ebedf4; T;;; @ ;i;;;[; i}; @ o;/ ;I"border-radius; T;[o; ;i;[I"px; T;[; i~;I" 10px; F; @ ;6{;0;[; i~; @ o;/ ;I"box-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; i;I"0; F; @ o; ;i;[;@p; i;I"0; F; @ o; ;i;[;@p; i;I"0; F; @ o; ;f0.4;[;@p; i;I"0.4; F; @ ;6{;0; i; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;i;[I"px; T;[; i;I"1px; F; @ o; ;i;[I"px; T;[; i;I"0px; F; @ o; ;i;[I"px; T;[; i;I"0px; F; @ ;9;:; i; @ ;6{;0;[; i; @ o; ;[I" color; T;o;;I" #8b8d9a; T;;; @ ;i;;;[; i|; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i}; @ o;/ ;I"text-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;iÿ;[;@p; i~;I"255; F; @ o; ;iÿ;[;@p; i~;I"255; F; @ o; ;iÿ;[;@p; i~;I"255; F; @ o; ;f0.8;[;@p; i~;I"0.8; F; @ ;6{;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"0px; F; @ ;9;:; i~; @ ;6{;0;[; i~; @ o; ;[I"font-size; T;o;;I" 11px; T;;; @ ;i;;;[; i; @ o; ;[I"margin-left; T;o;;I" 10px; T;;; @ ;i;;;[; i€; @ o; ;[I" outline; T;o;;I" none; T;;; @ ;i;;;[; i‚; @ o; ;![I"i; T;i;"o;#;$[o;%;$[o;& ;$[o;' ;[I"i; T;(0; i„;)I"; F;*0;+o;,;-{; i„;)@Õ; i„;)@Õ;[o; ;[I" position; T;o;;I" relative; T;;; @ ;i;;;[; i…; @ o; ;[I" right; T;o;;I"5px; T;;; @ ;i;;;[; i†; @ o; ;[I"font-size; T;o;;I"9px; T;;; @ ;i;;;[; i‡; @ ; i„;.T; @ o; ;![I"&:hover, &.hover; F;i;"o;#;$[o;%;$[o;& ;$[o;;; iŠ;)I"; Fo;< ;;=;[I" hover; F;>0; iŠ;)@õ;*0;+o;,;-{; iŠ;)@õo;%;$[o;& ;$[o;;; iŠ;)@õo;A;[I" hover; F; iŠ;)@õ;*0;+o;,;-{; iŠ;)@õ; iŠ;)@õ;[o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i‹; @ o; ;[I" color; T;o;;I" #333; T;;; @ ;i;;;[; iŒ; @ ; iŠ;.T; @ o; ;![I"&:active, &.active; F;i;"o;#;$[o;%;$[o;& ;$[o;;; i;)I"; Fo;< ;;=;[I" active; F;>0; i;)@;*0;+o;,;-{; i;)@o;%;$[o;& ;$[o;;; i;)@o;A;[I" active; F; i;)@;*0;+o;,;-{; i;)@; i;)@;[o; ;[I"top; T;o;;I"1px; T;;; @ ;i;;;[; i; @ ; i;.T; @ ; iy;.T; @ o; ;I"blue-button; T;[;0;[o; ;[I" display; T;o;;I"inline-block; T;;; @ ;i;;;[; i•; @ o; ;[I" position; T;o;;I" relative; T;;; @ ;i;;;[; i—; @ o; ;[I" cursor; T;o;;I" pointer; T;;; @ ;i;;;[; i™; @ o; ;[I" border; T;o;8 ;[o; ;i;[I"px; T;[; i›;I"1px; F; @ o; ;I" solid; T;;; i›; @ o;7 ;I" rgba; T;[ o; ;i;[;@p; i›;I"0; F; @ o; ;i;[;@p; i›;I"0; F; @ o; ;i;[;@p; i›;I"0; F; @ o; ;f0.4;[;@p; i›;I"0.4; F; @ ;6{;0; i›; @ ;9;:; i›; @ ;i;;;[; i›; @ o; ;[I"border-bottom-color; T;o;7 ;I" rgba; T;[ o; ;i;[;@p; iœ;I"0; F; @ o; ;i;[;@p; iœ;I"0; F; @ o; ;i;[;@p; iœ;I"0; F; @ o; ;f0.6;[;@p; iœ;I"0.6; F; @ ;6{;0; iœ; @ ;i;;;[; iœ; @ o;/ ;I"border-radius; T;[o; ;i ;[I"px; T;[; i;I"5px; F; @ ;6{;0;[; i; @ o; ;[I"line-height; T;o;;I"19px !important; T;;; @ ;i;;;[; iŸ; @ o; ;[I" padding; T;o;;I" 0px 7px; T;;; @ ;i;;;[; i¡; @ o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; i£; @ o;0 ;0;1{ ;2i/;3iº;4iñ;5i; i£; @ o;0 ;0;1{ ;2i';3i;4iÚ;5i; i£; @ ;6{;0; i£; @ ;6{;0;[; i£; @ o;/ ;I"box-shadow; T;[o;8 ;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; i¤;I"0; F; @ o; ;i;[;@p; i¤;I"0; F; @ o; ;i;[;@p; i¤;I"0; F; @ o; ;f0.2;[;@p; i¤;I"0.2; F; @ ;6{;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"0px; F; @ o; ;i;[I"px; T;[; i¤;I"0px; F; @ ;9;:; i¤; @ o;8 ;[ o;7 ;I" rgba; T;[ o; ;iÿ;[;@p; i¤;I"255; F; @ o; ;iÿ;[;@p; i¤;I"255; F; @ o; ;iÿ;[;@p; i¤;I"255; F; @ o; ;f0.5;[;@p; i¤;I"0.5; F; @ ;6{;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"0px; F; @ o; ;i;[I"px; T;[; i¤;I"0px; F; @ o; ;I" inset; T;;; i¤; @ ;9;:; i¤; @ ;6{;0;[; i¤; @ o; ;[I"font-size; T;o;;I" 12px; T;;; @ ;i;;;[; i¦; @ o; ;[I" color; T;o;;I" #fff; T;;; @ ;i;;;[; i§; @ o; ;[I"text-decoration; T;o;;I" none; T;;; @ ;i;;;[; i¨; @ o;/ ;I"text-shadow; T;[ o;7 ;I" rgba; T;[ o; ;i;[;@p; i©;I"0; F; @ o; ;i;[;@p; i©;I"0; F; @ o; ;i;[;@p; i©;I"0; F; @ o; ;f0.8;[;@p; i©;I"0.8; F; @ ;6{;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"0px; F; @ ;6{;0;[; i©; @ o; ;![I" &:hover; F;i;"o;#;$[o;%;$[o;& ;$[o;;; i«;)I"; Fo;< ;;=;[I" hover; F;>0; i«;)@7;*0;+o;,;-{; i«;)@7; i«;)@7;[o;/ ;I"background-image; T;[o;7 ;I"linear-gradient; T;[o; ;I"top; T;;; i¬; @ o;0 ;0;1{ ;2i+;3i¡;4ié;5i; i¬; @ o;0 ;0;1{ ;2i;3im;4i“;5i; i¬; @ ;6{;0; i¬; @ ;6{;0;[; i¬; @ ; i«;.T; @ o; ;![I" &:active; F;i;"o;#;$[o;%;$[o;& ;$[o;;; i¯;)I"; Fo;< ;;=;[I" active; F;>0; i¯;)@W;*0;+o;,;-{; i¯;)@W; i¯;)@W;[o; ;[I"top; T;o;;I"1px; T;;; @ ;i;;;[; i°; @ ; i¯;.T; @ ; i”;.T; @ ; I"n @import "compass/css3"; @import "compass/css3/border-radius"; @import "compass/css3/images"; @import "compass/css3/text-shadow"; @mixin icon-button { display: inline-block; width: 16px; height: 16px; line-height: 16px; padding: 0px 0px; border-radius: 50%; background: #808080; outline: none; text-align: center; text-decoration: none; font-size: 13px; font-weight: normal; color: #fff; @media screen and (-webkit-min-device-pixel-ratio:0) { i { vertical-align: middle; } } i { height: 16px; width: 16px; line-height: 16px; font-weight: normal; @include single-text-shadow(#000, 0px, 0px, 0px); } } @mixin black-button { display: inline-block; position: relative; cursor: pointer; border: 1px solid #000; @include border-radius(5px); line-height: 17px !important; padding: 5px 10px 7px 10px; @include background-image(linear-gradient(top, #474850, #1f2027)); @include box-shadow(rgba(0, 0, 0, 0.3) 1px 1px 0px 0px); font-size: 12px; color: #fff; text-decoration: none; @include text-shadow(rgba(0, 0, 0, 0.8), 0px, 1px, 0px); &:hover { @include background-image(linear-gradient(top, #575862, #2f303b)); } &:active { top: 1px; } } @mixin light-button { display: inline-block; // font-family: "Lucida Grande"; position: relative; cursor: pointer; line-height: 12px; padding: 8px 10px 10px 10px; border: 0px; border-top: 1px solid rgba(255, 255, 255, 0.6); @include border-radius(5px); @include background-image(linear-gradient(top, #ebedf4, #d2d6e1)); @include box-shadow(rgba(0, 0, 0, 0.3) 1px 1px 0px 0px); font-size: 12px; color: #6B6D7A; text-decoration: none; @include text-shadow(rgba(255, 255, 255, 0.8), 0px, 1px, 0px); &:hover, &.hover { @include background-image(linear-gradient(top, #fff, #d7dbe7)); } &:active { top: 1px; } } @mixin red-button { @include light-button; @include background-image(linear-gradient(top, #EE5F5B, #C43C35)); @include box-shadow(rgba(0, 0, 0, 0.4) 1px 1px 0px 0px); @include text-shadow(rgba(0, 0, 0, 0.7) 0px -1px 0px); color: #fff; &:hover, &.hover { background: #C43C35; } } @mixin gray-button { position: relative; padding: 2px 10px 3px 14px; background-color: #ebedf4; @include border-radius(10px); @include box-shadow(rgba(0, 0, 0, 0.4) 1px 1px 0px 0px); color: #8b8d9a; text-decoration: none; @include text-shadow(rgba(255, 255, 255, 0.8) 0px 1px 0px); font-size: 11px; margin-left: 10px; outline: none; i { position: relative; right: 5px; font-size: 9px; } &:hover, &.hover { text-decoration: none; color: #333; } &:active, &.active { top: 1px; } } @mixin blue-button { display: inline-block; position: relative; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.4); border-bottom-color: rgba(0, 0, 0, 0.6); @include border-radius(5px); line-height: 19px !important; padding: 0px 7px; @include background-image(linear-gradient(top, #2abaf1, #228dda)); @include box-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0px 0px, rgba(255, 255, 255, 0.5) 0px 1px 0px 0px inset); font-size: 12px; color: #fff; text-decoration: none; @include text-shadow(rgba(0, 0, 0, 0.8), 0px, 1px, 0px); &:hover { @include background-image(linear-gradient(top, #26a1e9, #0d6893)); } &:active { top: 1px; } }; T; i;.T; @