From 0088f8e5f3a0be4b6e5e497afbe34de11211493c Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Wed, 9 May 2012 11:36:13 -0700
Subject: -Put new selection tool icons in the options bar

-Styled the selection tool options bar
---
 scss/imports/scss/_Tools.scss | 87 +++++++++++++++++++++++--------------------
 1 file changed, 47 insertions(+), 40 deletions(-)

(limited to 'scss/imports')

diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss
index ab71e374..57519043 100755
--- a/scss/imports/scss/_Tools.scss
+++ b/scss/imports/scss/_Tools.scss
@@ -23,15 +23,8 @@
     -webkit-transform: scale(0.75);
 }
 
-.subOption{
-    float:left;
-    margin-top: 0px;
-    margin-left: 1px;
-    margin-right: 0px;
-}
-
-.subOptionSpacer{
-    margin-right: 16px;
+.toolOptionsSpacer{
+    margin-right: 9px;
 }
 
 .toolSeparator {
@@ -484,62 +477,76 @@ input[type="radio"]:disabled {
     float:left;
 }
 
-.topAlignUp {
-
-  @include background-pos(8,2,26px,23px);
+.optionsSelectionTool button {
+	padding-top: 0px;
 }
 
-.rightAlignUp {
-
-  @include background-pos(9,2,26px,23px);
+.selectionToolIcon {
+	width: 16px;
+	height: 16px;
+	background-repeat:no-repeat;
+	background-position: 1px 2px;
 }
-
-.bottomAlignUp {
-
-  @include background-pos(10,2,26px,23px);
+.alignTopIcon {
+	background-image: url("../images/tools/AlignTop.png");  
 }
 
-.verticalLeftUp {
-
-  @include background-pos(11,2,26px,23px);
+.alignMiddleIcon {
+	background-image: url("../images/tools/AlignMiddle.png");  
 }
 
-.verticalCenterUp {
-
-  @include background-pos(12,2,26px,23px);
+.alignBottomIcon {
+	background-image: url("../images/tools/AlignBottom.png");  
 }
 
-.verticalRightUp {
-
-  @include background-pos(13,2,26px,23px);
+.alignLeftIcon {
+	background-image: url("../images/tools/AlignLeft.png");  
 }
 
-.distRightUp {
+.alignCenterIcon {
+	background-image: url("../images/tools/AlignCenter.png");  
+}
 
-  @include background-pos(0,3,26px,23px);
+.alignRightIcon {
+	background-image: url("../images/tools/AlignRight.png");  
 }
 
-.distLeftUp {
+.arrangeBringForwardIcon {
+	background-image: url("../images/tools/ArrangeBringForward.png");  
+}
 
-  @include background-pos(14,2,26px,23px);
+.arrangeSendBackwardIcon {
+	background-image: url("../images/tools/ArrangeSendBackward.png");  
 }
 
-.distCenterUp {
+.arrangeBringToFrontIcon {
+	background-image: url("../images/tools/ArrangeBringToFront.png");  
+}
 
-  @include background-pos(2,3,26px,23px);
+.arrangeSendToBackIcon {
+	background-image: url("../images/tools/ArrangeSendToBack.png");  
 }
 
-.distTopUp {
+.distTopIcon {
+	background-image: url("../images/tools/DistTop.png");  
+}
 
-  @include background-pos(1,3,26px,23px);
+.distMiddleIcon {
+	background-image: url("../images/tools/DistMiddle.png");  
 }
 
-.distBottomUp {
+.distBottomIcon {
+	background-image: url("../images/tools/DistBottom.png");  
+}
 
-  @include background-pos(3,3,26px,23px);
+.distLeftIcon {
+	background-image: url("../images/tools/DistLeft.png");  
 }
 
-.distVCenterUp {
+.distCenterIcon {
+	background-image: url("../images/tools/DistCenter.png");  
+}
 
-  @include background-pos(15,2,26px,23px);
+.distRightIcon {
+	background-image: url("../images/tools/DistRight.png");  
 }
\ No newline at end of file
-- 
cgit v1.2.3