tinymce-rails 4.5.1 → 4.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -8
  3. data/app/assets/source/tinymce/tinymce.js +337 -60
  4. data/lib/tinymce/rails/engine.rb +4 -4
  5. data/lib/tinymce/rails/version.rb +2 -2
  6. data/vendor/assets/javascripts/tinymce/jquery.tinymce.js +1 -1
  7. data/vendor/assets/javascripts/tinymce/plugins/advlist/plugin.js +1 -1
  8. data/vendor/assets/javascripts/tinymce/plugins/autolink/plugin.js +1 -1
  9. data/vendor/assets/javascripts/tinymce/plugins/autoresize/plugin.js +1 -1
  10. data/vendor/assets/javascripts/tinymce/plugins/autosave/plugin.js +1 -1
  11. data/vendor/assets/javascripts/tinymce/plugins/charmap/plugin.js +1 -1
  12. data/vendor/assets/javascripts/tinymce/plugins/codesample/plugin.js +1 -1
  13. data/vendor/assets/javascripts/tinymce/plugins/fullpage/plugin.js +1 -1
  14. data/vendor/assets/javascripts/tinymce/plugins/fullscreen/plugin.js +1 -1
  15. data/vendor/assets/javascripts/tinymce/plugins/image/plugin.js +1 -1
  16. data/vendor/assets/javascripts/tinymce/plugins/imagetools/plugin.js +1 -1
  17. data/vendor/assets/javascripts/tinymce/plugins/importcss/plugin.js +1 -1
  18. data/vendor/assets/javascripts/tinymce/plugins/link/plugin.js +1 -1
  19. data/vendor/assets/javascripts/tinymce/plugins/lists/plugin.js +1 -1
  20. data/vendor/assets/javascripts/tinymce/plugins/media/plugin.js +1 -1
  21. data/vendor/assets/javascripts/tinymce/plugins/paste/plugin.js +1 -1
  22. data/vendor/assets/javascripts/tinymce/plugins/searchreplace/plugin.js +1 -1
  23. data/vendor/assets/javascripts/tinymce/plugins/spellchecker/plugin.js +1 -1
  24. data/vendor/assets/javascripts/tinymce/plugins/table/plugin.js +2 -2
  25. data/vendor/assets/javascripts/tinymce/plugins/textcolor/plugin.js +1 -1
  26. data/vendor/assets/javascripts/tinymce/plugins/textpattern/plugin.js +1 -1
  27. data/vendor/assets/javascripts/tinymce/plugins/toc/plugin.js +1 -1
  28. data/vendor/assets/javascripts/tinymce/plugins/visualchars/plugin.js +1 -1
  29. data/vendor/assets/javascripts/tinymce/plugins/wordcount/plugin.js +1 -1
  30. data/vendor/assets/javascripts/tinymce/skins/lightgray/content.inline.min.css +1 -1
  31. data/vendor/assets/javascripts/tinymce/skins/lightgray/content.min.css +1 -1
  32. data/vendor/assets/javascripts/tinymce/themes/inlite/theme.js +1 -1
  33. data/vendor/assets/javascripts/tinymce/themes/modern/theme.js +1 -1
  34. data/vendor/assets/javascripts/tinymce/tinymce.js +14 -14
  35. metadata +2 -63
  36. data/vendor/assets/javascripts/tinymce/plugins/codesample/plugin.dev.js +0 -141
  37. data/vendor/assets/javascripts/tinymce/plugins/layer/plugin.js +0 -1
  38. data/vendor/assets/javascripts/tinymce/plugins/paste/plugin.dev.js +0 -143
  39. data/vendor/assets/javascripts/tinymce/plugins/spellchecker/plugin.dev.js +0 -139
  40. data/vendor/assets/javascripts/tinymce/plugins/table/plugin.dev.js +0 -143
  41. data/vendor/assets/javascripts/tinymce/skins/lightgray/AbsoluteLayout.less +0 -17
  42. data/vendor/assets/javascripts/tinymce/skins/lightgray/Animations.less +0 -10
  43. data/vendor/assets/javascripts/tinymce/skins/lightgray/Arrows.less +0 -115
  44. data/vendor/assets/javascripts/tinymce/skins/lightgray/Button.less +0 -175
  45. data/vendor/assets/javascripts/tinymce/skins/lightgray/ButtonGroup.less +0 -71
  46. data/vendor/assets/javascripts/tinymce/skins/lightgray/Checkbox.less +0 -49
  47. data/vendor/assets/javascripts/tinymce/skins/lightgray/ColorBox.less +0 -6
  48. data/vendor/assets/javascripts/tinymce/skins/lightgray/ColorButton.less +0 -72
  49. data/vendor/assets/javascripts/tinymce/skins/lightgray/ColorPicker.less +0 -80
  50. data/vendor/assets/javascripts/tinymce/skins/lightgray/ComboBox.less +0 -97
  51. data/vendor/assets/javascripts/tinymce/skins/lightgray/Container.less +0 -9
  52. data/vendor/assets/javascripts/tinymce/skins/lightgray/Content.Inline.less +0 -4
  53. data/vendor/assets/javascripts/tinymce/skins/lightgray/Content.Objects.less +0 -178
  54. data/vendor/assets/javascripts/tinymce/skins/lightgray/Content.less +0 -27
  55. data/vendor/assets/javascripts/tinymce/skins/lightgray/CropRect.less +0 -62
  56. data/vendor/assets/javascripts/tinymce/skins/lightgray/FieldSet.less +0 -15
  57. data/vendor/assets/javascripts/tinymce/skins/lightgray/FitLayout.less +0 -9
  58. data/vendor/assets/javascripts/tinymce/skins/lightgray/FloatPanel.less +0 -69
  59. data/vendor/assets/javascripts/tinymce/skins/lightgray/FlowLayout.less +0 -36
  60. data/vendor/assets/javascripts/tinymce/skins/lightgray/Icons.Ie7.less +0 -136
  61. data/vendor/assets/javascripts/tinymce/skins/lightgray/Icons.less +0 -182
  62. data/vendor/assets/javascripts/tinymce/skins/lightgray/Iframe.less +0 -6
  63. data/vendor/assets/javascripts/tinymce/skins/lightgray/ImagePanel.less +0 -25
  64. data/vendor/assets/javascripts/tinymce/skins/lightgray/InfoBox.less +0 -71
  65. data/vendor/assets/javascripts/tinymce/skins/lightgray/Label.less +0 -38
  66. data/vendor/assets/javascripts/tinymce/skins/lightgray/ListBox.less +0 -26
  67. data/vendor/assets/javascripts/tinymce/skins/lightgray/Menu.less +0 -34
  68. data/vendor/assets/javascripts/tinymce/skins/lightgray/MenuBar.less +0 -32
  69. data/vendor/assets/javascripts/tinymce/skins/lightgray/MenuButton.less +0 -34
  70. data/vendor/assets/javascripts/tinymce/skins/lightgray/MenuItem.less +0 -176
  71. data/vendor/assets/javascripts/tinymce/skins/lightgray/Mixins.less +0 -54
  72. data/vendor/assets/javascripts/tinymce/skins/lightgray/Notification.less +0 -142
  73. data/vendor/assets/javascripts/tinymce/skins/lightgray/Panel.less +0 -7
  74. data/vendor/assets/javascripts/tinymce/skins/lightgray/Path.less +0 -45
  75. data/vendor/assets/javascripts/tinymce/skins/lightgray/Progress.less +0 -34
  76. data/vendor/assets/javascripts/tinymce/skins/lightgray/Radio.less +0 -1
  77. data/vendor/assets/javascripts/tinymce/skins/lightgray/Reset.less +0 -32
  78. data/vendor/assets/javascripts/tinymce/skins/lightgray/ResizeHandle.less +0 -18
  79. data/vendor/assets/javascripts/tinymce/skins/lightgray/Scrollable.less +0 -44
  80. data/vendor/assets/javascripts/tinymce/skins/lightgray/SelectBox.less +0 -6
  81. data/vendor/assets/javascripts/tinymce/skins/lightgray/Sidebar.less +0 -49
  82. data/vendor/assets/javascripts/tinymce/skins/lightgray/Slider.less +0 -33
  83. data/vendor/assets/javascripts/tinymce/skins/lightgray/Spacer.less +0 -5
  84. data/vendor/assets/javascripts/tinymce/skins/lightgray/SplitButton.less +0 -49
  85. data/vendor/assets/javascripts/tinymce/skins/lightgray/StackLayout.less +0 -5
  86. data/vendor/assets/javascripts/tinymce/skins/lightgray/TabPanel.less +0 -44
  87. data/vendor/assets/javascripts/tinymce/skins/lightgray/TextBox.less +0 -41
  88. data/vendor/assets/javascripts/tinymce/skins/lightgray/Throbber.less +0 -19
  89. data/vendor/assets/javascripts/tinymce/skins/lightgray/TinyMCE.less +0 -159
  90. data/vendor/assets/javascripts/tinymce/skins/lightgray/ToolTip.less +0 -133
  91. data/vendor/assets/javascripts/tinymce/skins/lightgray/Variables.less +0 -218
  92. data/vendor/assets/javascripts/tinymce/skins/lightgray/Window.less +0 -127
  93. data/vendor/assets/javascripts/tinymce/skins/lightgray/skin.dev.less +0 -48
  94. data/vendor/assets/javascripts/tinymce/skins/lightgray/skin.ie7.dev.less +0 -47
  95. data/vendor/assets/javascripts/tinymce/skins/lightgray/skin.ie7.less +0 -2777
  96. data/vendor/assets/javascripts/tinymce/skins/lightgray/skin.less +0 -2874
