aboutsummaryrefslogtreecommitdiff
path: root/_scss/imports/scss/_Tools.scss
diff options
context:
space:
mode:
Diffstat (limited to '_scss/imports/scss/_Tools.scss')
-rw-r--r--_scss/imports/scss/_Tools.scss487
1 files changed, 0 insertions, 487 deletions
diff --git a/_scss/imports/scss/_Tools.scss b/_scss/imports/scss/_Tools.scss
deleted file mode 100644
index 935c4cd6..00000000
--- a/_scss/imports/scss/_Tools.scss
+++ /dev/null
@@ -1,487 +0,0 @@
1// <copyright>
2// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4// (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5// </copyright>
6
7//
8// Tools.scss
9// For individual tool styles in the toolbar, see toolbar.scss.
10// Note that colors and font definitions go in
11// _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
12//
13
14
15// Made changes to toolButton
16
17.toolButton {
18 width:26px;
19 height:23px;
20 padding: 0px;
21 margin:1px;
22 border-width: 1px;
23 border-style: solid;
24}
25
26.subToolButton {
27 float:left;
28}
29
30#topPanelContainer .subToolButton {
31
32}
33
34.subOption{
35 float:left;
36 // margin:10px;
37 margin-top: 5px;
38 margin-left: 10px;
39 margin-right: 10px;
40}
41
42.toolButton:active {
43 border-top-width: 1px;
44 border-top-style: solid;
45 border-left-width: 1px;
46 border-left-style: solid;
47}
48
49.toolButtonSelected {
50 border-top-width: 1px;
51 border-top-style: solid;
52 border-left-width: 1px;
53 border-left-style: solid;
54
55}
56
57.toolSeparator {
58 height:1px;
59 width:30px;
60 // margin-left: 3px;
61 // margin-right: 3px;
62}
63
64.toolSeparatorTop {
65 margin-top: 3px;
66 margin-bottom: 0px;
67}
68
69.toolSeparatorMiddle {
70 margin-top: 0px;
71 margin-bottom: 0px;
72}
73
74.toolSeparatorBottom {
75 margin-top: 0px;
76 margin-bottom: 3px;
77}
78
79.toolImageBase {
80 padding: 0px;
81 width: 26px;
82 height: 23px;
83 opacity: 0.7;
84 background-repeat:no-repeat;
85}
86
87.toolImageBase:hover {
88 opacity: 1.0;
89 }
90
91
92.drawingMode {
93 outline:blue solid thin;
94}
95
96
97// Added new styling Sub Tool Shape Options
98
99.textBox {
100
101 padding-top:3px;
102 min-width:10em;
103 // height:14px;
104 margin-left:5px;
105 position:relative;
106 margin-top:0px;
107}
108
109.selectBox {
110 width:10em;
111 opacity: 0.9;
112 margin-left: 10px;
113 float:left;
114 display:block;
115 background-color: $color-tool-select-bg;
116 // -webkit-border-radius: 0;
117 border: 1px solid $color-tool-select-border;
118 color:$color-tool-text;
119 outline:none;
120}
121
122.selectBox:hover, .selectBox:active {
123 background-color: $color-tool-select-hover-bg;
124 opacity: 1;
125 color:$color-tool-select-border;
126}
127
128.label{
129 padding-top:3px;
130 margin-left:10px;
131 font-size:12px;
132 // display:inline;
133 // line-height:10px;
134 float:left;
135 margin-right:5px;
136}
137
138.subToolPropertiespanel{
139 margin-left:43px;
140}
141
142
143.LockToolUp {
144 background-image: url("../images/optionsbar/link.png");
145 background-repeat:no-repeat;
146 width:17px;
147 height:18px;
148
149 margin-right:10px;
150}
151
152.UnLockToolUp {
153 background-image: url("../images/optionsbar/unlinked.png");
154
155 background-repeat:no-repeat;
156 width:17px;
157 height:18px;
158
159 margin-right:10px;
160}
161
162
163.cornerRadius {
164 background-image: url("../images/optionsbar/rectangle/cornerRadius.png");
165 background-repeat:no-repeat;
166 width:16px;
167 height:16px;
168
169 opacity:0.7;
170}
171
172.cornerRadius:hover, .cornerRadius:active {
173 opacity:1;
174}
175
176.cornerRadius.topLeft
177{
178 -webkit-transform: rotate(0deg);
179}
180
181.cornerRadius.topRight
182{
183 -webkit-transform: rotate(90deg);
184 margin-right : -2px;
185}
186
187.cornerRadius.bottomLeft
188{
189 margin-top: 3px;
190 -webkit-transform: rotate(270deg);
191}
192
193.cornerRadius.bottomRight
194{
195 margin-top: 3px;
196 -webkit-transform: rotate(180deg);
197 margin-right : -2px;
198}
199
200#toolOptionsContainer
201{
202 display:inline;
203 float:left;
204 // margin-left: 20px;
205}
206
207.leftLabel{
208 margin-top: 3px;
209 float:left;
210}
211
212// Skin Radio Buttons
213input[type="radio"] {
214 -webkit-appearance: none;
215 background: $color-radio-bg;
216 width: 28px;
217 height: 24px;
218 vertical-align: middle;
219 border-width: 1px;
220 border-style: solid;
221 border-color:$color-radio-border;
222 font-size:10px;
223 color:$color-radio;
224 margin:4px;
225
226}
227
228input[type="radio"]:hover {
229 border-width: 1px;
230 border-style: solid;
231}
232
233input[type="radio"]:checked {
234 background:$color-radio-border;
235 border-width: 1px;
236 border-style: solid;
237}
238
239// disabled settings for checkbox and radiobutton
240input[type="radio"]:disabled {
241 opacity: .3;
242 background: $color-radio-border;
243 border-width: 1px;
244 border-style: solid;
245}
246
247.toolPropertiesContainer{
248 float:left;
249 margin-left:10%;
250 width:100%;
251}
252
253
254.optionButtons{
255 padding:2px;
256 margin:1px 4px;
257 float:left;
258}
259