-Removed id dependence of the tag tool options CSS

-Separated the options3d CSS from the tag tool options css
-Removed unused translateObjectToolContainer CSS class

1 files changed, 67 insertions, 50 deletions

diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index 00655241..fd75e189 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -288,9 +288,7 @@ input[type="radio"]:disabled {
 }
 
 //  Begin: styles for tag toolbar  
-#tagToolContainer input.tag-type,
-#rotateObjectToolContainer input.tag-type,
-#translateObjectToolContainer input.tag-type {
+.tagRadioButtons input.tag-type {
         background: none;
         width: 20px;
         height: 20px;
@@ -308,95 +306,67 @@ input[type="radio"]:disabled {
         -webkit-user-select: none;
         border: 1px solid transparent;
 }
-#tagToolContainer input.tag-type {
+.tagRadioButtons 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 {
+.tagRadioButtons input.tag-type:active {
         border: 1px solid transparent;
 }
-#tagToolContainer input.tag-type:hover,
-#rotateObjectToolContainer input.tag-type:hover,
-#translateObjectToolContainer input.tag-type:hover {
+.tagRadioButtons 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 {
+.tagRadioButtons input.tag-type:checked {
         background-color: transparent;
         opacity: 1.0;
         cursor: default;
         -webkit-box-shadow: none;
 }
-#tagToolContainer input#divTool {
+.tagRadioButtons input.divTool {
         background-position: -40px 0px;
 }
-#tagToolContainer input#divTool:checked {
+.tagRadioButtons input.divTool:checked {
         background-position: -40px -20px;
 }
-#tagToolContainer input#imageTool {
+.tagRadioButtons input.imageTool {
         background-position: -60px 0px;
 }
-#tagToolContainer input#imageTool:checked {
+.tagRadioButtons input.imageTool:checked {
         background-position: -60px -20px;
 }
-#tagToolContainer input#videoTool {
+.tagRadioButtons input.videoTool {
         background-position: -100px 0px;
 }
-#tagToolContainer input#videoTool:checked {
+.tagRadioButtons input.videoTool:checked {
         background-position: -100px -20px;
 }
-#tagToolContainer input#canvasTool,
-#rotateObjectToolContainer input#rotateLocally,
-#translateObjectToolContainer input#translateLocally   {
+.tagRadioButtons input.canvasTool {
         background-position: -20px 0px;
 }
-#tagToolContainer input#canvasTool:checked,
-#rotateObjectToolContainer input#rotateLocally:checked,
-#translateObjectToolContainer input#translateLocally:checked {
+.tagRadioButtons input.canvasTool: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 {
+.tagRadioButtons input.customTool {
         background-position: 0px 0px;
 }
-#tagToolContainer input#customTool:checked,
-#rotateObjectToolContainer input#rotateGlobally:checked,
-#translateObjectToolContainer input#translateGlobally:checked {
+.tagRadioButtons input.customTool:checked {
         background-position: 0px -20px;
 }
 
-
-#tagToolContainer .nj-divider {
+.tagRadioButtons .nj-divider {
         height: 100%;
         float: left;
         position: relative;
         top: 5px;
 }
 
-#tagToolContainer select.nj-skinned {
+.tagRadioButtons select.nj-skinned {
         visibility: visible;
         position: relative;
 }
 
-#tagToolContainer select[disabled="true"].nj-skinned,
-#tagToolContainer select[disabled].nj-skinned  {
+.tagRadioButtons select[disabled="true"].nj-skinned,
+.tagRadioButtons select[disabled].nj-skinned  {
         visibility: hidden;
 }
 
@@ -442,5 +412,52 @@ input[type="radio"]:disabled {
     background:none;
 
 }
+//  End: styles for tag toolbar  
 
-//  Endi: styles for tag toolbar  
\ No newline at end of file
+// object 3D container styles
+.object3DToolContainer 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;
+}
+.object3DToolContainer input.tag-type {
+        background-image: url("../images/tools/sprite-toolbar-3d.png");
+}
+.object3DToolContainer input.tag-type:active {
+        border: 1px solid transparent;
+}
+.object3DToolContainer input.tag-type:hover {
+        opacity: 1.0;
+        -webkit-box-shadow: 0px 0px 4px #fff;
+}
+.object3DToolContainer input.tag-type:checked {
+        background-color: transparent;
+        opacity: 1.0;
+        cursor: default;
+        -webkit-box-shadow: none;
+}
+.object3DToolContainer input.rotateLocally {
+        background-position: -20px 0px;
+}
+.object3DToolContainer input.rotateLocally:checked {
+        background-position: -20px -20px;
+}
+.object3DToolContainer input.rotateGlobally {
+        background-position: 0px 0px;
+}
+.object3DToolContainer input.rotateGlobally:checked {
+        background-position: 0px -20px;
+}