alchemy_cms 7.1.0.pre.b1 → 7.1.0.pre.rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (121) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +29 -0
  3. data/Gemfile +1 -1
  4. data/README.md +2 -2
  5. data/alchemy_cms.gemspec +1 -1
  6. data/app/assets/config/alchemy_manifest.js +3 -4
  7. data/app/assets/images/alchemy/missing-image.svg +1 -1
  8. data/app/assets/javascripts/alchemy/admin.js +0 -4
  9. data/app/assets/javascripts/alchemy/alchemy.link_dialog.js.coffee +4 -4
  10. data/app/assets/javascripts/tinymce/icons/remixicons/icons.js +93 -0
  11. data/app/assets/javascripts/tinymce/plugins/alchemy_link/plugin.min.js +37 -18
  12. data/app/assets/stylesheets/alchemy/_variables.scss +11 -3
  13. data/app/assets/stylesheets/alchemy/archive.scss +5 -2
  14. data/app/assets/stylesheets/alchemy/buttons.scss +5 -4
  15. data/app/assets/stylesheets/alchemy/dialogs.scss +1 -1
  16. data/app/assets/stylesheets/alchemy/elements.scss +4 -5
  17. data/app/assets/stylesheets/alchemy/filter_field.scss +5 -0
  18. data/app/assets/stylesheets/tinymce/skins/content/alchemy/content.min.scss +69 -0
  19. data/app/assets/stylesheets/tinymce/skins/skintool.json +38 -0
  20. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.css +711 -0
  21. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.css +705 -0
  22. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.inline.min.css +7 -0
  23. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.min.css +7 -0
  24. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.css +29 -0
  25. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/content.mobile.min.css +7 -0
  26. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/fonts/tinymce-mobile.woff +0 -0
  27. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.min.scss +3803 -0
  28. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.css +677 -0
  29. data/app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.mobile.min.css +7 -0
  30. data/app/controllers/alchemy/admin/pages_controller.rb +9 -4
  31. data/app/helpers/alchemy/admin/base_helper.rb +23 -10
  32. data/app/helpers/alchemy/base_helper.rb +16 -1
  33. data/app/javascript/alchemy_admin/components/button.js +1 -1
  34. data/app/javascript/alchemy_admin/components/clipboard_button.js +27 -0
  35. data/app/javascript/alchemy_admin/components/element_editor.js +2 -2
  36. data/app/javascript/alchemy_admin/components/tinymce.js +9 -21
  37. data/app/javascript/alchemy_admin/picture_editors.js +4 -2
  38. data/app/javascript/alchemy_admin/utils/debounce.js +10 -0
  39. data/app/javascript/alchemy_admin/utils/max.js +3 -0
  40. data/app/javascript/alchemy_admin.js +4 -10
  41. data/app/models/alchemy/page/page_naming.rb +7 -0
  42. data/app/models/alchemy/page.rb +2 -2
  43. data/app/models/alchemy/picture_variant.rb +11 -2
  44. data/app/models/concerns/alchemy/picture_thumbnails.rb +1 -1
  45. data/app/views/alchemy/admin/attachments/show.html.erb +10 -19
  46. data/app/views/alchemy/admin/crop.html.erb +1 -1
  47. data/app/views/alchemy/admin/nodes/index.html.erb +1 -0
  48. data/app/views/alchemy/admin/partials/_toolbar_button.html.erb +0 -1
  49. data/app/views/alchemy/admin/pictures/_archive.html.erb +3 -3
  50. data/app/views/alchemy/admin/pictures/_archive_overlay.html.erb +16 -3
  51. data/app/views/alchemy/admin/pictures/_picture.html.erb +3 -5
  52. data/app/views/alchemy/admin/pictures/_picture_to_assign.html.erb +1 -1
  53. data/app/views/alchemy/admin/resources/_filter.html.erb +1 -1
  54. data/app/views/alchemy/admin/resources/_per_page_select.html.erb +1 -1
  55. data/app/views/alchemy/admin/tinymce/_setup.html.erb +1 -2
  56. data/app/views/alchemy/ingredients/shared/_picture_tools.html.erb +2 -2
  57. data/app/views/layouts/alchemy/admin.html.erb +1 -1
  58. data/bundles/shoelace.js +10 -0
  59. data/bundles/tinymce.js +20 -0
  60. data/config/alchemy/config.yml +11 -10
  61. data/config/brakeman.ignore +0 -34
  62. data/config/importmap.rb +9 -14
  63. data/config/initializers/dragonfly.rb +1 -0
  64. data/config/locales/alchemy.en.yml +2 -0
  65. data/eslint.config.js +17 -0
  66. data/lib/alchemy/config.rb +24 -2
  67. data/lib/alchemy/engine.rb +2 -1
  68. data/lib/alchemy/forms/builder.rb +7 -0
  69. data/lib/alchemy/test_support/capybara_helpers.rb +1 -1
  70. data/lib/alchemy/test_support/having_picture_thumbnails_examples.rb +6 -6
  71. data/lib/alchemy/tinymce.rb +13 -2
  72. data/lib/alchemy/version.rb +1 -1
  73. data/package.json +20 -6
  74. data/rollup.config.mjs +65 -0
  75. data/vendor/assets/stylesheets/tinymce/skins/content/default/content.min.css +1 -0
  76. data/vendor/javascript/clipboard.min.js +7 -0
  77. data/vendor/javascript/flatpickr.min.js +1 -0
  78. data/vendor/javascript/keymaster.min.js +1 -0
  79. data/vendor/javascript/rails-ujs.min.js +1 -0
  80. data/vendor/javascript/shoelace.min.js +995 -0
  81. data/vendor/javascript/sortable.min.js +7 -0
  82. data/vendor/javascript/tinymce.min.js +1 -0
  83. data/vendor/javascript/ungap-custom-elements.min.js +3 -0
  84. metadata +31 -39
  85. data/.codeclimate.yml +0 -35
  86. data/.editorconfig +0 -23
  87. data/.github/FUNDING.yml +0 -4
  88. data/.github/ISSUE_TEMPLATE/Bug_report.md +0 -22
  89. data/.github/ISSUE_TEMPLATE/Feature_request.md +0 -17
  90. data/.github/PULL_REQUEST_TEMPLATE.md +0 -18
  91. data/.github/workflows/backport.yml +0 -36
  92. data/.github/workflows/brakeman-analysis.yml +0 -46
  93. data/.github/workflows/lint.yml +0 -37
  94. data/.github/workflows/stale.yml +0 -33
  95. data/.github/workflows/test.yml +0 -125
  96. data/.gitignore +0 -32
  97. data/.hound.yml +0 -9
  98. data/.localeapp/config.rb +0 -8
  99. data/.prettierrc +0 -6
  100. data/.rspec +0 -1
  101. data/.rubocop.yml +0 -7
  102. data/.standard.yml +0 -4
  103. data/.yardopts +0 -5
  104. data/app/assets/stylesheets/tinymce/skins/alchemy/content.min.css.scss +0 -94
  105. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce-small.svg +0 -63
  106. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce-small.ttf +0 -0
  107. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce-small.woff +0 -0
  108. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce.svg +0 -129
  109. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce.ttf +0 -0
  110. data/app/assets/stylesheets/tinymce/skins/alchemy/fonts/tinymce.woff +0 -0
  111. data/app/assets/stylesheets/tinymce/skins/alchemy/img/anchor.gif +0 -0
  112. data/app/assets/stylesheets/tinymce/skins/alchemy/img/loader.gif +0 -0
  113. data/app/assets/stylesheets/tinymce/skins/alchemy/img/object.gif +0 -0
  114. data/app/assets/stylesheets/tinymce/skins/alchemy/img/trans.gif +0 -0
  115. data/app/assets/stylesheets/tinymce/skins/alchemy/skin.min.css.scss +0 -2077
  116. data/app/views/alchemy/admin/pictures/_overlay_picture_list.html.erb +0 -10
  117. data/vendor/assets/javascripts/clipboard.min.js +0 -7
  118. data/vendor/assets/javascripts/keymaster.js +0 -296
  119. data/vendor/assets/javascripts/requestAnimationFrame.js +0 -31
  120. data/vendor/assets/javascripts/tinymce/license.txt +0 -504
  121. data/vendor/assets/javascripts/tinymce/tinymce.min.js +0 -2
