diff options
Diffstat (limited to 'scss/imports/scss/_Tools.scss')
-rwxr-xr-x | scss/imports/scss/_Tools.scss | 166 |
1 files changed, 83 insertions, 83 deletions
diff --git a/scss/imports/scss/_Tools.scss b/scss/imports/scss/_Tools.scss index 9aa3bd75..d15b4ae7 100755 --- a/scss/imports/scss/_Tools.scss +++ b/scss/imports/scss/_Tools.scss | |||
@@ -28,13 +28,13 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | |||
28 | POSSIBILITY OF SUCH DAMAGE. | 28 | POSSIBILITY OF SUCH DAMAGE. |
29 | </copyright> | 29 | </copyright> |
30 | 30 | ||
31 | // | 31 | // |
32 | // Tools.scss | 32 | // Tools.scss |
33 | // For individual tool styles in the toolbar, see toolbar.scss. | 33 | // For individual tool styles in the toolbar, see toolbar.scss. |
34 | // Note that colors and font definitions go in | 34 | // Note that colors and font definitions go in |
35 | // _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss | 35 | // _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss |
36 | // | 36 | // |
37 | 37 | ||
38 | .subToolHolderPanel { | 38 | .subToolHolderPanel { |
39 | margin-left: 42px; | 39 | margin-left: 42px; |
40 | padding: 6px; | 40 | padding: 6px; |
@@ -44,7 +44,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
44 | .subToolHolderPanel .toolbutton { | 44 | .subToolHolderPanel .toolbutton { |
45 | float:left; | 45 | float:left; |
46 | -webkit-transform: scale(0.6); | 46 | -webkit-transform: scale(0.6); |
47 | margin-top: -4px; | 47 | margin-top: -4px; |
48 | } | 48 | } |
49 | 49 | ||
50 | .subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { | 50 | .subToolHolderPanel .toolbutton:hover, .subToolHolderPanel .toolbutton.active { |
@@ -67,12 +67,12 @@ POSSIBILITY OF SUCH DAMAGE. | |||
67 | 67 | ||
68 | .toolColorChipContainer | 68 | .toolColorChipContainer |
69 | { | 69 | { |
70 | background: url(../../../../../images/colorpanel/transparent.png) repeat; | 70 | background: url(../../../../../images/colorpanel/transparent.png) repeat; |
71 | width: 18px; | 71 | width: 18px; |
72 | height: 18px; | 72 | height: 18px; |
73 | margin-top: 1px; | 73 | margin-top: 1px; |
74 | margin-left: 3px; | 74 | margin-left: 3px; |
75 | margin-right: 8px; | 75 | margin-right: 8px; |
76 | border: 1px #777 solid; | 76 | border: 1px #777 solid; |
77 | } | 77 | } |
78 | 78 | ||
@@ -86,39 +86,39 @@ POSSIBILITY OF SUCH DAMAGE. | |||
86 | 86 | ||
87 | // generic styles for image radio button groups used in the tool options bar | 87 | // generic styles for image radio button groups used in the tool options bar |
88 | .subToolHolderPanel input.toolOptsRadioButton { | 88 | .subToolHolderPanel input.toolOptsRadioButton { |
89 | width: 24px; | 89 | width: 24px; |
90 | height: 24px; | 90 | height: 24px; |
91 | margin: 0px 5px 0px 0px; | 91 | margin: 0px 5px 0px 0px; |
92 | padding: 0px; | 92 | padding: 0px; |
93 | cursor: pointer; | 93 | cursor: pointer; |
94 | border-radius: 3px; | 94 | border-radius: 3px; |
95 | -webkit-user-select: none; | 95 | -webkit-user-select: none; |
96 | border: 1px solid transparent; | 96 | border: 1px solid transparent; |
97 | background: none; | 97 | background: none; |
98 | background-repeat: no-repeat; | 98 | background-repeat: no-repeat; |
99 | background-position: center center; | 99 | background-position: center center; |
100 | -webkit-transform: scale(0.9); | 100 | -webkit-transform: scale(0.9); |
101 | } | 101 | } |
102 | 102 | ||
103 | .subToolHolderPanel input.toolOptsRadioButton:hover { | 103 | .subToolHolderPanel input.toolOptsRadioButton:hover { |
104 | box-shadow: 0px 0px 2px 2px #999; | 104 | box-shadow: 0px 0px 2px 2px #999; |
105 | -webkit-transform: scale(1); | 105 | -webkit-transform: scale(1); |
106 | } | 106 | } |
107 | 107 | ||
108 | .subToolHolderPanel input.toolOptsRadioButton:checked { | 108 | .subToolHolderPanel input.toolOptsRadioButton:checked { |
109 | box-shadow: inset 0px 0px 2px 2px #999; | 109 | box-shadow: inset 0px 0px 2px 2px #999; |
110 | background-color:#363636; | 110 | background-color:#363636; |
111 | background-position: center center; | 111 | background-position: center center; |
112 | background-repeat: no-repeat; | 112 | background-repeat: no-repeat; |
113 | -webkit-transform: scale(1); | 113 | -webkit-transform: scale(1); |
114 | } | 114 | } |
115 | 115 | ||
116 | // Added new styling Sub Tool Shape Options | 116 | // Added new styling Sub Tool Shape Options |
117 | .textBox { | 117 | .textBox { |
118 | 118 | ||
119 | padding-top:3px; | 119 | padding-top:3px; |
120 | min-width:10em; | 120 | min-width:10em; |
121 | // height:14px; | 121 | // height:14px; |
122 | margin-left:5px; | 122 | margin-left:5px; |
123 | position:relative; | 123 | position:relative; |
124 | margin-top:0px; | 124 | margin-top:0px; |
@@ -131,7 +131,7 @@ POSSIBILITY OF SUCH DAMAGE. | |||
131 | float:left; | 131 | float:left; |
132 | display:block; | 132 | display:block; |
133 | background-color: $color-tool-select-bg; | 133 | background-color: $color-tool-select-bg; |
134 | // -webkit-border-radius: 0; | 134 | // -webkit-border-radius: 0; |
135 | border: 1px solid $color-tool-select-border; | 135 | border: 1px solid $color-tool-select-border; |
136 | color:$color-tool-text; | 136 | color:$color-tool-text; |
137 | outline:none; | 137 | outline:none; |
@@ -147,8 +147,8 @@ POSSIBILITY OF SUCH DAMAGE. | |||
147 | padding-top:3px; | 147 | padding-top:3px; |
148 | margin-left:10px; | 148 | margin-left:10px; |
149 | font-size:12px; | 149 | font-size:12px; |
150 | // display:inline; | 150 | // display:inline; |
151 | // line-height:10px; | 151 | // line-height:10px; |
152 | float:left; | 152 | float:left; |
153 | margin-right:5px; | 153 | margin-right:5px; |
154 | } | 154 | } |
@@ -172,41 +172,41 @@ POSSIBILITY OF SUCH DAMAGE. | |||
172 | 172 | ||
173 | .cornerRadius.topLeft { | 173 | .cornerRadius.topLeft { |
174 | -webkit-transform: rotate(0deg); | 174 | -webkit-transform: rotate(0deg); |
175 | margin-top: 1px; | 175 | margin-top: 1px; |
176 | margin-right: 3px; | 176 | margin-right: 3px; |
177 | } | 177 | } |
178 | 178 | ||
179 | .cornerRadius.topRight { | 179 | .cornerRadius.topRight { |
180 | -webkit-transform: rotate(90deg); | 180 | -webkit-transform: rotate(90deg); |
181 | margin-right: 3px; | 181 | margin-right: 3px; |
182 | margin-top: 1px; | 182 | margin-top: 1px; |
183 | } | 183 | } |
184 | 184 | ||
185 | .cornerRadius.bottomLeft { | 185 | .cornerRadius.bottomLeft { |
186 | -webkit-transform: rotate(270deg); | 186 | -webkit-transform: rotate(270deg); |
187 | margin-right: 2px; | 187 | margin-right: 2px; |
188 | margin-top: -1px; | 188 | margin-top: -1px; |
189 | } | 189 | } |
190 | 190 | ||
191 | .cornerRadius.bottomRight { | 191 | .cornerRadius.bottomRight { |
192 | -webkit-transform: rotate(180deg); | 192 | -webkit-transform: rotate(180deg); |
193 | margin-right: 4px; | 193 | margin-right: 4px; |
194 | margin-top: -1px; | 194 | margin-top: -1px; |
195 | } | 195 | } |
196 | 196 | ||
197 | #toolOptionsContainer | 197 | #toolOptionsContainer |
198 | { | 198 | { |
199 | display:inline; | 199 | display:inline; |
200 | float:left; | 200 | float:left; |
201 | // margin-left: 20px; | 201 | // margin-left: 20px; |
202 | } | 202 | } |
203 | 203 | ||
204 | .leftLabel{ | 204 | .leftLabel{ |
205 | margin-top: 3px; | 205 | margin-top: 3px; |
206 | float:left; | 206 | float:left; |
207 | } | 207 | } |
208 | 208 | ||
209 | // Skin Radio Buttons | 209 | // Skin Radio Buttons |
210 | input[type="radio"] { | 210 | input[type="radio"] { |
211 | -webkit-appearance: none; | 211 | -webkit-appearance: none; |
212 | background: $color-radio-bg; | 212 | background: $color-radio-bg; |
@@ -219,7 +219,7 @@ input[type="radio"] { | |||
219 | font-size:10px; | 219 | font-size:10px; |
220 | color:$color-radio; | 220 | color:$color-radio; |
221 | margin:4px; | 221 | margin:4px; |
222 | 222 | ||
223 | } | 223 | } |
224 | 224 | ||
225 | input[type="radio"]:hover { | 225 | input[type="radio"]:hover { |
@@ -233,7 +233,7 @@ input[type="radio"]:checked { | |||
233 | border-style: solid; | 233 | border-style: solid; |
234 | } | 234 | } |
235 | 235 | ||
236 | // disabled settings for checkbox and radiobutton | 236 | // disabled settings for checkbox and radiobutton |
237 | input[type="radio"]:disabled { | 237 | input[type="radio"]:disabled { |
238 | opacity: .3; | 238 | opacity: .3; |
239 | background: $color-radio-border; | 239 | background: $color-radio-border; |
@@ -255,8 +255,8 @@ input[type="radio"]:disabled { | |||
255 | } | 255 | } |
256 | 256 | ||
257 | .checkBoxLabel{ | 257 | .checkBoxLabel{ |
258 | // margin-top:0.5em; | 258 | // margin-top:0.5em; |
259 | // margin-left:-5em; | 259 | // margin-left:-5em; |
260 | padding-top:3px; | 260 | padding-top:3px; |
261 | font-size:12px; | 261 | font-size:12px; |
262 | float:left; | 262 | float:left; |
@@ -269,7 +269,7 @@ input[type="radio"]:disabled { | |||
269 | margin-right:4em; | 269 | margin-right:4em; |
270 | margin-top:3px; | 270 | margin-top:3px; |
271 | height:15px; | 271 | height:15px; |
272 | 272 | ||
273 | } | 273 | } |
274 | .toolButtonColor { | 274 | .toolButtonColor { |
275 | background: $color-tool-bg; | 275 | background: $color-tool-bg; |
@@ -283,7 +283,7 @@ input[type="radio"]:disabled { | |||
283 | .toolButtonSelectedColor { | 283 | .toolButtonSelectedColor { |
284 | border-top-color: $color-tool-border-selected; | 284 | border-top-color: $color-tool-border-selected; |
285 | border-left-color: $color-tool-border-selected; | 285 | border-left-color: $color-tool-border-selected; |