From 7e08bdbd9db21880783b56a31b480ba33f3b5327 Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Thu, 16 Feb 2012 11:33:18 -0800 Subject: Tool Button Fixes Signed-off-by: Armen Kesablyan --- .../_Tools.scssc | 220 +++++++++++---------- .../_toolbar.scssc | Bin 16843 -> 16799 bytes scss/imports/scss/_Tools.scss | 9 +- scss/imports/scss/_toolbar.scss | 6 +- 4 files changed, 121 insertions(+), 114 deletions(-) (limited to 'scss') diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc index 13e0ffc9..75baa48d 100644 --- a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc +++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc @@ -1,11 +1,11 @@ 3.0.24 (Classy Cassidy) -d13bec2b6761e63701ae6297725d5434048f64ff +b621b9b6f8ebccf9ea7facc45dd7388d550fb0e5 o:Sass::Tree::RootNode : @linei: @options{: style: compact:load_paths[ ",/Users/DHG637/Sites/ninja-internal/scss"o/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/blueprint/stylesheets"~/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_blueprint_deprecated_imports/stylesheets"m/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/compass/stylesheets"|/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_compass_deprecated_imports/stylesheets"l/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-960-plugin-0.10.0/lib/../stylesheets"j/Applications/compass.app/Contents/Resources/ruby/gem/gems/html5-boilerplate-0.2.6/lib/../stylesheets: cacheT:cache_location"8/Users/DHG637/Sites/ninja-internal/scss/.sass-cache: syntax: scss: -quietT: filename"E/Users/DHG637/Sites/ninja-internal/scss/imports/scss/_Tools.scss:css_filename"=/Users/DHG637/Sites/ninja-internal/scss/../css/ninja.css:line_comments0:property_syntax0:@has_childrenT:@template"$// +quietT: filename"E/Users/DHG637/Sites/ninja-internal/scss/imports/scss/_Tools.scss:css_filename"=/Users/DHG637/Sites/ninja-internal/scss/../css/ninja.css:line_comments0:property_syntax0:@has_childrenT:@template"%// // This file contains proprietary software owned by Motorola Mobility, Inc.
// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. @@ -19,14 +19,15 @@ quietT: filename"E/Users/DHG637/Sites/ninja-internal/scss/imports/scss/_Tools.sc // -// Made changes to toolButton +// Made changes to toolButton } -.subToolButton { +.subToolHolderPanel .toolbutton { float:left; + -webkit-transform: scale(0.6); } -#topPanelContainer .subToolButton { - +.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { + -webkit-transform: scale(0.75); } .subOption{ @@ -476,117 +477,122 @@ input[type="radio"]:disabled { * For individual tool styles in the toolbar, see toolbar.scss. * Note that colors and font definitions go in * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss - * */;i ;[o; ;@;i;[;"'/* Made changes to toolButton */;i;[o:Sass::Tree::RuleNode : + * */;i ;[o; ;@;i;[;"(/* Made changes to toolButton } */;i;[o:Sass::Tree::RuleNode : @tabsi;@: -@rule[".subToolButton;T;i;[o:Sass::Tree::PropNode ;i: +@rule["$.subToolHolderPanel .toolbutton;T;i;[o:Sass::Tree::PropNode ;i: @name[" -float;@:@prop_syntax:new;o:Sass::Script::String: @context: default;" left: -@type:identifier;i;[o; ;i;@;["&#topPanelContainer .subToolButton;T;i;[o; ;i;@;[".subOption;T;i;[ -o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;@;i;[;"/* margin:10px; */;i ;[o; ;i;["margin-top;@; ;!;o;";#;$;"5px;%;&;i!;[o; ;i;["margin-left;@; ;!;o;";#;$;" 10px;%;&;i";[o; ;i;["margin-right;@; ;!;o;";#;$;" 10px;%;&;i#;[o; ;i;@;[".toolSeparator;T;i&;[o; ;i;[" height;@; ;!;o;";#;$;"1px;%;&;i';[o; ;i;[" -width;@; ;!;o;";#;$;" 30px;%;&;i(;[o; ;@;i;[;"4/* margin-left: 3px; - * margin-right: 3px; */;i);[o; ;i;@;[".toolSeparatorTop;T;i-;[o; ;i;["margin-top;@; ;!;o;";#;$;"3px;%;&;i.;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"0px;%;&;i/;[o; ;i;@;[".toolSeparatorMiddle;T;i2;[o; ;i;["margin-top;@; ;!;o;";#;$;"0px;%;&;i3;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"0px;%;&;i4;[o; ;i;@;[".toolSeparatorBottom;T;i7;[o; ;i;["margin-top;@; ;!;o;";#;$;"0px;%;&;i8;[o; ;i;["margin-bottom;@; ;!;o;";#;$;"3px;%;&;i9;[o; ;i;@;[".toolImageBase;T;i<;[ -o; ;i;[" padding;@; ;!;o;";#;$;"0px;%;&;i=;[o; ;i;[" -width;@; ;!;o;";#;$;" 26px;%;&;i>;[o; ;i;[" height;@; ;!;o;";#;$;" 23px;%;&;i?;[o; ;i;[" opacity;@; ;!;o;";#;$;"0.7;%;&;i@;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;iA;[o; ;i;@;[".toolImageBase:hover;T;iD;[o; ;i;[" opacity;@; ;!;o;";#;$;"1.0;%;&;iE;[o; ;i;@;[".drawingMode;T;iI;[o; ;i;[" outline;@; ;!;o;";#;$;"blue solid thin;%;&;iJ;[o; ;@;i;[;"5/* Added new styling Sub Tool Shape Options */;iN;[o; ;i;@;[" .textBox;T;iP;[ o; ;i;["padding-top;@; ;!;o;";#;$;"3px;%;&;iR;[o; ;i;["min-width;@; ;!;o;";#;$;" 10em;%;&;iS;[o; ;@;i;[;"/* height:14px; */;iT;[o; ;i;["margin-left;@; ;!;o;";#;$;"5px;%;&;iU;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;iV;[o; ;i;["margin-top;@; ;!;o;";#;$;"0px;%;&;iW;[o; ;i;@;[".selectBox;T;iZ;[o; ;i;[" -width;@; ;!;o;";#;$;" 10em;%;&;i[;[o; ;i;[" opacity;@; ;!;o;";#;$;"0.9;%;&;i\;[o; ;i;["margin-left;@; ;!;o;";#;$;" 10px;%;&;i];[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i^;[o; ;i;[" display;@; ;!;o;";#;$;" -block;%;&;i_;[o; ;i;["background-color;@; ;!;o:Sass::Script::Variable ;#;$;i`;"color-tool-select-bg;{;i`;[o; ;@;i;[;"%/* -webkit-border-radius: 0; */;ia;[o; ;i;[" border;@; ;!;o:Sass::Script::Operation ;#;$:@operator: concat;ib;{:@operand1o;( ;#;$;);*;ib;@;+o:Sass::Script::Number ;#;$;@;i:@numerator_units["px;ib:@original"1px:@denominator_units[:@operand2o;" -;#;$;ib;@;" -solid;%;&;0o;' ;#;$;ib;"color-tool-select-border;@;ib;[o; ;i;[" -color;@; ;!;o;' ;#;$;ic;"color-tool-text;{;ic;[o; ;i;[" outline;@; ;!;o;";#;$;" none;%;&;id;[o; ;i;@;["(.selectBox:hover, .selectBox:active;T;ig;[o; ;i;["background-color;@; ;!;o;' ;#;$;ih;"color-tool-select-hover-bg;{;ih;[o; ;i;[" opacity;@; ;!;o;";#;$;"1;%;&;ii;[o; ;i;[" -color;@; ;!;o;' ;#;$;ij;"color-tool-select-border;{;ij;[o; ;i;@;[" .label;T;im;[ o; ;i;["padding-top;@; ;!;o;";#;$;"3px;%;&;in;[o; ;i;["margin-left;@; ;!;o;";#;$;" 10px;%;&;io;[o; ;i;["font-size;@; ;!;o;";#;$;" 12px;%;&;ip;[o; ;@;i;[;"1/* display:inline; - * line-height:10px; */;iq;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;is;[o; ;i;["margin-right;@; ;!;o;";#;$;"5px;%;&;it;[o; ;i;@;[".subToolPropertiespanel;T;iw;[o; ;i;["margin-left;@; ;!;o;";#;$;" 43px;%;&;ix;[o; ;i;@;[".LockToolUp;T;i|;[ -o; ;i;["background-image;@; ;!;o:Sass::Script::Funcall +float;@:@prop_syntax:new;o:Sass::Script::String: @context: default: +@type:identifier;" left;i;[o; ;i;["-webkit-transform;@; ;!;o:Sass::Script::Funcall : -@args[o;" -;#;$;i};{;""../images/optionsbar/link.png;%: string;#;$;i};"url;@;i};[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i~;[o; ;i;[" -width;@; ;!;o;";#;$;" 17px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 18px;%;&;i{;[o; ;i;["margin-right;@; ;!;o;";#;$;" 10px;%;&;i};[o; ;i;@;[".UnLockToolUp;T;i;[ -o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;"&../images/optionsbar/unlinked.png;%;3;#;$;i;"url;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;[" -width;@; ;!;o;";#;$;" 17px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 18px;%;&;i;[o; ;i;["margin-right;@; ;!;o;";#;$;" 10px;%;&;i;[o; ;i;@;[".cornerRadius;T;i;[ -o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;"4../images/optionsbar/rectangle/cornerRadius.png;%;3;#;$;i;"url;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;[" -width;@; ;!;o;";#;$;" 16px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 16px;%;&;i;[o; ;i;[" opacity;@; ;!;o;";#;$;"0.7;%;&;i;[o; ;i;@;["..cornerRadius:hover, .cornerRadius:active;T;i;[o; ;i;[" opacity;@; ;!;o;";#;$;"1;%;&;i;[o; ;i;@;[".cornerRadius.topLeft;T;i;[o; ;i;["-webkit-transform;@; ;!;o;1 -;2[o;, ;#;$;{;i;-["deg;i;." 0deg;/[;#;$;i;" rotate;@;i;[o; ;i;@;[".cornerRadius.topRight;T;i;[o; ;i;["-webkit-transform;@; ;!;o;1 -;2[o;, ;#;$;{;i_;-["deg;i;." -90deg;/[;#;$;i;" rotate;@;i;[o; ;i;["margin-right;@; ;!;o;, ;#;$;{;i;-["px;i;." -2px;/[;i;[o; ;i;@;[".cornerRadius.bottomLeft;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;["-webkit-transform;@; ;!;o;1 -;2[o;, ;#;$;{;i;-["deg;i;." 270deg;/[;#;$;i;" rotate;@7;i;[o; ;i;@;[".cornerRadius.bottomRight;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;["-webkit-transform;@; ;!;o;1 -;2[o;, ;#;$;{;i;-["deg;i;." 180deg;/[;#;$;i;" rotate;@N;i;[o; ;i;["margin-right;@; ;!;o;, ;#;$;{;i;-["px;i;." -2px;/[;i;[o; ;i;@;["#toolOptionsContainer;T;i;[o; ;i;[" display;@; ;!;o;";#;$;" inline;%;&;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;@;i;[;"/* margin-left: 20px; */;i;[o; ;i;@;[".leftLabel;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;@;i;[;" /* Skin Radio Buttons */;i;[o; ;i;@;["input[type="radio"];T;i;[o; ;i;["-webkit-appearance;@; ;!;o;";#;$;" none;%;&;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-radio-bg;{;i;[o; ;i;[" -width;@; ;!;o;";#;$;" 28px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 24px;%;&;i;[o; ;i;["vertical-align;@; ;!;o;";#;$;" middle;%;&;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;["border-color;@; ;!;o;' ;#;$;i;"color-radio-border;{;i;[o; ;i;["font-size;@; ;!;o;";#;$;" 10px;%;&;i;[o; ;i;[" -color;@; ;!;o;' ;#;$;i;"color-radio;{;i;[o; ;i;[" margin;@; ;!;o;";#;$;"4px;%;&;i;[o; ;i;@;["input[type="radio"]:hover;T;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;@;[" input[type="radio"]:checked;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-radio-border;{;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;@;i;[;":/* disabled settings for checkbox and radiobutton */;i;[o; ;i;@;["!input[type="radio"]:disabled;T;i;[ o; ;i;[" opacity;@; ;!;o;";#;$;".3;%;&;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-radio-border;{;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;@;[".toolPropertiesContainer;T;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;i;["margin-left;@; ;!;o;";#;$;"10%;%;&;i;[o; ;i;[" -width;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;@;[".optionButtons;T;i;[o; ;i;[" padding;@; ;!;o;";#;$;"2px;%;&;i;[o; ;i;[" margin;@; ;!;o;";#;$;" 1px 4px;%;&;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;i;@;[".checkBoxLabel;T;i;[ +@args[o:Sass::Script::Number ;#;$;{;f0.6:@numerator_units[;i:@original"0.6:@denominator_units[;#;$;" +scale;i;@0;i;[o; ;i;@;["R.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active;T;i;[o; ;i;["-webkit-transform;@; ;!;o;' +;([o;) ;#;$;{;f 0.75;*[;i;+" 0.75;,[;#;$;" +scale;i;@A;i;[o; ;i;@;[".subOption;T;i;[ +o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i ;[o; ;@;i;[;"/* margin:10px; */;i!;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"5px;i";[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;" 10px;i#;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;" 10px;i$;[o; ;i;@;[".toolSeparator;T;i';[o; ;i;[" height;@; ;!;o;";#;$;%;&;"1px;i(;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 30px;i);[o; ;@;i;[;"4/* margin-left: 3px; + * margin-right: 3px; */;i*;[o; ;i;@;[".toolSeparatorTop;T;i.;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"3px;i/;[o; ;i;["margin-bottom;@; ;!;o;";#;$;%;&;"0px;i0;[o; ;i;@;[".toolSeparatorMiddle;T;i3;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"0px;i4;[o; ;i;["margin-bottom;@; ;!;o;";#;$;%;&;"0px;i5;[o; ;i;@;[".toolSeparatorBottom;T;i8;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"0px;i9;[o; ;i;["margin-bottom;@; ;!;o;";#;$;%;&;"3px;i:;[o; ;i;@;[".toolImageBase;T;i=;[ +o; ;i;[" padding;@; ;!;o;";#;$;%;&;"0px;i>;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 26px;i?;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 23px;i@;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"0.7;iA;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;iB;[o; ;i;@;[".toolImageBase:hover;T;iE;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"1.0;iF;[o; ;i;@;[".drawingMode;T;iJ;[o; ;i;[" outline;@; ;!;o;";#;$;%;&;"blue solid thin;iK;[o; ;@;i;[;"5/* Added new styling Sub Tool Shape Options */;iO;[o; ;i;@;[" .textBox;T;iQ;[ o; ;i;["padding-top;@; ;!;o;";#;$;%;&;"3px;iS;[o; ;i;["min-width;@; ;!;o;";#;$;%;&;" 10em;iT;[o; ;@;i;[;"/* height:14px; */;iU;[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;"5px;iV;[o; ;i;[" position;@; ;!;o;";#;$;%;&;" relative;iW;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"0px;iX;[o; ;i;@;[".selectBox;T;i[;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 10em;i\;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"0.9;i];[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;" 10px;i^;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i_;[o; ;i;[" display;@; ;!;o;";#;$;%;&;" +block;i`;[o; ;i;["background-color;@; ;!;o:Sass::Script::Variable ;#;$;"color-tool-select-bg;ia;{;ia;[o; ;@;i;[;"%/* -webkit-border-radius: 0; */;ib;[o; ;i;[" border;@; ;!;o:Sass::Script::Operation ;#;$;ic:@operator: concat;{:@operand1o;. ;#;$;ic;/;0;@8;1o;) ;#;$;@8;i;*["px;ic;+"1px;,[:@operand2o;" +;#;$;ic;@8;%;&;" +solid;2o;- ;#;$;"color-tool-select-border;ic;@8;ic;[o; ;i;[" +color;@; ;!;o;- ;#;$;"color-tool-text;id;{;id;[o; ;i;[" outline;@; ;!;o;";#;$;%;&;" none;ie;[o; ;i;@;["(.selectBox:hover, .selectBox:active;T;ih;[o; ;i;["background-color;@; ;!;o;- ;#;$;"color-tool-select-hover-bg;ii;{;ii;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"1;ij;[o; ;i;[" +color;@; ;!;o;- ;#;$;"color-tool-select-border;ik;{;ik;[o; ;i;@;[" .label;T;in;[ o; ;i;["padding-top;@; ;!;o;";#;$;%;&;"3px;io;[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;" 10px;ip;[o; ;i;["font-size;@; ;!;o;";#;$;%;&;" 12px;iq;[o; ;@;i;[;"1/* display:inline; + * line-height:10px; */;ir;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;it;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;"5px;iu;[o; ;i;@;[".subToolPropertiespanel;T;ix;[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;" 43px;iy;[o; ;i;@;[".LockToolUp;T;i};[ +o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i~;{;%: string;""../images/optionsbar/link.png;#;$;"url;i~;@;i~;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 17px;i{;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 18px;i|;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;" 10px;i~;[o; ;i;@;[".UnLockToolUp;T;i;[ +o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;"&../images/optionsbar/unlinked.png;#;$;"url;i;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 17px;i;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 18px;i;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;" 10px;i;[o; ;i;@;[".cornerRadius;T;i;[ +o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;"4../images/optionsbar/rectangle/cornerRadius.png;#;$;"url;i;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 16px;i;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 16px;i;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"0.7;i;[o; ;i;@;["..cornerRadius:hover, .cornerRadius:active;T;i;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"1;i;[o; ;i;@;[".cornerRadius.topLeft;T;i;[o; ;i;["-webkit-transform;@; ;!;o;' +;([o;) ;#;$;{;i;*["deg;i;+" 0deg;,[;#;$;" rotate;i;@;i;[o; ;i;@;[".cornerRadius.topRight;T;i;[o; ;i;["-webkit-transform;@; ;!;o;' +;([o;) ;#;$;{;i_;*["deg;i;+" +90deg;,[;#;$;" rotate;i;@0;i;[o; ;i;["margin-right;@; ;!;o;) ;#;$;{;i;*["px;i;+" -2px;,[;i;[o; ;i;@;[".cornerRadius.bottomLeft;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;["-webkit-transform;@; ;!;o;' +;([o;) ;#;$;{;i;*["deg;i;+" 270deg;,[;#;$;" rotate;i;@Q;i;[o; ;i;@;[".cornerRadius.bottomRight;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;["-webkit-transform;@; ;!;o;' +;([o;) ;#;$;{;i;*["deg;i;+" 180deg;,[;#;$;" rotate;i;@h;i;[o; ;i;["margin-right;@; ;!;o;) ;#;$;{;i;*["px;i;+" -2px;,[;i;[o; ;i;@;["#toolOptionsContainer;T;i;[o; ;i;[" display;@; ;!;o;";#;$;%;&;" inline;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;@;i;[;"/* margin-left: 20px; */;i;[o; ;i;@;[".leftLabel;T;i;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;@;i;[;" /* Skin Radio Buttons */;i;[o; ;i;@;["input[type="radio"];T;i;[o; ;i;["-webkit-appearance;@; ;!;o;";#;$;%;&;" none;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-radio-bg;i;{;i;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 28px;i;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 24px;i;[o; ;i;["vertical-align;@; ;!;o;";#;$;%;&;" middle;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;["border-color;@; ;!;o;- ;#;$;"color-radio-border;i;{;i;[o; ;i;["font-size;@; ;!;o;";#;$;%;&;" 10px;i;[o; ;i;[" +color;@; ;!;o;- ;#;$;"color-radio;i;{;i;[o; ;i;[" margin;@; ;!;o;";#;$;%;&;"4px;i;[o; ;i;@;["input[type="radio"]:hover;T;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;@;[" input[type="radio"]:checked;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-radio-border;i;{;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;@;i;[;":/* disabled settings for checkbox and radiobutton */;i;[o; ;i;@;["!input[type="radio"]:disabled;T;i;[ o; ;i;[" opacity;@; ;!;o;";#;$;%;&;".3;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-radio-border;i;{;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;@;[".toolPropertiesContainer;T;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;"10%;i;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 100%;i;[o; ;i;@;[".optionButtons;T;i;[o; ;i;[" padding;@; ;!;o;";#;$;%;&;"2px;i;[o; ;i;[" margin;@; ;!;o;";#;$;%;&;" 1px 4px;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;i;@;[".checkBoxLabel;T;i;[ o; ;@;i;[;"3/* margin-top:0.5em; - * margin-left:-5em; */;i;[o; ;i;["padding-top;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;["font-size;@; ;!;o;";#;$;" 12px;%;&;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;i;["margin-right;@; ;!;o;";#;$;"5px;%;&;i;[o; ;i;@;[".customTextBox;T;i;[ + * margin-left:-5em; */;i;[o; ;i;["padding-top;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;["font-size;@; ;!;o;";#;$;%;&;" 12px;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;"5px;i;[o; ;i;@;[".customTextBox;T;i;[ o; ;i;[" -float;@; ;!;o;";#;$;" -right;%;&;i;[o; ;i;["margin-left;@; ;!;o;";#;$;"2em;%;&;i;[o; ;i;["margin-right;@; ;!;o;";#;$;"4em;%;&;i;[o; ;i;["margin-top;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;[" height;@; ;!;o;";#;$;" 15px;%;&;i;[o; ;i;@;[".toolButtonColor;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-tool-bg;{;i;[o; ;i;["border-color;@; ;!;o;' ;#;$;i;"color-tool-bg;{;i;[o; ;i;@;[".toolButtonColor:active;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-tool-bg-active;{;i;[o; ;i;@;[".toolButtonSelectedColor;T;i;[o; ;i;["border-top-color;@; ;!;o;' ;#;$;i;"color-tool-border-selected;{;i;[o; ;i;["border-left-color;@; ;!;o;' ;#;$;i;"color-tool-border-selected;{;i;[o; ;@;i;[;"0/* background: $color-tool-bg-active; */;i ;[o; ;i;@;[".toolSeparatorTopColor;T;i ;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-tool-separator-top;{;i;[o; ;i;@;[".toolSeparatorMiddleColor;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;" color-tool-separator-middle;{;i;[o; ;i;@;[".toolSeparatorBottomColor;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;" color-tool-separator-bottom;{;i;[o; ;i;@;[".selectedOption;T;i;[o; ;i;["background;@; ;!;o;' ;#;$;i;"color-tool-bg-active;{;i;[o; ;i;[" padding;@; ;!;o;";#;$;"2px;%;&;i;[o; ;i;[" border;@; ;!;o;";#;$;"3px;%;&;i;[o; ;i;@;[".noBorder;T;i!;[o; ;i;["border-style;@; ;!;o;";#;$;" none;%;&;i";[o; ;i;@;[".deselectedOption;T;i%;[o; ;i;["background;@; ;!;o;' ;#;$;i&;"color-tool-bg;{;i&;[o; ;i;["border-style;@; ;!;o;";#;$;" none;%;&;i';[o; ;i;[" border;@; ;!;o;";#;$;"3px;%;&;i(;[o; ;i;@;[".checkBoxAlign;T;i+;[o:Sass::Tree::MixinNode -;2[o;, ;#;$;{;i;-["px;i,;." -2px;/[;i,;"marginTop;@;[o; ;i;@;[".optionLabel;T;i/;[o;4 -;2[o;, ;#;$;{;i -;-["px;i0;."5px;/[;i0;"marginTop;@;[o; ;@;i;[;"+/* Begin: styles for tag toolbar */;i3;[o; ;i;@;["~#tagToolContainer input.tag-type, +float;@; ;!;o;";#;$;%;&;" +right;i;[o; ;i;["margin-left;@; ;!;o;";#;$;%;&;"2em;i;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;"4em;i;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 15px;i;[o; ;i;@;[".toolButtonColor;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-tool-bg;i;{;i;[o; ;i;["border-color;@; ;!;o;- ;#;$;"color-tool-bg;i;{;i;[o; ;i;@;[".toolButtonColor:active;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-tool-bg-active;i;{;i;[o; ;i;@;[".toolButtonSelectedColor;T;i;[o; ;i;["border-top-color;@; ;!;o;- ;#;$;"color-tool-border-selected;i;{;i;[o; ;i;["border-left-color;@; ;!;o;- ;#;$;"color-tool-border-selected;i ;{;i ;[o; ;@;i;[;"0/* background: $color-tool-bg-active; */;i +;[o; ;i;@;[".toolSeparatorTopColor;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-tool-separator-top;i;{;i;[o; ;i;@;[".toolSeparatorMiddleColor;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;" color-tool-separator-middle;i;{;i;[o; ;i;@;[".toolSeparatorBottomColor;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;" color-tool-separator-bottom;i;{;i;[o; ;i;@;[".selectedOption;T;i;[o; ;i;["background;@; ;!;o;- ;#;$;"color-tool-bg-active;i;{;i;[o; ;i;[" padding;@; ;!;o;";#;$;%;&;"2px;i;[o; ;i;[" border;@; ;!;o;";#;$;%;&;"3px;i;[o; ;i;@;[".noBorder;T;i";[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" none;i#;[o; ;i;@;[".deselectedOption;T;i&;[o; ;i;["background;@; ;!;o;- ;#;$;"color-tool-bg;i';{;i';[o; ;i;["border-style;@; ;!;o;";#;$;%;&;" none;i(;[o; ;i;[" border;@; ;!;o;";#;$;%;&;"3px;i);[o; ;i;@;[".checkBoxAlign;T;i,;[o:Sass::Tree::MixinNode +;([o;) ;#;$;{;i;*["px;i-;+" -2px;,[;"marginTop;i-;@;[o; ;i;@;[".optionLabel;T;i0;[o;4 +;([o;) ;#;$;{;i +;*["px;i1;+"5px;,[;"marginTop;i1;@;[o; ;@;i;[;"+/* Begin: styles for tag toolbar */;i4;[o; ;i;@;["~#tagToolContainer input.tag-type, #rotateObjectToolContainer input.tag-type, -#translateObjectToolContainer input.tag-type;T;i6;[o; ;i;["background;@; ;!;o;";#;$;" none;%;&;i7;[o; ;i;[" -width;@; ;!;o;";#;$;" 20px;%;&;i8;[o; ;i;[" height;@; ;!;o;";#;$;" 20px;%;&;i9;[o; ;i;[" display;@; ;!;o;";#;$;" -block;%;&;i:;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;;[o; ;i;[" margin;@; ;!;o;";#;$;"0px;%;&;i<;[o; ;i;[" padding;@; ;!;o;";#;$;"0px;%;&;i=;[o; ;i;["margin-right;@; ;!;o;";#;$;"5px;%;&;i>;[o; ;i;["margin-top;@; ;!;o;";#;$;"4px;%;&;i?;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i@;[o; ;i;[" opacity;@; ;!;o;";#;$;"0.8;%;&;iA;[o; ;i;["text-indent;@; ;!;o;, ;#;$;{;i;-["px;iB;." -9999px;/[;iB;[o; ;i;[" cursor;@; ;!;o;";#;$;" pointer;%;&;iC;[o; ;i;["-webkit-border-radius;@; ;!;o;";#;$;"3px;%;&;iD;[o; ;i;["-webkit-user-select;@; ;!;o;";#;$;" none;%;&;iE;[o; ;i;[" border;@; ;!;o;";#;$;"1px solid transparent;%;&;iF;[o; ;i;@;["%#tagToolContainer input.tag-type;T;iH;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;iI;{;"+../images/tools/sprite-toolbar-tag.png;%;3;#;$;iI;"url;@;iI;[o; ;i;@;[".#rotateObjectToolContainer input.tag-type;T;iK;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;iL;{;"*../images/tools/sprite-toolbar-3d.png;%;3;#;$;iL;"url;@;iL;[o; ;i;@;["1#translateObjectToolContainer input.tag-type;T;iN;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;iO;{;"*../images/tools/sprite-toolbar-3d.png;%;3;#;$;iO;"url;@;iO;[o; ;i;@;["#tagToolContainer input.tag-type:active, +#translateObjectToolContainer input.tag-type;T;i7;[o; ;i;["background;@; ;!;o;";#;$;%;&;" none;i8;[o; ;i;[" +width;@; ;!;o;";#;$;%;&;" 20px;i9;[o; ;i;[" height;@; ;!;o;";#;$;%;&;" 20px;i:;[o; ;i;[" display;@; ;!;o;";#;$;%;&;" +block;i;;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i<;[o; ;i;[" margin;@; ;!;o;";#;$;%;&;"0px;i=;[o; ;i;[" padding;@; ;!;o;";#;$;%;&;"0px;i>;[o; ;i;["margin-right;@; ;!;o;";#;$;%;&;"5px;i?;[o; ;i;["margin-top;@; ;!;o;";#;$;%;&;"4px;i@;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;iA;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"0.8;iB;[o; ;i;["text-indent;@; ;!;o;) ;#;$;{;i;*["px;iC;+" -9999px;,[;iC;[o; ;i;[" cursor;@; ;!;o;";#;$;%;&;" pointer;iD;[o; ;i;["-webkit-border-radius;@; ;!;o;";#;$;%;&;"3px;iE;[o; ;i;["-webkit-user-select;@; ;!;o;";#;$;%;&;" none;iF;[o; ;i;[" border;@; ;!;o;";#;$;%;&;"1px solid transparent;iG;[o; ;i;@;["%#tagToolContainer input.tag-type;T;iI;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;iJ;{;%;3;"+../images/tools/sprite-toolbar-tag.png;#;$;"url;iJ;@;iJ;[o; ;i;@;[".#rotateObjectToolContainer input.tag-type;T;iL;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;iM;{;%;3;"*../images/tools/sprite-toolbar-3d.png;#;$;"url;iM;@;iM;[o; ;i;@;["1#translateObjectToolContainer input.tag-type;T;iO;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;iP;{;%;3;"*../images/tools/sprite-toolbar-3d.png;#;$;"url;iP;@;iP;[o; ;i;@;["#tagToolContainer input.tag-type:active, #rotateObjectToolContainer input.tag-type:active, -#translateObjectToolContainer input.tag-type:active;T;iT;[o; ;i;[" border;@; ;!;o;";#;$;"1px solid transparent;%;&;iU;[o; ;i;@;["#tagToolContainer input.tag-type:hover, +#translateObjectToolContainer input.tag-type:active;T;iU;[o; ;i;[" border;@; ;!;o;";#;$;%;&;"1px solid transparent;iV;[o; ;i;@;["#tagToolContainer input.tag-type:hover, #rotateObjectToolContainer input.tag-type:hover, -#translateObjectToolContainer input.tag-type:hover;T;iY;[o; ;i;[" opacity;@; ;!;o;";#;$;"1.0;%;&;iZ;[o; ;i;["-webkit-box-shadow;@; ;!;o;";#;$;"0px 0px 4px #fff;%;&;i[;[o; ;i;@;["#tagToolContainer input.tag-type:checked, +#translateObjectToolContainer input.tag-type:hover;T;iZ;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"1.0;i[;[o; ;i;["-webkit-box-shadow;@; ;!;o;";#;$;%;&;"0px 0px 4px #fff;i\;[o; ;i;@;["#tagToolContainer input.tag-type:checked, #rotateObjectToolContainer input.tag-type:checked, -#translateObjectToolContainer input.tag-type:checked;T;i_;[ o; ;i;["background-color;@; ;!;o;";#;$;"transparent;%;&;i`;[o; ;i;[" opacity;@; ;!;o;";#;$;"1.0;%;&;ia;[o; ;i;[" cursor;@; ;!;o;";#;$;" default;%;&;ib;[o; ;i;["-webkit-box-shadow;@; ;!;o;";#;$;" none;%;&;ic;[o; ;i;@;["$#tagToolContainer input#divTool;T;ie;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;if;{;+o;, ;#;$;@;i;-["px;if;." --40px;/[;0o;, ;#;$;@;i;-["px;if;."0px;/[;if;[o; ;i;@;[",#tagToolContainer input#divTool:checked;T;ih;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;ii;{;+o;, ;#;$;@;i;-["px;ii;." --40px;/[;0o;, ;#;$;@;i;-["px;ii;." --20px;/[;ii;[o; ;i;@;["&#tagToolContainer input#imageTool;T;ik;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;il;{;+o;, ;#;$;@*;i;-["px;il;." --60px;/[;0o;, ;#;$;@*;i;-["px;il;."0px;/[;il;[o; ;i;@;[".#tagToolContainer input#imageTool:checked;T;in;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;io;{;+o;, ;#;$;@>;i;-["px;io;." --60px;/[;0o;, ;#;$;@>;i;-["px;io;." --20px;/[;io;[o; ;i;@;["&#tagToolContainer input#videoTool;T;iq;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;ir;{;+o;, ;#;$;@R;i;-["px;ir;." -100px;/[;0o;, ;#;$;@R;i;-["px;ir;."0px;/[;ir;[o; ;i;@;[".#tagToolContainer input#videoTool:checked;T;it;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;iu;{;+o;, ;#;$;@f;i;-["px;iu;." -100px;/[;0o;, ;#;$;@f;i;-["px;iu;." --20px;/[;iu;[o; ;i;@;["#tagToolContainer input#canvasTool, +#translateObjectToolContainer input.tag-type:checked;T;i`;[ o; ;i;["background-color;@; ;!;o;";#;$;%;&;"transparent;ia;[o; ;i;[" opacity;@; ;!;o;";#;$;%;&;"1.0;ib;[o; ;i;[" cursor;@; ;!;o;";#;$;%;&;" default;ic;[o; ;i;["-webkit-box-shadow;@; ;!;o;";#;$;%;&;" none;id;[o; ;i;@;["$#tagToolContainer input#divTool;T;if;[o; ;i;["background-position;@; ;!;o;. ;#;$;ig;/;0;{;1o;) ;#;$;@;i;*["px;ig;+" +-40px;,[;2o;) ;#;$;@;i;*["px;ig;+"0px;,[;ig;[o; ;i;@;[",#tagToolContainer input#divTool:checked;T;ii;[o; ;i;["background-position;@; ;!;o;. ;#;$;ij;/;0;{;1o;) ;#;$;@0;i;*["px;ij;+" +-40px;,[;2o;) ;#;$;@0;i;*["px;ij;+" +-20px;,[;ij;[o; ;i;@;["&#tagToolContainer input#imageTool;T;il;[o; ;i;["background-position;@; ;!;o;. ;#;$;im;/;0;{;1o;) ;#;$;@D;i;*["px;im;+" +-60px;,[;2o;) ;#;$;@D;i;*["px;im;+"0px;,[;im;[o; ;i;@;[".#tagToolContainer input#imageTool:checked;T;io;[o; ;i;["background-position;@; ;!;o;. ;#;$;ip;/;0;{;1o;) ;#;$;@X;i;*["px;ip;+" +-60px;,[;2o;) ;#;$;@X;i;*["px;ip;+" +-20px;,[;ip;[o; ;i;@;["&#tagToolContainer input#videoTool;T;ir;[o; ;i;["background-position;@; ;!;o;. ;#;$;is;/;0;{;1o;) ;#;$;@l;i;*["px;is;+" -100px;,[;2o;) ;#;$;@l;i;*["px;is;+"0px;,[;is;[o; ;i;@;[".#tagToolContainer input#videoTool:checked;T;iu;[o; ;i;["background-position;@; ;!;o;. ;#;$;iv;/;0;{;1o;) ;#;$;@;i;*["px;iv;+" -100px;,[;2o;) ;#;$;@;i;*["px;iv;+" +-20px;,[;iv;[o; ;i;@;["#tagToolContainer input#canvasTool, #rotateObjectToolContainer input#rotateLocally, -#translateObjectToolContainer input#translateLocally;T;iy;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;iz;{;+o;, ;#;$;@z;i;-["px;iz;." --20px;/[;0o;, ;#;$;@z;i;-["px;iz;."0px;/[;iz;[o; ;i;@;["#tagToolContainer input#canvasTool:checked, +#translateObjectToolContainer input#translateLocally;T;iz;[o; ;i;["background-position;@; ;!;o;. ;#;$;i{;/;0;{;1o;) ;#;$;@;i;*["px;i{;+" +-20px;,[;2o;) ;#;$;@;i;*["px;i{;+"0px;,[;i{;[o; ;i;@;["#tagToolContainer input#canvasTool:checked, #rotateObjectToolContainer input#rotateLocally:checked, -#translateObjectToolContainer input#translateLocally:checked;T;i~;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;i;{;+o;, ;#;$;@;i;-["px;i;." --20px;/[;0o;, ;#;$;@;i;-["px;i;." --20px;/[;i;[o; ;i;@;["&#tagToolContainer input#flashTool;T;i;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;i;{;+o;, ;#;$;@;i;-["px;i;." --80px;/[;0o;, ;#;$;@;i;-["px;i;."0px;/[;i;[o; ;i;@;[".#tagToolContainer input#flashTool:checked;T;i;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;i;{;+o;, ;#;$;@;i;-["px;i;." --80px;/[;0o;, ;#;$;@;i;-["px;i;." --20px;/[;i;[o; ;i;@;["#tagToolContainer input#customTool, +#translateObjectToolContainer input#translateLocally:checked;T;i;[o; ;i;["background-position;@; ;!;o;. ;#;$;i;/;0;{;1o;) ;#;$;@;i;*["px;i;+" +-20px;,[;2o;) ;#;$;@;i;*["px;i;+" +-20px;,[;i;[o; ;i;@;["&#tagToolContainer input#flashTool;T;i;[o; ;i;["background-position;@; ;!;o;. ;#;$;i;/;0;{;1o;) ;#;$;@;i;*["px;i;+" +-80px;,[;2o;) ;#;$;@;i;*["px;i;+"0px;,[;i;[o; ;i;@;[".#tagToolContainer input#flashTool:checked;T;i;[o; ;i;["background-position;@; ;!;o;. ;#;$;i;/;0;{;1o;) ;#;$;@;i;*["px;i;+" +-80px;,[;2o;) ;#;$;@;i;*["px;i;+" +-20px;,[;i;[o; ;i;@;["#tagToolContainer input#customTool, #rotateObjectToolContainer input#rotateGlobally, -#translateObjectToolContainer input#translateGlobally;T;i;[o; ;i;["background-position;@; ;!;o;";#;$;" 0px 0px;%;&;i;[o; ;i;@;["#tagToolContainer input#customTool:checked, +#translateObjectToolContainer input#translateGlobally;T;i;[o; ;i;["background-position;@; ;!;o;";#;$;%;&;" 0px 0px;i;[o; ;i;@;["#tagToolContainer input#customTool:checked, #rotateObjectToolContainer input#rotateGlobally:checked, -#translateObjectToolContainer input#translateGlobally:checked;T;i;[o; ;i;["background-position;@; ;!;o;( ;#;$;);*;i;{;+o;, ;#;$;@;i;-["px;i;."0px;/[;0o;, ;#;$;@;i;-["px;i;." --20px;/[;i;[o; ;i;@;[""#tagToolContainer .nj-divider;T;i;[ o; ;i;[" height;@; ;!;o;";#;$;" 100%;%;&;i;[o; ;i;[" -float;@; ;!;o;";#;$;" left;%;&;i;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i;[o; ;i;["top;@; ;!;o;";#;$;"5px;%;&;i;[o; ;i;@;["(#tagToolContainer select.nj-skinned;T;i;[o; ;i;["visibility;@; ;!;o;";#;$;" visible;%;&;i;[o; ;i;[" position;@; ;!;o;";#;$;" relative;%;&;i;[o; ;i;@;["h#tagToolContainer select[disabled="true"].nj-skinned, -#tagToolContainer select[disabled].nj-skinned;T;i;[o; ;i;["visibility;@; ;!;o;";#;$;" hidden;%;&;i;[o; ;i;@;["3#zoomToolOptionHolder input#zoomInTool:checked;T;i;[ o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-color;@; ;!;o;' ;#;$;i;"color-input;{;i;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;",../images/optionsbar/zoom/zoom_plus.png;%;3;#;$;i;"url;@3;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;["background-position;@; ;!;o;";#;$;" 4px 3px;%;&;i;[o; ;i;@;["4#zoomToolOptionHolder input#zoomOutTool:checked;T;i;[ o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["border-color;@; ;!;o;' ;#;$;i;"color-input;{;i;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;"-../images/optionsbar/zoom/zoom_minus.png;%;3;#;$;i;"url;@`;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;["background-position;@; ;!;o;";#;$;" 4px 3px;%;&;i;[o; ;i;@;["+#zoomToolOptionHolder input#zoomInTool;T;i;[ -o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;",../images/optionsbar/zoom/zoom_plus.png;%;3;#;$;i;"url;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;["background-position;@; ;!;o;";#;$;" 4px 3px;%;&;i;[o; ;i;@;[",#zoomToolOptionHolder input#zoomOutTool;T;i;[ -o; ;i;["border-style;@; ;!;o;";#;$;" -solid;%;&;i;[o; ;i;["border-width;@; ;!;o;";#;$;"1px;%;&;i;[o; ;i;["background-image;@; ;!;o;1 -;2[o;" -;#;$;i;{;"-../images/optionsbar/zoom/zoom_minus.png;%;3;#;$;i;"url;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;"no-repeat;%;&;i;[o; ;i;["background-position;@; ;!;o;";#;$;" 4px 3px;%;&;i;[o; ;i;@;[",#zoomToolOptionHolder input.zoom-option;T;i;[o; ;i;["background;@; ;!;o;";#;$;" none;%;&;i;[o; ;@;i;[;"*/* Endi: styles for tag toolbar */;i;[ \ No newline at end of file +#translateObjectToolContainer input#translateGlobally:checked;T;i;[o; ;i;["background-position;@; ;!;o;. ;#;$;i;/;0;{;1o;) ;#;$;@;i;*["px;i;+"0px;,[;2o;) ;#;$;@;i;*["px;i;+" +-20px;,[;i;[o; ;i;@;[""#tagToolContainer .nj-divider;T;i;[ o; ;i;[" height;@; ;!;o;";#;$;%;&;" 100%;i;[o; ;i;[" +float;@; ;!;o;";#;$;%;&;" left;i;[o; ;i;[" position;@; ;!;o;";#;$;%;&;" relative;i;[o; ;i;["top;@; ;!;o;";#;$;%;&;"5px;i;[o; ;i;@;["(#tagToolContainer select.nj-skinned;T;i;[o; ;i;["visibility;@; ;!;o;";#;$;%;&;" visible;i;[o; ;i;[" position;@; ;!;o;";#;$;%;&;" relative;i;[o; ;i;@;["h#tagToolContainer select[disabled="true"].nj-skinned, +#tagToolContainer select[disabled].nj-skinned;T;i;[o; ;i;["visibility;@; ;!;o;";#;$;%;&;" hidden;i;[o; ;i;@;["3#zoomToolOptionHolder input#zoomInTool:checked;T;i;[ o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-color;@; ;!;o;- ;#;$;"color-input;i;{;i;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;",../images/optionsbar/zoom/zoom_plus.png;#;$;"url;i;@M;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;["background-position;@; ;!;o;";#;$;%;&;" 4px 3px;i;[o; ;i;@;["4#zoomToolOptionHolder input#zoomOutTool:checked;T;i;[ o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["border-color;@; ;!;o;- ;#;$;"color-input;i;{;i;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;"-../images/optionsbar/zoom/zoom_minus.png;#;$;"url;i;@z;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;["background-position;@; ;!;o;";#;$;%;&;" 4px 3px;i;[o; ;i;@;["+#zoomToolOptionHolder input#zoomInTool;T;i;[ +o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;",../images/optionsbar/zoom/zoom_plus.png;#;$;"url;i;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;["background-position;@; ;!;o;";#;$;%;&;" 4px 3px;i;[o; ;i;@;[",#zoomToolOptionHolder input#zoomOutTool;T;i;[ +o; ;i;["border-style;@; ;!;o;";#;$;%;&;" +solid;i;[o; ;i;["border-width;@; ;!;o;";#;$;%;&;"1px;i;[o; ;i;["background-image;@; ;!;o;' +;([o;" +;#;$;i;{;%;3;"-../images/optionsbar/zoom/zoom_minus.png;#;$;"url;i;@;i;[o; ;i;["background-repeat;@; ;!;o;";#;$;%;&;"no-repeat;i;[o; ;i;["background-position;@; ;!;o;";#;$;%;&;" 4px 3px;i;[o; ;i;@;[",#zoomToolOptionHolder input.zoom-option;T;i;[o; ;i;["background;@; ;!;o;";#;$;%;&;" none;i;[o; ;@;i;[;"*/* Endi: styles for tag toolbar */;i;[ \ No newline at end of file diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_toolbar.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_toolbar.scssc index 91213519..6de4f18d 100644 Binary files a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_toolbar.scssc and b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_toolbar.scssc differ diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss index bf425666..19ede70a 100644 --- a/scss/imports/scss/_Tools.scss +++ b/scss/imports/scss/_Tools.scss @@ -12,14 +12,15 @@ // -// Made changes to toolButton +// Made changes to toolButton } -.subToolButton { +.subToolHolderPanel .toolbutton { float:left; + -webkit-transform: scale(0.6); } -#topPanelContainer .subToolButton { - +.subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { + -webkit-transform: scale(0.75); } .subOption{ diff --git a/scss/imports/scss/_toolbar.scss b/scss/imports/scss/_toolbar.scss index 429fe427..317fde23 100644 --- a/scss/imports/scss/_toolbar.scss +++ b/scss/imports/scss/_toolbar.scss @@ -40,18 +40,18 @@ -webkit-transition: 0.15s all cubic-bezier(.44,.19,0,.99); } -.toolsList .toolbutton:hover, .toolsList .active { +.toolbutton:hover, .toolbutton.active { box-shadow: 0px 0px 2px 2px #999; -webkit-transform: scale(1); opacity: 1; } -.toolsList .toolbutton:active { +.toolbutton:active { background-color: #8c8c8c; } -.toolsList .active { +.toolbutton.active { box-shadow: inset 0px 0px 2px 2px #555; background-color:#363636; } -- cgit v1.2.3