|
1 // Reset |
|
2 |
|
3 .@{prefix}-container, .@{prefix}-container *, .@{prefix}-widget, .@{prefix}-widget *, .@{prefix}-reset { |
|
4 margin: 0; padding: 0; border: 0; outline: 0; |
|
5 vertical-align: top; background: transparent; |
|
6 text-decoration: none; color: @text; |
|
7 font-family: @font-family; |
|
8 font-size: @font-size; text-shadow: none; float: none; |
|
9 position: static; width: auto; height: auto; |
|
10 white-space: nowrap; cursor: inherit; |
|
11 -webkit-tap-highlight-color: transparent; |
|
12 line-height: normal; font-weight: normal; |
|
13 text-align: left; |
|
14 -moz-box-sizing: content-box; |
|
15 -webkit-box-sizing: content-box; |
|
16 box-sizing: content-box; |
|
17 direction: ltr; |
|
18 max-width: none; |
|
19 } |
|
20 |
|
21 .@{prefix}-widget button { |
|
22 -moz-box-sizing: border-box; |
|
23 -webkit-box-sizing: border-box; |
|
24 box-sizing: border-box; |
|
25 } |
|
26 |
|
27 .@{prefix}-container *[unselectable] { |
|
28 -moz-user-select: none; |
|
29 -webkit-user-select: none; |
|
30 -o-user-select: none; |
|
31 user-select: none; |
|
32 } |
|
33 // Variables |
|
34 // Syntax: <control>-(<sub control>)-<bg|border|text>-(<state>)-(<extra>); |
|
35 // Example: @btn-primary-bg-hover-hlight; |
|
36 |
|
37 @prefix: mce; |
|
38 |
|
39 // Default font |
|
40 @font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
41 @font-size: 14px; |
|
42 @line-height: 20px; |
|
43 @has-gradients: true; |
|
44 @has-radius: true; |
|
45 @has-boxshadow: true; |
|
46 |
|
47 // Text colors |
|
48 @text: #333; |
|
49 @text-inverse: white; |
|
50 @text-disabled: #aaa; |
|
51 @text-shadow: 0 1px 1px hsla(hue(@text-inverse), saturation(@text-inverse), lightness(@text-inverse), 0.75); |
|
52 @text-error: #aa0000; |
|
53 |
|
54 // Button |
|
55 @btn-text: @text; |
|
56 @btn-text-shadow: @text-inverse; |
|
57 @btn-border-top: rgba(0, 0, 0, .1); |
|
58 @btn-border-right: rgba(0, 0, 0, .1); |
|
59 @btn-border-bottom: fadein(rgba(0, 0, 0, .1), 15%); |
|
60 @btn-border-left: fadein(rgba(0, 0, 0, .1), 15%); |
|
61 @btn-split-border: #bdbdbd; |
|
62 @btn-caret-border: @btn-text; |
|
63 @btn-text-disabled: @text-disabled; |
|
64 @btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); |
|
65 @btn-box-shadow-active: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05); |
|
66 @btn-box-disabled-opacity: 0.4; |
|
67 @btn-bg: white; |
|
68 @btn-bg-hlight: #D9D9D9; |
|
69 @btn-bg-hover: darken(@btn-bg, 5%); |
|
70 @btn-bg-hlight-hover: darken(@btn-bg-hlight, 5%); |
|
71 |
|
72 @btn-primary-bg: #0088cc; |
|
73 @btn-primary-bg-hlight: #0044cc; |
|
74 @btn-primary-bg-hover: darken(@btn-primary-bg, 5%); |
|
75 @btn-primary-bg-hover-hlight: darken(@btn-primary-bg-hlight, 5%); |
|
76 @btn-primary-text: #fff; |
|
77 @btn-primary-text-shadow: #333; |
|
78 @btn-primary-border-top: mix(@btn-border-top, @btn-primary-bg, 50%); |
|
79 @btn-primary-border-right: mix(@btn-border-right, @btn-primary-bg, 50%); |
|
80 @btn-primary-border-bottom: mix(@btn-border-bottom, @btn-primary-bg, 50%); |
|
81 @btn-primary-border-left: mix(@btn-border-left, @btn-primary-bg, 50%); |
|
82 |
|
83 // Menu |
|
84 @menuitem-text: @text; |
|
85 @menu-bg: #fff; |
|
86 @menu-border: rgba(0, 0, 0, 0.2); |
|
87 @menubar-border: mix(@panel-border, @panel-bg, 60%); |
|
88 @menuitem-text-inverse: @text-inverse; |
|
89 @menubar-bg-active: darken(@btn-bg, 10%); |
|
90 @menuitem-bg-hover: #0081C2; |
|
91 @menuitem-bg-selected: #08C; |
|
92 @menuitem-bg-selected-hlight: #0077B3; |
|
93 @menuitem-bg-disabled: #CCC; |
|
94 @menuitem-caret: @menuitem-text; |
|
95 @menuitem-caret-selected: @menuitem-text-inverse; |
|
96 @menuitem-separator-top: #CBCBCB; |
|
97 @menuitem-separator-bottom: @menu-bg; |
|
98 @menuitem-bg-active: #C8DEF4; |
|
99 @menuitem-text-active: @text; |
|
100 @menuitem-preview-border-active: #aaa; |
|
101 |
|
102 // Panel |
|
103 @panel-border: #9E9E9E; |
|
104 @panel-bg: #FDFDFD; |
|
105 @panel-bg-hlight: #DDD; |
|
106 |
|
107 // Tabs |
|
108 @tab-border: #c5c5c5; |
|
109 @tab-bg: #e3e3e3; |
|
110 @tab-bg-hover: #FDFDFD; |
|
111 @tab-bg-active: #FDFDFD; |
|
112 |
|
113 // Tooltip |
|
114 @tooltip-bg: #000; |
|
115 @tooltip-text: white; |
|
116 @tooltip-font-size: 11px; |
|
117 |
|
118 // Window |
|
119 @window-border: #c5c5c5; |
|
120 @window-head-border: @window-border; |
|
121 @window-head-close: mix(@text, @window-bg, 60%); |
|
122 @window-head-close-hover: mix(@text, @window-bg, 40%); |
|
123 @window-foot-border: @window-border; |
|
124 @window-foot-bg: @window-bg; |
|
125 @window-fullscreen-bg: #FFF; |
|
126 @window-modalblock-bg: #000; |
|
127 @window-modalblock-opacity: 0.3; |
|
128 @window-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
129 @window-bg: #FFF; |
|
130 @window-title-font-size: 20px; |
|
131 |
|
132 // Popover |
|
133 @popover-bg: @window-bg; |
|
134 @popover-arrow-width: 10px; |
|
135 @popover-arrow: @window-bg; |
|
136 @popover-arrow-outer-width: @popover-arrow-width + 1; |
|
137 @popover-arrow-outer: rgba(0, 0, 0, 0.25); |
|
138 |
|
139 // Floatpanel |
|
140 @floatpanel-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); |
|
141 |
|
142 // Checkbox |
|
143 @checkbox-bg: @btn-bg; |
|
144 @checkbox-bg-hlight: @btn-bg-hlight; |
|
145 @checkbox-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); |
|
146 @checkbox-border: #c5c5c5; |
|
147 @checkbox-border-focus: rgba(82, 168, 236, .8); |
|
148 |
|
149 // Path |
|
150 @path-text: @text; |
|
151 @path-bg-focus: #666; |
|
152 @path-text-focus: #fff; |
|
153 |
|
154 // Textbox |
|
155 @textbox-text-placeholder: #aaa; |
|
156 @textbox-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
157 @textbox-bg: #fff; |
|
158 @textbox-border: #c5c5c5; |
|
159 @textbox-border-focus: rgba(82, 168, 236, .8); |
|
160 |
|
161 // Throbber |
|
162 @throbber-bg: #fff url('img/loader.gif') no-repeat center center; |
|
163 |
|
164 // Combobox |
|
165 @combobox-border: @textbox-border; |
|
166 |
|
167 // Colorpicker |
|
168 @colorpicker-border: @textbox-border; |
|
169 @colorpicker-hue-bg: #fff; |
|
170 @colorpicker-hue-border: #333; |
|
171 |
|
172 // Grid |
|
173 @grid-bg-active: @menuitem-bg-active; |
|
174 @grid-border-active: #a1a1a1; |
|
175 @grid-border: #d6d6d6; |
|
176 |
|
177 // Misc |
|
178 @colorbtn-backcolor-bg: #BBB; |
|
179 @iframe-border: @panel-border; |
|
180 // Mixins |
|
181 |
|
182 .opacity(@opacity) { |
|
183 opacity: @opacity; |
|
184 @opacityie: @opacity * 100; |
|
185 filter: ~"alpha(opacity=@{opacityie})"; |
|
186 zoom: 1; |
|
187 } |
|
188 |
|
189 .vertical-gradient(@startColor, @endColor) when (@has-gradients = true) { |
|
190 background-color: mix(@startColor, @endColor, 60%); |
|
191 background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ |
|
192 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ |
|
193 background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ |
|
194 background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 |
|
195 background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10 |
|
196 background-repeat: repeat-x; |
|
197 filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@startColor), argb(@endColor))); |
|
198 zoom: 1; |
|
199 } |
|
200 |
|
201 .vertical-gradient(@startColor, @endColor) when (@has-gradients = false) { |
|
202 background-color: mix(@startColor, @endColor, 60%); |
|
203 } |
|
204 |
|
205 .border-radius(@radius) when (@has-radius = true) { |
|
206 -webkit-border-radius: @radius; |
|
207 -moz-border-radius: @radius; |
|
208 border-radius: @radius; |
|
209 } |
|
210 |
|
211 .box-shadow(@shadowA, @shadowB:X, ...) when (@has-boxshadow = true) { |
|
212 // Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/ |
|
213 @props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; |
|
214 -webkit-box-shadow: @props; |
|
215 -moz-box-shadow: @props; |
|
216 box-shadow: @props; |
|
217 } |
|
218 |
|
219 .transition(@transition) { |
|
220 -webkit-transition: @transition; |
|
221 transition: @transition; |
|
222 } |
|
223 |
|
224 .inline-block() { |
|
225 display: inline-block; |
|
226 *display: inline; |
|
227 *zoom: 1; |
|
228 } |
|
229 |
|
230 .reset-gradient() { |
|
231 filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); |
|
232 background: transparent; |
|
233 } |
|
234 // Animations |
|
235 |
|
236 .@{prefix}-fade { |
|
237 opacity: 0; |
|
238 .transition(opacity .15s linear); |
|
239 |
|
240 &.@{prefix}-in { |
|
241 opacity: 1; |
|
242 } |
|
243 } |
|
244 .@{prefix}-tinymce { |
|
245 // Avoid FOUC |
|
246 visibility: inherit !important; |
|
247 position: relative; |
|
248 } |
|
249 |
|
250 .@{prefix}-fullscreen { |
|
251 border: 0; padding: 0; margin: 0; |
|
252 overflow: hidden; |
|
253 height: 100%; |
|
254 z-index: 100; |
|
255 } |
|
256 |
|
257 div.@{prefix}-fullscreen { |
|
258 position: fixed; |
|
259 top: 0; left: 0; |
|
260 width: 100%; |
|
261 height: auto; |
|
262 } |
|
263 |
|
264 .@{prefix}-tinymce { |
|
265 display: block; |
|
266 .border-radius(2px); |
|
267 } |
|
268 |
|
269 .@{prefix}-wordcount { |
|
270 position: absolute; |
|
271 top: 0; |
|
272 right: 0; |
|
273 padding: 8px; |
|
274 } |
|
275 |
|
276 div.@{prefix}-edit-area { |
|
277 background: #FFF; |
|
278 filter: none; |
|
279 } |
|
280 |
|
281 .@{prefix}-statusbar { |
|
282 position: relative; |
|
283 } |
|
284 |
|
285 .@{prefix}-statusbar .@{prefix}-container-body { |
|
286 position: relative; |
|
287 } |
|
288 |
|
289 .@{prefix}-fullscreen .@{prefix}-resizehandle { |
|
290 display: none; |
|
291 } |
|
292 |
|
293 // Charmap |
|
294 |
|
295 .@{prefix}-charmap { |
|
296 border-collapse: collapse; |
|
297 } |
|
298 |
|
299 .@{prefix}-charmap td { |
|
300 cursor: default; |
|
301 border: 1px solid @panel-border; |
|
302 width: 20px; |
|
303 height: 20px; |
|
304 line-height: 20px; |
|
305 text-align: center; |
|
306 vertical-align: middle; |
|
307 padding: 2px; |
|
308 } |
|
309 |
|
310 .@{prefix}-charmap td div { |
|
311 text-align: center; |
|
312 } |
|
313 |
|
314 .@{prefix}-charmap td:hover { |
|
315 background: @btn-bg-hlight; |
|
316 } |
|
317 |
|
318 .@{prefix}-grid td.@{prefix}-grid-cell div { |
|
319 border: 1px solid @grid-border; |
|
320 width: 15px; height: 15px; |
|
321 margin: 0px; |
|
322 cursor: pointer; |
|
323 |
|
324 &:focus { |
|
325 border-color: @grid-border-active; |
|
326 } |
|
327 |
|
328 &[disabled] { |
|
329 cursor: not-allowed; |
|
330 } |
|
331 } |
|
332 |
|
333 .@{prefix}-grid { |
|
334 border-spacing: 2px; |
|
335 border-collapse: separate; |
|
336 |
|
337 a { |
|
338 display: block; |
|
339 border: 1px solid transparent; |
|
340 |
|
341 &:hover, &:focus { |
|
342 border-color: @grid-border-active; |
|
343 } |
|
344 } |
|
345 } |
|
346 |
|
347 .@{prefix}-grid-border { |
|
348 margin: 0 4px 0 4px; |
|
349 |
|
350 a { |
|
351 border-color: @grid-border; |
|
352 width: 13px; height: 13px; |
|
353 } |
|
354 |
|
355 a:hover, a.@{prefix}-active { |
|
356 border-color: @grid-border-active; |
|
357 background: @grid-bg-active; |
|
358 } |
|
359 } |
|
360 |
|
361 .@{prefix}-text-center { |
|
362 text-align: center; |
|
363 } |
|
364 |
|
365 div.@{prefix}-tinymce-inline { |
|
366 width: 100%; |
|
367 .box-shadow(none); |
|
368 } |
|
369 |
|
370 .@{prefix}-colorbtn-trans div { |
|
371 text-align: center; |
|
372 vertical-align: middle; |
|
373 font-weight: bold; |
|
374 font-size: 20px; |
|
375 line-height: 16px; |
|
376 color: mix(@text, #fff, 70%); |
|
377 } |
|
378 |
|
379 // Reduce double margins between toolbar rows |
|
380 |
|
381 .@{prefix}-toolbar-grp { |
|
382 padding-bottom: 2px; |
|
383 } |
|
384 |
|
385 .@{prefix}-toolbar-grp .@{prefix}-flow-layout-item { |
|
386 margin-bottom: 0; |
|
387 } |
|
388 |
|
389 // RTL |
|
390 |
|
391 .@{prefix}-rtl .@{prefix}-wordcount { |
|
392 left: 0; |
|
393 right: auto; |
|
394 } |
|
395 // Container |
|
396 |
|
397 .@{prefix}-container, .@{prefix}-container-body { |
|
398 display: block; |
|
399 } |
|
400 |
|
401 .@{prefix}-autoscroll { |
|
402 overflow: hidden; |
|
403 } |
|
404 // Scrollbar |
|
405 |
|
406 .@{prefix}-scrollbar { |
|
407 position: absolute; |
|
408 width: 7px; |
|
409 height: 100%; |
|
410 top: 2px; |
|
411 right: 2px; |
|
412 .opacity(0.4); |
|
413 } |
|
414 |
|
415 .@{prefix}-scrollbar-h { |
|
416 top: auto; |
|
417 right: auto; |
|
418 left: 2px; |
|
419 bottom: 2px; |
|
420 width: 100%; |
|
421 height: 7px; |
|
422 } |
|
423 |
|
424 .@{prefix}-scrollbar-thumb { |
|
425 position: absolute; |
|
426 background-color: #000; |
|
427 border: 1px solid #888; |
|
428 border-color: rgba(85, 85, 85, .6); |
|
429 width: 5px; |
|
430 height: 100%; |
|
431 .border-radius(7px); |
|
432 } |
|
433 |
|
434 .@{prefix}-scrollbar-h .@{prefix}-scrollbar-thumb { |
|
435 width: 100%; |
|
436 height: 5px; |
|
437 } |
|
438 |
|
439 .@{prefix}-scrollbar:hover, .@{prefix}-scrollbar.@{prefix}-active { |
|
440 background-color: #AAA; |
|
441 .opacity(0.6); |
|
442 .border-radius(7px); |
|
443 } |
|
444 |
|
445 .@{prefix}-scroll { |
|
446 position: relative; |
|
447 } |
|
448 // Panel |
|
449 |
|
450 .@{prefix}-panel { |
|
451 border: 0 solid @panel-border; |
|
452 .vertical-gradient(@panel-bg, @panel-bg-hlight); |
|
453 } |
|
454 // FloatPanel |
|
455 |
|
456 .@{prefix}-floatpanel { |
|
457 position: absolute; |
|
458 .box-shadow(@floatpanel-box-shadow); |
|
459 } |
|
460 |
|
461 .@{prefix}-floatpanel.@{prefix}-fixed { |
|
462 position: fixed; |
|
463 } |
|
464 |
|
465 // Popover panel |
|
466 |
|
467 .@{prefix}-floatpanel .@{prefix}-arrow, |
|
468 .@{prefix}-floatpanel .@{prefix}-arrow:after { |
|
469 position: absolute; |
|
470 display: block; |
|
471 width: 0; |
|
472 height: 0; |
|
473 border-color: transparent; |
|
474 border-style: solid; |
|
475 } |
|
476 |
|
477 .@{prefix}-floatpanel .@{prefix}-arrow { |
|
478 border-width: @popover-arrow-outer-width; |
|
479 } |
|
480 |
|
481 .@{prefix}-floatpanel .@{prefix}-arrow:after { |
|
482 border-width: @popover-arrow-width; |
|
483 content: ""; |
|
484 } |
|
485 |
|
486 .@{prefix}-floatpanel.@{prefix}-popover { |
|
487 .reset-gradient(); |
|
488 .border-radius(6px); |
|
489 .box-shadow(@floatpanel-box-shadow); |
|
490 top: 0; |
|
491 left: 0; |
|
492 background: @popover-bg; |
|
493 border: 1px solid @panel-border; |
|
494 border: 1px solid @popover-arrow-outer; |
|
495 |
|
496 &.@{prefix}-bottom { |
|
497 margin-top: @popover-arrow-width; |
|
498 *margin-top: 0; |
|
499 |
|
500 & > .@{prefix}-arrow { |
|
501 left: 50%; |
|
502 margin-left: -@popover-arrow-outer-width; |
|
503 border-top-width: 0; |
|
504 border-bottom-color: @panel-border; |
|
505 border-bottom-color: @popover-arrow-outer; |
|
506 top: -@popover-arrow-outer-width; |
|
507 |
|
508 &:after { |
|
509 top: 1px; |
|
510 margin-left: -@popover-arrow-width; |
|
511 border-top-width: 0; |
|
512 border-bottom-color: @popover-arrow; |
|
513 } |
|
514 } |
|
515 |
|
516 &.@{prefix}-start { margin-left: -22px; } |
|
517 &.@{prefix}-start > .@{prefix}-arrow { left: 20px; } |
|
518 |
|
519 &.@{prefix}-end { margin-left: 22px; } |
|
520 &.@{prefix}-end > .@{prefix}-arrow { right: 10px; left: auto; } |
|
521 } |
|
522 }// Window |
|
523 |
|
524 .@{prefix}-fullscreen { |
|
525 border: 0; padding: 0; margin: 0; |
|
526 overflow: hidden; |
|
527 background: @window-fullscreen-bg; |
|
528 height: 100%; |
|
529 } |
|
530 |
|
531 div.@{prefix}-fullscreen { |
|
532 position: fixed; |
|
533 top: 0; left: 0; |
|
534 } |
|
535 |
|
536 #@{prefix}-modal-block { |
|
537 .opacity(0); |
|
538 position: fixed; |
|
539 left: 0; top: 0; |
|
540 width: 100%; height: 100%; |
|
541 background: @window-modalblock-bg; |
|
542 } |
|
543 |
|
544 #@{prefix}-modal-block.@{prefix}-in { |
|
545 .opacity(@window-modalblock-opacity); |
|
546 } |
|
547 |
|
548 .@{prefix}-window-move { |
|
549 cursor: move; |
|
550 } |
|
551 |
|
552 .@{prefix}-window { |
|
553 .border-radius(6px); |
|
554 .box-shadow(@window-box-shadow); |
|
555 .reset-gradient(); |
|
556 background: @window-bg; |
|
557 position: fixed; |
|
558 top: 0; left: 0; |
|
559 opacity: 0; |
|
560 .transition(opacity 150ms ease-in); |
|
561 } |
|
562 |
|
563 .@{prefix}-window.@{prefix}-in { |
|
564 opacity: 1; |
|
565 } |
|
566 |
|
567 .@{prefix}-window-head { |
|
568 padding: 9px 15px; |
|
569 border-bottom: 1px solid @window-head-border; |
|
570 position: relative; |
|
571 } |
|
572 |
|
573 .@{prefix}-window-head .@{prefix}-close { |
|
574 position: absolute; |
|
575 right: 15px; |
|
576 top: 9px; |
|
577 font-size: 20px; |
|
578 font-weight: bold; |
|
579 line-height: 20px; |
|
580 color: @window-head-close; |
|
581 cursor: pointer; |
|
582 |
|
583 // IE7 |
|
584 height: 20px; |
|
585 overflow: hidden; |
|
586 } |
|
587 |
|
588 .@{prefix}-close:hover { |
|
589 color: @window-head-close-hover; |
|
590 } |
|
591 |
|
592 .@{prefix}-window-head .@{prefix}-title { |
|
593 line-height: 20px; |
|
594 font-size: @window-title-font-size; |
|
595 font-weight: bold; |
|
596 text-rendering: optimizelegibility; |
|
597 padding-right: 10px; |
|
598 } |
|
599 |
|
600 .@{prefix}-window .@{prefix}-container-body { |
|
601 display: block; |
|
602 } |
|
603 |
|
604 .@{prefix}-foot { |
|
605 display: block; |
|
606 background-color: @window-foot-bg; |
|
607 border-top: 1px solid @window-foot-border; |
|
608 .border-radius(0 0 6px 6px); |
|
609 } |
|
610 |
|
611 .@{prefix}-window-head .@{prefix}-dragh { |
|
612 position: absolute; |
|
613 top: 0; left: 0; |
|
614 cursor: move; |
|
615 width: 90%; |
|
616 height: 100%; |
|
617 } |
|
618 |
|
619 .@{prefix}-window iframe { |
|
620 width: 100%; |
|
621 height: 100%; |
|
622 } |
|
623 |
|
624 .@{prefix}-window.@{prefix}-fullscreen, .@{prefix}-window.@{prefix}-fullscreen .@{prefix}-foot { |
|
625 .border-radius(0); |
|
626 } |
|
627 |
|
628 // RTL |
|
629 |
|
630 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-close { |
|
631 position: absolute; |
|
632 right: auto; |
|
633 left: 15px; |
|
634 } |
|
635 |
|
636 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-dragh { |
|
637 left: auto; |
|
638 right: 0; |
|
639 } |
|
640 |
|
641 .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-title { |
|
642 direction: rtl; |
|
643 text-align: right; |
|
644 } |
|
645 // AbsoluteLayout |
|
646 |
|
647 .@{prefix}-abs-layout { |
|
648 position: relative; |
|
649 } |
|
650 |
|
651 body .@{prefix}-abs-layout-item, .@{prefix}-abs-end { |
|
652 position: absolute; |
|
653 } |
|
654 |
|
655 .@{prefix}-abs-end { |
|
656 width: 1px; height: 1px; |
|
657 } |
|
658 |
|
659 .@{prefix}-container-body.@{prefix}-abs-layout { |
|
660 overflow: hidden; |
|
661 } |
|
662 // Tooltip |
|
663 |
|
664 .@{prefix}-tooltip { |
|
665 position: absolute; |
|
666 padding: 5px; |
|
667 .opacity(0.8); |
|
668 } |
|
669 |
|
670 .@{prefix}-tooltip-inner { |
|
671 font-size: @tooltip-font-size; |
|
672 background-color: @tooltip-bg; |
|
673 color: @tooltip-text; |
|
674 max-width: 200px; |
|
675 padding: 5px 8px 4px 8px; |
|
676 text-align: center; |
|
677 white-space: normal; |
|
678 } |
|
679 |
|
680 .@{prefix}-tooltip-inner { |
|
681 .border-radius(3px); |
|
682 } |
|
683 |
|
684 .@{prefix}-tooltip-inner { |
|
685 .box-shadow(0 0 5px @tooltip-bg); |
|
686 } |
|
687 |
|
688 .@{prefix}-tooltip-arrow { |
|
689 position: absolute; |
|
690 width: 0; |
|
691 height: 0; |
|
692 line-height: 0; |
|
693 border: 5px dashed @tooltip-bg; |
|
694 } |
|
695 |
|
696 .@{prefix}-tooltip-arrow-n { |
|
697 border-bottom-color: @tooltip-bg; |
|
698 } |
|
699 |
|
700 .@{prefix}-tooltip-arrow-s { |
|
701 border-top-color: @tooltip-bg; |
|
702 } |
|
703 |
|
704 .@{prefix}-tooltip-arrow-e { |
|
705 border-left-color: @tooltip-bg; |
|
706 } |
|
707 |
|
708 .@{prefix}-tooltip-arrow-w { |
|
709 border-right-color: @tooltip-bg; |
|
710 } |
|
711 |
|
712 .@{prefix}-tooltip-nw, .@{prefix}-tooltip-sw { |
|
713 margin-left: -14px; |
|
714 } |
|
715 |
|
716 .@{prefix}-tooltip-n .@{prefix}-tooltip-arrow { |
|
717 top: 0px; |
|
718 left: 50%; |
|
719 margin-left: -5px; |
|
720 border-bottom-style: solid; |
|
721 border-top: none; |
|
722 border-left-color: transparent; |
|
723 border-right-color: transparent; |
|
724 } |
|
725 |
|
726 .@{prefix}-tooltip-nw .@{prefix}-tooltip-arrow { |
|
727 top: 0; |
|
728 left: 10px; |
|
729 border-bottom-style: solid; |
|
730 border-top: none; |
|
731 border-left-color: transparent; |
|
732 border-right-color: transparent; |
|
733 } |
|
734 |
|
735 .@{prefix}-tooltip-ne .@{prefix}-tooltip-arrow { |
|
736 top: 0; |
|
737 right: 10px; |
|
738 border-bottom-style: solid; |
|
739 border-top: none; |
|
740 border-left-color: transparent; |
|
741 border-right-color: transparent; |
|
742 } |
|
743 |
|
744 .@{prefix}-tooltip-s .@{prefix}-tooltip-arrow { |
|
745 bottom: 0; |
|
746 left: 50%; |
|
747 margin-left: -5px; |
|
748 border-top-style: solid; |
|
749 border-bottom: none; |
|
750 border-left-color: transparent; |
|
751 border-right-color: transparent; |
|
752 } |
|
753 |
|
754 .@{prefix}-tooltip-sw .@{prefix}-tooltip-arrow { |
|
755 bottom: 0; |
|
756 left: 10px; |
|
757 border-top-style: solid; |
|
758 border-bottom: none; |
|
759 border-left-color: transparent; |
|
760 border-right-color: transparent; |
|
761 } |
|
762 |
|
763 .@{prefix}-tooltip-se .@{prefix}-tooltip-arrow { |
|
764 bottom: 0; |
|
765 right: 10px; |
|
766 border-top-style: solid; |
|
767 border-bottom: none; |
|
768 border-left-color: transparent; |
|
769 border-right-color: transparent; |
|
770 } |
|
771 |
|
772 .@{prefix}-tooltip-e .@{prefix}-tooltip-arrow { |
|
773 right: 0; |
|
774 top: 50%; |
|
775 margin-top: -5px; |
|
776 border-left-style: solid; |
|
777 border-right: none; |
|
778 border-top-color: transparent; |
|
779 border-bottom-color: transparent; |
|
780 } |
|
781 |
|
782 .@{prefix}-tooltip-w .@{prefix}-tooltip-arrow { |
|
783 left: 0; |
|
784 top: 50%; |
|
785 margin-top: -5px; |
|
786 border-right-style: solid; |
|
787 border-left: none; |
|
788 border-top-color: transparent; |
|
789 border-bottom-color: transparent; |
|
790 } |
|
791 // Button |
|
792 |
|
793 .@{prefix}-btn { |
|
794 border: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%); |
|
795 border-color: @btn-border-top @btn-border-right @btn-border-bottom @btn-border-left; |
|
796 position: relative; |
|
797 text-shadow: @text-shadow; |
|
798 |
|
799 .inline-block(); |
|
800 .border-radius(3px); |
|
801 .box-shadow(@btn-box-shadow); |
|
802 .vertical-gradient(@btn-bg, @btn-bg-hlight); |
|
803 |
|
804 &:hover, &:focus { |
|
805 color: @btn-text; |
|
806 .vertical-gradient(darken(@btn-bg, 5%), darken(@btn-bg-hlight, 5%)); |
|
807 } |
|
808 |
|
809 &.@{prefix}-disabled button, &.@{prefix}-disabled:hover button { |
|
810 cursor: default; |
|
811 .box-shadow(none); |
|
812 .opacity(@btn-box-disabled-opacity); |
|
813 } |
|
814 |
|
815 &.@{prefix}-active, &.@{prefix}-active:hover { |
|
816 .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 10%)); |
|
817 .box-shadow(@btn-box-shadow-active); |
|
818 } |
|
819 |
|
820 &:active { |
|
821 .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 10%)); |
|
822 .box-shadow(@btn-box-shadow-active); |
|
823 } |
|
824 } |
|
825 |
|
826 .@{prefix}-btn button { |
|
827 padding: 4px 10px; |
|
828 font-size: @font-size; |
|
829 line-height: @line-height; |
|
830 *line-height: @line-height - 4px; |
|
831 cursor: pointer; |
|
832 color: @btn-text; |
|
833 text-align: center; |
|
834 |
|
835 // Fixes for default inner padding of button |
|
836 overflow: visible; // IE7 |
|
837 -webkit-appearance: none; // WebKit |
|
838 &::-moz-focus-inner { // Gecko |
|
839 border: 0; |
|
840 padding: 0; |
|
841 } |
|
842 } |
|
843 |
|
844 .@{prefix}-btn i { |
|
845 text-shadow: 1px 1px @btn-text-shadow; |
|
846 } |
|
847 |
|
848 .@{prefix}-primary { |
|
849 min-width: 50px; |
|
850 color: @btn-primary-text; |
|
851 border: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%); |
|
852 border-color: @btn-border-top @btn-border-right @btn-border-bottom @btn-border-left; |
|
853 .vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight); |
|
854 |
|
855 &:hover, &:focus { |
|
856 .vertical-gradient(darken(@btn-primary-bg, 5%), darken(@btn-primary-bg-hlight, 5%)); |
|
857 } |
|
858 |
|
859 &.@{prefix}-disabled button, &.@{prefix}-disabled:hover button { |
|
860 cursor: default; |
|
861 .box-shadow(none); |
|
862 .opacity(@btn-box-disabled-opacity); |
|
863 } |
|
864 |
|
865 &.@{prefix}-active, &.@{prefix}-active:hover, &:not(.@{prefix}-disabled):active { |
|
866 .vertical-gradient(darken(@btn-primary-bg, 10%), darken(@btn-primary-bg-hlight, 10%)); |
|
867 .box-shadow(@btn-box-shadow-active); |
|
868 } |
|
869 } |
|
870 |
|
871 .@{prefix}-primary button, .@{prefix}-primary button i { |
|
872 color: @btn-primary-text; |
|
873 text-shadow: 1px 1px @btn-primary-text-shadow; |
|
874 } |
|
875 |
|
876 .@{prefix}-btn-large button { |
|
877 padding: 9px 14px; |
|
878 font-size: @font-size + 2px; |
|
879 line-height: normal; |
|
880 .border-radius(5px); |
|
881 } |
|
882 |
|
883 .@{prefix}-btn-large i { |
|
884 margin-top: 2px; |
|
885 } |
|
886 |
|
887 .@{prefix}-btn-small button { |
|
888 padding: 1px 5px; |
|
889 font-size: @font-size - 2px; |
|
890 *padding-bottom: 2px; |
|
891 } |
|
892 |
|
893 .@{prefix}-btn-small i { |
|
894 line-height: 20px; |
|
895 vertical-align: top; |
|
896 *line-height: 18px; |
|
897 } |
|
898 |
|
899 .@{prefix}-btn .@{prefix}-caret { |
|
900 margin-top: 8px; |
|
901 margin-left: 0; |
|
902 } |
|
903 |
|
904 .@{prefix}-btn-small .@{prefix}-caret { |
|
905 margin-top: 8px; |
|
906 margin-left: 0; |
|
907 } |
|
908 |
|
909 .@{prefix}-caret { |
|
910 .inline-block(); |
|
911 width: 0; height: 0; |
|
912 vertical-align: top; |
|
913 border-top: 4px solid @btn-caret-border; |
|
914 border-right: 4px solid transparent; |
|
915 border-left: 4px solid transparent; |
|
916 content: ""; |
|
917 } |
|
918 |
|
919 .@{prefix}-disabled .@{prefix}-caret { |
|
920 border-top-color: @text-disabled; |
|
921 } |
|
922 |
|
923 .@{prefix}-caret.@{prefix}-up { |
|
924 border-bottom: 4px solid @btn-caret-border; |
|
925 border-top: 0; |
|
926 } |
|
927 |
|
928 .@{prefix}-btn-flat { |
|
929 border: 0; |
|
930 background: transparent; |
|
931 .border-radius(0); |
|
932 .box-shadow(none); |
|
933 filter: none; |
|
934 } |
|
935 |
|
936 .@{prefix}-btn-flat:hover, .@{prefix}-btn-flat.@{prefix}-active, .@{prefix}-btn-flat:focus, .@{prefix}-btn-flat:active { |
|
937 border: 0; |
|
938 background: @menubar-bg-active; |
|
939 filter: none; |
|
940 .box-shadow(none); |
|
941 } |
|
942 |
|
943 // RTL |
|
944 |
|
945 .@{prefix}-rtl .@{prefix}-btn button { |
|
946 direction: rtl; |
|
947 } |
|
948 // ButtonGroup |
|
949 |
|
950 .@{prefix}-btn-group .@{prefix}-btn { |
|
951 border-width: 1px 0 1px 0; |
|
952 margin: 0; |
|
953 .border-radius(0); |
|
954 } |
|
955 |
|
956 .@{prefix}-btn-group .@{prefix}-first { |
|
957 border-left: 1px solid mix(rgb(red(@btn-border-left), green(@btn-border-left), blue(@btn-border-left)), @panel-bg, 30%); |
|
958 border-left: 1px solid @btn-border-left; |
|
959 .border-radius(3px 0 0 3px); |
|
960 } |
|
961 |
|
962 .@{prefix}-btn-group .@{prefix}-last { |
|
963 border-right: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%); |
|
964 border-right: 1px solid @btn-border-right; |
|
965 .border-radius(0 3px 3px 0); |
|
966 } |
|
967 |
|
968 .@{prefix}-btn-group .@{prefix}-first.@{prefix}-last { |
|
969 .border-radius(3px); |
|
970 } |
|
971 |
|
972 .@{prefix}-btn-group .@{prefix}-btn.@{prefix}-flow-layout-item { |
|
973 margin: 0; |
|
974 } |
|
975 // Checkbox |
|
976 |
|
977 .@{prefix}-checkbox { |
|
978 cursor: pointer; |
|
979 } |
|
980 |
|
981 i.@{prefix}-i-checkbox { |
|
982 margin: 0 3px 0 0; |
|
983 border: 1px solid @checkbox-border; |
|
984 .border-radius(3px); |
|
985 .box-shadow(@checkbox-box-shadow); |
|
986 .vertical-gradient(@checkbox-bg, @checkbox-bg-hlight); |
|
987 text-indent: -10em; |
|
988 *font-size: 0; |
|
989 *line-height: 0; |
|
990 *text-indent: 0; |
|
991 overflow: hidden; |
|
992 } |
|
993 |
|
994 .@{prefix}-checked i.@{prefix}-i-checkbox { |
|
995 color: @btn-text; |
|
996 font-size: 16px; |
|
997 line-height: 16px; |
|
998 text-indent: 0; |
|
999 } |
|
1000 |
|
1001 .@{prefix}-checkbox:focus i.@{prefix}-i-checkbox, .@{prefix}-checkbox.@{prefix}-focus i.@{prefix}-i-checkbox { |
|
1002 border: 1px solid @checkbox-border-focus; |
|
1003 .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@checkbox-border-focus, 15%)); |
|
1004 } |
|
1005 |
|
1006 .@{prefix}-checkbox.@{prefix}-disabled .@{prefix}-label, .@{prefix}-checkbox.@{prefix}-disabled i.@{prefix}-i-checkbox { |
|
1007 color: mix(@text, @panel-bg, 40%); |
|
1008 } |
|
1009 |
|
1010 // RTL |
|
1011 |
|
1012 .@{prefix}-rtl .@{prefix}-checkbox { |
|
1013 direction: rtl; |
|
1014 text-align: right; |
|
1015 } |
|
1016 |
|
1017 .@{prefix}-rtl i.@{prefix}-i-checkbox { |
|
1018 margin: 0 0 0 3px; |
|
1019 } |
|
1020 // ComboBox |
|
1021 |
|
1022 .@{prefix}-combobox { |
|
1023 .inline-block(); |
|
1024 .border-radius(3px); |
|
1025 .box-shadow(@textbox-box-shadow); |
|
1026 *height: 32px; |
|
1027 } |
|
1028 |
|
1029 .@{prefix}-combobox input { |
|
1030 border: 1px solid @textbox-border; |
|
1031 border-right-color: @combobox-border; |
|
1032 height: 28px; |
|
1033 } |
|
1034 |
|
1035 .@{prefix}-combobox.@{prefix}-disabled input { |
|
1036 color: mix(@text, @textbox-bg, 40%); |
|
1037 } |
|
1038 |
|
1039 .@{prefix}-combobox.@{prefix}-has-open input { |
|
1040 .border-radius(4px 0 0 4px); |
|
1041 } |
|
1042 |
|
1043 .@{prefix}-combobox .@{prefix}-btn { |
|
1044 border-left: 0; |
|
1045 .border-radius(0 4px 4px 0); |
|
1046 } |
|
1047 |
|
1048 .@{prefix}-combobox button { |
|
1049 padding-right: 8px; |
|
1050 padding-left: 8px; |
|
1051 } |
|
1052 |
|
1053 .@{prefix}-combobox.@{prefix}-disabled .@{prefix}-btn button { |
|
1054 cursor: default; |
|
1055 .box-shadow(none); |
|
1056 .opacity(@btn-box-disabled-opacity); |
|
1057 } |
|
1058 // ColorBox |
|
1059 |
|
1060 .@{prefix}-colorbox i { |
|
1061 border: 1px solid @textbox-border; |
|
1062 width: 14px; height: 14px; |
|
1063 } |
|
1064 // ColorButton |
|
1065 |
|
1066 .@{prefix}-colorbutton .@{prefix}-ico { |
|
1067 position: relative; |
|
1068 } |
|
1069 |
|
1070 .@{prefix}-colorbutton-grid { |
|
1071 margin: 4px; |
|
1072 } |
|
1073 |
|
1074 .@{prefix}-colorbutton button { |
|
1075 padding-right: 4px; |
|
1076 } |
|
1077 |
|
1078 .@{prefix}-colorbutton .@{prefix}-preview { |
|
1079 padding-right: 3px; |
|
1080 display: block; |
|
1081 position: absolute; |
|
1082 left: 50%; |
|
1083 top: 50%; |
|
1084 margin-left: -14px; |
|
1085 margin-top: 7px; |
|
1086 background: gray; |
|
1087 width: 13px; |
|
1088 height: 2px; |
|
1089 overflow: hidden; |
|
1090 } |
|
1091 |
|
1092 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview { |
|
1093 margin-left: -16px; |
|
1094 padding-right: 0; |
|
1095 width: 16px; |
|
1096 } |
|
1097 |
|
1098 .@{prefix}-colorbutton .@{prefix}-open { |
|
1099 padding-left: 4px; |
|
1100 border-left: 1px solid transparent; |
|
1101 border-right: 1px solid transparent; |
|
1102 } |
|
1103 |
|
1104 .@{prefix}-colorbutton:hover .@{prefix}-open { |
|
1105 border-left-color: @btn-split-border; |
|
1106 border-right-color: @btn-split-border; |
|
1107 } |
|
1108 |
|
1109 .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-open { |
|
1110 padding: 0 3px 0 3px; |
|
1111 } |
|
1112 |
|
1113 // RTL |
|
1114 |
|
1115 .@{prefix}-rtl .@{prefix}-colorbutton { |
|
1116 direction: rtl; |
|
1117 } |
|
1118 |
|
1119 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-preview { |
|
1120 margin-left: 0; |
|
1121 padding-right: 0; |
|
1122 padding-left: 4px; |
|
1123 margin-right: -14px; |
|
1124 } |
|
1125 |
|
1126 .@{prefix}-rtl .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview { |
|
1127 margin-left: 0; |
|
1128 padding-right: 0; |
|
1129 margin-right: -17px; |
|
1130 padding-left: 0; |
|
1131 } |
|
1132 |
|
1133 .@{prefix}-rtl .@{prefix}-colorbutton button { |
|
1134 padding-right: 10px; |
|
1135 padding-left: 10px; |
|
1136 } |
|
1137 |
|
1138 .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-open { |
|
1139 padding-left: 4px; |
|
1140 padding-right: 4px; |
|
1141 } |
|
1142 // ColorPicker |
|
1143 |
|
1144 .@{prefix}-colorpicker { |
|
1145 position: relative; |
|
1146 width: 250px; |
|
1147 height: 220px; |
|
1148 } |
|
1149 |
|
1150 .@{prefix}-colorpicker-sv { |
|
1151 position: absolute; |
|
1152 top: 0; left: 0; |
|
1153 width: 90%; |
|
1154 height: 100%; |
|
1155 border: 1px solid @colorpicker-border; |
|
1156 cursor: crosshair; |
|
1157 overflow: hidden; |
|
1158 } |
|
1159 |
|
1160 .@{prefix}-colorpicker-h-chunk { |
|
1161 width: 100%; |
|
1162 } |
|
1163 |
|
1164 .@{prefix}-colorpicker-overlay1, .@{prefix}-colorpicker-overlay2 { |
|
1165 width: 100%; |
|
1166 height: 100%; |
|
1167 position: absolute; |
|
1168 top: 0; |
|
1169 left: 0; |
|
1170 } |
|
1171 |
|
1172 .@{prefix}-colorpicker-overlay1 { |
|
1173 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff'); |
|
1174 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; |
|
1175 background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); |
|
1176 } |
|
1177 |
|
1178 .@{prefix}-colorpicker-overlay2 { |
|
1179 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000'); |
|
1180 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; |
|
1181 background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); |
|
1182 } |
|
1183 |
|
1184 .@{prefix}-colorpicker-selector1 { |
|
1185 background: none; |
|
1186 position: absolute; |
|
1187 width: 12px; |
|
1188 height: 12px; |
|
1189 margin: -8px 0 0 -8px; |
|
1190 border: 1px solid black; |
|
1191 border-radius: 50%; |
|
1192 } |
|
1193 |
|
1194 .@{prefix}-colorpicker-selector2 { |
|
1195 position: absolute; |
|
1196 width: 10px; |
|
1197 height: 10px; |
|
1198 border: 1px solid white; |
|
1199 border-radius: 50%; |
|
1200 } |
|
1201 |
|
1202 .@{prefix}-colorpicker-h { |
|
1203 position: absolute; |
|
1204 top: 0; right: 0; |
|
1205 width: 6.5%; |
|
1206 height: 100%; |
|
1207 border: 1px solid @colorpicker-border; |
|
1208 cursor: crosshair; |
|
1209 } |
|
1210 |
|
1211 .@{prefix}-colorpicker-h-marker { |
|
1212 margin-top: -4px; |
|
1213 position: absolute; |
|
1214 top: 0; |
|
1215 left: -1px; |
|
1216 width: 100%; |
|
1217 border: 1px solid @colorpicker-hue-border; |
|
1218 background: @colorpicker-hue-bg; |
|
1219 height: 4px; |
|
1220 z-index: 100; |
|
1221 } |
|
1222 // Path |
|
1223 |
|
1224 .@{prefix}-path { |
|
1225 .inline-block(); |
|
1226 padding: 8px; |
|
1227 white-space: normal; |
|
1228 } |
|
1229 |
|
1230 .@{prefix}-path .@{prefix}-txt { |
|
1231 display: inline-block; |
|
1232 padding-right: 3px; |
|
1233 } |
|
1234 |
|
1235 .@{prefix}-path .@{prefix}-path-body { |
|
1236 display: inline-block; |
|
1237 } |
|
1238 |
|
1239 .@{prefix}-path-item { |
|
1240 .inline-block(); |
|
1241 cursor: pointer; |
|
1242 color: @path-text; |
|
1243 } |
|
1244 |
|
1245 .@{prefix}-path-item:hover { |
|
1246 text-decoration: underline; |
|
1247 } |
|
1248 |
|
1249 .@{prefix}-path-item:focus { |
|
1250 background: @path-bg-focus; |
|
1251 color: @path-text-focus; |
|
1252 } |
|
1253 |
|
1254 .@{prefix}-path .@{prefix}-divider { |
|
1255 display: inline; |
|
1256 } |
|
1257 |
|
1258 .@{prefix}-disabled .@{prefix}-path-item { |
|
1259 color: @text-disabled; |
|
1260 } |
|
1261 |
|
1262 // RTL |
|
1263 |
|
1264 .@{prefix}-rtl .@{prefix}-path { |
|
1265 direction: rtl; |
|
1266 } |
|
1267 // FieldSet |
|
1268 |
|
1269 .@{prefix}-fieldset { |
|
1270 border: 0 solid #9E9E9E; |
|
1271 .border-radius(3px); |
|
1272 } |
|
1273 |
|
1274 .@{prefix}-fieldset > .@{prefix}-container-body { |
|
1275 margin-top: -15px; |
|
1276 } |
|
1277 |
|
1278 .@{prefix}-fieldset-title { |
|
1279 margin-left: 5px; |
|
1280 padding: 0 5px 0 5px; |
|
1281 }// FitLayout |
|
1282 |
|
1283 .@{prefix}-fit-layout { |
|
1284 .inline-block(); |
|
1285 } |
|
1286 |
|
1287 .@{prefix}-fit-layout-item { |
|
1288 position: absolute; |
|
1289 } |
|
1290 // FlowLayout |
|
1291 |
|
1292 .@{prefix}-flow-layout-item { |
|
1293 .inline-block(); |
|
1294 } |
|
1295 |
|
1296 .@{prefix}-flow-layout-item { |
|
1297 margin: 2px 0 2px 2px; |
|
1298 } |
|
1299 |
|
1300 .@{prefix}-flow-layout-item.@{prefix}-last { |
|
1301 margin-right: 2px; |
|
1302 } |
|
1303 |
|
1304 .@{prefix}-flow-layout { |
|
1305 white-space: normal; |
|
1306 } |
|
1307 |
|
1308 .@{prefix}-tinymce-inline .@{prefix}-flow-layout { |
|
1309 white-space: nowrap; |
|
1310 } |
|
1311 |
|
1312 // RTL |
|
1313 |
|
1314 .@{prefix}-rtl .@{prefix}-flow-layout { |
|
1315 text-align: right; |
|
1316 direction: rtl; |
|
1317 } |
|
1318 |
|
1319 .@{prefix}-rtl .@{prefix}-flow-layout-item { |
|
1320 margin: 2px 2px 2px 0; |
|
1321 } |
|
1322 |
|
1323 .@{prefix}-rtl .@{prefix}-flow-layout-item.@{prefix}-last { |
|
1324 margin-left: 2px; |
|
1325 } |
|
1326 // Iframe |
|
1327 |
|
1328 .@{prefix}-iframe { |
|
1329 border: 0 solid @iframe-border; |
|
1330 width: 100%; height: 100%; |
|
1331 } |
|
1332 // Label |
|
1333 |
|
1334 .@{prefix}-label { |
|
1335 .inline-block(); |
|
1336 text-shadow: @text-shadow; |
|
1337 overflow: hidden; |
|
1338 } |
|
1339 |
|
1340 .@{prefix}-label.@{prefix}-autoscroll { |
|
1341 overflow: auto; |
|
1342 } |
|
1343 |
|
1344 .@{prefix}-label.@{prefix}-disabled { |
|
1345 color: @text-disabled; |
|
1346 } |
|
1347 |
|
1348 .@{prefix}-label.@{prefix}-multiline { |
|
1349 white-space: pre-wrap; |
|
1350 } |
|
1351 |
|
1352 .@{prefix}-label.@{prefix}-error { |
|
1353 color: @text-error; |
|
1354 } |
|
1355 |
|
1356 // RTL |
|
1357 |
|
1358 .@{prefix}-rtl .@{prefix}-label { |
|
1359 text-align: right; |
|
1360 direction: rtl; |
|
1361 } |
|
1362 /* MenuBar */ |
|
1363 |
|
1364 .@{prefix}-menubar .@{prefix}-menubtn { |
|
1365 border-color: transparent; |
|
1366 background: transparent; |
|
1367 .border-radius(0); |
|
1368 .box-shadow(none); |
|
1369 filter: none; |
|
1370 } |
|
1371 |
|
1372 .@{prefix}-menubar { |
|
1373 border: 1px solid @menubar-border; |
|
1374 } |
|
1375 |
|
1376 .@{prefix}-menubar .@{prefix}-menubtn button span { |
|
1377 color: @text; |
|
1378 } |
|
1379 |
|
1380 .@{prefix}-menubar .@{prefix}-caret { |
|
1381 border-top-color: @text; |
|
1382 } |
|
1383 |
|
1384 .@{prefix}-menubar .@{prefix}-menubtn:hover, .@{prefix}-menubar .@{prefix}-menubtn.@{prefix}-active, .@{prefix}-menubar .@{prefix}-menubtn:focus { |
|
1385 border-color: transparent; |
|
1386 background: @menubar-bg-active; |
|
1387 filter: none; |
|
1388 .box-shadow(none); |
|
1389 } |
|
1390 /* MenuButton */ |
|
1391 |
|
1392 .@{prefix}-menubtn span { |
|
1393 color: @btn-text; |
|
1394 margin-right: 2px; |
|
1395 line-height: @line-height; |
|
1396 *line-height: @line-height - 4px; |
|
1397 } |
|
1398 |
|
1399 .@{prefix}-menubtn.@{prefix}-btn-small span { |
|
1400 font-size: @font-size - 2px; |
|
1401 } |
|
1402 |
|
1403 .@{prefix}-menubtn.@{prefix}-fixed-width span { |
|
1404 display: inline-block; |
|
1405 overflow-x: hidden; |
|
1406 text-overflow: ellipsis; |
|
1407 width: 90px; |
|
1408 } |
|
1409 |
|
1410 .@{prefix}-menubtn.@{prefix}-fixed-width.@{prefix}-btn-small span { |
|
1411 width: 70px; |
|
1412 } |
|
1413 |
|
1414 .@{prefix}-menubtn .@{prefix}-caret { |
|
1415 *margin-top: 6px; |
|
1416 } |
|
1417 |
|
1418 // RTL |
|
1419 |
|
1420 .@{prefix}-rtl .@{prefix}-menubtn button { |
|
1421 direction: rtl; |
|
1422 text-align: right; |
|
1423 } |
|
1424 // ListBox |
|
1425 |
|
1426 .@{prefix}-listbox button { |
|
1427 text-align: left; |
|
1428 padding-right: 20px; |
|
1429 position: relative; |
|
1430 } |
|
1431 |
|
1432 .@{prefix}-listbox .@{prefix}-caret { |
|
1433 position: absolute; |
|
1434 margin-top: -2px; |
|
1435 right: 8px; |
|
1436 top: 50%; |
|
1437 } |
|
1438 |
|
1439 // RTL |
|
1440 |
|
1441 .@{prefix}-rtl .@{prefix}-listbox .@{prefix}-caret { |
|
1442 right: auto; |
|
1443 left: 8px; |
|
1444 } |
|
1445 |
|
1446 .@{prefix}-rtl .@{prefix}-listbox button { |
|
1447 padding-right: 10px; |
|
1448 padding-left: 20px; |
|
1449 } |
|
1450 // MenuItem |
|
1451 |
|
1452 .@{prefix}-menu-item { |
|
1453 display: block; |
|
1454 padding: 6px 15px 6px 12px; |
|
1455 clear: both; |
|
1456 font-weight: normal; |
|
1457 line-height: 20px; |
|
1458 color: @menuitem-text; |
|
1459 white-space: nowrap; |
|
1460 cursor: pointer; |
|
1461 line-height: normal; |
|
1462 border-left: 4px solid transparent; |
|
1463 margin-bottom: 1px; |
|
1464 } |
|
1465 |
|
1466 .@{prefix}-menu-item .@{prefix}-ico, .@{prefix}-menu-item .@{prefix}-text { |
|
1467 color: @menuitem-text; |
|
1468 } |
|
1469 |
|
1470 .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-ico { |
|
1471 color: mix(@menuitem-text, @menu-bg, 40%); |
|
1472 } |
|
1473 |
|
1474 .@{prefix}-menu-item:hover .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-text, .@{prefix}-menu-item:focus .@{prefix}-text { |
|
1475 color: @menuitem-text-inverse; |
|
1476 } |
|
1477 |
|
1478 .@{prefix}-menu-item:hover .@{prefix}-ico, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-ico, .@{prefix}-menu-item:focus .@{prefix}-ico { |
|
1479 color: @menuitem-text-inverse; |
|
1480 } |
|
1481 |
|
1482 .@{prefix}-menu-item.@{prefix}-disabled:hover { |
|
1483 background: @menuitem-bg-disabled; |
|
1484 } |
|
1485 |
|
1486 .@{prefix}-menu-shortcut { |
|
1487 display: inline-block; |
|
1488 color: mix(@menuitem-text, @menu-bg, 40%); |
|
1489 } |
|
1490 |
|
1491 .@{prefix}-menu-shortcut { |
|
1492 .inline-block(); |
|
1493 padding: 0 15px 0 20px; |
|
1494 } |
|
1495 |
|
1496 .@{prefix}-menu-item:hover .@{prefix}-menu-shortcut, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-menu-shortcut, .@{prefix}-menu-item:focus .@{prefix}-menu-shortcut { |
|
1497 color: @menuitem-text-inverse; |
|
1498 } |
|
1499 |
|
1500 .@{prefix}-menu-item .@{prefix}-caret { |
|
1501 margin-top: 4px; |
|
1502 *margin-top: 3px; |
|
1503 margin-right: 6px; |
|
1504 border-top: 4px solid transparent; |
|
1505 border-bottom: 4px solid transparent; |
|
1506 border-left: 4px solid @menuitem-caret; |
|
1507 } |
|
1508 |
|
1509 .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-menu-item:hover .@{prefix}-caret { |
|
1510 border-left-color: @menuitem-caret-selected; |
|
1511 } |
|
1512 |
|
1513 .@{prefix}-menu-align .@{prefix}-menu-shortcut { |
|
1514 *margin-top: -2px; |
|
1515 } |
|
1516 |
|
1517 .@{prefix}-menu-align .@{prefix}-menu-shortcut, .@{prefix}-menu-align .@{prefix}-caret { |
|
1518 position: absolute; |
|
1519 right: 0; |
|
1520 } |
|
1521 |
|
1522 .@{prefix}-menu-item.@{prefix}-active i { |
|
1523 visibility: visible; |
|
1524 } |
|
1525 |
|
1526 .@{prefix}-menu-item-normal.@{prefix}-active { |
|
1527 background-color: @menuitem-bg-active; |
|
1528 } |
|
1529 |
|
1530 .@{prefix}-menu-item-preview.@{prefix}-active { |
|
1531 border-left: 5px solid @menuitem-preview-border-active; |
|
1532 } |
|
1533 |
|
1534 .@{prefix}-menu-item-normal.@{prefix}-active .@{prefix}-text { |
|
1535 color: @menuitem-text-active; |
|
1536 } |
|
1537 |
|
1538 .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-ico { |
|
1539 color: @menuitem-text-inverse; |
|
1540 } |
|
1541 |
|
1542 .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-ico { |
|
1543 color: @menuitem-text-inverse; |
|
1544 } |
|
1545 |
|
1546 .@{prefix}-menu-item:hover, .@{prefix}-menu-item.@{prefix}-selected, .@{prefix}-menu-item:focus { |
|
1547 text-decoration: none; |
|
1548 color: @menuitem-text-inverse; |
|
1549 .vertical-gradient(@menuitem-bg-selected, @menuitem-bg-selected-hlight); |
|
1550 } |
|
1551 |
|
1552 div.@{prefix}-menu .@{prefix}-menu-item-sep, .@{prefix}-menu-item-sep:hover { |
|
1553 border: 0; |
|
1554 padding: 0; |
|
1555 height: 1px; |
|
1556 margin: 9px 1px; |
|
1557 overflow: hidden; |
|
1558 background: @menuitem-separator-top; |
|
1559 border-bottom: 1px solid @menuitem-separator-bottom; |
|
1560 cursor: default; |
|
1561 filter: none; |
|
1562 } |
|
1563 |
|
1564 // RTL |
|
1565 |
|
1566 .@{prefix}-menu.@{prefix}-rtl { |
|
1567 direction: rtl; |
|
1568 } |
|
1569 |
|
1570 .@{prefix}-rtl .@{prefix}-menu-item { |
|
1571 text-align: right; |
|
1572 direction: rtl; |
|
1573 padding: 6px 12px 6px 15px; |
|
1574 } |
|
1575 |
|
1576 .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-menu-shortcut, .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-caret { |
|
1577 right: auto; |
|
1578 left: 0; |
|
1579 } |
|
1580 |
|
1581 .@{prefix}-rtl .@{prefix}-menu-item .@{prefix}-caret { |
|
1582 margin-left: 6px; |
|
1583 margin-right: 0; |
|
1584 border-right: 4px solid @menuitem-caret; |
|
1585 border-left: 0; |
|
1586 } |
|
1587 |
|
1588 .@{prefix}-rtl .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-rtl .@{prefix}-menu-item:hover .@{prefix}-caret { |
|
1589 border-left-color: transparent; |
|
1590 border-right-color: @menuitem-caret-selected; |
|
1591 } |
|
1592 // Menu |
|
1593 |
|
1594 .@{prefix}-menu { |
|
1595 position: absolute; |
|
1596 left: 0; top: 0; |
|
1597 .reset-gradient(); |
|
1598 z-index: 1000; |
|
1599 padding: 5px 0 5px 0; |
|
1600 margin: 2px 0 0; |
|
1601 min-width: 160px; |
|
1602 background: @menu-bg; |
|
1603 border: 1px solid mix(rgb(red(@menu-border), green(@menu-border), blue(@menu-border)), @panel-bg, round(alpha(@menu-border) * 200)); |
|
1604 border: 1px solid @menu-border; |
|
1605 z-index: 1002; |
|
1606 .border-radius(6px); |
|
1607 .box-shadow(0 5px 10px rgba(0,0,0,.2)); |
|
1608 max-height: 400px; |
|
1609 overflow: auto; |
|
1610 overflow-x: hidden; |
|
1611 } |
|
1612 |
|
1613 .@{prefix}-menu i { |
|
1614 display: none; |
|
1615 } |
|
1616 |
|
1617 .@{prefix}-menu-has-icons i { |
|
1618 display: inline-block; |
|
1619 *display: inline; |
|
1620 } |
|
1621 |
|
1622 .@{prefix}-menu-sub-tr-tl { margin: -6px 0 0 -1px; } |
|
1623 .@{prefix}-menu-sub-br-bl { margin: 6px 0 0 -1px; } |
|
1624 .@{prefix}-menu-sub-tl-tr { margin: -6px 0 0 1px; } |
|
1625 .@{prefix}-menu-sub-bl-br { margin: 6px 0 0 1px; } |
|
1626 // Radio - not implemented yet |
|
1627 .@{prefix}-container-body .@{prefix}-resizehandle { |
|
1628 position: absolute; |
|
1629 right: 0; |
|
1630 bottom: 0; |
|
1631 width: 16px; |
|
1632 height: 16px; |
|
1633 visibility: visible; |
|
1634 cursor: s-resize; |
|
1635 margin: 0; |
|
1636 } |
|
1637 |
|
1638 .@{prefix}-container-body .@{prefix}-resizehandle-both { |
|
1639 cursor: se-resize; |
|
1640 } |
|
1641 |
|
1642 i.@{prefix}-i-resize { |
|
1643 color: @text; |
|
1644 } |
|
1645 // Spacer |
|
1646 |
|
1647 .@{prefix}-spacer { |
|
1648 visibility: hidden; |
|
1649 } |
|
1650 // SplitButton |
|
1651 |
|
1652 .@{prefix}-splitbtn .@{prefix}-open { |
|
1653 border-left: 1px solid transparent; |
|
1654 border-right: 1px solid transparent; |
|
1655 } |
|
1656 |
|
1657 .@{prefix}-splitbtn:hover .@{prefix}-open { |
|
1658 border-left-color: @btn-split-border; |
|
1659 border-right-color: @btn-split-border; |
|
1660 } |
|
1661 |
|
1662 .@{prefix}-splitbtn button { |
|
1663 padding-right: 4px; |
|
1664 } |
|
1665 |
|
1666 .@{prefix}-splitbtn .@{prefix}-open { |
|
1667 padding-left: 4px; |
|
1668 } |
|
1669 |
|
1670 .@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active { |
|
1671 .box-shadow(inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0 ,.05)); |
|
1672 } |
|
1673 |
|
1674 .@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open { |
|
1675 padding: 0 3px 0 3px; |
|
1676 } |
|
1677 |
|
1678 // RTL |
|
1679 |
|
1680 .@{prefix}-rtl .@{prefix}-splitbtn { |
|
1681 direction: rtl; |
|
1682 text-align: right; |
|
1683 } |
|
1684 |
|
1685 .@{prefix}-rtl .@{prefix}-splitbtn button { |
|
1686 padding-right: 10px; |
|
1687 padding-left: 10px; |
|
1688 } |
|
1689 |
|
1690 .@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open { |
|
1691 padding-left: 4px; |
|
1692 padding-right: 4px; |
|
1693 } |
|
1694 // StackLayout |
|
1695 |
|
1696 .@{prefix}-stack-layout-item { |
|
1697 display: block; |
|
1698 } |
|
1699 // TabPanel |
|
1700 |
|
1701 .@{prefix}-tabs { |
|
1702 display: block; |
|
1703 border-bottom: 1px solid @tab-border; |
|
1704 } |
|
1705 |
|
1706 .@{prefix}-tab { |
|
1707 .inline-block(); |
|
1708 border: 1px solid @tab-border; |
|
1709 border-width: 0 1px 0 0; |
|
1710 background: @tab-bg; |
|
1711 padding: 8px; |
|
1712 text-shadow: @text-shadow; |
|
1713 height: 13px; |
|
1714 cursor: pointer; |
|
1715 } |
|
1716 |
|
1717 .@{prefix}-tab:hover { |
|
1718 background: @tab-bg-hover; |
|
1719 } |
|
1720 |
|
1721 .@{prefix}-tab.@{prefix}-active { |
|
1722 background: @tab-bg-active; |
|
1723 border-bottom-color: transparent; |
|
1724 margin-bottom: -1px; |
|
1725 height: 14px; |
|
1726 } |
|
1727 |
|
1728 // RTL |
|
1729 |
|
1730 .@{prefix}-rtl .@{prefix}-tabs { |
|
1731 text-align: right; |
|
1732 direction: rtl; |
|
1733 } |
|
1734 |
|
1735 .@{prefix}-rtl .@{prefix}-tab { |
|
1736 border-width: 0 0 0 1px; |
|
1737 } |
|
1738 // TextBox |
|
1739 |
|
1740 .@{prefix}-textbox { |
|
1741 background: @textbox-bg; |
|
1742 border: 1px solid @textbox-border; |
|
1743 .border-radius(3px); |
|
1744 .box-shadow(@textbox-box-shadow); |
|
1745 display: inline-block; |
|
1746 .transition(~"border linear .2s, box-shadow linear .2s"); |
|
1747 height: 28px; |
|
1748 resize: none; |
|
1749 padding: 0 4px 0 4px; |
|
1750 white-space: pre-wrap; |
|
1751 *white-space: pre; |
|
1752 color: @text; |
|
1753 } |
|
1754 |
|
1755 .@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus { |
|
1756 border-color: @textbox-border-focus; |
|
1757 .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%)); |
|
1758 } |
|
1759 |
|
1760 .@{prefix}-placeholder .@{prefix}-textbox { |
|
1761 color: @textbox-text-placeholder; |
|
1762 } |
|
1763 |
|
1764 .@{prefix}-textbox.@{prefix}-multiline { |
|
1765 padding: 4px; |
|
1766 } |
|
1767 |
|
1768 .@{prefix}-textbox.@{prefix}-disabled { |
|
1769 color: mix(@text, @textbox-bg, 40%); |
|
1770 } |
|
1771 |
|
1772 // RTL |
|
1773 |
|
1774 .@{prefix}-rtl .@{prefix}-textbox { |
|
1775 text-align: right; |
|
1776 direction: rtl; |
|
1777 } |
|
1778 // Throbber |
|
1779 |
|
1780 .@{prefix}-throbber { |
|
1781 position: absolute; |
|
1782 top: 0; left: 0; |
|
1783 width: 100%; height: 100%; |
|
1784 .opacity(0.6); |
|
1785 background: @throbber-bg; |
|
1786 } |
|
1787 |
|
1788 .@{prefix}-throbber-inline { |
|
1789 position: static; |
|
1790 height: 50px; |
|
1791 } |
|
1792 /* Icons */ |
|
1793 |
|
1794 @font-face { |
|
1795 font-family: 'tinymce'; |
|
1796 src:url('fonts/tinymce.eot'); |
|
1797 src:url('fonts/tinymce.eot?#iefix') format('embedded-opentype'), |
|
1798 url('fonts/tinymce.woff') format('woff'), |
|
1799 url('fonts/tinymce.ttf') format('truetype'), |
|
1800 url('fonts/tinymce.svg#tinymce') format('svg'); |
|
1801 font-weight: normal; |
|
1802 font-style: normal; |
|
1803 } |
|
1804 |
|
1805 @font-face { |
|
1806 font-family: 'tinymce-small'; |
|
1807 src:url('fonts/tinymce-small.eot'); |
|
1808 src:url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'), |
|
1809 url('fonts/tinymce-small.woff') format('woff'), |
|
1810 url('fonts/tinymce-small.ttf') format('truetype'), |
|
1811 url('fonts/tinymce-small.svg#tinymce') format('svg'); |
|
1812 font-weight: normal; |
|
1813 font-style: normal; |
|
1814 } |
|
1815 |
|
1816 @iconSize: 16px; |
|
1817 |
|
1818 .@{prefix}-ico { |
|
1819 font-family: 'tinymce', Arial; |
|
1820 font-style: normal; |
|
1821 font-weight: normal; |
|
1822 font-variant: normal; |
|
1823 font-size: @iconSize; |
|
1824 line-height: 16px; |
|
1825 speak: none; |
|
1826 vertical-align: text-top; |
|
1827 -webkit-font-smoothing: antialiased; |
|
1828 -moz-osx-font-smoothing: grayscale; |
|
1829 |
|
1830 display: inline-block; |
|
1831 background: transparent center center; |
|
1832 background-size: cover; |
|
1833 width: 16px; |
|
1834 height: 16px; |
|
1835 color: @btn-text; |
|
1836 } |
|
1837 |
|
1838 .@{prefix}-btn-small .@{prefix}-ico { |
|
1839 font-family: 'tinymce-small', Arial; |
|
1840 } |
|
1841 |
|
1842 .@{prefix}-i-save:before { content: "\e000"; } |
|
1843 .@{prefix}-i-newdocument:before { content: "\e001"; } |
|
1844 .@{prefix}-i-fullpage:before { content: "\e002"; } |
|
1845 .@{prefix}-i-alignleft:before { content: "\e003"; } |
|
1846 .@{prefix}-i-aligncenter:before { content: "\e004"; } |
|
1847 .@{prefix}-i-alignright:before { content: "\e005"; } |
|
1848 .@{prefix}-i-alignjustify:before { content: "\e006"; } |
|
1849 .@{prefix}-i-cut:before { content: "\e007"; } |
|
1850 .@{prefix}-i-paste:before { content: "\e008"; } |
|
1851 .@{prefix}-i-searchreplace:before { content: "\e009"; } |
|
1852 .@{prefix}-i-bullist:before { content: "\e00a"; } |
|
1853 .@{prefix}-i-numlist:before { content: "\e00b"; } |
|
1854 .@{prefix}-i-indent:before { content: "\e00c"; } |
|
1855 .@{prefix}-i-outdent:before { content: "\e00d"; } |
|
1856 .@{prefix}-i-blockquote:before { content: "\e00e"; } |
|
1857 .@{prefix}-i-undo:before { content: "\e00f"; } |
|
1858 .@{prefix}-i-redo:before { content: "\e010"; } |
|
1859 .@{prefix}-i-link:before { content: "\e011"; } |
|
1860 .@{prefix}-i-unlink:before { content: "\e012"; } |
|
1861 .@{prefix}-i-anchor:before { content: "\e013"; } |
|
1862 .@{prefix}-i-image:before { content: "\e014"; } |
|
1863 .@{prefix}-i-media:before { content: "\e015"; } |
|
1864 .@{prefix}-i-help:before { content: "\e016"; } |
|
1865 .@{prefix}-i-code:before { content: "\e017"; } |
|
1866 .@{prefix}-i-insertdatetime:before { content: "\e018"; } |
|
1867 .@{prefix}-i-preview:before { content: "\e019"; } |
|
1868 .@{prefix}-i-forecolor:before { content: "\e01a"; } |
|
1869 .@{prefix}-i-backcolor:before { content: "\e01a"; } |
|
1870 .@{prefix}-i-table:before { content: "\e01b"; } |
|
1871 .@{prefix}-i-hr:before { content: "\e01c"; } |
|
1872 .@{prefix}-i-removeformat:before { content: "\e01d"; } |
|
1873 .@{prefix}-i-subscript:before { content: "\e01e"; } |
|
1874 .@{prefix}-i-superscript:before { content: "\e01f"; } |
|
1875 .@{prefix}-i-charmap:before { content: "\e020"; } |
|
1876 .@{prefix}-i-emoticons:before { content: "\e021"; } |
|
1877 .@{prefix}-i-print:before { content: "\e022"; } |
|
1878 .@{prefix}-i-fullscreen:before { content: "\e023"; } |
|
1879 .@{prefix}-i-spellchecker:before { content: "\e024"; } |
|
1880 .@{prefix}-i-nonbreaking:before { content: "\e025"; } |
|
1881 .@{prefix}-i-template:before { content: "\e026"; } |
|
1882 .@{prefix}-i-pagebreak:before { content: "\e027"; } |
|
1883 .@{prefix}-i-restoredraft:before { content: "\e028"; } |
|
1884 .@{prefix}-i-untitled:before { content: "\e029"; } |
|
1885 .@{prefix}-i-bold:before { content: "\e02a"; } |
|
1886 .@{prefix}-i-italic:before { content: "\e02b"; } |
|
1887 .@{prefix}-i-underline:before { content: "\e02c"; } |
|
1888 .@{prefix}-i-strikethrough:before { content: "\e02d"; } |
|
1889 .@{prefix}-i-visualchars:before { content: "\e02e"; } |
|
1890 .@{prefix}-i-visualblocks:before { content: "\e02e"; } |
|
1891 .@{prefix}-i-ltr:before { content: "\e02f"; } |
|
1892 .@{prefix}-i-rtl:before { content: "\e030"; } |
|
1893 .@{prefix}-i-copy:before { content: "\e031"; } |
|
1894 .@{prefix}-i-resize:before { content: "\e032"; } |
|
1895 .@{prefix}-i-browse:before { content: "\e034"; } |
|
1896 .@{prefix}-i-pastetext:before { content: "\e035"; } |
|
1897 |
|
1898 .@{prefix}-i-checkbox:before, .@{prefix}-i-selected:before { |
|
1899 content: "\e033"; |
|
1900 } |
|
1901 |
|
1902 .@{prefix}-i-selected { visibility: hidden; } |
|
1903 i.@{prefix}-i-backcolor { text-shadow: none; background: @colorbtn-backcolor-bg; } |