From 7dedf0735eec1d227b21291e1bb43dcdec93cbf3 Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Tue, 8 May 2012 09:55:02 -0700
Subject: -Removed id dependence of the tag tool options CSS

-Separated the options3d CSS from the tag tool options css
-Removed unused translateObjectToolContainer CSS class
---
 scss/imports/scss/_Tools.scss | 117 ++++++++++++++++++++++++------------------
 1 file changed, 67 insertions(+), 50 deletions(-)

(limited to 'scss')

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;
+}
-- 
cgit v1.2.3