@@ -1,2077 +0,0 @@
1
- @import "alchemy/defaults";
2
-
3
- .mce-container,
4
- .mce-container *,
5
- .mce-widget,
6
- .mce-widget * {
7
- margin: 0;
8
- padding: 0;
9
- border: 0;
10
- outline: 0;
11
- vertical-align: top;
12
- background: transparent;
13
- text-decoration: none;
14
- color: $text-color;
15
- font-size: $default-font-size;
16
- text-shadow: none;
17
- float: none;
18
- position: static;
19
- width: auto;
20
- height: auto;
21
- white-space: nowrap;
22
- cursor: inherit;
23
- -webkit-tap-highlight-color: transparent;
24
- line-height: normal;
25
- font-weight: normal;
26
- text-align: left;
27
- box-sizing: content-box;
28
- direction: ltr;
29
- }
30
-
31
- .mce-container *[unselectable] {
32
- user-select: none;
33
- }
34
-
35
- .mce-container::-webkit-scrollbar {
36
- width: 8px;
37
- height: 8px;
38
- border-radius: $default-border-radius;
39
- }
40
-
41
- .mce-container ::-webkit-scrollbar-track-piece,
42
- .mce-container::-webkit-scrollbar-track {
43
- background-color: transparent;
44
- }
45
-
46
- .mce-container::-webkit-scrollbar-thumb {
47
- background-color: rgba(53, 57, 71, 0.3);
48
- width: 6px;
49
- height: 6px;
50
- border-radius: $default-border-radius;
51
- }
52
-
53
- .mce-fade {
54
- opacity: 0;
55
- -webkit-transition: opacity 0.15s linear;
56
- transition: opacity 0.15s linear;
57
-
58
- &.mce-in {
59
- opacity: 1;
60
- }
61
- }
62
-
63
- .mce-fullscreen {
64
- border: 0;
65
- padding: 0;
66
- margin: 0;
67
- overflow: hidden;
68
- height: 100%;
69
- z-index: 100;
70
- background: #fff;
71
- border-radius: 0;
72
-
73
- .mce-resizehandle {
74
- display: none;
75
- }
76
- }
77
-
78
- div.mce-fullscreen {
79
- position: fixed;
80
- top: 0;
81
- left: 0;
82
- width: 100%;
83
- height: auto;
84
- }
85
-
86
- .mce-tinymce {
87
- visibility: visible !important;
88
- position: relative;
89
- display: block;
90
- border-radius: $default-border-radius;
91
- }
92
-
93
- .mce-wordcount {
94
- position: absolute;
95
- top: 0;
96
- right: 0;
97
- padding: 8px;
98
- }
99
-
100
- div.mce-edit-area {
101
- background: #fff;
102
- filter: none;
103
- border-top: 0;
104
- border-radius: $default-border-radius;
105
- }
106
-
107
- .mce-statusbar {
108
- position: relative;
109
-
110
- .mce-container-body {
111
- position: relative;
112
- }
113
- }
114
-
115
- .mce-charmap {
116
- border-collapse: collapse;
117
-
118
- td {
119
- cursor: default;
120
- border: $default-border;
121
- width: 20px;
122
- height: 16px;
123
- line-height: 20px;
124
- text-align: center;
125
- vertical-align: middle;
126
- padding: 4px;
127
-
128
- &:hover {
129
- background: #d9d9d9;
130
- }
131
-
132
- div {
133
- text-align: center;
134
- }
135
- }
136
- }
137
-
138
- .mce-grid {
139
- border-spacing: 2px;
140
- border-collapse: separate;
141
-
142
- a {
143
- display: block;
144
- border: 1px solid transparent;
145
-
146
- &:hover {
147
- border-color: #a1a1a1;
148
- }
149
- }
150
-
151
- td div {
152
- border: 1px solid #d6d6d6;
153
- width: 12px;
154
- height: 12px;
155
- margin: 2px;
156
- cursor: pointer;
157
- }
158
- }
159
-
160
- .mce-grid-border {
161
- margin: 0 4px;
162
-
163
- a {
164
- border-color: #d6d6d6;
165
- width: 13px;
166
- height: 13px;
167
-
168
- &.mce-active,
169
- &:hover {
170
- border-color: #a1a1a1;
171
- background: #c8def4;
172
- }
173
- }
174
- }
175
-
176
- .mce-text-center {
177
- text-align: center;
178
- }
179
-
180
- div.mce-tinymce-inline {
181
- width: 100%;
182
- -webkit-box-shadow: none;
183
- -moz-box-shadow: none;
184
- box-shadow: none;
185
- }
186
-
187
- .mce-rtl .mce-wordcount {
188
- left: 0;
189
- right: auto;
190
- }
191
-
192
- .mce-container,
193
- .mce-container-body {
194
- display: block;
195
- }
196
-
197
- .mce-autoscroll {
198
- overflow: hidden;
199
- }
200
-
201
- .mce-scrollbar {
202
- position: absolute;
203
- width: 7px;
204
- height: 100%;
205
- top: 2px;
206
- right: 2px;
207
- opacity: 0.4;
208
- filter: alpha(opacity=40);
209
- }
210
-
211
- .mce-scrollbar-h {
212
- top: auto;
213
- right: auto;
214
- left: 2px;
215
- bottom: 2px;
216
- width: 100%;
217
- height: 7px;
218
- }
219
-
220
- .mce-scrollbar-thumb {
221
- position: absolute;
222
- background-color: #000;
223
- border: 1px solid #888;
224
- border-color: rgba(85, 85, 85, 0.6);
225
- width: 5px;
226
- height: 100%;
227
- -webkit-border-radius: 7px;
228
- -moz-border-radius: 7px;
229
- border-radius: 7px;
230
- }
231
-
232
- .mce-scrollbar-h .mce-scrollbar-thumb {
233
- width: 100%;
234
- height: 5px;
235
- }
236
-
237
- .mce-scrollbar.mce-active,
238
- .mce-scrollbar:hover {
239
- background-color: #aaa;
240
- opacity: 0.6;
241
- filter: alpha(opacity=60);
242
- -webkit-border-radius: 7px;
243
- -moz-border-radius: 7px;
244
- border-radius: 7px;
245
- }
246
-
247
- .mce-scroll {
248
- position: relative;
249
- }
250
-
251
- .mce-panel {
252
- border: 0 solid $default-border-color;
253
- background-color: $light-gray;
254
- }
255
-
256
- .mce-toolbar-grp {
257
- border-bottom: 1px solid $default-border-color;
258
- }
259
-
260
- .mce-floatpanel {
261
- position: absolute;
262
-
263
- &.mce-fixed {
264
- position: fixed;
265
- }
266
-
267
- .mce-arrow,
268
- .mce-arrow:after {
269
- position: absolute;
270
- display: block;
271
- width: 0;
272
- height: 0;
273
- border-color: transparent;
274
- border-style: solid;
275
- }
276
-
277
- .mce-arrow {
278
- border-width: 11px;
279
-
280
- &:after {
281
- border-width: 10px;
282
- content: "";
283
- }
284
- }
285
-
286
- &.mce-popover {
287
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
288
- background: transparent;
289
- border-radius: $default-border-radius;
290
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
291
- top: 0;
292
- left: 0;
293
- background: #fff;
294
- border: 1px solid $default-border-color;
295
- border: 1px solid rgba(0, 0, 0, 0.25);
296
- }
297
-
298
- &.mce-popover.mce-bottom {
299
- margin-top: 10px;
300
- }
301
-
302
- &.mce-popover.mce-bottom > .mce-arrow {
303
- left: 50%;
304
- margin-left: -11px;
305
- border-top-width: 0;
306
- border-bottom-color: $default-border-color;
307
- border-bottom-color: rgba(0, 0, 0, 0.25);
308
- top: -11px;
309
- }
310
-
311
- &.mce-popover.mce-bottom > .mce-arrow:after {
312
- top: 1px;
313
- margin-left: -10px;
314
- border-top-width: 0;
315
- border-bottom-color: #fff;
316
- }
317
-
318
- &.mce-popover.mce-bottom.mce-start {
319
- margin-left: -22px;
320
- }
321
-
322
- &.mce-popover.mce-bottom.mce-start > .mce-arrow {
323
- left: 20px;
324
- }
325
-
326
- &.mce-popover.mce-bottom.mce-end {
327
- margin-left: 22px;
328
- }
329
-
330
- &.mce-popover.mce-bottom.mce-end > .mce-arrow {
331
- right: 10px;
332
- left: auto;
333
- }
334
- }
335
-
336
- #mce-modal-block {
337
- opacity: 0;
338
- position: fixed;
339
- left: 0;
340
- top: 0;
341
- width: 100%;
342
- height: 100%;
343
- background-color: $dialog-overlay-color;
344
- }
345
-
346
- #mce-modal-block.mce-in {
347
- opacity: $dialog-overlay-opacity;
348
- }
349
-
350
- .mce-window-move {
351
- cursor: move;
352
- }
353
-
354
- .mce-window {
355
- @include border-top-radius($default-border-radius);
356
- border: 0 none;
357
- color: $text-color;
358
- position: fixed;
359
- top: 0;
360
- left: 0;
361
- opacity: 0;
362
- -webkit-transition: opacity 150ms ease-in;
363
- transition: opacity 150ms ease-in;
364
- box-shadow: $dialog-box-shadow;
365
-
366
- &.mce-in {
367
- opacity: 1;
368
- }
369
-
370
- &.mce-panel {
371
- background-color: transparent;
372
- }
373
-
374
- .mce-container-body.mce-abs-layout {
375
- overflow: visible;
376
- }
377
- }
378
-
379
- .mce-window-body {
380
- background-color: $dialog-background-color;
381
- }
382
-
383
- .mce-window-head {
384
- padding: 8px 12px;
385
- background-color: $dialog-header-color;
386
- position: relative;
387
- @include border-top-radius($default-border-radius);
388
-
389
- .mce-title {
390
- line-height: 20px;
391
- font-weight: bold;
392
- text-rendering: optimizelegibility;
393
- padding-right: 10px;
394
- color: $dialog-header-text-color;
395
- @include antialiased-font-smoothing;
396
- }
397
-
398
- .mce-dragh {
399
- position: absolute;
400
- top: 0;
401
- left: 0;
402
- cursor: move;
403
- width: 90%;
404
- height: 100%;
405
- }
406
-
407
- .mce-close {
408
- position: absolute;
409
- right: 16px;
410
- top: 8px;
411
- font-size: 14px;
412
- font-weight: bold;
413
- line-height: 14px;
414
- color: $white;
415
- cursor: pointer;
416
- height: 18px;
417
- overflow: hidden;
418
- border-radius: 0;
419
- box-shadow: none;
420
-
421
- &:hover {
422
- background: transparent;
423
- }
424
-
425
- .mce-ico {
426
- color: inherit;
427
- }
428
- }
429
- }
430
-
431
- .mce-window .mce-container-body {
432
- display: block;
433
- }
434
-
435
- .mce-foot {
436
- display: block;
437
- background-color: $dialog-background-color;
438
- border-top: 0 none;
439
-
440
- .mce-btn {
441
- border-radius: $default-border-radius;
442
- border: 0 none;
443
-
444
- &:hover,
445
- &:focus,
446
- &:active {
447
- width: auto !important;
448
- background: $button-hover-bg-color !important;
449
- border-color: $button-hover-border-color;
450
- }
451
-
452
- button {
453
- padding: $button-padding;
454
- width: auto !important;
455
- height: auto !important;
456
- line-height: 1;
457
- border: 1px solid $button-border-color;
458
- background-color: $button-bg-color;
459
- box-shadow: $button-box-shadow;
460
- }
461
-
462
- .mce-txt {
463
- vertical-align: middle;
464
- color: $button-text-color;
465
- font-weight: bold;
466
- @include antialiased-font-smoothing;
467
- }
468
- }
469
- }
470
-
471
- .mce-window iframe {
472
- width: 100%;
473
- height: 100%;
474
- }
475
-
476
- .mce-window.mce-fullscreen,
477
- .mce-window.mce-fullscreen .mce-foot {
478
- border-radius: $default-border-radius;
479
- }
480
-
481
- .mce-rtl .mce-window-head .mce-close {
482
- position: absolute;
483
- right: auto;
484
- left: 15px;
485
- }
486
-
487
- .mce-rtl .mce-window-head .mce-dragh {
488
- left: auto;
489
- right: 0;
490
- }
491
-
492
- .mce-rtl .mce-window-head .mce-title {
493
- direction: rtl;
494
- text-align: right;
495
- }
496
-
497
- .mce-abs-layout {
498
- position: relative;
499
- }
500
-
501
- .mce-abs-end,
502
- body .mce-abs-layout-item {
503
- position: absolute;
504
- }
505
-
506
- .mce-abs-end {
507
- width: 1px;
508
- height: 1px;
509
- }
510
-
511
- .mce-container-body.mce-abs-layout {
512
- overflow: hidden;
513
- }
514
-
515
- .mce-tooltip {
516
- position: absolute;
517
- padding: 5px;
518
- transition-delay: 0.3s;
519
- }
520
-
521
- .mce-tooltip-inner {
522
- background-color: $tooltip-background-color;
523
- color: $white;
524
- max-width: 200px;
525
- padding: $default-padding 2 * $default-padding;
526
- text-align: center;
527
- white-space: normal;
528
- box-shadow: 0 0 4px $default-border-color;
529
- border-radius: $default-border-radius;
530
- }
531
-
532
- .mce-tooltip-arrow {
533
- position: absolute;
534
- width: 0;
535
- height: 0;
536
- line-height: 0;
537
- border: 5px solid $tooltip-background-color;
538
- }
539
-
540
- .mce-tooltip-arrow-n {
541
- border-bottom-color: $dark-gray;
542
- }
543
-
544
- .mce-tooltip-arrow-s {
545
- border-top-color: $dark-gray;
546
- }
547
-
548
- .mce-tooltip-arrow-e {
549
- border-left-color: $dark-gray;
550
- }
551
-
552
- .mce-tooltip-arrow-w {
553
- border-right-color: $dark-gray;
554
- }
555
-
556
- .mce-tooltip-nw,
557
- .mce-tooltip-sw {
558
- margin-left: -14px;
559
- }
560
-
561
- .mce-tooltip-n .mce-tooltip-arrow {
562
- top: 0;
563
- left: 50%;
564
- margin-left: -5px;
565
- border-bottom-style: solid;
566
- border-top: 0;
567
- border-left-color: transparent;
568
- border-right-color: transparent;
569
- }
570
-
571
- .mce-tooltip-nw .mce-tooltip-arrow {
572
- top: 0;
573
- left: 10px;
574
- border-bottom-style: solid;
575
- border-top: 0;
576
- border-left-color: transparent;
577
- border-right-color: transparent;
578
- }
579
-
580
- .mce-tooltip-ne .mce-tooltip-arrow {
581
- top: 0;
582
- right: 10px;
583
- border-bottom-style: solid;
584
- border-top: 0;
585
- border-left-color: transparent;
586
- border-right-color: transparent;
587
- }
588
-
589
- .mce-tooltip-s .mce-tooltip-arrow {
590
- bottom: 0;
591
- left: 50%;
592
- margin-left: -5px;
593
- border-top-style: solid;
594
- border-bottom: 0;
595
- border-left-color: transparent;
596
- border-right-color: transparent;
597
- }
598
-
599
- .mce-tooltip-sw .mce-tooltip-arrow {
600
- bottom: 0;
601
- left: 10px;
602
- border-top-style: solid;
603
- border-bottom: 0;
604
- border-left-color: transparent;
605
- border-right-color: transparent;
606
- }
607
-
608
- .mce-tooltip-se .mce-tooltip-arrow {
609
- bottom: 0;
610
- right: 10px;
611
- border-top-style: solid;
612
- border-bottom: 0;
613
- border-left-color: transparent;
614
- border-right-color: transparent;
615
- }
616
-
617
- .mce-tooltip-e .mce-tooltip-arrow {
618
- right: 0;
619
- top: 50%;
620
- margin-top: -5px;
621
- border-left-style: solid;
622
- border-right: 0;
623
- border-top-color: transparent;
624
- border-bottom-color: transparent;
625
- }
626
-
627
- .mce-tooltip-w .mce-tooltip-arrow {
628
- left: 0;
629
- top: 50%;
630
- margin-top: -5px;
631
- border-right-style: solid;
632
- border-left: none;
633
- border-top-color: transparent;
634
- border-bottom-color: transparent;
635
- }
636
-
637
- .mce-btn {
638
- border: 1px solid $default-border-color;
639
- position: relative;
640
- text-shadow: $button-text-shadow;
641
- display: inline-block;
642
- box-shadow: none;
643
- background-color: $light-gray;
644
-
645
- &:focus,
646
- &:hover {
647
- color: $text-color;
648
- }
649
-
650
- &:hover {
651
- background-color: $default-border-color;
652
- }
653
-
654
- button {
655
- padding: 5px $default-padding;
656
- font-size: 12px;
657
- line-height: 20px;
658
- cursor: pointer;
659
- color: $text-color;
660
- text-align: center;
661
- overflow: visible;
662
- appearance: none;
663
- -webkit-appearance: none;
664
- border-radius: inherit;
665
- box-shadow: none;
666
-
667
- &:focus {
668
- box-shadow: none;
669
- border: 0 none;
670
- background: none;
671
- }
672
-
673
- &:active {
674
- border: 0 none;
675
- }
676
-
677
- &::-moz-focus-inner {
678
- border: 0;
679
- padding: 0;
680
- }
681
- }
682
-
683
- i {
684
- text-shadow: 1px 1px #fff;
685
- }
686
-
687
- &.mce-disabled,
688
- &.mce-disabled:hover {
689
- background-color: transparent;
690
-
691
- button {
692
- cursor: default;
693
- box-shadow: none;
694
- opacity: 0.4;
695
- filter: alpha(opacity=40);
696
- }
697
- }
698
- &.mce-active,
699
- &.mce-active:hover {
700
- background-color: $default-border-color;
701
-
702
- button i {
703
- color: #000;
704
- }
705
- }
706
-
707
- &:not(.mce-disabled):active {
708
- background-color: $default-border-color;
709
- }
710
- }
711
-
712
- .mce-btn-large button {
713
- padding: 9px 14px;
714
- font-size: 16px;
715
- line-height: normal;
716
- border-radius: $default-border-radius;
717
- }
718
-
719
- .mce-btn-large i {
720
- margin-top: 2px;
721
- }
722
-
723
- .mce-btn-small button {
724
- padding: 1px 5px;
725
- font-size: 12px;
726
- }
727
-
728
- .mce-btn-small i {
729
- line-height: 20px;
730
- vertical-align: top;
731
- }
732
-
733
- .mce-btn .mce-caret {
734
- margin-top: 2px;
735
- margin-left: 2px;
736
- }
737
-
738
- .mce-btn-small .mce-caret {
739
- margin-top: 2px;
740
- margin-left: 2px;
741
- }
742
-
743
- .mce-caret {
744
- display: inline-block;
745
- width: 0;
746
- height: 0;
747
- vertical-align: top;
748
- border-top: 4px solid #333;
749
- border-right: 4px solid transparent;
750
- border-left: 4px solid transparent;
751
- content: "";
752
- }
753
-
754
- .mce-disabled .mce-caret {
755
- border-top-color: #aaa;
756
- }
757
-
758
- .mce-caret.mce-up {
759
- border-bottom: 4px solid #333;
760
- border-top: 0;
761
- }
762
-
763
- .mce-rtl .mce-btn button {
764
- direction: rtl;
765
- }
766
-
767
- .mce-btn-group .mce-btn {
768
- border-width: 1px 0 1px 0;
769
- margin: 0;
770
- border-radius: 0;
771
- }
772
-
773
- .mce-btn-group .mce-first {
774
- border-left: 1px solid #b1b1b1;
775
- border-left: 1px solid rgba(0, 0, 0, 0.25);
776
- @include border-left-radius($default-border-radius);
777
- }
778
-
779
- .mce-btn-group .mce-last {
780
- border-right: 1px solid #b1b1b1;
781
- border-right: 1px solid rgba(0, 0, 0, 0.1);
782
- @include border-right-radius($default-border-radius);
783
- }
784
-
785
- .mce-btn-group .mce-first.mce-last {
786
- border-radius: $default-border-radius;
787
- }
788
-
789
- .mce-btn-group .mce-btn.mce-flow-layout-item {
790
- margin: 0;
791
- }
792
-
793
- .mce-checkbox {
794
- cursor: pointer;
795
- }
796
-
797
- i.mce-i-checkbox {
798
- margin: 0 3px 0 0;
799
- border: 1px solid #c5c5c5;
800
- border-radius: $default-border-radius;
801
- box-shadow:
802
- inset 0 1px 0 rgba(255, 255, 255, 0.2),
803
- 0 1px 2px rgba(0, 0, 0, 0.05);
804
- background-color: #f0f0f0;
805
- background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
806
- background-image: -webkit-gradient(
807
- linear,
808
- 0 0,
809
- 0 100%,
810
- from(#fff),
811
- to(#d9d9d9)
812
- );
813
- background-image: -webkit-linear-gradient(top, #fff, #d9d9d9);
814
- background-image: -o-linear-gradient(top, #fff, #d9d9d9);
815
- background-image: linear-gradient(to bottom, #fff, #d9d9d9);
816
- background-repeat: repeat-x;
817
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffffff',endColorstr='#ffd9d9d9',GradientType=0);
818
- text-indent: -10em;
819
- overflow: hidden;
820
- }
821
-
822
- .mce-checked i.mce-i-checkbox {
823
- color: #333;
824
- font-size: 16px;
825
- line-height: 16px;
826
- text-indent: 0;
827
- }
828
-
829
- .mce-checkbox.mce-focus i.mce-i-checkbox,
830
- .mce-checkbox:focus i.mce-i-checkbox {
831
- @include default-focus-style;
832
- }
833
-
834
- .mce-checkbox.mce-disabled .mce-label,
835
- .mce-checkbox.mce-disabled i.mce-i-checkbox {
836
- color: #acacac;
837
- }
838
-
839
- .mce-rtl .mce-checkbox {
840
- direction: rtl;
841
- text-align: right;
842
- }
843
-
844
- .mce-rtl i.mce-i-checkbox {
845
- margin: 0 0 0 3px;
846
- }
847
-
848
- .mce-colorbutton .mce-ico {
849
- position: relative;
850
- }
851
-
852
- .mce-colorbutton-grid {
853
- margin: 4px;
854
- }
855
-
856
- .mce-colorbutton button {
857
- padding-right: 4px;
858
- }
859
-
860
- .mce-colorbutton .mce-preview {
861
- padding-right: 3px;
862
- display: block;
863
- position: absolute;
864
- left: 50%;
865
- top: 50%;
866
- margin-left: -14px;
867
- margin-top: 7px;
868
- background: gray;
869
- width: 13px;
870
- height: 2px;
871
- overflow: hidden;
872
- }
873
-
874
- .mce-colorbutton.mce-btn-small .mce-preview {
875
- margin-left: -16px;
876
- padding-right: 0;
877
- width: 16px;
878
- }
879
-
880
- .mce-colorbutton .mce-open {
881
- padding-left: 4px;
882
- border-left: 1px solid transparent;
883
- border-right: 1px solid transparent;
884
- }
885
-
886
- .mce-colorbutton:hover .mce-open {
887
- border-left-color: #bdbdbd;
888
- border-right-color: #bdbdbd;
889
- }
890
-
891
- .mce-colorbutton.mce-btn-small .mce-open {
892
- padding: 0 3px;
893
- }
894
-
895
- .mce-rtl .mce-colorbutton {
896
- direction: rtl;
897
- }
898
-
899
- .mce-rtl .mce-colorbutton .mce-preview {
900
- margin-left: 0;
901
- padding-right: 0;
902
- padding-left: 4px;
903
- margin-right: -14px;
904
- }
905
-
906
- .mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
907
- margin-left: 0;
908
- padding-right: 0;
909
- margin-right: -17px;
910
- padding-left: 0;
911
- }
912
-
913
- .mce-rtl .mce-colorbutton button {
914
- padding-right: 10px;
915
- padding-left: 10px;
916
- }
917
-
918
- .mce-rtl .mce-colorbutton .mce-open {
919
- padding-left: 4px;
920
- padding-right: 4px;
921
- }
922
-
923
- .mce-combobox {
924
- display: inline-block;
925
- border-radius: $default-border-radius;
926
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
927
- }
928
-
929
- .mce-combobox input {
930
- border: 1px solid #c5c5c5;
931
- border-right-color: #c5c5c5;
932
- height: 28px;
933
- }
934
-
935
- .mce-combobox.mce-disabled input {
936
- color: #adadad;
937
- }
938
-
939
- .mce-combobox.mce-has-open input {
940
- @include border-left-radius($default-border-radius);
941
- }
942
-
943
- .mce-combobox .mce-btn {
944
- border-left: 0;
945
- @include border-right-radius($default-border-radius);
946
- }
947
-
948
- .mce-combobox button {
949
- padding-right: 8px;
950
- padding-left: 8px;
951
- }
952
-
953
- .mce-combobox.mce-disabled .mce-btn button {
954
- cursor: default;
955
- -webkit-box-shadow: none;
956
- -moz-box-shadow: none;
957
- box-shadow: none;
958
- opacity: 0.4;
959
- filter: alpha(opacity=40);
960
- }
961
-
962
- .mce-path {
963
- display: inline-block;
964
- padding: 4px 6px;
965
- white-space: normal;
966
- }
967
-
968
- .mce-path .mce-txt {
969
- display: inline-block;
970
- padding-right: 3px;
971
- }
972
-
973
- .mce-path .mce-path-body {
974
- display: inline-block;
975
- }
976
-
977
- .mce-path-item {
978
- display: inline-block;
979
- cursor: pointer;
980
- color: #333;
981
- }
982
-
983
- .mce-path-item:hover {
984
- text-decoration: underline;
985
- }
986
-
987
- .mce-path-item:focus {
988
- @include default-focus-style;
989
- }
990
-
991
- .mce-path .mce-divider {
992
- display: inline;
993
- }
994
-
995
- .mce-disabled .mce-path-item {
996
- color: #aaa;
997
- }
998
-
999
- .mce-rtl .mce-path {
1000
- direction: rtl;
1001
- }
1002
-
1003
- .mce-fieldset {
1004
- border: 0 solid $default-border-color;
1005
- border-radius: $default-border-radius;
1006
- }
1007
-
1008
- .mce-fieldset > .mce-container-body {
1009
- margin-top: -15px;
1010
- }
1011
-
1012
- .mce-fieldset-title {
1013
- margin-left: 5px;
1014
- padding: 0 5px;
1015
- }
1016
-
1017
- .mce-fit-layout {
1018
- display: inline-block;
1019
- }
1020
-
1021
- .mce-fit-layout-item {
1022
- position: absolute;
1023
- }
1024
-
1025
- .mce-flow-layout-item {
1026
- display: inline-block;
1027
- }
1028
-
1029
- .mce-flow-layout-item {
1030
- margin: 2px 0 2px 2px;
1031
- }
1032
-
1033
- .mce-flow-layout-item.mce-last {
1034
- margin-right: 2px;
1035
- }
1036
-
1037
- .mce-flow-layout {
1038
- white-space: normal;
1039
- }
1040
-
1041
- .mce-tinymce-inline .mce-flow-layout {
1042
- white-space: nowrap;
1043
- }
1044
-
1045
- .mce-rtl .mce-flow-layout {
1046
- text-align: right;
1047
- direction: rtl;
1048
- }
1049
-
1050
- .mce-rtl .mce-flow-layout-item {
1051
- margin: 2px 2px 2px 0;
1052
- }
1053
-
1054
- .mce-rtl .mce-flow-layout-item.mce-last {
1055
- margin-left: 2px;
1056
- }
1057
-
1058
- .mce-iframe {
1059
- border: 0 solid $default-border-color;
1060
- width: 100%;
1061
- height: 100%;
1062
- }
1063
-
1064
- .mce-label {
1065
- display: inline-block;
1066
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1067
- border: 0;
1068
- overflow: hidden;
1069
- }
1070
-
1071
- .mce-label.mce-autoscroll {
1072
- overflow: auto;
1073
- }
1074
-
1075
- .mce-label.mce-disabled {
1076
- color: #aaa;
1077
- }
1078
-
1079
- .mce-label.mce-multiline {
1080
- white-space: pre-wrap;
1081
- }
1082
-
1083
- .mce-rtl .mce-label {
1084
- text-align: right;
1085
- direction: rtl;
1086
- }
1087
-
1088
- .mce-menubar .mce-menubtn {
1089
- border-color: transparent;
1090
- background: transparent;
1091
- border-radius: 0;
1092
- -webkit-box-shadow: none;
1093
- -moz-box-shadow: none;
1094
- box-shadow: none;
1095
- filter: none;
1096
- }
1097
-
1098
- .mce-menubar {
1099
- border: 1px solid #c4c4c4;
1100
- }
1101
-
1102
- .mce-menubar .mce-menubtn button span {
1103
- color: #333;
1104
- }
1105
-
1106
- .mce-menubar .mce-caret {
1107
- border-top-color: #333;
1108
- }
1109
-
1110
- .mce-menubar .mce-menubtn.mce-active,
1111
- .mce-menubar .mce-menubtn:focus,
1112
- .mce-menubar .mce-menubtn:hover {
1113
- border-color: transparent;
1114
- background: #e6e6e6;
1115
- filter: none;
1116
- -webkit-box-shadow: none;
1117
- -moz-box-shadow: none;
1118
- box-shadow: none;
1119
- }
1120
-
1121
- .mce-menubtn.mce-disabled span {
1122
- color: #aaa;
1123
- }
1124
-
1125
- .mce-menubtn span {
1126
- color: #333;
1127
- margin-right: 2px;
1128
- line-height: 16px;
1129
- }
1130
-
1131
- .mce-menubtn.mce-btn-small span {
1132
- font-size: 12px;
1133
- }
1134
-
1135
- .mce-menubtn.mce-fixed-width span {
1136
- display: inline-block;
1137
- overflow-x: hidden;
1138
- text-overflow: ellipsis;
1139
- width: 90px;
1140
- }
1141
-
1142
- .mce-menubtn.mce-fixed-width.mce-btn-small span {
1143
- width: 70px;
1144
- }
1145
-
1146
- .mce-rtl .mce-menubtn button {
1147
- direction: rtl;
1148
- text-align: right;
1149
- }
1150
-
1151
- .mce-listbox button {
1152
- text-align: left;
1153
- padding-right: 20px;
1154
- position: relative;
1155
- }
1156
-
1157
- .mce-listbox .mce-caret {
1158
- position: absolute;
1159
- margin-top: -2px;
1160
- right: 8px;
1161
- top: 50%;
1162
- }
1163
-
1164
- .mce-rtl .mce-listbox .mce-caret {
1165
- right: auto;
1166
- left: 8px;
1167
- }
1168
-
1169
- .mce-rtl .mce-listbox button {
1170
- padding-right: 10px;
1171
- padding-left: 20px;
1172
- }
1173
-
1174
- .mce-menu-item {
1175
- display: block;
1176
- padding: 6px 15px 6px 12px;
1177
- clear: both;
1178
- font-weight: normal;
1179
- line-height: 20px;
1180
- color: #333;
1181
- white-space: nowrap;
1182
- cursor: pointer;
1183
- line-height: normal;
1184
- border-left: 4px solid transparent;
1185
- margin-bottom: 1px;
1186
- }
1187
-
1188
- .mce-menu-item .mce-ico,
1189
- .mce-menu-item .mce-text {
1190
- color: #333;
1191
- }
1192
-
1193
- .mce-menu-item.mce-disabled .mce-ico,
1194
- .mce-menu-item.mce-disabled .mce-text {
1195
- color: #adadad;
1196
- }
1197
-
1198
- .mce-menu-item.mce-selected .mce-text,
1199
- .mce-menu-item:hover .mce-text {
1200
- color: #fff !important;
1201
- }
1202
-
1203
- .mce-menu-item.mce-selected .mce-ico,
1204
- .mce-menu-item:focus .mce-ico,
1205
- .mce-menu-item:hover .mce-ico {
1206
- color: #fff;
1207
- }
1208
-
1209
- .mce-menu-item.mce-disabled:hover {
1210
- background: #ccc;
1211
- }
1212
-
1213
- .mce-menu-shortcut {
1214
- display: inline-block;
1215
- color: #adadad;
1216
- }
1217
-
1218
- .mce-menu-shortcut {
1219
- display: inline-block;
1220
- padding: 0 15px 0 20px;
1221
- }
1222
-
1223
- .mce-menu-item.mce-selected .mce-menu-shortcut,
1224
- .mce-menu-item:focus .mce-menu-shortcut,
1225
- .mce-menu-item:hover .mce-menu-shortcut {
1226
- color: #fff;
1227
- }
1228
-
1229
- .mce-menu-item .mce-caret {
1230
- margin-top: 4px;
1231
- margin-right: 6px;
1232
- border-top: 4px solid transparent;
1233
- border-bottom: 4px solid transparent;
1234
- border-left: 4px solid #333;
1235
- }
1236
-
1237
- .mce-menu-item.mce-selected .mce-caret,
1238
- .mce-menu-item:focus .mce-caret,
1239
- .mce-menu-item:hover .mce-caret {
1240
- border-left-color: #fff;
1241
- }
1242
-
1243
- .mce-menu-align .mce-caret,
1244
- .mce-menu-align .mce-menu-shortcut {
1245
- position: absolute;
1246
- right: 0;
1247
- }
1248
-
1249
- .mce-menu-item.mce-active i {
1250
- visibility: visible;
1251
- }
1252
-
1253
- .mce-menu-item-normal.mce-active {
1254
- background-color: $button-hover-bg-color;
1255
- }
1256
-
1257
- .mce-menu-item-preview.mce-active {
1258
- border-left: 5px solid #aaa;
1259
- }
1260
-
1261
- .mce-menu-item-normal.mce-active .mce-text {
1262
- color: #333;
1263
- }
1264
-
1265
- .mce-menu-item-normal.mce-active:hover .mce-ico,
1266
- .mce-menu-item-normal.mce-active:hover .mce-text {
1267
- color: #fff;
1268
- }
1269
-
1270
- .mce-menu-item.mce-selected,
1271
- .mce-menu-item:focus,
1272
- .mce-menu-item:hover {
1273
- text-decoration: none;
1274
- color: #fff;
1275
- background: $dark-blue;
1276
- }
1277
-
1278
- .mce-menu-item-sep:hover,
1279
- div.mce-menu .mce-menu-item-sep {
1280
- border: 0;
1281
- padding: 0;
1282
- height: 1px;
1283
- margin: 9px 1px;
1284
- overflow: hidden;
1285
- background: #cbcbcb;
1286
- border-bottom: 1px solid #fff;
1287
- cursor: default;
1288
- filter: none;
1289
- }
1290
-
1291
- .mce-rtl .mce-menu-item {
1292
- text-align: right;
1293
- direction: rtl;
1294
- padding: 6px 12px 6px 15px;
1295
- }
1296
-
1297
- .mce-menu-align.mce-rtl .mce-caret,
1298
- .mce-menu-align.mce-rtl .mce-menu-shortcut {
1299
- right: auto;
1300
- left: 0;
1301
- }
1302
-
1303
- .mce-rtl .mce-menu-item .mce-caret {
1304
- margin-left: 6px;
1305
- margin-right: 0;
1306
- border-right: 4px solid #333;
1307
- border-left: 0;
1308
- }
1309
-
1310
- .mce-rtl .mce-menu-item.mce-selected .mce-caret,
1311
- .mce-rtl .mce-menu-item:focus .mce-caret,
1312
- .mce-rtl .mce-menu-item:hover .mce-caret {
1313
- border-left-color: transparent;
1314
- border-right-color: #fff;
1315
- }
1316
-
1317
- .mce-menu {
1318
- position: absolute;
1319
- left: 0;
1320
- top: 0;
1321
- filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1322
- background: transparent;
1323
- z-index: 1000;
1324
- padding: 5px 0;
1325
- margin: 2px 0 0;
1326
- min-width: 160px;
1327
- background: #fff;
1328
- border: 1px solid #989898;
1329
- border: 1px solid rgba(0, 0, 0, 0.2);
1330
- z-index: 1002;
1331
- border-radius: $default-border-radius;
1332
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
1333
- max-height: 400px;
1334
- overflow: auto;
1335
- overflow-x: hidden;
1336
- }
1337
-
1338
- .mce-menu i {
1339
- display: none;
1340
- }
1341
-
1342
- .mce-menu-has-icons i {
1343
- display: inline-block;
1344
- }
1345
-
1346
- .mce-menu-sub-tr-tl {
1347
- margin: -6px 0 0 -1px;
1348
- }
1349
-
1350
- .mce-menu-sub-br-bl {
1351
- margin: 6px 0 0 -1px;
1352
- }
1353
-
1354
- .mce-menu-sub-tl-tr {
1355
- margin: -6px 0 0 1px;
1356
- }
1357
-
1358
- .mce-menu-sub-bl-br {
1359
- margin: 6px 0 0 1px;
1360
- }
1361
-
1362
- .mce-container-body .mce-resizehandle {
1363
- position: absolute;
1364
- right: 0;
1365
- bottom: 0;
1366
- width: 16px;
1367
- height: 16px;
1368
- visibility: visible;
1369
- cursor: s-resize;
1370
- margin: 0;
1371
- }
1372
-
1373
- .mce-container-body .mce-resizehandle-both {
1374
- cursor: se-resize;
1375
- }
1376
-
1377
- i.mce-i-resize {
1378
- color: #333;
1379
- font-size: 16px;
1380
- }
1381
-
1382
- .mce-spacer {
1383
- visibility: hidden;
1384
- }
1385
-
1386
- .mce-splitbtn .mce-open {
1387
- border-left: 1px solid transparent;
1388
- border-right: 1px solid transparent;
1389
- }
1390
-
1391
- .mce-splitbtn:hover .mce-open {
1392
- border-left-color: #bdbdbd;
1393
- border-right-color: #bdbdbd;
1394
- }
1395
-
1396
- .mce-splitbtn button {
1397
- padding-right: 4px;
1398
- }
1399
-
1400
- .mce-splitbtn .mce-open {
1401
- padding-left: 4px;
1402
- }
1403
-
1404
- .mce-splitbtn .mce-open.mce-active {
1405
- -webkit-box-shadow:
1406
- inset 0 2px 4px rgba(0, 0, 0, 0.15),
1407
- 0 1px 2px rgba(0, 0, 0, 0.05);
1408
- -moz-box-shadow:
1409
- inset 0 2px 4px rgba(0, 0, 0, 0.15),
1410
- 0 1px 2px rgba(0, 0, 0, 0.05);
1411
- box-shadow:
1412
- inset 0 2px 4px rgba(0, 0, 0, 0.15),
1413
- 0 1px 2px rgba(0, 0, 0, 0.05);
1414
- }
1415
-
1416
- .mce-splitbtn.mce-btn-small .mce-open {
1417
- padding: 0 3px;
1418
- }
1419
-
1420
- .mce-rtl .mce-splitbtn {
1421
- direction: rtl;
1422
- text-align: right;
1423
- }
1424
-
1425
- .mce-rtl .mce-splitbtn button {
1426
- padding-right: 10px;
1427
- padding-left: 10px;
1428
- }
1429
-
1430
- .mce-rtl .mce-splitbtn .mce-open {
1431
- padding-left: 4px;
1432
- padding-right: 4px;
1433
- }
1434
-
1435
- .mce-stack-layout-item {
1436
- display: block;
1437
- }
1438
-
1439
- .mce-tabs {
1440
- display: block;
1441
- border-bottom: 1px solid #c5c5c5;
1442
- }
1443
-
1444
- .mce-tab {
1445
- display: inline-block;
1446
- border: 1px solid #c5c5c5;
1447
- border-width: 0 1px 0 0;
1448
- background: #e3e3e3;
1449
- padding: 8px;
1450
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1451
- height: 13px;
1452
- cursor: pointer;
1453
- }
1454
-
1455
- .mce-tab:hover {
1456
- background: #fdfdfd;
1457
- }
1458
-
1459
- .mce-tab.mce-active {
1460
- background: #fdfdfd;
1461
- border-bottom-color: transparent;
1462
- margin-bottom: -1px;
1463
- height: 14px;
1464
- }
1465
-
1466
- .mce-rtl .mce-tabs {
1467
- text-align: right;
1468
- direction: rtl;
1469
- }
1470
-
1471
- .mce-rtl .mce-tab {
1472
- border-width: 0 0 0 1px;
1473
- }
1474
-
1475
- .mce-textbox {
1476
- &:not(.mce-multiline) {
1477
- box-sizing: border-box;
1478
- width: auto !important;
1479
- height: $form-field-height !important;
1480
- padding: $form-field-padding;
1481
- }
1482
-
1483
- background: $form-field-background-color;
1484
- border-width: $form-field-border-width;
1485
- border-style: $form-field-border-style;
1486
- border-color: $form-field-border-color;
1487
- border-radius: $default-border-radius;
1488
- box-shadow: $form-field-box-shadow;
1489
- display: inline-block;
1490
- transition:
1491
- border linear 0.2s,
1492
- box-shadow linear 0.2s;
1493
- resize: none;
1494
- white-space: pre-wrap;
1495
- color: $form-field-text-color;
1496
- cursor: text;
1497
- font-size: $form-field-font-size;
1498
- line-height: $form-field-line-height;
1499
- }
1500
-
1501
- .mce-textbox.mce-focus,
1502
- .mce-textbox:focus {
1503
- @include default-focus-style;
1504
- }
1505
-
1506
- .mce-placeholder .mce-textbox {
1507
- color: #aaa;
1508
- }
1509
-
1510
- .mce-textbox.mce-multiline {
1511
- padding: 4px;
1512
- height: inherit;
1513
- }
1514
-
1515
- .mce-textbox.mce-disabled {
1516
- background: $form-field-disabled-bg-color;
1517
- color: $form-field-disabled-text-color;
1518
- }
1519
-
1520
- .mce-rtl .mce-textbox {
1521
- text-align: right;
1522
- direction: rtl;
1523
- }
1524
-
1525
- .mce-throbber {
1526
- position: absolute;
1527
- top: 0;
1528
- left: 0;
1529
- width: 100%;
1530
- height: 100%;
1531
- opacity: 0.6;
1532
- filter: alpha(opacity=60);
1533
- background: #fff url("tinymce/skins/alchemy/fonts/img/loader.gif") no-repeat
1534
- center center;
1535
- }
1536
-
1537
- @font-face {
1538
- font-family: "tinymce";
1539
- src:
1540
- url("tinymce/skins/alchemy/fonts/tinymce.woff") format("woff"),
1541
- url("tinymce/skins/alchemy/fonts/tinymce.ttf") format("truetype"),
1542
- url("tinymce/skins/alchemy/fonts/tinymce.svg#tinymce") format("svg");
1543
- font-weight: normal;
1544
- font-style: normal;
1545
- }
1546
-
1547
- @font-face {
1548
- font-family: "tinymce-small";
1549
- src:
1550
- url("tinymce/skins/alchemy/fonts/tinymce-small.woff") format("woff"),
1551
- url("tinymce/skins/alchemy/fonts/tinymce-small.ttf") format("truetype"),
1552
- url("tinymce/skins/alchemy/fonts/tinymce-small.svg#tinymce") format("svg");
1553
- font-weight: normal;
1554
- font-style: normal;
1555
- }
1556
-
1557
- .mce-ico {
1558
- font-family: "tinymce", Arial;
1559
- font-style: normal;
1560
- font-weight: normal;
1561
- font-size: 12px;
1562
- line-height: 16px;
1563
- vertical-align: text-top;
1564
- -webkit-font-smoothing: subpixel-antialiased;
1565
- display: inline-block;
1566
- background: transparent center center;
1567
- width: 16px;
1568
- height: 16px;
1569
- color: #333;
1570
- text-align: center;
1571
- }
1572
-
1573
- .mce-btn-small .mce-ico {
1574
- font-family: "tinymce-small", Arial;
1575
- }
1576
-
1577
- .mce-i-save:before {
1578
- content: "\e000";
1579
- }
1580
-
1581
- .mce-i-newdocument:before {
1582
- content: "\e001";
1583
- }
1584
-
1585
- .mce-i-fullpage:before {
1586
- content: "\e002";
1587
- }
1588
-
1589
- .mce-i-alignleft:before {
1590
- content: "\e003";
1591
- }
1592
-
1593
- .mce-i-aligncenter:before {
1594
- content: "\e004";
1595
- }
1596
-
1597
- .mce-i-alignright:before {
1598
- content: "\e005";
1599
- }
1600
-
1601
- .mce-i-alignjustify:before {
1602
- content: "\e006";
1603
- }
1604
-
1605
- .mce-i-alignnone:before {
1606
- content: "\e003";
1607
- }
1608
-
1609
- .mce-i-cut:before {
1610
- content: "\e007";
1611
- }
1612
-
1613
- .mce-i-paste:before {
1614
- content: "\e008";
1615
- }
1616
-
1617
- .mce-i-searchreplace:before {
1618
- content: "\e009";
1619
- }
1620
-
1621
- .mce-i-bullist:before {
1622
- content: "\e00a";
1623
- }
1624
-
1625
- .mce-i-numlist:before {
1626
- content: "\e00b";
1627
- }
1628
-
1629
- .mce-i-indent:before {
1630
- content: "\e00c";
1631
- }
1632
-
1633
- .mce-i-outdent:before {
1634
- content: "\e00d";
1635
- }
1636
-
1637
- .mce-i-blockquote:before {
1638
- content: "\e00e";
1639
- }
1640
-
1641
- .mce-i-undo:before {
1642
- content: "\e00f";
1643
- }
1644
-
1645
- .mce-i-redo:before {
1646
- content: "\e010";
1647
- }
1648
-
1649
- .mce-i-link:before {
1650
- content: "\e011";
1651
- }
1652
-
1653
- .mce-i-unlink:before {
1654
- content: "\e012";
1655
- }
1656
-
1657
- .mce-i-anchor:before {
1658
- content: "\e013";
1659
- }
1660
-
1661
- .mce-i-image:before {
1662
- content: "\e014";
1663
- }
1664
-
1665
- .mce-i-media:before {
1666
- content: "\e015";
1667
- }
1668
-
1669
- .mce-i-help:before {
1670
- content: "\e016";
1671
- }
1672
-
1673
- .mce-i-code:before {
1674
- content: "\e017";
1675
- }
1676
-
1677
- .mce-i-insertdatetime:before {
1678
- content: "\e018";
1679
- }
1680
-
1681
- .mce-i-preview:before {
1682
- content: "\e019";
1683
- }
1684
-
1685
- .mce-i-forecolor:before {
1686
- content: "\e01a";
1687
- }
1688
-
1689
- .mce-i-backcolor:before {
1690
- content: "\e01a";
1691
- }
1692
-
1693
- .mce-i-table:before {
1694
- content: "\e01b";
1695
- }
1696
-
1697
- .mce-i-hr:before {
1698
- content: "\e01c";
1699
- }
1700
-
1701
- .mce-i-removeformat:before {
1702
- content: "\e01d";
1703
- }
1704
-
1705
- .mce-i-subscript:before {
1706
- content: "\e01e";
1707
- }
1708
-
1709
- .mce-i-superscript:before {
1710
- content: "\e01f";
1711
- }
1712
-
1713
- .mce-i-charmap:before {
1714
- content: "\e020";
1715
- }
1716
-
1717
- .mce-i-emoticons:before {
1718
- content: "\e021";
1719
- }
1720
-
1721
- .mce-i-print:before {
1722
- content: "\e022";
1723
- }
1724
-
1725
- .mce-i-fullscreen:before {
1726
- content: "\e023";
1727
- }
1728
-
1729
- .mce-i-spellchecker:before {
1730
- content: "\e024";
1731
- }
1732
-
1733
- .mce-i-nonbreaking:before {
1734
- content: "\e025";
1735
- }
1736
-
1737
- .mce-i-template:before {
1738
- content: "\e026";
1739
- }
1740
-
1741
- .mce-i-pagebreak:before {
1742
- content: "\e027";
1743
- }
1744
-
1745
- .mce-i-restoredraft:before {
1746
- content: "\e028";
1747
- }
1748
-
1749
- .mce-i-bold:before {
1750
- content: "\e02a";
1751
- }
1752
-
1753
- .mce-i-italic:before {
1754
- content: "\e02b";
1755
- }
1756
-
1757
- .mce-i-underline:before {
1758
- content: "\e02c";
1759
- }
1760
-
1761
- .mce-i-strikethrough:before {
1762
- content: "\e02d";
1763
- }
1764
-
1765
- .mce-i-visualchars:before {
1766
- content: "\e02e";
1767
- }
1768
-
1769
- .mce-i-visualblocks:before {
1770
- content: "\e02e";
1771
- }
1772
-
1773
- .mce-i-ltr:before {
1774
- content: "\e02f";
1775
- }
1776
-
1777
- .mce-i-rtl:before {
1778
- content: "\e030";
1779
- }
1780
-
1781
- .mce-i-copy:before {
1782
- content: "\e031";
1783
- }
1784
-
1785
- .mce-i-resize:before {
1786
- content: "\e032";
1787
- }
1788
-
1789
- .mce-i-browse:before {
1790
- content: "\e034";
1791
- }
1792
-
1793
- .mce-i-pastetext:before {
1794
- content: "\e035";
1795
- }
1796
-
1797
- .mce-i-rotateleft:before {
1798
- content: "\eaa8";
1799
- }
1800
-
1801
- .mce-i-rotateright:before {
1802
- content: "\eaa9";
1803
- }
1804
-
1805
- .mce-i-crop:before {
1806
- content: "\ee78";
1807
- }
1808
-
1809
- .mce-i-editimage:before {
1810
- content: "\e915";
1811
- }
1812
-
1813
- .mce-i-options:before {
1814
- content: "\ec6a";
1815
- }
1816
-
1817
- .mce-i-flipv:before {
1818
- content: "\eaaa";
1819
- }
1820
-
1821
- .mce-i-fliph:before {
1822
- content: "\eaac";
1823
- }
1824
-
1825
- .mce-i-zoomin:before {
1826
- content: "\eb35";
1827
- }
1828
-
1829
- .mce-i-zoomout:before {
1830
- content: "\eb36";
1831
- }
1832
-
1833
- .mce-i-sun:before {
1834
- content: "\eccc";
1835
- }
1836
-
1837
- .mce-i-moon:before {
1838
- content: "\eccd";
1839
- }
1840
-
1841
- .mce-i-arrowleft:before {
1842
- content: "\edc0";
1843
- }
1844
-
1845
- .mce-i-arrowright:before {
1846
- content: "\e93c";
1847
- }
1848
-
1849
- .mce-i-drop:before {
1850
- content: "\e935";
1851
- }
1852
-
1853
- .mce-i-contrast:before {
1854
- content: "\ecd4";
1855
- }
1856
-
1857
- .mce-i-sharpen:before {
1858
- content: "\eba7";
1859
- }
1860
-
1861
- .mce-i-resize2:before {
1862
- content: "\edf9";
1863
- }
1864
-
1865
- .mce-i-orientation:before {
1866
- content: "\e601";
1867
- }
1868
-
1869
- .mce-i-invert:before {
1870
- content: "\e602";
1871
- }
1872
-
1873
- .mce-i-gamma:before {
1874
- content: "\e600";
1875
- }
1876
-
1877
- .mce-i-remove:before {
1878
- content: "\ed6a";
1879
- }
1880
-
1881
- .mce-i-tablerowprops:before {
1882
- content: "\e604";
1883
- }
1884
-
1885
- .mce-i-tablecellprops:before {
1886
- content: "\e605";
1887
- }
1888
-
1889
- .mce-i-table2:before {
1890
- content: "\e606";
1891
- }
1892
-
1893
- .mce-i-tablemergecells:before {
1894
- content: "\e607";
1895
- }
1896
-
1897
- .mce-i-tableinsertcolbefore:before {
1898
- content: "\e608";
1899
- }
1900
-
1901
- .mce-i-tableinsertcolafter:before {
1902
- content: "\e609";
1903
- }
1904
-
1905
- .mce-i-tableinsertrowbefore:before {
1906
- content: "\e60a";
1907
- }
1908
-
1909
- .mce-i-tableinsertrowafter:before {
1910
- content: "\e60b";
1911
- }
1912
-
1913
- .mce-i-tablesplitcells:before {
1914
- content: "\e60d";
1915
- }
1916
-
1917
- .mce-i-tabledelete:before {
1918
- content: "\e60e";
1919
- }
1920
-
1921
- .mce-i-tableleftheader:before {
1922
- content: "\e62a";
1923
- }
1924
-
1925
- .mce-i-tabletopheader:before {
1926
- content: "\e62b";
1927
- }
1928
-
1929
- .mce-i-tabledeleterow:before {
1930
- content: "\e800";
1931
- }
1932
-
1933
- .mce-i-tabledeletecol:before {
1934
- content: "\e801";
1935
- }
1936
-
1937
- .mce-i-codesample:before {
1938
- content: "\e603";
1939
- }
1940
-
1941
- .mce-i-fill:before {
1942
- content: "\e902";
1943
- }
1944
-
1945
- .mce-i-borderwidth:before {
1946
- content: "\e903";
1947
- }
1948
-
1949
- .mce-i-line:before {
1950
- content: "\e904";
1951
- }
1952
-
1953
- .mce-i-count:before {
1954
- content: "\e905";
1955
- }
1956
-
1957
- .mce-i-translate:before {
1958
- content: "\e907";
1959
- }
1960
-
1961
- .mce-i-drag:before {
1962
- content: "\e908";
1963
- }
1964
-
1965
- .mce-i-home:before {
1966
- content: "\e90b";
1967
- }
1968
-
1969
- .mce-i-upload:before {
1970
- content: "\e914";
1971
- }
1972
-
1973
- .mce-i-bubble:before {
1974
- content: "\e91c";
1975
- }
1976
-
1977
- .mce-i-user:before {
1978
- content: "\e91d";
1979
- }
1980
-
1981
- .mce-i-lock:before {
1982
- content: "\e926";
1983
- }
1984
-
1985
- .mce-i-unlock:before {
1986
- content: "\e927";
1987
- }
1988
-
1989
- .mce-i-settings:before {
1990
- content: "\e928";
1991
- }
1992
-
1993
- .mce-i-remove2:before {
1994
- content: "\e92a";
1995
- }
1996
-
1997
- .mce-i-menu:before {
1998
- content: "\e92d";
1999
- }
2000
-
2001
- .mce-i-warning:before {
2002
- content: "\e930";
2003
- }
2004
-
2005
- .mce-i-question:before {
2006
- content: "\e931";
2007
- }
2008
-
2009
- .mce-i-pluscircle:before {
2010
- content: "\e932";
2011
- }
2012
-
2013
- .mce-i-info:before {
2014
- content: "\e933";
2015
- }
2016
-
2017
- .mce-i-notice:before {
2018
- content: "\e934";
2019
- }
2020
-
2021
- .mce-i-arrowup:before {
2022
- content: "\e93b";
2023
- }
2024
-
2025
- .mce-i-arrowdown:before {
2026
- content: "\e93d";
2027
- }
2028
-
2029
- .mce-i-arrowup2:before {
2030
- content: "\e93f";
2031
- }
2032
-
2033
- .mce-i-arrowdown2:before {
2034
- content: "\e940";
2035
- }
2036
-
2037
- .mce-i-menu2:before {
2038
- content: "\e941";
2039
- }
2040
-
2041
- .mce-i-newtab:before {
2042
- content: "\e961";
2043
- }
2044
-
2045
- .mce-i-a11y:before {
2046
- content: "\e900";
2047
- }
2048
-
2049
- .mce-i-plus:before {
2050
- content: "\e93a";
2051
- }
2052
-
2053
- .mce-i-minus:before {
2054
- content: "\e939";
2055
- }
2056
-
2057
- .mce-i-books:before {
2058
- content: "\e911";
2059
- }
2060
-
2061
- .mce-i-checkmark:before {
2062
- content: "\e033";
2063
- }
2064
-
2065
- .mce-i-checkbox:before,
2066
- .mce-i-selected:before {
2067
- content: "\e033";
2068
- }
2069
-
2070
- .mce-i-selected {
2071
- visibility: hidden;
2072
- }
2073
-
2074
- i.mce-i-backcolor {
2075
- text-shadow: none;
2076
- background: #bbb;
2077
- }