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') 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