@@ -1,2874 +0,0 @@
1
-
2
- // Variables
3
- // Syntax: <control>-(<sub control>)-<bg|border|text>-(<state>)-(<extra>);
4
- // Example: @btn-primary-bg-hover-hlight;
5
-
6
- @prefix: mce;
7
-
8
- // Default font
9
- @font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
10
- @font-size: 14px;
11
- @line-height: 20px;
12
- @has-gradients: false;
13
- @has-radius: false;
14
- @has-boxshadow: false;
15
- @has-button-borders: false;
16
-
17
- // Text colors
18
- @text: #333;
19
- @text-inverse: white;
20
- @text-disabled: #aaa;
21
- @text-shadow: 0 1px 1px hsla(hue(@text-inverse), saturation(@text-inverse), lightness(@text-inverse), 0.75);
22
- @text-error: #b94a48;
23
- @text-warning: #c09853;
24
- @text-success: #468847;
25
-
26
- // Button
27
- @btn-text: @text;
28
- @btn-text-shadow: none;
29
- @btn-border-top: transparent;
30
- @btn-border-right: transparent;
31
- @btn-border-bottom: transparent;
32
- @btn-border-left: transparent;
33
- @btn-caret-border: @btn-text;
34
- @btn-text-disabled: @text-disabled;
35
- @btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
36
- @btn-box-shadow-active: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
37
- @btn-box-disabled-opacity: 0.4;
38
- @btn-bg: white;
39
- @btn-bg-hlight: #D9D9D9;
40
- @btn-bg-hover: darken(@btn-bg, 5%);
41
- @btn-bg-hlight-hover: darken(@btn-bg-hlight, 5%);
42
- @btn-border-hover: darken(@btn-bg, 20%);
43
- @btn-border-active: darken(@btn-bg, 20%);
44
- @btn-padding: 4px 8px;
45
-
46
- @btn-primary-bg: #2980b9;
47
- @btn-primary-bg-hlight: #3498db;
48
- @btn-primary-bg-hover: darken(@btn-primary-bg, 5%);
49
- @btn-primary-bg-hover-hlight: darken(@btn-primary-bg-hlight, 5%);
50
- @btn-primary-text: #fff;
51
- @btn-primary-text-shadow: none;
52
- @btn-primary-border-top: mix(@btn-border-top, @btn-primary-bg, 50%);
53
- @btn-primary-border-right: mix(@btn-border-right, @btn-primary-bg, 50%);
54
- @btn-primary-border-bottom: mix(@btn-border-bottom, @btn-primary-bg, 50%);
55
- @btn-primary-border-left: mix(@btn-border-left, @btn-primary-bg, 50%);
56
- @btn-primary-border: transparent;
57
- @btn-primary-border-hover: transparent;
58
-
59
- // Button group
60
- @btn-group-border-width: 1px;
61
-
62
- // Menu
63
- @menuitem-text: @text;
64
- @menu-bg: #fff;
65
- @menu-margin: -1px 0 0;
66
- @menu-border: rgba(0, 0, 0, 0.2);
67
- @menubar-border: mix(@panel-border, @panel-bg, 60%);
68
- @menuitem-text-inverse: @text-inverse;
69
- @menubar-bg-active: darken(@btn-bg, 10%);
70
- @menuitem-bg-hover: #0081C2;
71
- @menuitem-bg-selected: #2980b9;
72
- @menuitem-bg-selected-hlight: #3498db;
73
- @menuitem-bg-disabled: #CCC;
74
- @menuitem-caret: @menuitem-text;
75
- @menuitem-caret-selected: @menuitem-text-inverse;
76
- @menuitem-separator-top: transparent;
77
- @menuitem-separator-bottom: rgba(0,0,0,0.1);
78
- @menuitem-bg-active: #3498db;
79
- @menuitem-text-active: @text-inverse;
80
- @menuitem-preview-border-active: #aaa;
81
- @menubar-menubtn-text: #333;
82
-
83
- // Panel
84
- @panel-border: rgba(0,0,0,.2);
85
- @panel-bg: #FDFDFD;
86
- @panel-bg-hlight: #DDD;
87
-
88
- // Tabs
89
- @tab-border: #c5c5c5;
90
- @tab-bg: #ffffff;
91
- @tab-bg-hover: #FDFDFD;
92
- @tab-bg-active: #FDFDFD;
93
- @tabs-bg: #FFF;
94
-
95
- // Tooltip
96
- @tooltip-bg: #000;
97
- @tooltip-text: white;
98
- @tooltip-font-size: 11px;
99
-
100
- // Notification
101
- @notification-font-size: 14px;
102
- @notification-bg: #F0F0F0;
103
- @notification-border: #CCCCCC;
104
- @notification-text: #333333;
105
- @notification-success-bg: #dff0d8;
106
- @notification-success-border: #d6e9c6;
107
- @notification-success-text: #3c763d;
108
- @notification-info-bg: #d9edf7;
109
- @notification-info-border: #779ECB;
110
- @notification-info-text: #31708f;
111
- @notification-warning-bg: #fcf8e3;
112
- @notification-warning-border: #faebcc;
113
- @notification-warning-text: #8a6d3b;
114
- @notification-error-bg: #f2dede;
115
- @notification-error-border: #ebccd1;
116
- @notification-error-text: #a94442;
117
-
118
- // Infobox
119
- @infobox-bg: @notification-bg;
120
- @infobox-border: @notification-border;
121
- @infobox-text: @notification-text;
122
- @infobox-success-bg: @notification-success-bg;
123
- @infobox-success-border: @notification-success-border;
124
- @infobox-success-text: @notification-success-text;
125
- @infobox-info-bg: @notification-info-bg;
126
- @infobox-info-border: @notification-info-border;
127
- @infobox-info-text: @notification-info-text;
128
- @infobox-warning-bg: @notification-warning-bg;
129
- @infobox-warning-border: @notification-warning-border;
130
- @infobox-warning-text: @notification-warning-text;
131
- @infobox-error-bg: @notification-error-bg;
132
- @infobox-error-border: @notification-error-border;
133
- @infobox-error-text: @notification-error-text;
134
-
135
- // Window
136
- @window-border: #c5c5c5;
137
- @window-head-border: @window-border;
138
- @window-head-close: mix(@text, @window-bg, 60%);
139
- @window-head-close-hover: mix(@text, @window-bg, 40%);
140
- @window-foot-border: @window-border;
141
- @window-foot-bg: @window-bg;
142
- @window-fullscreen-bg: #FFF;
143
- @window-modalblock-bg: #000;
144
- @window-modalblock-opacity: 0.3;
145
- @window-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
146
- @window-bg: #FFF;
147
- @window-title-font-size: 20px;
148
-
149
- // Popover
150
- @popover-bg: @window-bg;
151
- @popover-arrow-width: 10px;
152
- @popover-arrow: @window-bg;
153
- @popover-arrow-outer-width: @popover-arrow-width + 1;
154
- @popover-arrow-outer: rgba(0, 0, 0, 0.25);
155
-
156
- // Floatpanel
157
- @floatpanel-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
158
-
159
- // Checkbox
160
- @checkbox-bg: @btn-bg;
161
- @checkbox-bg-hlight: @btn-bg-hlight;
162
- @checkbox-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
163
- @checkbox-border: #c5c5c5;
164
- @checkbox-border-focus: rgba(82, 168, 236, .8);
165
-
166
- // Path
167
- @path-text: @text;
168
- @path-bg-focus: #666;
169
- @path-text-focus: #fff;
170
-
171
- // Textbox
172
- @textbox-text-placeholder: #aaa;
173
- @textbox-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
174
- @textbox-bg: #fff;
175
- @textbox-border: #c5c5c5;
176
- @textbox-border-focus: #3498db;
177
-
178
- // Selectbox
179
- @selectbox-bg: @textbox-bg;
180
- @selectbox-border: @textbox-border;
181
-
182
- // Throbber
183
- @throbber-bg: #fff url('img/loader.gif') no-repeat center center;
184
-
185
- // Combobox
186
- @combobox-border: @textbox-border;
187
- @combobox-error-text: @text-error;
188
- @combobox-warning-text: @text-warning;
189
- @combobox-success-text: @text-success;
190
-
191
- // Colorpicker
192
- @colorpicker-border: @textbox-border;
193
- @colorpicker-hue-bg: #fff;
194
- @colorpicker-hue-border: #333;
195
-
196
- // Grid
197
- @grid-bg-active: @menuitem-bg-active;
198
- @grid-border-active: @menuitem-bg-active;
199
- @grid-border: #d6d6d6;
200
-
201
- // Misc
202
- @colorbtn-backcolor-bg: #BBB;
203
- @iframe-border: @panel-border;
204
-
205
- // Slider
206
- @slider-border: #AAA;
207
- @slider-bg: #EEE;
208
- @slider-handle-border: #BBB;
209
- @slider-handle-bg: #DDD;
210
- @slider-handle-bg-focus: #BBB;
211
-
212
- // Progress
213
- @progress-border: #ccc;
214
- @progress-bar-bg: #dfdfdf;
215
- @progress-bar-bg-hlight: #cccccc;
216
- @progress-text: @text;
217
-
218
- // Flow layout
219
- @flow-layout-spacing: 2px;
220
-
221
-
222
- // Reset
223
-
224
- .@{prefix}-container, .@{prefix}-container *, .@{prefix}-widget, .@{prefix}-widget *, .@{prefix}-reset {
225
- margin: 0; padding: 0; border: 0; outline: 0;
226
- vertical-align: top; background: transparent;
227
- text-decoration: none; color: @text;
228
- font-family: @font-family;
229
- font-size: @font-size; text-shadow: none; float: none;
230
- position: static; width: auto; height: auto;
231
- white-space: nowrap; cursor: inherit;
232
- -webkit-tap-highlight-color: transparent;
233
- line-height: normal; font-weight: normal;
234
- text-align: left;
235
- -moz-box-sizing: content-box;
236
- -webkit-box-sizing: content-box;
237
- box-sizing: content-box;
238
- direction: ltr;
239
- max-width: none;
240
- }
241
-
242
- .@{prefix}-widget button {
243
- -moz-box-sizing: border-box;
244
- -webkit-box-sizing: border-box;
245
- box-sizing: border-box;
246
- }
247
-
248
- .@{prefix}-container *[unselectable] {
249
- -moz-user-select: none;
250
- -webkit-user-select: none;
251
- -o-user-select: none;
252
- user-select: none;
253
- }
254
-
255
-
256
- // Mixins
257
-
258
- .opacity(@opacity) {
259
- opacity: @opacity;
260
- @opacityie: @opacity * 100;
261
- filter: ~"alpha(opacity=@{opacityie})";
262
- zoom: 1;
263
- }
264
-
265
- .vertical-gradient(@startColor, @endColor) when (@has-gradients = true) {
266
- background-color: mix(@startColor, @endColor, 60%);
267
- background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
268
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
269
- background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
270
- background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
271
- background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10
272
- background-repeat: repeat-x;
273
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@startColor), argb(@endColor)));
274
- zoom: 1;
275
- }
276
-
277
- .vertical-gradient(@startColor, @endColor) when (@has-gradients = false) {
278
- background-color: mix(@startColor, @endColor, 60%);
279
- }
280
-
281
- .border-radius(@radius) when (@has-radius = true) {
282
- -webkit-border-radius: @radius;
283
- -moz-border-radius: @radius;
284
- border-radius: @radius;
285
- }
286
-
287
- .box-shadow(@shadowA, @shadowB:X, ...) when (@has-boxshadow = true) {
288
- // Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/
289
- @props: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`;
290
- -webkit-box-shadow: @props;
291
- -moz-box-shadow: @props;
292
- box-shadow: @props;
293
- }
294
-
295
- .transition(@transition) {
296
- -webkit-transition: @transition;
297
- transition: @transition;
298
- }
299
-
300
- .inline-block() {
301
- display: inline-block;
302
- *display: inline;
303
- *zoom: 1;
304
- }
305
-
306
- .reset-gradient() {
307
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
308
- background: transparent;
309
- }
310
-
311
-
312
- // Animations
313
-
314
- .@{prefix}-fade {
315
- opacity: 0;
316
- .transition(opacity .15s linear);
317
-
318
- &.@{prefix}-in {
319
- opacity: 1;
320
- }
321
- }
322
-
323
-
324
- .@{prefix}-tinymce {
325
- // Avoid FOUC
326
- visibility: inherit !important;
327
- position: relative;
328
- }
329
-
330
- .@{prefix}-fullscreen {
331
- border: 0; padding: 0; margin: 0;
332
- overflow: hidden;
333
- height: 100%;
334
- z-index: 100;
335
- }
336
-
337
- div.@{prefix}-fullscreen {
338
- position: fixed;
339
- top: 0; left: 0;
340
- width: 100%;
341
- height: auto;
342
- }
343
-
344
- .@{prefix}-tinymce {
345
- display: block;
346
- .border-radius(2px);
347
- }
348
-
349
- .@{prefix}-wordcount {
350
- position: absolute;
351
- top: 0;
352
- right: 0;
353
- padding: 8px;
354
- }
355
-
356
- div.@{prefix}-edit-area {
357
- background: #FFF;
358
- filter: none;
359
- }
360
-
361
- .@{prefix}-statusbar {
362
- position: relative;
363
- }
364
-
365
- .@{prefix}-statusbar .@{prefix}-container-body {
366
- position: relative;
367
- }
368
-
369
- .@{prefix}-fullscreen .@{prefix}-resizehandle {
370
- display: none;
371
- }
372
-
373
- // Charmap
374
-
375
- .@{prefix}-charmap {
376
- border-collapse: collapse;
377
- }
378
-
379
- .@{prefix}-charmap td {
380
- cursor: default;
381
- border: 1px solid @panel-border;
382
- width: 20px;
383
- height: 20px;
384
- line-height: 20px;
385
- text-align: center;
386
- vertical-align: middle;
387
- padding: 2px;
388
- }
389
-
390
- .@{prefix}-charmap td div {
391
- text-align: center;
392
- }
393
-
394
- .@{prefix}-charmap td:hover {
395
- background: @btn-bg-hlight;
396
- }
397
-
398
- .@{prefix}-grid td.@{prefix}-grid-cell div {
399
- border: 1px solid @grid-border;
400
- width: 15px; height: 15px;
401
- margin: 0px;
402
- cursor: pointer;
403
-
404
- &:focus {
405
- border-color: @grid-border-active;
406
- }
407
-
408
- &[disabled] {
409
- cursor: not-allowed;
410
- }
411
- }
412
-
413
- .@{prefix}-grid {
414
- border-spacing: 2px;
415
- border-collapse: separate;
416
-
417
- a {
418
- display: block;
419
- border: 1px solid transparent;
420
-
421
- &:hover, &:focus {
422
- border-color: @grid-border-active;
423
- }
424
- }
425
- }
426
-
427
- .@{prefix}-grid-border {
428
- margin: 0 4px 0 4px;
429
-
430
- a {
431
- border-color: @grid-border;
432
- width: 13px; height: 13px;
433
- }
434
-
435
- a:hover, a.@{prefix}-active {
436
- border-color: @grid-border-active;
437
- background: @grid-bg-active;
438
- }
439
- }
440
-
441
- .@{prefix}-text-center {
442
- text-align: center;
443
- }
444
-
445
- div.@{prefix}-tinymce-inline {
446
- width: 100%;
447
- .box-shadow(none);
448
- }
449
-
450
- .@{prefix}-colorbtn-trans div {
451
- text-align: center;
452
- vertical-align: middle;
453
- font-weight: bold;
454
- font-size: 20px;
455
- line-height: 16px;
456
- color: mix(@text, #fff, 70%);
457
- }
458
-
459
- .@{prefix}-monospace {
460
- font-family: "Courier New", Courier, monospace;
461
- }
462
-
463
- // Reduce double margins between toolbar rows
464
-
465
- .@{prefix}-toolbar-grp when (@has-button-borders = false) {
466
- padding: @flow-layout-spacing 0;
467
- }
468
-
469
- .@{prefix}-toolbar-grp when (@has-button-borders = true) {
470
- padding-bottom: 2px;
471
- }
472
-
473
- .@{prefix}-toolbar-grp .@{prefix}-flow-layout-item {
474
- margin-bottom: 0;
475
- }
476
-
477
- // RTL
478
-
479
- .@{prefix}-rtl .@{prefix}-wordcount {
480
- left: 0;
481
- right: auto;
482
- }
483
-
484
-
485
- // CropRect
486
-
487
- .@{prefix}-croprect-container {
488
- position: absolute;
489
- top: 0;
490
- left: 0;
491
- }
492
-
493
- .@{prefix}-croprect-handle {
494
- position: absolute;
495
- top: 0; left: 0;
496
- width: 20px; height: 20px;
497
- border: 2px solid white;
498
- }
499
-
500
- .@{prefix}-croprect-handle-nw {
501
- border-width: 2px 0 0 2px;
502
- margin: -2px 0 0 -2px;
503
- cursor: nw-resize;
504
- top: 100px; left: 100px;
505
- }
506
-
507
- .@{prefix}-croprect-handle-ne {
508
- border-width: 2px 2px 0 0;
509
- margin: -2px 0 0 -20px;
510
- cursor: ne-resize;
511
- top: 100px; left: 200px;
512
- }
513
-
514
- .@{prefix}-croprect-handle-sw {
515
- border-width: 0 0 2px 2px;
516
- margin: -20px 2px 0 -2px;
517
- cursor: sw-resize;
518
- top: 200px; left: 100px;
519
- }
520
-
521
- .@{prefix}-croprect-handle-se {
522
- border-width: 0 2px 2px 0;
523
- margin: -20px 0 0 -20px;
524
- cursor: se-resize;
525
- top: 200px; left: 200px;
526
- }
527
-
528
- .@{prefix}-croprect-handle-move {
529
- position: absolute;
530
- cursor: move;
531
- border: 0;
532
- }
533
-
534
- .@{prefix}-croprect-block {
535
- .opacity(@window-modalblock-opacity);
536
- position: absolute;
537
- background: black;
538
- }
539
-
540
- .@{prefix}-croprect-handle:focus {
541
- border-color: @textbox-border-focus;
542
- }
543
-
544
- .@{prefix}-croprect-handle-move:focus {
545
- outline: 1px solid @textbox-border-focus;
546
- }
547
-
548
-
549
- // ImagePanel
550
-
551
- .@{prefix}-imagepanel {
552
- overflow: auto;
553
- background: black;
554
- }
555
-
556
- .@{prefix}-imagepanel-bg {
557
- position: absolute;
558
- background: url('data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==');
559
- }
560
-
561
- .@{prefix}-imagepanel img {
562
- position: absolute;
563
- }
564
-
565
- .@{prefix}-imagetool.@{prefix}-btn .@{prefix}-ico {
566
- display: block;
567
- width: 20px;
568
- height: 20px;
569
- text-align: center;
570
- line-height: 20px;
571
- font-size: 20px;
572
- padding: 5px;
573
- }
574
-
575
-
576
- // Arrows
577
-
578
- .@{prefix}-arrow-up {
579
- margin-top: 12px;
580
- }
581
-
582
- .@{prefix}-arrow-down {
583
- margin-top: -12px;
584
- }
585
-
586
- .@{prefix}-arrow:before,
587
- .@{prefix}-arrow:after {
588
- position: absolute;
589
- left: 50%;
590
- display: block;
591
- width: 0;
592
- height: 0;
593
- border-style: solid;
594
- border-color: transparent;
595
- content: "";
596
- }
597
-
598
- .@{prefix}-arrow.@{prefix}-arrow-up:before {
599
- top: -9px;
600
- border-bottom-color: @panel-border;
601
- border-width: 0 9px 9px;
602
- margin-left: -9px;
603
- }
604
-
605
- .@{prefix}-arrow.@{prefix}-arrow-down:before {
606
- bottom: -9px;
607
- border-top-color: @panel-border;
608
- border-width: 9px 9px 0;
609
- margin-left: -9px;
610
- }
611
-
612
- .@{prefix}-arrow.@{prefix}-arrow-up:after {
613
- top: -8px;
614
- border-bottom-color: mix(@panel-bg, @panel-bg-hlight, 60%);
615
- border-width: 0 8px 8px;
616
- margin-left: -8px;
617
- }
618
-
619
- .@{prefix}-arrow.@{prefix}-arrow-down:after {
620
- bottom: -8px;
621
- border-top-color: mix(@panel-bg, @panel-bg-hlight, 60%);
622
- border-width: 8px 8px 0;
623
- margin-left: -8px;
624
- }
625
-
626
- .@{prefix}-arrow.@{prefix}-arrow-left:before,
627
- .@{prefix}-arrow.@{prefix}-arrow-left:after {
628
- margin: 0;
629
- }
630
-
631
- .@{prefix}-arrow.@{prefix}-arrow-left:before {
632
- left: 8px;
633
- }
634
- .@{prefix}-arrow.@{prefix}-arrow-left:after {
635
- left: 9px;
636
- }
637
-
638
- .@{prefix}-arrow.@{prefix}-arrow-right:before,
639
- .@{prefix}-arrow.@{prefix}-arrow-right:after {
640
- left: auto;
641
- margin: 0;
642
- }
643
-
644
- .@{prefix}-arrow.@{prefix}-arrow-right:before {
645
- right: 8px;
646
- }
647
-
648
- .@{prefix}-arrow.@{prefix}-arrow-right:after {
649
- right: 9px;
650
- }
651
-
652
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-left:before {
653
- left: -9px;
654
- top: 50%;
655
- border-right-color: @panel-border;
656
- border-width: 9px 9px 9px 0;
657
- margin-top: -9px;
658
- }
659
-
660
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-left:after {
661
- left: -8px;
662
- top: 50%;
663
- border-right-color: mix(@panel-bg, @panel-bg-hlight, 60%);
664
- border-width: 8px 8px 8px 0;
665
- margin-top: -8px;
666
- }
667
-
668
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-left {
669
- margin-left: 12px;
670
- }
671
-
672
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-right:before {
673
- right: -9px;
674
- top: 50%;
675
- border-left-color: @panel-border;
676
- border-width: 9px 0 9px 9px;
677
- margin-top: -9px;
678
- }
679
-
680
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-right:after {
681
- right: -8px;
682
- top: 50%;
683
- border-left-color: mix(@panel-bg, @panel-bg-hlight, 60%);
684
- border-width: 8px 0 8px 8px;
685
- margin-top: -8px;
686
- }
687
-
688
- .@{prefix}-arrow.@{prefix}-arrow-center.@{prefix}-arrow.@{prefix}-arrow-right {
689
- margin-left: -14px;
690
- }
691
-
692
-
693
- // Sidebar
694
-
695
- .@{prefix}-edit-aria-container > .@{prefix}-container-body {
696
- display: flex;
697
-
698
- .@{prefix}-edit-area {
699
- flex: 1;
700
- }
701
-
702
- .@{prefix}-sidebar > .@{prefix}-container-body {
703
- display: flex;
704
- align-items: stretch;
705
- height: 100%;
706
- }
707
-
708
- .@{prefix}-sidebar-panel {
709
- min-width: 250px;
710
- max-width: 250px;
711
- position: relative;
712
-
713
- > .@{prefix}-container-body {
714
- position: absolute;
715
- width: 100%; height: 100%;
716
- overflow: auto;
717
- top: 0; left: 0;
718
- }
719
- }
720
- }
721
-
722
- .@{prefix}-sidebar-toolbar {
723
- border: 0 solid @panel-border;
724
- border-left-width: 1px;
725
-
726
- .@{prefix}-btn.@{prefix}-active, .@{prefix}-btn.@{prefix}-active:hover {
727
- border: 1px solid transparent;
728
- border-color: @btn-primary-border;
729
- .vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight);
730
-
731
- button, button i {
732
- color: @btn-primary-text;
733
- text-shadow: 1px 1px @btn-primary-text-shadow;
734
- }
735
- }
736
- }
737
-
738
- .@{prefix}-sidebar-panel {
739
- border: 0 solid @panel-border;
740
- border-left-width: 1px;
741
- }
742
-
743
-
744
- // Container
745
-
746
- .@{prefix}-container, .@{prefix}-container-body {
747
- display: block;
748
- }
749
-
750
- .@{prefix}-autoscroll {
751
- overflow: hidden;
752
- }
753
-
754
-
755
- // Scrollbar
756
-
757
- .@{prefix}-scrollbar {
758
- position: absolute;
759
- width: 7px;
760
- height: 100%;
761
- top: 2px;
762
- right: 2px;
763
- .opacity(0.4);
764
- }
765
-
766
- .@{prefix}-scrollbar-h {
767
- top: auto;
768
- right: auto;
769
- left: 2px;
770
- bottom: 2px;
771
- width: 100%;
772
- height: 7px;
773
- }
774
-
775
- .@{prefix}-scrollbar-thumb {
776
- position: absolute;
777
- background-color: #000;
778
- border: 1px solid #888;
779
- border-color: rgba(85, 85, 85, .6);
780
- width: 5px;
781
- height: 100%;
782
- .border-radius(7px);
783
- }
784
-
785
- .@{prefix}-scrollbar-h .@{prefix}-scrollbar-thumb {
786
- width: 100%;
787
- height: 5px;
788
- }
789
-
790
- .@{prefix}-scrollbar:hover, .@{prefix}-scrollbar.@{prefix}-active {
791
- background-color: #AAA;
792
- .opacity(0.6);
793
- .border-radius(7px);
794
- }
795
-
796
- .@{prefix}-scroll {
797
- position: relative;
798
- }
799
-
800
-
801
- // Panel
802
-
803
- .@{prefix}-panel {
804
- border: 0 solid mix(rgb(red(@panel-border), green(@panel-border), blue(@panel-border)), @panel-bg, 20%);
805
- border: 0 solid @panel-border;
806
- .vertical-gradient(@panel-bg, @panel-bg-hlight);
807
- }
808
-
809
-
810
- // FloatPanel
811
-
812
- .@{prefix}-floatpanel {
813
- position: absolute;
814
- .box-shadow(@floatpanel-box-shadow);
815
- }
816
-
817
- .@{prefix}-floatpanel.@{prefix}-fixed {
818
- position: fixed;
819
- }
820
-
821
- // Popover panel
822
-
823
- .@{prefix}-floatpanel .@{prefix}-arrow,
824
- .@{prefix}-floatpanel .@{prefix}-arrow:after {
825
- position: absolute;
826
- display: block;
827
- width: 0;
828
- height: 0;
829
- border-color: transparent;
830
- border-style: solid;
831
- }
832
-
833
- .@{prefix}-floatpanel .@{prefix}-arrow {
834
- border-width: @popover-arrow-outer-width;
835
- }
836
-
837
- .@{prefix}-floatpanel .@{prefix}-arrow:after {
838
- border-width: @popover-arrow-width;
839
- content: "";
840
- }
841
-
842
- .@{prefix}-floatpanel.@{prefix}-popover {
843
- .reset-gradient();
844
- .border-radius(6px);
845
- .box-shadow(@floatpanel-box-shadow);
846
- top: 0;
847
- left: 0;
848
- background: @popover-bg;
849
- border: 1px solid @panel-border;
850
- border: 1px solid @popover-arrow-outer;
851
-
852
- &.@{prefix}-bottom {
853
- margin-top: @popover-arrow-width;
854
- *margin-top: 0;
855
-
856
- & > .@{prefix}-arrow {
857
- left: 50%;
858
- margin-left: -@popover-arrow-outer-width;
859
- border-top-width: 0;
860
- border-bottom-color: @panel-border;
861
- border-bottom-color: @popover-arrow-outer;
862
- top: -@popover-arrow-outer-width;
863
-
864
- &:after {
865
- top: 1px;
866
- margin-left: -@popover-arrow-width;
867
- border-top-width: 0;
868
- border-bottom-color: @popover-arrow;
869
- }
870
- }
871
-
872
- &.@{prefix}-start { margin-left: -22px; }
873
- &.@{prefix}-start > .@{prefix}-arrow { left: 20px; }
874
-
875
- &.@{prefix}-end { margin-left: 22px; }
876
- &.@{prefix}-end > .@{prefix}-arrow { right: 10px; left: auto; }
877
- }
878
- }
879
-
880
- // Window
881
-
882
- .@{prefix}-fullscreen {
883
- border: 0; padding: 0; margin: 0;
884
- overflow: hidden;
885
- height: 100%;
886
- }
887
-
888
- div.@{prefix}-fullscreen {
889
- position: fixed;
890
- top: 0; left: 0;
891
- }
892
-
893
- #@{prefix}-modal-block {
894
- .opacity(0);
895
- position: fixed;
896
- left: 0; top: 0;
897
- width: 100%; height: 100%;
898
- background: @window-modalblock-bg;
899
- }
900
-
901
- #@{prefix}-modal-block.@{prefix}-in {
902
- .opacity(@window-modalblock-opacity);
903
- }
904
-
905
- .@{prefix}-window-move {
906
- cursor: move;
907
- }
908
-
909
- .@{prefix}-window {
910
- .border-radius(6px);
911
- .box-shadow(@window-box-shadow);
912
- .reset-gradient();
913
- background: @window-bg;
914
- position: fixed;
915
- top: 0; left: 0;
916
- opacity: 0;
917
- transform: scale(0.1);
918
- transition: transform 100ms ease-in, opacity 150ms ease-in;
919
- }
920
-
921
- .@{prefix}-window.@{prefix}-in {
922
- transform: scale(1);
923
- opacity: 1;
924
- }
925
-
926
- .@{prefix}-window-head {
927
- padding: 9px 15px;
928
- border-bottom: 1px solid @window-head-border;
929
- position: relative;
930
- }
931
-
932
- .@{prefix}-window-head .@{prefix}-close {
933
- position: absolute;
934
- right: 0;
935
- top: 0;
936
- height: 38px;
937
- width: 38px;
938
- text-align: center;
939
- cursor: pointer;
940
-
941
- i {
942
- color: @window-head-close;
943
- }
944
- }
945
-
946
- .@{prefix}-close:hover i {
947
- color: @window-head-close-hover;
948
- }
949
-
950
- .@{prefix}-window-head .@{prefix}-title {
951
- line-height: 20px;
952
- font-size: @window-title-font-size;
953
- font-weight: bold;
954
- text-rendering: optimizelegibility;
955
- padding-right: 20px;
956
- }
957
-
958
- .@{prefix}-window .@{prefix}-container-body {
959
- display: block;
960
- }
961
-
962
- .@{prefix}-foot {
963
- display: block;
964
- background-color: @window-foot-bg;
965
- border-top: 1px solid @window-foot-border;
966
- .border-radius(0 0 6px 6px);
967
- }
968
-
969
- .@{prefix}-window-head .@{prefix}-dragh {
970
- position: absolute;
971
- top: 0; left: 0;
972
- cursor: move;
973
- width: 90%;
974
- height: 100%;
975
- }
976
-
977
- .@{prefix}-window iframe {
978
- width: 100%;
979
- height: 100%;
980
- }
981
-
982
- .@{prefix}-window.@{prefix}-fullscreen, .@{prefix}-window.@{prefix}-fullscreen .@{prefix}-foot {
983
- .border-radius(0);
984
- }
985
-
986
- .@{prefix}-window-body .@{prefix}-listbox {
987
- border-color: @btn-border-hover;
988
- }
989
-
990
- // RTL
991
-
992
- .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-close {
993
- position: absolute;
994
- right: auto;
995
- left: 15px;
996
- }
997
-
998
- .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-dragh {
999
- left: auto;
1000
- right: 0;
1001
- }
1002
-
1003
- .@{prefix}-rtl .@{prefix}-window-head .@{prefix}-title {
1004
- direction: rtl;
1005
- text-align: right;
1006
- }
1007
-
1008
-
1009
- // Tooltip
1010
-
1011
- .@{prefix}-tooltip {
1012
- position: absolute;
1013
- padding: 5px;
1014
- .opacity(0.8);
1015
- }
1016
-
1017
- .@{prefix}-tooltip-inner {
1018
- font-size: @tooltip-font-size;
1019
- background-color: @tooltip-bg;
1020
- color: @tooltip-text;
1021
- max-width: 200px;
1022
- padding: 5px 8px 4px 8px;
1023
- text-align: center;
1024
- white-space: normal;
1025
- }
1026
-
1027
- .@{prefix}-tooltip-inner {
1028
- .border-radius(3px);
1029
- }
1030
-
1031
- .@{prefix}-tooltip-inner {
1032
- .box-shadow(0 0 5px @tooltip-bg);
1033
- }
1034
-
1035
- .@{prefix}-tooltip-arrow {
1036
- position: absolute;
1037
- width: 0;
1038
- height: 0;
1039
- line-height: 0;
1040
- border: 5px dashed @tooltip-bg;
1041
- }
1042
-
1043
- .@{prefix}-tooltip-arrow-n {
1044
- border-bottom-color: @tooltip-bg;
1045
- }
1046
-
1047
- .@{prefix}-tooltip-arrow-s {
1048
- border-top-color: @tooltip-bg;
1049
- }
1050
-
1051
- .@{prefix}-tooltip-arrow-e {
1052
- border-left-color: @tooltip-bg;
1053
- }
1054
-
1055
- .@{prefix}-tooltip-arrow-w {
1056
- border-right-color: @tooltip-bg;
1057
- }
1058
-
1059
- .@{prefix}-tooltip-nw, .@{prefix}-tooltip-sw {
1060
- margin-left: -14px;
1061
- }
1062
-
1063
- .@{prefix}-tooltip-ne, .@{prefix}-tooltip-se {
1064
- margin-left: 14px;
1065
- }
1066
-
1067
- .@{prefix}-tooltip-n .@{prefix}-tooltip-arrow {
1068
- top: 0px;
1069
- left: 50%;
1070
- margin-left: -5px;
1071
- border-bottom-style: solid;
1072
- border-top: none;
1073
- border-left-color: transparent;
1074
- border-right-color: transparent;
1075
- }
1076
-
1077
- .@{prefix}-tooltip-nw .@{prefix}-tooltip-arrow {
1078
- top: 0;
1079
- left: 10px;
1080
- border-bottom-style: solid;
1081
- border-top: none;
1082
- border-left-color: transparent;
1083
- border-right-color: transparent;
1084
- }
1085
-
1086
- .@{prefix}-tooltip-ne .@{prefix}-tooltip-arrow {
1087
- top: 0;
1088
- right: 10px;
1089
- border-bottom-style: solid;
1090
- border-top: none;
1091
- border-left-color: transparent;
1092
- border-right-color: transparent;
1093
- }
1094
-
1095
- .@{prefix}-tooltip-s .@{prefix}-tooltip-arrow {
1096
- bottom: 0;
1097
- left: 50%;
1098
- margin-left: -5px;
1099
- border-top-style: solid;
1100
- border-bottom: none;
1101
- border-left-color: transparent;
1102
- border-right-color: transparent;
1103
- }
1104
-
1105
- .@{prefix}-tooltip-sw .@{prefix}-tooltip-arrow {
1106
- bottom: 0;
1107
- left: 10px;
1108
- border-top-style: solid;
1109
- border-bottom: none;
1110
- border-left-color: transparent;
1111
- border-right-color: transparent;
1112
- }
1113
-
1114
- .@{prefix}-tooltip-se .@{prefix}-tooltip-arrow {
1115
- bottom: 0;
1116
- right: 10px;
1117
- border-top-style: solid;
1118
- border-bottom: none;
1119
- border-left-color: transparent;
1120
- border-right-color: transparent;
1121
- }
1122
-
1123
- .@{prefix}-tooltip-e .@{prefix}-tooltip-arrow {
1124
- right: 0;
1125
- top: 50%;
1126
- margin-top: -5px;
1127
- border-left-style: solid;
1128
- border-right: none;
1129
- border-top-color: transparent;
1130
- border-bottom-color: transparent;
1131
- }
1132
-
1133
- .@{prefix}-tooltip-w .@{prefix}-tooltip-arrow {
1134
- left: 0;
1135
- top: 50%;
1136
- margin-top: -5px;
1137
- border-right-style: solid;
1138
- border-left: none;
1139
- border-top-color: transparent;
1140
- border-bottom-color: transparent;
1141
- }
1142
-
1143
-
1144
- // Progress
1145
-
1146
- .@{prefix}-progress {
1147
- display: inline-block;
1148
- position: relative;
1149
- height: 20px;
1150
- }
1151
-
1152
- .@{prefix}-progress .@{prefix}-bar-container {
1153
- display: inline-block;
1154
- width: 100px;
1155
- height: 100%;
1156
- margin-right: 8px;
1157
- border: 1px solid @progress-border;
1158
- overflow: hidden;
1159
- .border-radius(4px);
1160
- }
1161
-
1162
- .@{prefix}-progress .@{prefix}-text {
1163
- display: inline-block;
1164
- margin-top: auto;
1165
- margin-bottom: auto;
1166
- font-size: 14px;
1167
- width: 40px;
1168
- color: @progress-text;
1169
- }
1170
-
1171
- .@{prefix}-bar {
1172
- display: block;
1173
- width: 0%;
1174
- height: 100%;
1175
- .vertical-gradient(@progress-bar-bg, @progress-bar-bg-hlight);
1176
- .transition(width .2s ease);
1177
- }
1178
-
1179
-
1180
- // notification
1181
-
1182
- .@{prefix}-notification {
1183
- position: absolute;
1184
- background-color: @notification-bg;
1185
- padding: 5px;
1186
- margin-top: 5px;
1187
- border-width: 1px;
1188
- border-style: solid;
1189
- border-color: @notification-border;
1190
- transition: transform 100ms ease-in, opacity 150ms ease-in;
1191
- opacity: 0;
1192
- }
1193
-
1194
- .@{prefix}-notification.@{prefix}-in {
1195
- opacity: 1;
1196
- }
1197
-
1198
- .@{prefix}-notification-success {
1199
- background-color: @notification-success-bg;
1200
- border-color: @notification-success-border;
1201
- }
1202
-
1203
- .@{prefix}-notification-info {
1204
- background-color: @notification-info-bg;
1205
- border-color: @notification-info-border;
1206
- }
1207
-
1208
- .@{prefix}-notification-warning {
1209
- background-color: @notification-warning-bg;
1210
- border-color: @notification-warning-border;
1211
- }
1212
-
1213
- .@{prefix}-notification-error {
1214
- background-color: @notification-error-bg;
1215
- border-color: @notification-error-border;
1216
- }
1217
-
1218
- .@{prefix}-notification.@{prefix}-has-close {
1219
- padding-right: 15px;
1220
- }
1221
-
1222
- .@{prefix}-notification .@{prefix}-ico {
1223
- margin-top: 5px;
1224
- }
1225
-
1226
- .@{prefix}-notification-inner {
1227
- display: inline-block;
1228
- font-size: @notification-font-size;
1229
- margin: 5px 8px 4px 8px;
1230
- text-align: center;
1231
- white-space: normal;
1232
- color: @notification-info-text;
1233
- }
1234
-
1235
- .@{prefix}-notification-inner a {
1236
- text-decoration: underline;
1237
- cursor: pointer;
1238
- }
1239
-
1240
- .@{prefix}-notification .@{prefix}-progress {
1241
- margin-right: 8px;
1242
- }
1243
-
1244
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
1245
- margin-top: 5px;
1246
- }
1247
-
1248
- .@{prefix}-notification *, .@{prefix}-notification .@{prefix}-progress .@{prefix}-text {
1249
- color: @notification-text;
1250
- }
1251
-
1252
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container {
1253
- border-color: @notification-border;
1254
- }
1255
-
1256
- .@{prefix}-notification .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
1257
- background-color: @notification-text;
1258
- }
1259
-
1260
- .@{prefix}-notification-success *, .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-text {
1261
- color: @notification-success-text;
1262
- }
1263
-
1264
- .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container {
1265
- border-color: @notification-success-border;
1266
- }
1267
-
1268
- .@{prefix}-notification-success .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
1269
- background-color: @notification-success-text;
1270
- }
1271
-
1272
- .@{prefix}-notification-info *, .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-text {
1273
- color: @notification-info-text;
1274
- }
1275
-
1276
- .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container {
1277
- border-color: @notification-info-border;
1278
- }
1279
-
1280
- .@{prefix}-notification-info .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
1281
- background-color: @notification-info-text;
1282
- }
1283
-
1284
- .@{prefix}-notification-warning *, .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-text {
1285
- color: @notification-warning-text;
1286
- }
1287
-
1288
- .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container {
1289
- border-color: @notification-warning-border;
1290
- }
1291
-
1292
- .@{prefix}-notification-warning .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
1293
- background-color: @notification-warning-text;
1294
- }
1295
-
1296
- .@{prefix}-notification-error *, .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-text {
1297
- color: @notification-error-text;
1298
- }
1299
-
1300
- .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container {
1301
- border-color: @notification-error-border;
1302
- }
1303
-
1304
- .@{prefix}-notification-error .@{prefix}-progress .@{prefix}-bar-container .@{prefix}-bar {
1305
- background-color: @notification-error-text;
1306
- }
1307
-
1308
- .@{prefix}-notification .@{prefix}-close {
1309
- position: absolute;
1310
- top: 6px;
1311
- right: 8px;
1312
- font-size: 20px;
1313
- font-weight: bold;
1314
- line-height: 20px;
1315
- color: @window-head-close;
1316
- cursor: pointer;
1317
-
1318
- // IE7
1319
- height: 20px;
1320
- overflow: hidden;
1321
- }
1322
-
1323
- // AbsoluteLayout
1324
-
1325
- .@{prefix}-abs-layout {
1326
- position: relative;
1327
- }
1328
-
1329
- body .@{prefix}-abs-layout-item, .@{prefix}-abs-end {
1330
- position: absolute;
1331
- }
1332
-
1333
- .@{prefix}-abs-end {
1334
- width: 1px; height: 1px;
1335
- }
1336
-
1337
- .@{prefix}-container-body.@{prefix}-abs-layout {
1338
- overflow: hidden;
1339
- }
1340
-
1341
-
1342
- // Button
1343
-
1344
- .@{prefix}-btn {
1345
- border: 1px solid mix(rgb(red(@btn-border-right), green(@btn-border-right), blue(@btn-border-right)), @panel-bg, 30%);
1346
- border-color: @btn-border-top @btn-border-right @btn-border-bottom @btn-border-left;
1347
- position: relative;
1348
- text-shadow: @text-shadow;
1349
-
1350
- .inline-block();
1351
- .border-radius(3px);
1352
- .box-shadow(@btn-box-shadow);
1353
- .vertical-gradient(@btn-bg, @btn-bg-hlight);
1354
-
1355
- &:hover, &:focus {
1356
- color: @btn-text;
1357
- .vertical-gradient(darken(@btn-bg, 5%), darken(@btn-bg-hlight, 5%));
1358
- border-color: @btn-border-hover;
1359
- }
1360
-
1361
- &.@{prefix}-disabled button, &.@{prefix}-disabled:hover button {
1362
- cursor: default;
1363
- .box-shadow(none);
1364
- .opacity(@btn-box-disabled-opacity);
1365
- }
1366
-
1367
- &.@{prefix}-active, &.@{prefix}-active:hover {
1368
- .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
1369
- .box-shadow(@btn-box-shadow-active);
1370
- border-color: darken(@btn-bg, 20%);
1371
- }
1372
-
1373
- &:active {
1374
- .vertical-gradient(darken(@btn-bg, 7%), darken(@btn-bg-hlight, 5%));
1375
- .box-shadow(@btn-box-shadow-active);
1376
- border-color: @btn-border-active;
1377
-
1378
- }
1379
- }
1380
-
1381
- .@{prefix}-btn button {
1382
- padding: @btn-padding;
1383
- font-size: @font-size;
1384
- line-height: @line-height;
1385
- *line-height: @line-height - 4px;
1386
- cursor: pointer;
1387
- color: @btn-text;
1388
- text-align: center;
1389
-
1390
- // Fixes for default inner padding of button
1391
- overflow: visible; // IE7
1392
- -webkit-appearance: none; // WebKit
1393
- &::-moz-focus-inner { // Gecko
1394
- border: 0;
1395
- padding: 0;
1396
- }
1397
- }
1398
-
1399
- .@{prefix}-btn i {
1400
- text-shadow: 1px 1px @btn-text-shadow;
1401
- }
1402
-
1403
- .@{prefix}-primary.@{prefix}-btn-has-text {
1404
- min-width: 50px;
1405
- }
1406
-
1407
- .@{prefix}-primary {
1408
- color: @btn-primary-text;
1409
- border: 1px solid transparent;
1410
- border-color: @btn-primary-border;
1411
- .vertical-gradient(@btn-primary-bg, @btn-primary-bg-hlight);
1412
-
1413
- &:hover, &:focus {
1414
- .vertical-gradient(darken(@btn-primary-bg, 5%), darken(@btn-primary-bg-hlight, 5%));
1415
- border-color: @btn-primary-border-hover;
1416
- }
1417
-
1418
- &.@{prefix}-disabled button, &.@{prefix}-disabled:hover button {
1419
- cursor: default;
1420
- .box-shadow(none);
1421
- .opacity(@btn-box-disabled-opacity);
1422
- }
1423
-
1424
- &.@{prefix}-active, &.@{prefix}-active:hover, &:not(.@{prefix}-disabled):active {
1425
- .vertical-gradient(darken(@btn-primary-bg, 10%), darken(@btn-primary-bg-hlight, 10%));
1426
- .box-shadow(@btn-box-shadow-active);
1427
- }
1428
- }
1429
-
1430
- .@{prefix}-primary button, .@{prefix}-primary button i {
1431
- color: @btn-primary-text;
1432
- text-shadow: 1px 1px @btn-primary-text-shadow;
1433
- }
1434
-
1435
- .@{prefix}-btn .@{prefix}-txt {
1436
- font-size: inherit;
1437
- line-height: inherit;
1438
- color: inherit;
1439
- }
1440
-
1441
- .@{prefix}-btn-large button {
1442
- padding: 9px 14px;
1443
- font-size: @font-size + 2px;
1444
- line-height: normal;
1445
- .border-radius(5px);
1446
- }
1447
-
1448
- .@{prefix}-btn-large i {
1449
- margin-top: 2px;
1450
- }
1451
-
1452
- .@{prefix}-btn-small button {
1453
- padding: 1px 5px;
1454
- font-size: @font-size - 2px;
1455
- *padding-bottom: 2px;
1456
- }
1457
-
1458
- .@{prefix}-btn-small i {
1459
- line-height: 20px;
1460
- vertical-align: top;
1461
- *line-height: 18px;
1462
- }
1463
-
1464
- .@{prefix}-btn .@{prefix}-caret {
1465
- margin-top: 8px;
1466
- margin-left: 0;
1467
- }
1468
-
1469
- .@{prefix}-btn-small .@{prefix}-caret {
1470
- margin-top: 8px;
1471
- margin-left: 0;
1472
- }
1473
-
1474
- .@{prefix}-caret {
1475
- .inline-block();
1476
- width: 0; height: 0;
1477
- vertical-align: top;
1478
- border-top: 4px solid @btn-caret-border;
1479
- border-right: 4px solid transparent;
1480
- border-left: 4px solid transparent;
1481
- content: "";
1482
- }
1483
-
1484
- .@{prefix}-disabled .@{prefix}-caret {
1485
- border-top-color: @text-disabled;
1486
- }
1487
-
1488
- .@{prefix}-caret.@{prefix}-up {
1489
- border-bottom: 4px solid @btn-caret-border;
1490
- border-top: 0;
1491
- }
1492
-
1493
- .@{prefix}-btn-flat {
1494
- border: 0;
1495
- background: transparent;
1496
- .border-radius(0);
1497
- .box-shadow(none);
1498
- filter: none;
1499
- }
1500
-
1501
- .@{prefix}-btn-flat:hover, .@{prefix}-btn-flat.@{prefix}-active, .@{prefix}-btn-flat:focus, .@{prefix}-btn-flat:active {
1502
- border: 0;
1503
- background: @menubar-bg-active;
1504
- filter: none;
1505
- .box-shadow(none);
1506
- }
1507
-
1508
- .@{prefix}-btn-has-text .@{prefix}-ico {
1509
- padding-right: 5px;
1510
- }
1511
-
1512
- // RTL
1513
-
1514
- .@{prefix}-rtl .@{prefix}-btn button {
1515
- direction: rtl;
1516
- }
1517
-
1518
-
1519
- // ButtonGroup
1520
-
1521
- .btn-group-border-left(@border-color) when (@has-button-borders = true) {
1522
- border-left: 1px solid @border-color;
1523
- }
1524
-
1525
- .btn-group-border-right(@border-color) when (@has-button-borders = true) {
1526
- border-right: 1px solid @border-color;
1527
- }
1528
-
1529
-
1530
- .@{prefix}-btn-group .@{prefix}-btn {
1531
- border-width: @btn-group-border-width;
1532
- margin: 0;
1533
- .border-radius(0);
1534
- margin-left: @flow-layout-spacing;
1535
- }
1536
-
1537
- .@{prefix}-btn-group .@{prefix}-btn when (@has-button-borders = true) {
1538
- border-left-width: 0;
1539
- border-right-width: 0;
1540
- margin-left: 0;
1541
- }
1542
-
1543
- .@{prefix}-btn-group:not(:first-child) when (@has-button-borders = true) {
1544
- padding-left: 1px;
1545
- margin-left: 1px;
1546
- }
1547
-
1548
- .@{prefix}-btn-group:not(:first-child) when (@has-button-borders = false) {
1549
- border-left: 1px solid darken(@btn-bg, 15%);
1550
- padding-left: @flow-layout-spacing + 1px;
1551
- margin-left: @flow-layout-spacing + 1px;
1552
- }
1553
-
1554
- .@{prefix}-btn-group .@{prefix}-first {
1555
- .border-radius(3px 0 0 3px);
1556
- .btn-group-border-left(@btn-border-left);
1557
- margin-left: 0;
1558
- }
1559
-
1560
- .@{prefix}-btn-group .@{prefix}-last {
1561
- .border-radius(0 3px 3px 0);
1562
- .btn-group-border-right(@btn-border-right);
1563
- }
1564
-
1565
- .@{prefix}-btn-group .@{prefix}-first.@{prefix}-last {
1566
- .border-radius(3px);
1567
- }
1568
-
1569
- .@{prefix}-btn-group .@{prefix}-btn.@{prefix}-flow-layout-item {
1570
- margin: 0;
1571
- }
1572
-
1573
- // RTL
1574
-
1575
- .@{prefix}-rtl .@{prefix}-btn-group .@{prefix}-btn {
1576
- margin-left: 0;
1577
- margin-right: @flow-layout-spacing;
1578
- }
1579
-
1580
- .@{prefix}-rtl .@{prefix}-btn-group .@{prefix}-first {
1581
- margin-right: 0;
1582
- }
1583
-
1584
- .@{prefix}-rtl .@{prefix}-btn-group:not(:first-child) {
1585
- border-left: none;
1586
- border-right:1px solid darken(@btn-bg, 15%);
1587
- padding-right: @flow-layout-spacing + 2px;
1588
- margin-right: @flow-layout-spacing + 2px;
1589
- }
1590
-
1591
-
1592
- // Checkbox
1593
-
1594
- .@{prefix}-checkbox {
1595
- cursor: pointer;
1596
- }
1597
-
1598
- i.@{prefix}-i-checkbox {
1599
- margin: 0 3px 0 0;
1600
- border: 1px solid @checkbox-border;
1601
- .border-radius(3px);
1602
- .box-shadow(@checkbox-box-shadow);
1603
- .vertical-gradient(@checkbox-bg, @checkbox-bg-hlight);
1604
- text-indent: -10em;
1605
- *font-size: 0;
1606
- *line-height: 0;
1607
- *text-indent: 0;
1608
- overflow: hidden;
1609
- }
1610
-
1611
- .@{prefix}-checked i.@{prefix}-i-checkbox {
1612
- color: @btn-text;
1613
- font-size: 16px;
1614
- line-height: 16px;
1615
- text-indent: 0;
1616
- }
1617
-
1618
- .@{prefix}-checkbox:focus i.@{prefix}-i-checkbox, .@{prefix}-checkbox.@{prefix}-focus i.@{prefix}-i-checkbox {
1619
- border: 1px solid @checkbox-border-focus;
1620
- .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@checkbox-border-focus, 15%));
1621
- }
1622
-
1623
- .@{prefix}-checkbox.@{prefix}-disabled .@{prefix}-label, .@{prefix}-checkbox.@{prefix}-disabled i.@{prefix}-i-checkbox {
1624
- color: mix(@text, @panel-bg, 40%);
1625
- }
1626
-
1627
- .@{prefix}-checkbox .@{prefix}-label {
1628
- vertical-align: middle;
1629
- }
1630
-
1631
- // RTL
1632
-
1633
- .@{prefix}-rtl .@{prefix}-checkbox {
1634
- direction: rtl;
1635
- text-align: right;
1636
- }
1637
-
1638
- .@{prefix}-rtl i.@{prefix}-i-checkbox {
1639
- margin: 0 0 0 3px;
1640
- }
1641
-
1642
-
1643
- // ComboBox
1644
-
1645
- .@{prefix}-combobox {
1646
- position: relative;
1647
- .inline-block();
1648
- .border-radius(3px);
1649
- .box-shadow(@textbox-box-shadow);
1650
- *height: 32px;
1651
- }
1652
-
1653
- .@{prefix}-combobox input {
1654
- border: 1px solid @textbox-border;
1655
- border-right-color: @combobox-border;
1656
- height: 28px;
1657
- }
1658
-
1659
- .@{prefix}-combobox.@{prefix}-disabled input {
1660
- color: mix(@text, @textbox-bg, 40%);
1661
- }
1662
-
1663
- .@{prefix}-combobox.@{prefix}-has-open input {
1664
- .border-radius(4px 0 0 4px);
1665
- }
1666
-
1667
- .@{prefix}-combobox .@{prefix}-btn {
1668
- border: 1px solid @textbox-border;
1669
- border-left: 0;
1670
- .border-radius(0 4px 4px 0);
1671
- margin: 0;
1672
- }
1673
-
1674
- .@{prefix}-combobox button {
1675
- padding-right: 8px;
1676
- padding-left: 8px;
1677
- }
1678
-
1679
- .@{prefix}-combobox.@{prefix}-disabled .@{prefix}-btn button {
1680
- cursor: default;
1681
- .box-shadow(none);
1682
- .opacity(@btn-box-disabled-opacity);
1683
- }
1684
-
1685
- .@{prefix}-combobox .@{prefix}-status {
1686
- position: absolute;
1687
- right: 2px;
1688
- top: 50%;
1689
- line-height: 16px;
1690
- margin-top: -8px;
1691
- font-size: 12px;
1692
- width: 15px;
1693
- height: 15px;
1694
- text-align: center;
1695
- cursor: pointer;
1696
- }
1697
-
1698
- .@{prefix}-combobox.@{prefix}-has-status input {
1699
- padding-right: 20px;
1700
- }
1701
-
1702
- .@{prefix}-combobox.@{prefix}-has-open .@{prefix}-status {
1703
- right: 37px;
1704
- }
1705
-
1706
- .@{prefix}-combobox .@{prefix}-status.@{prefix}-i-warning {
1707
- color: @combobox-warning-text;
1708
- }
1709
-
1710
- .@{prefix}-combobox .@{prefix}-status.@{prefix}-i-checkmark {
1711
- color: @combobox-success-text;
1712
- }
1713
-
1714
- .@{prefix}-menu.@{prefix}-combobox-menu {
1715
- border-top: 0;
1716
- margin-top: 0;
1717
- max-height: 200px;
1718
-
1719
- .@{prefix}-menu-item {
1720
- padding: 4px 6px 4px 4px;
1721
- font-size: 11px;
1722
- }
1723
-
1724
- .@{prefix}-menu-item-sep {
1725
- padding: 0;
1726
- }
1727
-
1728
- .@{prefix}-text {
1729
- font-size: 11px;
1730
- }
1731
-
1732
- .@{prefix}-menu-item-link, .@{prefix}-menu-item-link b {
1733
- font-size: 11px;
1734
- }
1735
-
1736
- .@{prefix}-text b {
1737
- font-size: 11px;
1738
- }
1739
- }
1740
-
1741
-
1742
- // ColorBox
1743
-
1744
- .@{prefix}-colorbox i {
1745
- border: 1px solid @textbox-border;
1746
- width: 14px; height: 14px;
1747
- }
1748
-
1749
-
1750
- // ColorButton
1751
-
1752
- .@{prefix}-colorbutton .@{prefix}-ico {
1753
- position: relative;
1754
- }
1755
-
1756
- .@{prefix}-colorbutton-grid {
1757
- margin: 4px;
1758
- }
1759
-
1760
- .@{prefix}-colorbutton button {
1761
- padding-right: 6px;
1762
- padding-left: 6px;
1763
- }
1764
-
1765
- .@{prefix}-colorbutton .@{prefix}-preview {
1766
- padding-right: 3px;
1767
- display: block;
1768
- position: absolute;
1769
- left: 50%;
1770
- top: 50%;
1771
- margin-left: -17px;
1772
- margin-top: 7px;
1773
- background: gray;
1774
- width: 13px;
1775
- height: 2px;
1776
- overflow: hidden;
1777
- }
1778
-
1779
- .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {
1780
- margin-left: -16px;
1781
- padding-right: 0;
1782
- width: 16px;
1783
- }
1784
-
1785
- .@{prefix}-colorbutton .@{prefix}-open {
1786
- padding-left: 4px;
1787
- padding-right: 4px;
1788
- border-left: 1px solid transparent;
1789
- }
1790
-
1791
- .@{prefix}-colorbutton:hover .@{prefix}-open {
1792
- border-color: darken(@btn-bg, 20%);
1793
- }
1794
-
1795
- .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-open {
1796
- padding: 0 3px 0 3px;
1797
- }
1798
-
1799
- // RTL
1800
-
1801
- .@{prefix}-rtl .@{prefix}-colorbutton {
1802
- direction: rtl;
1803
- }
1804
-
1805
- .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-preview {
1806
- margin-left: 0;
1807
- padding-right: 0;
1808
- padding-left: 3px;
1809
- }
1810
-
1811
- .@{prefix}-rtl .@{prefix}-colorbutton.@{prefix}-btn-small .@{prefix}-preview {
1812
- margin-left: 0;
1813
- padding-right: 0;
1814
- padding-left: 2px;
1815
- }
1816
-
1817
- .@{prefix}-rtl .@{prefix}-colorbutton .@{prefix}-open {
1818
- padding-left: 4px;
1819
- padding-right: 4px;
1820
- border-left: 0;
1821
- }
1822
-
1823
-
1824
- // ColorPicker
1825
-
1826
- .@{prefix}-colorpicker {
1827
- position: relative;
1828
- width: 250px;
1829
- height: 220px;
1830
- }
1831
-
1832
- .@{prefix}-colorpicker-sv {
1833
- position: absolute;
1834
- top: 0; left: 0;
1835
- width: 90%;
1836
- height: 100%;
1837
- border: 1px solid @colorpicker-border;
1838
- cursor: crosshair;
1839
- overflow: hidden;
1840
- }
1841
-
1842
- .@{prefix}-colorpicker-h-chunk {
1843
- width: 100%;
1844
- }
1845
-
1846
- .@{prefix}-colorpicker-overlay1, .@{prefix}-colorpicker-overlay2 {
1847
- width: 100%;
1848
- height: 100%;
1849
- position: absolute;
1850
- top: 0;
1851
- left: 0;
1852
- }
1853
-
1854
- .@{prefix}-colorpicker-overlay1 {
1855
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff');
1856
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
1857
- background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));
1858
- }
1859
-
1860
- .@{prefix}-colorpicker-overlay2 {
1861
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000');
1862
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
1863
- background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
1864
- }
1865
-
1866
- .@{prefix}-colorpicker-selector1 {
1867
- background: none;
1868
- position: absolute;
1869
- width: 12px;
1870
- height: 12px;
1871
- margin: -8px 0 0 -8px;
1872
- border: 1px solid black;
1873
- border-radius: 50%;
1874
- }
1875
-
1876
- .@{prefix}-colorpicker-selector2 {
1877
- position: absolute;
1878
- width: 10px;
1879
- height: 10px;
1880
- border: 1px solid white;
1881
- border-radius: 50%;
1882
- }
1883
-
1884
- .@{prefix}-colorpicker-h {
1885
- position: absolute;
1886
- top: 0; right: 0;
1887
- width: 6.5%;
1888
- height: 100%;
1889
- border: 1px solid @colorpicker-border;
1890
- cursor: crosshair;
1891
- }
1892
-
1893
- .@{prefix}-colorpicker-h-marker {
1894
- margin-top: -4px;
1895
- position: absolute;
1896
- top: 0;
1897
- left: -1px;
1898
- width: 100%;
1899
- border: 1px solid @colorpicker-hue-border;
1900
- background: @colorpicker-hue-bg;
1901
- height: 4px;
1902
- z-index: 100;
1903
- }
1904
-
1905
-
1906
- // Path
1907
-
1908
- .@{prefix}-path {
1909
- .inline-block();
1910
- padding: 8px;
1911
- white-space: normal;
1912
- }
1913
-
1914
- .@{prefix}-path .@{prefix}-txt {
1915
- display: inline-block;
1916
- padding-right: 3px;
1917
- }
1918
-
1919
- .@{prefix}-path .@{prefix}-path-body {
1920
- display: inline-block;
1921
- }
1922
-
1923
- .@{prefix}-path-item {
1924
- .inline-block();
1925
- cursor: pointer;
1926
- color: @path-text;
1927
- }
1928
-
1929
- .@{prefix}-path-item:hover {
1930
- text-decoration: underline;
1931
- }
1932
-
1933
- .@{prefix}-path-item:focus {
1934
- background: @path-bg-focus;
1935
- color: @path-text-focus;
1936
- }
1937
-
1938
- .@{prefix}-path .@{prefix}-divider {
1939
- display: inline;
1940
- }
1941
-
1942
- .@{prefix}-disabled .@{prefix}-path-item {
1943
- color: @text-disabled;
1944
- }
1945
-
1946
- // RTL
1947
-
1948
- .@{prefix}-rtl .@{prefix}-path {
1949
- direction: rtl;
1950
- }
1951
-
1952
-
1953
- // FieldSet
1954
-
1955
- .@{prefix}-fieldset {
1956
- border: 0 solid #9E9E9E;
1957
- .border-radius(3px);
1958
- }
1959
-
1960
- .@{prefix}-fieldset > .@{prefix}-container-body {
1961
- margin-top: -15px;
1962
- }
1963
-
1964
- .@{prefix}-fieldset-title {
1965
- margin-left: 5px;
1966
- padding: 0 5px 0 5px;
1967
- }
1968
-
1969
- // FitLayout
1970
-
1971
- .@{prefix}-fit-layout {
1972
- .inline-block();
1973
- }
1974
-
1975
- .@{prefix}-fit-layout-item {
1976
- position: absolute;
1977
- }
1978
-
1979
-
1980
- // FlowLayout
1981
-
1982
- .@{prefix}-flow-layout-item {
1983
- .inline-block();
1984
- }
1985
-
1986
- .@{prefix}-flow-layout-item {
1987
- margin: @flow-layout-spacing 0 @flow-layout-spacing @flow-layout-spacing;
1988
- }
1989
-
1990
- .@{prefix}-flow-layout-item.@{prefix}-last {
1991
- margin-right: @flow-layout-spacing;
1992
- }
1993
-
1994
- .@{prefix}-flow-layout {
1995
- white-space: normal;
1996
- }
1997
-
1998
- .@{prefix}-tinymce-inline .@{prefix}-flow-layout {
1999
- white-space: nowrap;
2000
- }
2001
-
2002
- // RTL
2003
-
2004
- .@{prefix}-rtl .@{prefix}-flow-layout {
2005
- text-align: right;
2006
- direction: rtl;
2007
- }
2008
-
2009
- .@{prefix}-rtl .@{prefix}-flow-layout-item {
2010
- margin: @flow-layout-spacing @flow-layout-spacing @flow-layout-spacing 0;
2011
- }
2012
-
2013
- .@{prefix}-rtl .@{prefix}-flow-layout-item.@{prefix}-last {
2014
- margin-left: @flow-layout-spacing;
2015
- }
2016
-
2017
-
2018
- // Iframe
2019
-
2020
- .@{prefix}-iframe {
2021
- border: 0 solid @iframe-border;
2022
- width: 100%; height: 100%;
2023
- }
2024
-
2025
-
2026
- // InfoBox
2027
-
2028
- .@{prefix}-infobox {
2029
- .inline-block();
2030
- text-shadow: @text-shadow;
2031
- overflow: hidden;
2032
- border: 1px solid red;
2033
-
2034
- div {
2035
- display: block;
2036
- margin: 5px;
2037
-
2038
- button {
2039
- position: absolute;
2040
- top: 50%; right: 4px;
2041
- cursor: pointer;
2042
- margin-top: -8px;
2043
- display: none;
2044
- }
2045
-
2046
- button:focus {
2047
- outline: 2px solid @btn-border-hover;
2048
- }
2049
- }
2050
- }
2051
-
2052
- .@{prefix}-infobox.@{prefix}-has-help {
2053
- div {
2054
- margin-right: 25px;
2055
- }
2056
-
2057
- button {
2058
- display: block;
2059
- }
2060
- }
2061
-
2062
- .@{prefix}-infobox.@{prefix}-success {
2063
- background: @infobox-success-bg;
2064
- border-color: @infobox-success-border;
2065
-
2066
- div {
2067
- color: @infobox-success-text;
2068
- }
2069
- }
2070
-
2071
- .@{prefix}-infobox.@{prefix}-warning {
2072
- background: @infobox-warning-bg;
2073
- border-color: @infobox-warning-border;
2074
-
2075
- div {
2076
- color: @infobox-warning-text;
2077
- }
2078
- }
2079
-
2080
- .@{prefix}-infobox.@{prefix}-error {
2081
- background: @infobox-error-bg;
2082
- border-color: @infobox-error-border;
2083
-
2084
- div {
2085
- color: @infobox-error-text;
2086
- }
2087
- }
2088
-
2089
- // RTL
2090
-
2091
- .@{prefix}-rtl .@{prefix}-infobox {
2092
- div {
2093
- text-align: right;
2094
- direction: rtl;
2095
- }
2096
- }
2097
-
2098
-
2099
- // Label
2100
-
2101
- .@{prefix}-label {
2102
- .inline-block();
2103
- text-shadow: @text-shadow;
2104
- overflow: hidden;
2105
- }
2106
-
2107
- .@{prefix}-label.@{prefix}-autoscroll {
2108
- overflow: auto;
2109
- }
2110
-
2111
- .@{prefix}-label.@{prefix}-disabled {
2112
- color: @text-disabled;
2113
- }
2114
-
2115
- .@{prefix}-label.@{prefix}-multiline {
2116
- white-space: pre-wrap;
2117
- }
2118
-
2119
- .@{prefix}-label.@{prefix}-success {
2120
- color: @text-success;
2121
- }
2122
-
2123
- .@{prefix}-label.@{prefix}-warning {
2124
- color: @text-warning;
2125
- }
2126
-
2127
- .@{prefix}-label.@{prefix}-error {
2128
- color: @text-error;
2129
- }
2130
-
2131
- // RTL
2132
-
2133
- .@{prefix}-rtl .@{prefix}-label {
2134
- text-align: right;
2135
- direction: rtl;
2136
- }
2137
-
2138
-
2139
- /* MenuBar */
2140
-
2141
- .@{prefix}-menubar .@{prefix}-menubtn {
2142
- border-color: transparent;
2143
- background: transparent;
2144
- .border-radius(0);
2145
- .box-shadow(none);
2146
- filter: none;
2147
- }
2148
-
2149
- .@{prefix}-menubar .@{prefix}-menubtn button {
2150
- color: @menubar-menubtn-text;
2151
- }
2152
-
2153
- .@{prefix}-menubar {
2154
- border: 1px solid @menubar-border;
2155
- }
2156
-
2157
- .@{prefix}-menubar .@{prefix}-menubtn button span {
2158
- color: @text;
2159
- }
2160
-
2161
- .@{prefix}-menubar .@{prefix}-caret {
2162
- border-top-color: @text;
2163
- }
2164
-
2165
- .@{prefix}-menubar .@{prefix}-menubtn:hover, .@{prefix}-menubar .@{prefix}-menubtn.@{prefix}-active, .@{prefix}-menubar .@{prefix}-menubtn:focus {
2166
- border-color: darken(@btn-bg, 20%);
2167
- background: @menu-bg;
2168
- filter: none;
2169
- .box-shadow(none);
2170
- }
2171
-
2172
-
2173
- /* MenuButton */
2174
-
2175
- .@{prefix}-menubtn button {
2176
- color: @btn-text;
2177
- //margin-right: 2px;
2178
- //line-height: @line-height;
2179
- //*line-height: @line-height - 4px;
2180
- }
2181
-
2182
- .@{prefix}-menubtn.@{prefix}-btn-small span {
2183
- font-size: @font-size - 2px;
2184
- }
2185
-
2186
- .@{prefix}-menubtn.@{prefix}-fixed-width span {
2187
- display: inline-block;
2188
- overflow-x: hidden;
2189
- text-overflow: ellipsis;
2190
- width: 90px;
2191
- }
2192
-
2193
- .@{prefix}-menubtn.@{prefix}-fixed-width.@{prefix}-btn-small span {
2194
- width: 70px;
2195
- }
2196
-
2197
- .@{prefix}-menubtn .@{prefix}-caret {
2198
- *margin-top: 6px;
2199
- }
2200
-
2201
- // RTL
2202
-
2203
- .@{prefix}-rtl .@{prefix}-menubtn button {
2204
- direction: rtl;
2205
- text-align: right;
2206
- }
2207
-
2208
-
2209
- // MenuItem
2210
-
2211
- .@{prefix}-menu-item {
2212
- display: block;
2213
- padding: 6px 15px 6px 12px;
2214
- clear: both;
2215
- font-weight: normal;
2216
- line-height: 20px;
2217
- color: @menuitem-text;
2218
- white-space: nowrap;
2219
- cursor: pointer;
2220
- line-height: normal;
2221
- border-left: 4px solid transparent;
2222
- margin-bottom: 1px;
2223
- }
2224
-
2225
- .@{prefix}-menu-item .@{prefix}-ico, .@{prefix}-menu-item .@{prefix}-text {
2226
- color: @menuitem-text;
2227
- }
2228
-
2229
- .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-disabled .@{prefix}-ico {
2230
- color: mix(@menuitem-text, @menu-bg, 40%);
2231
- }
2232
-
2233
- .@{prefix}-menu-item:hover .@{prefix}-text, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-text, .@{prefix}-menu-item:focus .@{prefix}-text {
2234
- color: @menuitem-text-inverse;
2235
- }
2236
-
2237
- .@{prefix}-menu-item:hover .@{prefix}-ico, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-ico, .@{prefix}-menu-item:focus .@{prefix}-ico {
2238
- color: @menuitem-text-inverse;
2239
- }
2240
-
2241
- .@{prefix}-menu-item.@{prefix}-disabled:hover {
2242
- background: @menuitem-bg-disabled;
2243
- }
2244
-
2245
- .@{prefix}-menu-shortcut {
2246
- display: inline-block;
2247
- color: mix(@menuitem-text, @menu-bg, 40%);
2248
- }
2249
-
2250
- .@{prefix}-menu-shortcut {
2251
- .inline-block();
2252
- padding: 0 15px 0 20px;
2253
- }
2254
-
2255
- .@{prefix}-menu-item:hover .@{prefix}-menu-shortcut, .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-menu-shortcut, .@{prefix}-menu-item:focus .@{prefix}-menu-shortcut {
2256
- color: @menuitem-text-inverse;
2257
- }
2258
-
2259
- .@{prefix}-menu-item .@{prefix}-caret {
2260
- margin-top: 4px;
2261
- *margin-top: 3px;
2262
- margin-right: 6px;
2263
- border-top: 4px solid transparent;
2264
- border-bottom: 4px solid transparent;
2265
- border-left: 4px solid @menuitem-caret;
2266
- }
2267
-
2268
- .@{prefix}-menu-item.@{prefix}-selected .@{prefix}-caret, .@{prefix}-menu-item:focus .@{prefix}-caret, .@{prefix}-menu-item:hover .@{prefix}-caret {
2269
- border-left-color: @menuitem-caret-selected;
2270
- }
2271
-
2272
- .@{prefix}-menu-align .@{prefix}-menu-shortcut {
2273
- *margin-top: -2px;
2274
- }
2275
-
2276
- .@{prefix}-menu-align .@{prefix}-menu-shortcut, .@{prefix}-menu-align .@{prefix}-caret {
2277
- position: absolute;
2278
- right: 0;
2279
- }
2280
-
2281
- .@{prefix}-menu-item.@{prefix}-active i {
2282
- visibility: visible;
2283
- }
2284
-
2285
- .@{prefix}-menu-item-normal.@{prefix}-active {
2286
- background-color: @menuitem-bg-active;
2287
- }
2288
-
2289
- .@{prefix}-menu-item-preview.@{prefix}-active {
2290
- border-left: 5px solid @menuitem-preview-border-active;
2291
- }
2292
-
2293
- .@{prefix}-menu-item-normal.@{prefix}-active .@{prefix}-text {
2294
- color: @menuitem-text-active;
2295
- }
2296
-
2297
- .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:hover .@{prefix}-ico {
2298
- color: @menuitem-text-inverse;
2299
- }
2300
-
2301
- .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-text, .@{prefix}-menu-item-normal.@{prefix}-active:focus .@{prefix}-ico {
2302
- color: @menuitem-text-inverse;
2303
- }
2304
-
2305
- .@{prefix}-menu-item:hover, .@{prefix}-menu-item.@{prefix}-selected, .@{prefix}-menu-item:focus {
2306
- text-decoration: none;
2307
- color: @menuitem-text-inverse;
2308
- .vertical-gradient(@menuitem-bg-selected, @menuitem-bg-selected-hlight);
2309
- }
2310
-
2311
- .@{prefix}-menu-item-link {
2312
- color: #093;
2313
- overflow: hidden;
2314
- text-overflow: ellipsis;
2315
- white-space: nowrap;
2316
-
2317
- b {
2318
- color: #093;
2319
- }
2320
- }
2321
-
2322
- .@{prefix}-menu-item-ellipsis {
2323
- display: block;
2324
- text-overflow: ellipsis;
2325
- white-space: nowrap;
2326
- overflow: hidden;
2327
- }
2328
-
2329
- .@{prefix}-menu-item:hover *, .@{prefix}-menu-item.@{prefix}-selected *, .@{prefix}-menu-item:focus * {
2330
- color: @menuitem-text-inverse;
2331
- }
2332
-
2333
- div.@{prefix}-menu .@{prefix}-menu-item-sep, .@{prefix}-menu-item-sep:hover {
2334
- border: 0;
2335
- padding: 0;
2336
- height: 1px;
2337
- margin: 9px 1px;
2338
- overflow: hidden;
2339
- background: @menuitem-separator-top;
2340
- border-bottom: 1px solid @menuitem-separator-bottom;
2341
- cursor: default;
2342
- filter: none;
2343
- }
2344
-
2345
- div.@{prefix}-menu .@{prefix}-menu-item b {
2346
- font-weight: bold;
2347
- }
2348
-
2349
- .@{prefix}-menu-item-indent-1 { padding-left: 20px; }
2350
- .@{prefix}-menu-item-indent-2 { padding-left: 35px; }
2351
- .@{prefix}-menu-item-indent-2 { padding-left: 35px; }
2352
- .@{prefix}-menu-item-indent-3 { padding-left: 40px; }
2353
- .@{prefix}-menu-item-indent-4 { padding-left: 45px; }
2354
- .@{prefix}-menu-item-indent-5 { padding-left: 50px; }
2355
- .@{prefix}-menu-item-indent-6 { padding-left: 55px; }
2356
-
2357
- // RTL
2358
-
2359
- .@{prefix}-menu.@{prefix}-rtl {
2360
- direction: rtl;
2361
- }
2362
-
2363
- .@{prefix}-rtl .@{prefix}-menu-item {
2364
- text-align: right;
2365
- direction: rtl;
2366
- padding: 6px 12px 6px 15px;
2367
- }
2368
-
2369
- .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-menu-shortcut, .@{prefix}-menu-align.@{prefix}-rtl .@{prefix}-caret {
2370
- right: auto;
2371
- left: 0;
2372
- }
2373
-
2374
- .@{prefix}-rtl .@{prefix}-menu-item .@{prefix}-caret {
2375
- margin-left: 6px;
2376
- margin-right: 0;
2377
- border-right: 4px solid @menuitem-caret;
2378
- border-left: 0;
2379
- }
2380
-
2381
- .@{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 {
2382
- border-left-color: transparent;
2383
- border-right-color: @menuitem-caret-selected;
2384
- }
2385
-
2386
-
2387
- // Throbber
2388
-
2389
- .@{prefix}-throbber {
2390
- position: absolute;
2391
- top: 0; left: 0;
2392
- width: 100%; height: 100%;
2393
- .opacity(0.6);
2394
- background: @throbber-bg;
2395
- }
2396
-
2397
- .@{prefix}-throbber-inline {
2398
- position: static;
2399
- height: 50px;
2400
- }
2401
-
2402
- .@{prefix}-menu .@{prefix}-throbber-inline {
2403
- height: 25px;
2404
- background-size: contain;
2405
- }
2406
-
2407
-
2408
- // Menu
2409
-
2410
- .@{prefix}-menu {
2411
- position: absolute;
2412
- left: 0; top: 0;
2413
- .reset-gradient();
2414
- z-index: 1000;
2415
- padding: 5px 0 5px 0;
2416
- margin: @menu-margin;
2417
- min-width: 160px;
2418
- background: @menu-bg;
2419
- border: 1px solid mix(rgb(red(@menu-border), green(@menu-border), blue(@menu-border)), @panel-bg, round(alpha(@menu-border) * 200));
2420
- border: 1px solid @menu-border;
2421
- z-index: 1002;
2422
- .border-radius(6px);
2423
- .box-shadow(0 5px 10px rgba(0,0,0,.2));
2424
- max-height: 400px;
2425
- overflow: auto;
2426
- overflow-x: hidden;
2427
- }
2428
-
2429
- .@{prefix}-menu i {
2430
- display: none;
2431
- }
2432
-
2433
- .@{prefix}-menu-has-icons i {
2434
- display: inline-block;
2435
- *display: inline;
2436
- }
2437
-
2438
- .@{prefix}-menu-sub-tr-tl { margin: -6px 0 0 -1px; }
2439
- .@{prefix}-menu-sub-br-bl { margin: 6px 0 0 -1px; }
2440
- .@{prefix}-menu-sub-tl-tr { margin: -6px 0 0 1px; }
2441
- .@{prefix}-menu-sub-bl-br { margin: 6px 0 0 1px; }
2442
-
2443
-
2444
- // ListBox
2445
-
2446
- .@{prefix}-listbox button {
2447
- text-align: left;
2448
- padding-right: 20px;
2449
- position: relative;
2450
- }
2451
-
2452
- .@{prefix}-listbox .@{prefix}-caret {
2453
- position: absolute;
2454
- margin-top: -2px;
2455
- right: 8px;
2456
- top: 50%;
2457
- }
2458
-
2459
- // RTL
2460
-
2461
- .@{prefix}-rtl .@{prefix}-listbox .@{prefix}-caret {
2462
- right: auto;
2463
- left: 8px;
2464
- }
2465
-
2466
- .@{prefix}-rtl .@{prefix}-listbox button {
2467
- padding-right: 10px;
2468
- padding-left: 20px;
2469
- }
2470
-
2471
-
2472
- // Radio - not implemented yet
2473
-
2474
-
2475
- .@{prefix}-container-body .@{prefix}-resizehandle {
2476
- position: absolute;
2477
- right: 0;
2478
- bottom: 0;
2479
- width: 16px;
2480
- height: 16px;
2481
- visibility: visible;
2482
- cursor: s-resize;
2483
- margin: 0;
2484
- }
2485
-
2486
- .@{prefix}-container-body .@{prefix}-resizehandle-both {
2487
- cursor: se-resize;
2488
- }
2489
-
2490
- i.@{prefix}-i-resize {
2491
- color: @text;
2492
- }
2493
-
2494
-
2495
- // SelectBox
2496
-
2497
- .@{prefix}-selectbox {
2498
- background: @selectbox-bg;
2499
- border: 1px solid @selectbox-border;
2500
- }
2501
-
2502
-
2503
- // Slider
2504
-
2505
- .@{prefix}-slider {
2506
- .border-radius(3px);
2507
- border: 1px solid @slider-border;
2508
- background: @slider-bg;
2509
- width: 100px;
2510
- height: 10px;
2511
- position: relative;
2512
- display: block;
2513
- }
2514
-
2515
- .@{prefix}-slider.@{prefix}-vertical {
2516
- width: 10px;
2517
- height: 100px;
2518
- }
2519
-
2520
- .@{prefix}-slider-handle {
2521
- .border-radius(3px);
2522
- border: 1px solid @slider-handle-border;
2523
- background: @slider-handle-bg;
2524
- display: block;
2525
- width: 13px;
2526
- height: 13px;
2527
- position: absolute;
2528
- top: 0; left: 0;
2529
- margin-left: -1px;
2530
- margin-top: -2px;
2531
- }
2532
-
2533
- .@{prefix}-slider-handle:focus {
2534
- background: @slider-handle-bg-focus;
2535
- }
2536
-
2537
-
2538
- // Spacer
2539
-
2540
- .@{prefix}-spacer {
2541
- visibility: hidden;
2542
- }
2543
-
2544
-
2545
- // SplitButton
2546
-
2547
- .@{prefix}-splitbtn .@{prefix}-open {
2548
- border-left: 1px solid transparent;
2549
- }
2550
-
2551
- .@{prefix}-splitbtn:hover .@{prefix}-open {
2552
- border-left-color: darken(@btn-bg, 20%);
2553
- }
2554
-
2555
- .@{prefix}-splitbtn button when (@has-button-borders = false) {
2556
- padding-right: 6px;
2557
- padding-left: 6px;
2558
- }
2559
-
2560
- .@{prefix}-splitbtn button when (@has-button-borders = true) {
2561
- padding-right: 4px;
2562
- padding-left: 8px;
2563
- }
2564
-
2565
- .@{prefix}-splitbtn .@{prefix}-open {
2566
- padding-right: 4px;
2567
- padding-left: 4px;
2568
- }
2569
-
2570
- .@{prefix}-splitbtn .@{prefix}-open.@{prefix}-active {
2571
- .vertical-gradient(darken(@btn-bg, 10%), darken(@btn-bg-hlight, 5%));
2572
- outline: 1px solid darken(@btn-bg, 20%);
2573
- }
2574
-
2575
- .@{prefix}-splitbtn.@{prefix}-btn-small .@{prefix}-open {
2576
- padding: 0 3px 0 3px;
2577
- }
2578
-
2579
- // RTL
2580
-
2581
- .@{prefix}-rtl .@{prefix}-splitbtn {
2582
- direction: rtl;
2583
- text-align: right;
2584
- }
2585
-
2586
- .@{prefix}-rtl .@{prefix}-splitbtn button {
2587
- padding-right: 4px;
2588
- padding-left: 4px;
2589
- }
2590
-
2591
- .@{prefix}-rtl .@{prefix}-splitbtn .@{prefix}-open {
2592
- border-left: 0;
2593
- }
2594
-
2595
-
2596
- // StackLayout
2597
-
2598
- .@{prefix}-stack-layout-item {
2599
- display: block;
2600
- }
2601
-
2602
-
2603
- // TabPanel
2604
-
2605
- .@{prefix}-tabs {
2606
- display: block;
2607
- border-bottom: 1px solid @tab-border;
2608
- }
2609
-
2610
- .@{prefix}-tabs,
2611
- .@{prefix}-tabs + .@{prefix}-container-body {
2612
- background: @tabs-bg;
2613
- }
2614
-
2615
- .@{prefix}-tab {
2616
- .inline-block();
2617
- border: 1px solid @tab-border;
2618
- border-width: 0 1px 0 0;
2619
- background: @tab-bg;
2620
- padding: 8px;
2621
- text-shadow: @text-shadow;
2622
- height: 13px;
2623
- cursor: pointer;
2624
- }
2625
-
2626
- .@{prefix}-tab:hover {
2627
- background: @tab-bg-hover;
2628
- }
2629
-
2630
- .@{prefix}-tab.@{prefix}-active {
2631
- background: @tab-bg-active;
2632
- border-bottom-color: transparent;
2633
- margin-bottom: -1px;
2634
- height: 14px;
2635
- }
2636
-
2637
- // RTL
2638
-
2639
- .@{prefix}-rtl .@{prefix}-tabs {
2640
- text-align: right;
2641
- direction: rtl;
2642
- }
2643
-
2644
- .@{prefix}-rtl .@{prefix}-tab {
2645
- border-width: 0 0 0 1px;
2646
- }
2647
-
2648
-
2649
- // TextBox
2650
-
2651
- .@{prefix}-textbox {
2652
- background: @textbox-bg;
2653
- border: 1px solid @textbox-border;
2654
- .border-radius(3px);
2655
- .box-shadow(@textbox-box-shadow);
2656
- display: inline-block;
2657
- .transition(~"border linear .2s, box-shadow linear .2s");
2658
- height: 28px;
2659
- resize: none;
2660
- padding: 0 4px 0 4px;
2661
- white-space: pre-wrap;
2662
- *white-space: pre;
2663
- color: @text;
2664
- }
2665
-
2666
- .@{prefix}-textbox:focus, .@{prefix}-textbox.@{prefix}-focus {
2667
- border-color: @textbox-border-focus;
2668
- .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px fadeout(@textbox-border-focus, 15%));
2669
- }
2670
-
2671
- .@{prefix}-placeholder .@{prefix}-textbox {
2672
- color: @textbox-text-placeholder;
2673
- }
2674
-
2675
- .@{prefix}-textbox.@{prefix}-multiline {
2676
- padding: 4px;
2677
- height: auto;
2678
- }
2679
-
2680
- .@{prefix}-textbox.@{prefix}-disabled {
2681
- color: mix(@text, @textbox-bg, 40%);
2682
- }
2683
-
2684
- // RTL
2685
-
2686
- .@{prefix}-rtl .@{prefix}-textbox {
2687
- text-align: right;
2688
- direction: rtl;
2689
- }
2690
-
2691
-
2692
- /* Icons */
2693
-
2694
- @font-face {
2695
- font-family: 'tinymce';
2696
- src:url('fonts/tinymce.eot');
2697
- src:url('fonts/tinymce.eot?#iefix') format('embedded-opentype'),
2698
- url('fonts/tinymce.woff') format('woff'),
2699
- url('fonts/tinymce.ttf') format('truetype'),
2700
- url('fonts/tinymce.svg#tinymce') format('svg');
2701
- font-weight: normal;
2702
- font-style: normal;
2703
- }
2704
-
2705
- @font-face {
2706
- font-family: 'tinymce-small';
2707
- src:url('fonts/tinymce-small.eot');
2708
- src:url('fonts/tinymce-small.eot?#iefix') format('embedded-opentype'),
2709
- url('fonts/tinymce-small.woff') format('woff'),
2710
- url('fonts/tinymce-small.ttf') format('truetype'),
2711
- url('fonts/tinymce-small.svg#tinymce') format('svg');
2712
- font-weight: normal;
2713
- font-style: normal;
2714
- }
2715
-
2716
- @iconSize: 16px;
2717
-
2718
- .@{prefix}-ico {
2719
- font-family: 'tinymce', Arial;
2720
- font-style: normal;
2721
- font-weight: normal;
2722
- font-variant: normal;
2723
- font-size: @iconSize;
2724
- line-height: 16px;
2725
- speak: none;
2726
- vertical-align: text-top;
2727
- -webkit-font-smoothing: antialiased;
2728
- -moz-osx-font-smoothing: grayscale;
2729
-
2730
- display: inline-block;
2731
- background: transparent center center;
2732
- background-size: cover;
2733
- width: 16px;
2734
- height: 16px;
2735
- color: @btn-text;
2736
- }
2737
-
2738
- .@{prefix}-btn-small .@{prefix}-ico {
2739
- font-family: 'tinymce-small', Arial;
2740
- }
2741
-
2742
- .@{prefix}-i-save:before { content: "\e000"; }
2743
- .@{prefix}-i-newdocument:before { content: "\e001"; }
2744
- .@{prefix}-i-fullpage:before { content: "\e002"; }
2745
- .@{prefix}-i-alignleft:before { content: "\e003"; }
2746
- .@{prefix}-i-aligncenter:before { content: "\e004"; }
2747
- .@{prefix}-i-alignright:before { content: "\e005"; }
2748
- .@{prefix}-i-alignjustify:before { content: "\e006"; }
2749
- .@{prefix}-i-alignnone:before { content: "\e003"; }
2750
- .@{prefix}-i-cut:before { content: "\e007"; }
2751
- .@{prefix}-i-paste:before { content: "\e008"; }
2752
- .@{prefix}-i-searchreplace:before { content: "\e009"; }
2753
- .@{prefix}-i-bullist:before { content: "\e00a"; }
2754
- .@{prefix}-i-numlist:before { content: "\e00b"; }
2755
- .@{prefix}-i-indent:before { content: "\e00c"; }
2756
- .@{prefix}-i-outdent:before { content: "\e00d"; }
2757
- .@{prefix}-i-blockquote:before { content: "\e00e"; }
2758
- .@{prefix}-i-undo:before { content: "\e00f"; }
2759
- .@{prefix}-i-redo:before { content: "\e010"; }
2760
- .@{prefix}-i-link:before { content: "\e011"; }
2761
- .@{prefix}-i-unlink:before { content: "\e012"; }
2762
- .@{prefix}-i-anchor:before { content: "\e013"; }
2763
- .@{prefix}-i-image:before { content: "\e014"; }
2764
- .@{prefix}-i-media:before { content: "\e015"; }
2765
- .@{prefix}-i-help:before { content: "\e016"; }
2766
- .@{prefix}-i-code:before { content: "\e017"; }
2767
- .@{prefix}-i-insertdatetime:before { content: "\e018"; }
2768
- .@{prefix}-i-preview:before { content: "\e019"; }
2769
- .@{prefix}-i-forecolor:before { content: "\e01a"; }
2770
- .@{prefix}-i-backcolor:before { content: "\e01a"; }
2771
- .@{prefix}-i-table:before { content: "\e01b"; }
2772
- .@{prefix}-i-hr:before { content: "\e01c"; }
2773
- .@{prefix}-i-removeformat:before { content: "\e01d"; }
2774
- .@{prefix}-i-subscript:before { content: "\e01e"; }
2775
- .@{prefix}-i-superscript:before { content: "\e01f"; }
2776
- .@{prefix}-i-charmap:before { content: "\e020"; }
2777
- .@{prefix}-i-emoticons:before { content: "\e021"; }
2778
- .@{prefix}-i-print:before { content: "\e022"; }
2779
- .@{prefix}-i-fullscreen:before { content: "\e023"; }
2780
- .@{prefix}-i-spellchecker:before { content: "\e024"; }
2781
- .@{prefix}-i-nonbreaking:before { content: "\e025"; }
2782
- .@{prefix}-i-template:before { content: "\e026"; }
2783
- .@{prefix}-i-pagebreak:before { content: "\e027"; }
2784
- .@{prefix}-i-restoredraft:before { content: "\e028"; }
2785
- .@{prefix}-i-bold:before { content: "\e02a"; }
2786
- .@{prefix}-i-italic:before { content: "\e02b"; }
2787
- .@{prefix}-i-underline:before { content: "\e02c"; }
2788
- .@{prefix}-i-strikethrough:before { content: "\e02d"; }
2789
- .@{prefix}-i-visualchars:before { content: "\e02e"; }
2790
- .@{prefix}-i-visualblocks:before { content: "\e02e"; }
2791
- .@{prefix}-i-ltr:before { content: "\e02f"; }
2792
- .@{prefix}-i-rtl:before { content: "\e030"; }
2793
- .@{prefix}-i-copy:before { content: "\e031"; }
2794
- .@{prefix}-i-resize:before { content: "\e032"; }
2795
- .@{prefix}-i-browse:before { content: "\e034"; }
2796
- .@{prefix}-i-pastetext:before { content: "\e035"; }
2797
- .@{prefix}-i-rotateleft:before { content: "\eaa8"; }
2798
- .@{prefix}-i-rotateright:before { content: "\eaa9"; }
2799
- .@{prefix}-i-crop:before { content: "\ee78"; }
2800
- .@{prefix}-i-editimage:before { content: "\e915"; }
2801
- .@{prefix}-i-options:before { content: "\ec6a"; }
2802
- .@{prefix}-i-flipv:before { content: "\eaaa"; }
2803
- .@{prefix}-i-fliph:before { content: "\eaac"; }
2804
- .@{prefix}-i-zoomin:before { content: "\eb35"; }
2805
- .@{prefix}-i-zoomout:before { content: "\eb36"; }
2806
- .@{prefix}-i-sun:before { content: "\eccc"; }
2807
- .@{prefix}-i-moon:before { content: "\eccd"; }
2808
- .@{prefix}-i-arrowleft:before { content: "\edc0"; }
2809
- .@{prefix}-i-arrowright:before { content: "\e93c"; }
2810
- .@{prefix}-i-drop:before { content: "\e935"; }
2811
- .@{prefix}-i-contrast:before { content: "\ecd4"; }
2812
- .@{prefix}-i-sharpen:before { content: "\eba7"; }
2813
- .@{prefix}-i-resize2:before { content: "\edf9"; }
2814
- .@{prefix}-i-orientation:before { content: "\e601"; }
2815
- .@{prefix}-i-invert:before { content: "\e602"; }
2816
- .@{prefix}-i-gamma:before { content: "\e600"; }
2817
- .@{prefix}-i-remove:before { content: "\ed6a"; }
2818
- .@{prefix}-i-tablerowprops:before { content: "\e604"; }
2819
- .@{prefix}-i-tablecellprops:before { content: "\e605"; }
2820
- .@{prefix}-i-table2:before { content: "\e606"; }
2821
- .@{prefix}-i-tablemergecells:before { content: "\e607"; }
2822
- .@{prefix}-i-tableinsertcolbefore:before { content: "\e608"; }
2823
- .@{prefix}-i-tableinsertcolafter:before { content: "\e609"; }
2824
- .@{prefix}-i-tableinsertrowbefore:before { content: "\e60a"; }
2825
- .@{prefix}-i-tableinsertrowafter:before { content: "\e60b"; }
2826
- .@{prefix}-i-tablesplitcells:before { content: "\e60d"; }
2827
- .@{prefix}-i-tabledelete:before { content: "\e60e"; }
2828
- .@{prefix}-i-tableleftheader:before { content: "\e62a"; }
2829
- .@{prefix}-i-tabletopheader:before { content: "\e62b"; }
2830
- .@{prefix}-i-tabledeleterow:before { content: "\e800"; }
2831
- .@{prefix}-i-tabledeletecol:before { content: "\e801"; }
2832
- .@{prefix}-i-codesample:before { content: "\e603"; }
2833
- .@{prefix}-i-fill:before { content: "\e902"; }
2834
- .@{prefix}-i-borderwidth:before { content: "\e903"; }
2835
- .@{prefix}-i-line:before { content: "\e904"; }
2836
- .@{prefix}-i-count:before { content: "\e905"; }
2837
- .@{prefix}-i-translate:before { content: "\e907"; }
2838
- .@{prefix}-i-drag:before { content: "\e908"; }
2839
- .@{prefix}-i-home:before { content: "\e90b"; }
2840
- .@{prefix}-i-upload:before { content: "\e914"; }
2841
- .@{prefix}-i-bubble:before { content: "\e91c"; }
2842
- .@{prefix}-i-user:before { content: "\e91d"; }
2843
- .@{prefix}-i-lock:before { content: "\e926"; }
2844
- .@{prefix}-i-unlock:before { content: "\e927"; }
2845
- .@{prefix}-i-settings:before { content: "\e928"; }
2846
- .@{prefix}-i-remove2:before { content: "\e92a"; }
2847
- .@{prefix}-i-menu:before { content: "\e92d"; }
2848
- .@{prefix}-i-warning:before { content: "\e930"; }
2849
- .@{prefix}-i-question:before { content: "\e931"; }
2850
- .@{prefix}-i-pluscircle:before { content: "\e932"; }
2851
- .@{prefix}-i-info:before { content: "\e933"; }
2852
- .@{prefix}-i-notice:before { content: "\e934"; }
2853
- .@{prefix}-i-arrowup:before { content: "\e93b"; }
2854
- .@{prefix}-i-arrowdown:before { content: "\e93d"; }
2855
- .@{prefix}-i-arrowup2:before { content: "\e93f"; }
2856
- .@{prefix}-i-arrowdown2:before { content: "\e940"; }
2857
- .@{prefix}-i-menu2:before { content: "\e941"; }
2858
- .@{prefix}-i-newtab:before { content: "\e961"; }
2859
- .@{prefix}-i-a11y:before { content: "\e900"; }
2860
- .@{prefix}-i-plus:before { content: "\e93a"; }
2861
- .@{prefix}-i-insert:before { content: "\e93a"; }
2862
- .@{prefix}-i-minus:before { content: "\e939"; }
2863
- .@{prefix}-i-books:before { content: "\e911"; }
2864
- .@{prefix}-i-reload:before { content: "\e906"; }
2865
- .@{prefix}-i-toc:before { content: "\e901"; }
2866
- .@{prefix}-i-checkmark:before { content: "\e033"; }
2867
- .@{prefix}-i-checkbox:before, .@{prefix}-i-selected:before {
2868
- content: "\e033";
2869
- }
2870
-
2871
- .@{prefix}-i-insert { font-size: 14px; }
2872
- .@{prefix}-i-selected { visibility: hidden; }
2873
- i.@{prefix}-i-backcolor { text-shadow: none; background: @colorbtn-backcolor-bg; }
2874
-