From bb4da39a73cbd6fbe83f3b7c9ed5ae60fe58dd6b Mon Sep 17 00:00:00 2001 From: Armen Kesablyan Date: Wed, 15 Feb 2012 14:23:19 -0800 Subject: Tool Icons : New layout Signed-off-by: Armen Kesablyan --- .../_Tools.scssc | 592 +++++++++++++++++++++ 1 file changed, 592 insertions(+) create mode 100644 scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc (limited to 'scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc') diff --git a/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc new file mode 100644 index 00000000..13e0ffc9 --- /dev/null +++ b/scss/.sass-cache/bf7669b9251ffa007260472c0d41aebd1dfdcf8a/_Tools.scssc @@ -0,0 +1,592 @@ +3.0.24 (Classy Cassidy) +d13bec2b6761e63701ae6297725d5434048f64ff +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"$// +// 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. +// + +// +// Tools.scss +// 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 +// + + +// Made changes to toolButton + +.subToolButton { + float:left; +} + +#topPanelContainer .subToolButton { + +} + +.subOption{ + float:left; + // margin:10px; + margin-top: 5px; + margin-left: 10px; + margin-right: 10px; +} + +.toolSeparator { + height:1px; + width:30px; + // margin-left: 3px; + // margin-right: 3px; +} + +.toolSeparatorTop { + margin-top: 3px; + margin-bottom: 0px; +} + +.toolSeparatorMiddle { + margin-top: 0px; + margin-bottom: 0px; +} + +.toolSeparatorBottom { + margin-top: 0px; + margin-bottom: 3px; +} + +.toolImageBase { + padding: 0px; + width: 26px; + height: 23px; + opacity: 0.7; + background-repeat:no-repeat; +} + +.toolImageBase:hover { + opacity: 1.0; + } + + +.drawingMode { + outline:blue solid thin; +} + + +// Added new styling Sub Tool Shape Options + +.textBox { + + padding-top:3px; + min-width:10em; + // height:14px; + margin-left:5px; + position:relative; + margin-top:0px; +} + +.selectBox { + width:10em; + opacity: 0.9; + margin-left: 10px; + float:left; + display:block; + background-color: $color-tool-select-bg; + // -webkit-border-radius: 0; + border: 1px solid $color-tool-select-border; + color:$color-tool-text; + outline:none; +} + +.selectBox:hover, .selectBox:active { + background-color: $color-tool-select-hover-bg; + opacity: 1; + color:$color-tool-select-border; +} + +.label{ + padding-top:3px; + margin-left:10px; + font-size:12px; + // display:inline; + // line-height:10px; + float:left; + margin-right:5px; +} + +.subToolPropertiespanel{ + margin-left:43px; +} + + +.LockToolUp { + background-image: url("../images/optionsbar/link.png"); + background-repeat:no-repeat; + width:17px; + height:18px; + + margin-right:10px; +} + +.UnLockToolUp { + background-image: url("../images/optionsbar/unlinked.png"); + + background-repeat:no-repeat; + width:17px; + height:18px; + + margin-right:10px; +} + + +.cornerRadius { + background-image: url("../images/optionsbar/rectangle/cornerRadius.png"); + background-repeat:no-repeat; + width:16px; + height:16px; + + opacity:0.7; +} + +.cornerRadius:hover, .cornerRadius:active { + opacity:1; +} + +.cornerRadius.topLeft +{ + -webkit-transform: rotate(0deg); +} + +.cornerRadius.topRight +{ + -webkit-transform: rotate(90deg); + margin-right : -2px; +} + +.cornerRadius.bottomLeft +{ + margin-top: 3px; + -webkit-transform: rotate(270deg); +} + +.cornerRadius.bottomRight +{ + margin-top: 3px; + -webkit-transform: rotate(180deg); + margin-right : -2px; +} + +#toolOptionsContainer +{ + display:inline; + float:left; + // margin-left: 20px; +} + +.leftLabel{ + margin-top: 3px; + float:left; +} + +// Skin Radio Buttons +input[type="radio"] { + -webkit-appearance: none; + background: $color-radio-bg; + width: 28px; + height: 24px; + vertical-align: middle; + border-width: 1px; + border-style: solid; + border-color:$color-radio-border; + font-size:10px; + color:$color-radio; + margin:4px; + +} + +input[type="radio"]:hover { + border-width: 1px; + border-style: solid; +} + +input[type="radio"]:checked { + background:$color-radio-border; + border-width: 1px; + border-style: solid; +} + +// disabled settings for checkbox and radiobutton +input[type="radio"]:disabled { + opacity: .3; + background: $color-radio-border; + border-width: 1px; + border-style: solid; +} + +.toolPropertiesContainer{ + float:left; + margin-left:10%; + width:100%; +} + + +.optionButtons{ + padding:2px; + margin:1px 4px; + float:left; +} + +.checkBoxLabel{ + // margin-top:0.5em; + // margin-left:-5em; + padding-top:3px; + font-size:12px; + float:left; + margin-right:5px; +} + +.customTextBox{ + float:right; + margin-left:2em; + margin-right:4em; + margin-top:3px; + height:15px; + +} +.toolButtonColor { + background: $color-tool-bg; + border-color: $color-tool-bg; +} + +.toolButtonColor:active { + background: $color-tool-bg-active; +} + +.toolButtonSelectedColor { + border-top-color: $color-tool-border-selected; + border-left-color: $color-tool-border-selected; + // background: $color-tool-bg-active; + +} + +.toolSeparatorTopColor { + background: $color-tool-separator-top; +} + +.toolSeparatorMiddleColor { + background: $color-tool-separator-middle; +} + +.toolSeparatorBottomColor { + background: $color-tool-separator-bottom; +} + + +.selectedOption{ + background: $color-tool-bg-active; + padding:2px; + border:3px; + + +} +.noBorder{ + border-style:none; +} + +.deselectedOption{ + background: $color-tool-bg; + border-style:none; + border:3px; +} + +.checkBoxAlign{ + @include marginTop(-2px); +} + +.optionLabel{ + @include marginTop(5px); +} + +// Begin: styles for tag toolbar +#tagToolContainer input.tag-type, +#rotateObjectToolContainer input.tag-type, +#translateObjectToolContainer input.tag-type { + background: none; + width: 20px; + height: 20px; + display: block; + float: left; + margin: 0px; + padding: 0px; + margin-right: 5px; + margin-top: 4px; + background-repeat: no-repeat; + opacity: 0.8; + text-indent: -9999px; + cursor: pointer; + -webkit-border-radius: 3px; + -webkit-user-select: none; + border: 1px solid transparent; +} +#tagToolContainer input.tag-type { + background-image: url("../images/tools/sprite-toolbar-tag.png"); +} +#rotateObjectToolContainer input.tag-type { + background-image: url("../images/tools/sprite-toolbar-3d.png"); +} +#translateObjectToolContainer input.tag-type { + background-image: url("../images/tools/sprite-toolbar-3d.png"); +} + +#tagToolContainer input.tag-type:active, +#rotateObjectToolContainer input.tag-type:active, +#translateObjectToolContainer input.tag-type:active { + border: 1px solid transparent; +} +#tagToolContainer input.tag-type:hover, +#rotateObjectToolContainer input.tag-type:hover, +#translateObjectToolContainer input.tag-type:hover { + opacity: 1.0; + -webkit-box-shadow: 0px 0px 4px #fff; +} +#tagToolContainer input.tag-type:checked, +#rotateObjectToolContainer input.tag-type:checked, +#translateObjectToolContainer input.tag-type:checked { + background-color: transparent; + opacity: 1.0; + cursor: default; + -webkit-box-shadow: none; +} +#tagToolContainer input#divTool { + background-position: -40px 0px; +} +#tagToolContainer input#divTool:checked { + background-position: -40px -20px; +} +#tagToolContainer input#imageTool { + background-position: -60px 0px; +} +#tagToolContainer input#imageTool:checked { + background-position: -60px -20px; +} +#tagToolContainer input#videoTool { + background-position: -100px 0px; +} +#tagToolContainer input#videoTool:checked { + background-position: -100px -20px; +} +#tagToolContainer input#canvasTool, +#rotateObjectToolContainer input#rotateLocally, +#translateObjectToolContainer input#translateLocally { + background-position: -20px 0px; +} +#tagToolContainer input#canvasTool:checked, +#rotateObjectToolContainer input#rotateLocally:checked, +#translateObjectToolContainer input#translateLocally:checked { + background-position: -20px -20px; +} +#tagToolContainer input#flashTool { + background-position: -80px 0px; +} +#tagToolContainer input#flashTool:checked { + background-position: -80px -20px; +} +#tagToolContainer input#customTool, +#rotateObjectToolContainer input#rotateGlobally, +#translateObjectToolContainer input#translateGlobally { + background-position: 0px 0px; +} +#tagToolContainer input#customTool:checked, +#rotateObjectToolContainer input#rotateGlobally:checked, +#translateObjectToolContainer input#translateGlobally:checked { + background-position: 0px -20px; +} + + +#tagToolContainer .nj-divider { + height: 100%; + float: left; + position: relative; + top: 5px; +} + +#tagToolContainer select.nj-skinned { + visibility: visible; + position: relative; +} + +#tagToolContainer select[disabled="true"].nj-skinned, +#tagToolContainer select[disabled].nj-skinned { + visibility: hidden; +} + +#zoomToolOptionHolder input#zoomInTool:checked{ + border-style:solid; + border-width:1px ; + border-color: $color-input; + background-image:url("../images/optionsbar/zoom/zoom_plus.png"); + background-repeat: no-repeat; + background-position:4px 3px; + +} + +#zoomToolOptionHolder input#zoomOutTool:checked{ + border-style:solid; + border-width:1px ; + border-color: $color-input; + background-image:url("../images/optionsbar/zoom/zoom_minus.png"); + background-repeat: no-repeat; + background-position:4px 3px; + + +} + +#zoomToolOptionHolder input#zoomInTool{ + border-style:solid; + border-width:1px ; + background-image:url("../images/optionsbar/zoom/zoom_plus.png"); + background-repeat: no-repeat; + background-position:4px 3px; + +} + +#zoomToolOptionHolder input#zoomOutTool{ + border-style:solid; + border-width:1px ; + background-image:url("../images/optionsbar/zoom/zoom_minus.png"); + background-repeat: no-repeat; + background-position:4px 3px; + +} +#zoomToolOptionHolder input.zoom-option { + background:none; + +} + +// Endi: styles for tag toolbar :@children[To:Sass::Tree::CommentNode ;@: @silenti: @lines[: @value"./* + * 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. + * */;i;[o; ;@;i;[;"/* + * Tools.scss + * 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 : +@tabsi;@: +@rule[".subToolButton;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 +: +@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;[ +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;[ +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, +#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, +#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, +#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, +#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, +#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, +#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, +#rotateObjectToolContainer input#rotateGlobally, +#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 -- cgit v1.2.3