wysiwyg-rails 2.8.5 → 4.0.13

Sign up to get free protection for your applications and to get access to all the features.
Files changed (151) hide show
  1. checksums.yaml +5 -5
  2. data/README.md +33 -7
  3. data/app/assets/javascripts/froala_editor.min.js +3 -3
  4. data/app/assets/javascripts/froala_editor.pkgd.min.js +3 -3
  5. data/app/assets/javascripts/languages/ar.js +287 -314
  6. data/app/assets/javascripts/languages/bs.js +274 -314
  7. data/app/assets/javascripts/languages/cs.js +280 -314
  8. data/app/assets/javascripts/languages/da.js +272 -314
  9. data/app/assets/javascripts/languages/de.js +305 -314
  10. data/app/assets/javascripts/languages/el.js +280 -320
  11. data/app/assets/javascripts/languages/en_ca.js +218 -258
  12. data/app/assets/javascripts/languages/en_gb.js +218 -258
  13. data/app/assets/javascripts/languages/es.js +285 -314
  14. data/app/assets/javascripts/languages/et.js +274 -314
  15. data/app/assets/javascripts/languages/fa.js +274 -314
  16. data/app/assets/javascripts/languages/fi.js +274 -314
  17. data/app/assets/javascripts/languages/fr.js +299 -314
  18. data/app/assets/javascripts/languages/he.js +274 -314
  19. data/app/assets/javascripts/languages/hr.js +274 -314
  20. data/app/assets/javascripts/languages/hu.js +280 -314
  21. data/app/assets/javascripts/languages/id.js +274 -315
  22. data/app/assets/javascripts/languages/it.js +290 -314
  23. data/app/assets/javascripts/languages/ja.js +274 -314
  24. data/app/assets/javascripts/languages/ko.js +299 -311
  25. data/app/assets/javascripts/languages/ku.js +267 -307
  26. data/app/assets/javascripts/languages/me.js +274 -314
  27. data/app/assets/javascripts/languages/nb.js +274 -314
  28. data/app/assets/javascripts/languages/nl.js +287 -314
  29. data/app/assets/javascripts/languages/pl.js +291 -314
  30. data/app/assets/javascripts/languages/pt_br.js +274 -314
  31. data/app/assets/javascripts/languages/pt_pt.js +291 -314
  32. data/app/assets/javascripts/languages/ro.js +274 -315
  33. data/app/assets/javascripts/languages/ru.js +287 -314
  34. data/app/assets/javascripts/languages/sk.js +280 -314
  35. data/app/assets/javascripts/languages/sl.js +224 -0
  36. data/app/assets/javascripts/languages/sr.js +274 -314
  37. data/app/assets/javascripts/languages/sv.js +274 -314
  38. data/app/assets/javascripts/languages/th.js +274 -314
  39. data/app/assets/javascripts/languages/tr.js +274 -314
  40. data/app/assets/javascripts/languages/uk.js +274 -314
  41. data/app/assets/javascripts/languages/vi.js +215 -254
  42. data/app/assets/javascripts/languages/zh_cn.js +300 -314
  43. data/app/assets/javascripts/languages/zh_tw.js +274 -314
  44. data/app/assets/javascripts/plugins/align.min.js +3 -3
  45. data/app/assets/javascripts/plugins/char_counter.min.js +3 -3
  46. data/app/assets/javascripts/plugins/code_beautifier.min.js +3 -3
  47. data/app/assets/javascripts/plugins/code_view.min.js +3 -3
  48. data/app/assets/javascripts/plugins/colors.min.js +3 -3
  49. data/app/assets/javascripts/plugins/cryptojs.min.js +7 -0
  50. data/app/assets/javascripts/plugins/draggable.min.js +3 -3
  51. data/app/assets/javascripts/plugins/edit_in_popup.min.js +7 -0
  52. data/app/assets/javascripts/plugins/emoticons.min.js +3 -3
  53. data/app/assets/javascripts/plugins/entities.min.js +3 -3
  54. data/app/assets/javascripts/plugins/file.min.js +3 -3
  55. data/app/assets/javascripts/plugins/files_manager.min.js +7 -0
  56. data/app/assets/javascripts/plugins/font_family.min.js +3 -3
  57. data/app/assets/javascripts/plugins/font_size.min.js +3 -3
  58. data/app/assets/javascripts/plugins/forms.min.js +3 -3
  59. data/app/assets/javascripts/plugins/fullscreen.min.js +3 -3
  60. data/app/assets/javascripts/plugins/help.min.js +3 -3
  61. data/app/assets/javascripts/plugins/image.min.js +3 -3
  62. data/app/assets/javascripts/plugins/image_manager.min.js +3 -3
  63. data/app/assets/javascripts/plugins/inline_class.min.js +7 -0
  64. data/app/assets/javascripts/plugins/inline_style.min.js +3 -3
  65. data/app/assets/javascripts/plugins/line_breaker.min.js +3 -3
  66. data/app/assets/javascripts/plugins/line_height.min.js +7 -0
  67. data/app/assets/javascripts/plugins/link.min.js +3 -3
  68. data/app/assets/javascripts/plugins/lists.min.js +3 -3
  69. data/app/assets/javascripts/plugins/markdown.min.js +7 -0
  70. data/app/assets/javascripts/plugins/paragraph_format.min.js +3 -3
  71. data/app/assets/javascripts/plugins/paragraph_style.min.js +3 -3
  72. data/app/assets/javascripts/plugins/print.min.js +3 -3
  73. data/app/assets/javascripts/plugins/quick_insert.min.js +3 -3
  74. data/app/assets/javascripts/plugins/quote.min.js +3 -3
  75. data/app/assets/javascripts/plugins/save.min.js +3 -3
  76. data/app/assets/javascripts/plugins/special_characters.min.js +3 -3
  77. data/app/assets/javascripts/plugins/table.min.js +3 -3
  78. data/app/assets/javascripts/plugins/track_changes.min.js +7 -0
  79. data/app/assets/javascripts/plugins/trim_video.min.js +7 -0
  80. data/app/assets/javascripts/plugins/url.min.js +3 -3
  81. data/app/assets/javascripts/plugins/video.min.js +3 -3
  82. data/app/assets/javascripts/plugins/word_paste.min.js +3 -3
  83. data/app/assets/javascripts/plugins.pkgd.min.js +7 -0
  84. data/app/assets/javascripts/third_party/embedly.min.js +3 -3
  85. data/app/assets/javascripts/third_party/font_awesome.min.js +7 -0
  86. data/app/assets/javascripts/third_party/image_tui.min.js +7 -0
  87. data/app/assets/javascripts/third_party/showdown.min.js +7 -0
  88. data/app/assets/javascripts/third_party/spell_checker.min.js +3 -3
  89. data/app/assets/stylesheets/froala_editor.css +1178 -1009
  90. data/app/assets/stylesheets/froala_editor.min.css +3 -3
  91. data/app/assets/stylesheets/froala_editor.pkgd.css +4154 -2253
  92. data/app/assets/stylesheets/froala_editor.pkgd.min.css +3 -3
  93. data/app/assets/stylesheets/froala_style.css +328 -379
  94. data/app/assets/stylesheets/froala_style.min.css +3 -3
  95. data/app/assets/stylesheets/plugins/char_counter.css +18 -26
  96. data/app/assets/stylesheets/plugins/char_counter.min.css +3 -3
  97. data/app/assets/stylesheets/plugins/code_view.css +35 -50
  98. data/app/assets/stylesheets/plugins/code_view.min.css +3 -3
  99. data/app/assets/stylesheets/plugins/colors.css +76 -133
  100. data/app/assets/stylesheets/plugins/colors.min.css +3 -3
  101. data/app/assets/stylesheets/plugins/draggable.css +14 -16
  102. data/app/assets/stylesheets/plugins/draggable.min.css +3 -3
  103. data/app/assets/stylesheets/plugins/emoticons.css +19 -27
  104. data/app/assets/stylesheets/plugins/emoticons.min.css +3 -3
  105. data/app/assets/stylesheets/plugins/file.css +89 -107
  106. data/app/assets/stylesheets/plugins/file.min.css +3 -3
  107. data/app/assets/stylesheets/plugins/files_manager.css +1240 -0
  108. data/app/assets/stylesheets/plugins/files_manager.min.css +7 -0
  109. data/app/assets/stylesheets/plugins/fullscreen.css +63 -12
  110. data/app/assets/stylesheets/plugins/fullscreen.min.css +3 -3
  111. data/app/assets/stylesheets/plugins/help.css +29 -36
  112. data/app/assets/stylesheets/plugins/help.min.css +3 -3
  113. data/app/assets/stylesheets/plugins/image.css +145 -176
  114. data/app/assets/stylesheets/plugins/image.min.css +3 -3
  115. data/app/assets/stylesheets/plugins/image_manager.css +210 -240
  116. data/app/assets/stylesheets/plugins/image_manager.min.css +3 -3
  117. data/app/assets/stylesheets/plugins/line_breaker.css +20 -19
  118. data/app/assets/stylesheets/plugins/line_breaker.min.css +3 -3
  119. data/app/assets/stylesheets/plugins/markdown.css +149 -0
  120. data/app/assets/stylesheets/plugins/markdown.min.css +7 -0
  121. data/app/assets/stylesheets/plugins/quick_insert.css +49 -47
  122. data/app/assets/stylesheets/plugins/quick_insert.min.css +3 -3
  123. data/app/assets/stylesheets/plugins/special_characters.css +19 -37
  124. data/app/assets/stylesheets/plugins/special_characters.min.css +3 -3
  125. data/app/assets/stylesheets/plugins/table.css +62 -139
  126. data/app/assets/stylesheets/plugins/table.min.css +3 -3
  127. data/app/assets/stylesheets/plugins/trim_video.css +247 -0
  128. data/app/assets/stylesheets/plugins/trim_video.min.css +7 -0
  129. data/app/assets/stylesheets/plugins/video.css +145 -175
  130. data/app/assets/stylesheets/plugins/video.min.css +3 -3
  131. data/app/assets/stylesheets/plugins.pkgd.css +3018 -0
  132. data/app/assets/stylesheets/plugins.pkgd.min.css +7 -0
  133. data/app/assets/stylesheets/themes/dark.css +1993 -1091
  134. data/app/assets/stylesheets/themes/dark.min.css +3 -3
  135. data/app/assets/stylesheets/themes/gray.css +1993 -1091
  136. data/app/assets/stylesheets/themes/gray.min.css +3 -3
  137. data/app/assets/stylesheets/themes/royal.css +1996 -1094
  138. data/app/assets/stylesheets/themes/royal.min.css +3 -3
  139. data/app/assets/stylesheets/third_party/embedly.css +31 -35
  140. data/app/assets/stylesheets/third_party/embedly.min.css +3 -3
  141. data/app/assets/stylesheets/third_party/font_awesome.css +33 -0
  142. data/app/assets/stylesheets/third_party/font_awesome.min.css +7 -0
  143. data/app/assets/stylesheets/third_party/image_tui.css +41 -0
  144. data/app/assets/stylesheets/third_party/image_tui.min.css +7 -0
  145. data/app/assets/stylesheets/third_party/spell_checker.css +36 -44
  146. data/app/assets/stylesheets/third_party/spell_checker.min.css +3 -3
  147. data/lib/wysiwyg-rails/version.rb +1 -1
  148. metadata +37 -16
  149. data/app/assets/javascripts/third_party/image_aviary.min.js +0 -7
  150. data/app/assets/stylesheets/themes/red.css +0 -1281
  151. data/app/assets/stylesheets/themes/red.min.css +0 -7
@@ -1,1281 +0,0 @@
1
- /*!
2
- * froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
3
- * License https://froala.com/wysiwyg-editor/terms/
4
- * Copyright 2014-2018 Froala Labs
5
- */
6
-
7
- .clearfix::after {
8
- clear: both;
9
- display: block;
10
- content: "";
11
- height: 0;
12
- }
13
- .hide-by-clipping {
14
- position: absolute;
15
- width: 1px;
16
- height: 1px;
17
- padding: 0;
18
- margin: -1px;
19
- overflow: hidden;
20
- clip: rect(0, 0, 0, 0);
21
- border: 0;
22
- }
23
- .red-theme.fr-box.fr-basic .fr-element {
24
- color: #000000;
25
- padding: 16px;
26
- overflow-x: auto;
27
- min-height: 52px;
28
- }
29
- .red-theme .fr-element {
30
- -webkit-user-select: auto;
31
- }
32
- .red-theme.fr-box a.fr-floating-btn {
33
- -webkit-box-shadow: none;
34
- -moz-box-shadow: none;
35
- box-shadow: none;
36
- height: 32px;
37
- width: 32px;
38
- background: #ffffff;
39
- color: #ffca28;
40
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
41
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
42
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
43
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
44
- left: 0;
45
- top: 0;
46
- line-height: 32px;
47
- border: solid 1px #cccccc;
48
- }
49
- .red-theme.fr-box a.fr-floating-btn svg {
50
- -webkit-transition: transform 0.2s ease 0s;
51
- -moz-transition: transform 0.2s ease 0s;
52
- -ms-transition: transform 0.2s ease 0s;
53
- -o-transition: transform 0.2s ease 0s;
54
- fill: #ffca28;
55
- }
56
- .red-theme.fr-box a.fr-floating-btn i,
57
- .red-theme.fr-box a.fr-floating-btn svg {
58
- font-size: 14px;
59
- line-height: 32px;
60
- }
61
- .red-theme.fr-box a.fr-floating-btn:hover {
62
- background: #ebebeb;
63
- }
64
- .red-theme.fr-box a.fr-floating-btn:hover svg {
65
- fill: #ffca28;
66
- }
67
- .red-theme .fr-wrapper .fr-placeholder {
68
- font-size: 12px;
69
- color: #aaaaaa;
70
- top: 0;
71
- left: 0;
72
- right: 0;
73
- }
74
- .red-theme .fr-wrapper ::-moz-selection {
75
- background: #b5d6fd;
76
- color: #000000;
77
- }
78
- .red-theme .fr-wrapper ::selection {
79
- background: #b5d6fd;
80
- color: #000000;
81
- }
82
- .red-theme.fr-box.fr-basic .fr-wrapper {
83
- background: #ffffff;
84
- border: solid 1px #671b1a;
85
- border-top: 0;
86
- top: 0;
87
- left: 0;
88
- }
89
- .red-theme.fr-box.fr-basic.fr-top .fr-wrapper {
90
- border-top: 0;
91
- border-radius: 0 0 2px 2px;
92
- -moz-border-radius: 0 0 2px 2px;
93
- -webkit-border-radius: 0 0 2px 2px;
94
- -moz-background-clip: padding;
95
- -webkit-background-clip: padding-box;
96
- background-clip: padding-box;
97
- -webkit-box-shadow: none;
98
- -moz-box-shadow: none;
99
- box-shadow: none;
100
- }
101
- .red-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
102
- border-bottom: 0;
103
- border-radius: 2px 2px 0 0;
104
- -moz-border-radius: 2px 2px 0 0;
105
- -webkit-border-radius: 2px 2px 0 0;
106
- -moz-background-clip: padding;
107
- -webkit-background-clip: padding-box;
108
- background-clip: padding-box;
109
- -webkit-box-shadow: none;
110
- -moz-box-shadow: none;
111
- box-shadow: none;
112
- }
113
- .red-theme .fr-sticky-on.fr-sticky-ios {
114
- left: 0;
115
- right: 0;
116
- }
117
- .red-theme.fr-box .fr-counter {
118
- color: #cccccc;
119
- background: #ffffff;
120
- border-top: solid 1px #ebebeb;
121
- border-left: solid 1px #ebebeb;
122
- border-radius: 2px 0 0 0;
123
- -moz-border-radius: 2px 0 0 0;
124
- -webkit-border-radius: 2px 0 0 0;
125
- -moz-background-clip: padding;
126
- -webkit-background-clip: padding-box;
127
- background-clip: padding-box;
128
- }
129
- .red-theme.fr-box.fr-rtl .fr-counter {
130
- right: auto;
131
- border-right: solid 1px #ebebeb;
132
- border-radius: 0 2px 0 0;
133
- -moz-border-radius: 0 2px 0 0;
134
- -webkit-border-radius: 0 2px 0 0;
135
- -moz-background-clip: padding;
136
- -webkit-background-clip: padding-box;
137
- background-clip: padding-box;
138
- }
139
- .red-theme textarea.fr-code {
140
- background: #ffffff;
141
- color: #000000;
142
- }
143
- .red-theme.fr-box.fr-code-view.fr-inline {
144
- -webkit-box-shadow: none;
145
- -moz-box-shadow: none;
146
- box-shadow: none;
147
- }
148
- .red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
149
- top: 0;
150
- right: 0;
151
- -webkit-box-shadow: none;
152
- -moz-box-shadow: none;
153
- box-shadow: none;
154
- background: #ffffff;
155
- color: #ffffff;
156
- -moz-outline: 0;
157
- outline: 0;
158
- border: 0;
159
- padding: 12px 12px;
160
- -webkit-transition: background 0.2s ease 0s;
161
- -moz-transition: background 0.2s ease 0s;
162
- -ms-transition: background 0.2s ease 0s;
163
- -o-transition: background 0.2s ease 0s;
164
- }
165
- .red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
166
- font-size: 14px;
167
- width: 14px;
168
- }
169
- .red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
170
- background: #c65a59;
171
- }
172
- .red-theme.fr-popup .fr-colors-tabs {
173
- -webkit-box-shadow: none;
174
- -moz-box-shadow: none;
175
- box-shadow: none;
176
- }
177
- .red-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
178
- color: #ffffff;
179
- padding: 8px 0;
180
- }
181
- .red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
182
- .red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
183
- color: #ffca28;
184
- }
185
- .red-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
186
- bottom: 0;
187
- left: 0;
188
- background: #ffca28;
189
- -webkit-transition: transform 0.2s ease 0s;
190
- -moz-transition: transform 0.2s ease 0s;
191
- -ms-transition: transform 0.2s ease 0s;
192
- -o-transition: transform 0.2s ease 0s;
193
- }
194
- .red-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
195
- color: #ffca28;
196
- }
197
- .red-theme.fr-popup .fr-color-hex-layer .fr-input-line {
198
- padding: 8px 0 0;
199
- }
200
- .red-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button {
201
- background-color: #ffca28;
202
- border-radius: 2px;
203
- -moz-border-radius: 2px;
204
- -webkit-border-radius: 2px;
205
- -moz-background-clip: padding;
206
- -webkit-background-clip: padding-box;
207
- background-clip: padding-box;
208
- }
209
- .red-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
210
- background-color: #f4b800;
211
- }
212
- .red-theme.fr-popup .fr-color-set {
213
- line-height: 0;
214
- }
215
- .red-theme.fr-popup .fr-color-set > span > i,
216
- .red-theme.fr-popup .fr-color-set > span > svg {
217
- bottom: 0;
218
- left: 0;
219
- }
220
- .red-theme.fr-popup .fr-color-set > span .fr-selected-color {
221
- color: #ffffff;
222
- font-weight: 400;
223
- top: 0;
224
- bottom: 0;
225
- right: 0;
226
- left: 0;
227
- }
228
- .red-theme.fr-popup .fr-color-set > span:hover,
229
- .red-theme.fr-popup .fr-color-set > span:focus {
230
- outline: 1px solid #ffffff;
231
- }
232
- .red-theme .fr-drag-helper {
233
- background: #ffca28;
234
- z-index: 2147483640;
235
- }
236
- .red-theme.fr-popup .fr-link:focus {
237
- outline: 0;
238
- background: #c65a59;
239
- }
240
- .red-theme.fr-popup .fr-file-upload-layer {
241
- border: dashed 2px #edc9c9;
242
- padding: 25px 0;
243
- }
244
- .red-theme.fr-popup .fr-file-upload-layer:hover {
245
- background: #c65a59;
246
- }
247
- .red-theme.fr-popup .fr-file-upload-layer.fr-drop {
248
- background: #c65a59;
249
- border-color: #ffca28;
250
- }
251
- .red-theme.fr-popup .fr-file-upload-layer .fr-form {
252
- top: 0;
253
- bottom: 0;
254
- left: 0;
255
- right: 0;
256
- z-index: 2147483640;
257
- }
258
- .red-theme.fr-popup .fr-file-progress-bar-layer > h3 {
259
- margin: 10px 0;
260
- }
261
- .red-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
262
- background: #ffefbf;
263
- }
264
- .red-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
265
- background: #ffca28;
266
- -webkit-transition: width 0.2s ease 0s;
267
- -moz-transition: width 0.2s ease 0s;
268
- -ms-transition: width 0.2s ease 0s;
269
- -o-transition: width 0.2s ease 0s;
270
- }
271
- .red-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
272
- top: 0;
273
- }
274
- .red-theme.fr-box.fr-fullscreen {
275
- top: 0;
276
- left: 0;
277
- bottom: 0;
278
- right: 0;
279
- }
280
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
281
- border: 0;
282
- }
283
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
284
- border-bottom: solid 1px rgba(255, 255, 255, 0.3);
285
- }
286
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
287
- color: #ffffff;
288
- }
289
- .red-theme .fr-image-resizer {
290
- border: solid 1px #ffca28;
291
- }
292
- .red-theme .fr-image-resizer .fr-handler {
293
- background: #ffca28;
294
- border: solid 1px #ffffff;
295
- }
296
- .red-theme .fr-image-resizer .fr-handler {
297
- width: 12px;
298
- height: 12px;
299
- }
300
- .red-theme .fr-image-resizer .fr-handler.fr-hnw {
301
- left: -6px;
302
- top: -6px;
303
- }
304
- .red-theme .fr-image-resizer .fr-handler.fr-hne {
305
- right: -6px;
306
- top: -6px;
307
- }
308
- .red-theme .fr-image-resizer .fr-handler.fr-hsw {
309
- left: -6px;
310
- bottom: -6px;
311
- }
312
- .red-theme .fr-image-resizer .fr-handler.fr-hse {
313
- right: -6px;
314
- bottom: -6px;
315
- }
316
- @media (min-width: 1200px) {
317
- .red-theme .fr-image-resizer .fr-handler {
318
- width: 10px;
319
- height: 10px;
320
- }
321
- .red-theme .fr-image-resizer .fr-handler.fr-hnw {
322
- left: -5px;
323
- top: -5px;
324
- }
325
- .red-theme .fr-image-resizer .fr-handler.fr-hne {
326
- right: -5px;
327
- top: -5px;
328
- }
329
- .red-theme .fr-image-resizer .fr-handler.fr-hsw {
330
- left: -5px;
331
- bottom: -5px;
332
- }
333
- .red-theme .fr-image-resizer .fr-handler.fr-hse {
334
- right: -5px;
335
- bottom: -5px;
336
- }
337
- }
338
- .red-theme.fr-image-overlay {
339
- top: 0;
340
- left: 0;
341
- bottom: 0;
342
- right: 0;
343
- z-index: 2147483640;
344
- }
345
- .red-theme.fr-popup .fr-image-upload-layer {
346
- border: dashed 2px #edc9c9;
347
- padding: 25px 0;
348
- }
349
- .red-theme.fr-popup .fr-image-upload-layer:hover {
350
- background: #c65a59;
351
- }
352
- .red-theme.fr-popup .fr-image-upload-layer.fr-drop {
353
- background: #c65a59;
354
- border-color: #ffca28;
355
- }
356
- .red-theme.fr-popup .fr-image-upload-layer .fr-form {
357
- top: 0;
358
- bottom: 0;
359
- left: 0;
360
- right: 0;
361
- z-index: 2147483640;
362
- }
363
- .red-theme.fr-popup .fr-image-progress-bar-layer > h3 {
364
- margin: 10px 0;
365
- }
366
- .red-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
367
- background: #ffefbf;
368
- }
369
- .red-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
370
- background: #ffca28;
371
- -webkit-transition: width 0.2s ease 0s;
372
- -moz-transition: width 0.2s ease 0s;
373
- -ms-transition: width 0.2s ease 0s;
374
- -o-transition: width 0.2s ease 0s;
375
- }
376
- .red-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
377
- top: 0;
378
- }
379
- .red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
380
- -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
381
- -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
382
- -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
383
- -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
384
- }
385
- .red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
386
- opacity: 0;
387
- width: 0;
388
- padding: 12px 0;
389
- }
390
- .red-theme.fr-modal-head .fr-modal-tags a {
391
- opacity: 0;
392
- border-radius: 2px;
393
- -moz-border-radius: 2px;
394
- -webkit-border-radius: 2px;
395
- -moz-background-clip: padding;
396
- -webkit-background-clip: padding-box;
397
- background-clip: padding-box;
398
- color: #ffca28;
399
- -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
400
- -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
401
- -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
402
- -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
403
- }
404
- .red-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
405
- background: #d48382;
406
- }
407
- .red-themediv.fr-modal-body .fr-preloader {
408
- margin: 50px auto;
409
- }
410
- .red-themediv.fr-modal-body div.fr-image-list {
411
- padding: 0;
412
- }
413
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
414
- -webkit-box-shadow: none;
415
- -moz-box-shadow: none;
416
- box-shadow: none;
417
- border-radius: 2px;
418
- -moz-border-radius: 2px;
419
- -webkit-border-radius: 2px;
420
- -moz-background-clip: padding;
421
- -webkit-background-clip: padding-box;
422
- background-clip: padding-box;
423
- }
424
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
425
- -webkit-transition: opacity 0.2s ease 0s;
426
- -moz-transition: opacity 0.2s ease 0s;
427
- -ms-transition: opacity 0.2s ease 0s;
428
- -o-transition: opacity 0.2s ease 0s;
429
- background: #000000;
430
- top: 0;
431
- left: 0;
432
- bottom: 0;
433
- right: 0;
434
- }
435
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
436
- color: #ffffff;
437
- top: 0;
438
- left: 0;
439
- bottom: 0;
440
- right: 0;
441
- margin: auto;
442
- }
443
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
444
- background: #cccccc;
445
- }
446
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
447
- margin: auto;
448
- top: 0;
449
- bottom: 0;
450
- left: 0;
451
- right: 0;
452
- }
453
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
454
- -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
455
- -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
456
- -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
457
- -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
458
- }
459
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
460
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
461
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
462
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
463
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
464
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
465
- -webkit-box-shadow: none;
466
- -moz-box-shadow: none;
467
- box-shadow: none;
468
- margin: 0;
469
- }
470
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
471
- background: #b8312f;
472
- color: #ffffff;
473
- }
474
- .red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
475
- background: #b8312f;
476
- color: #ffca28;
477
- }
478
- .red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
479
- background: #c65a59;
480
- }
481
- .red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
482
- background: #d48382;
483
- }
484
- .red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
485
- background: #bf4644;
486
- color: #ffffff;
487
- }
488
- .red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
489
- background: #c65a59;
490
- }
491
- .red-theme .fr-line-breaker {
492
- border-top: 1px solid #ffca28;
493
- }
494
- .red-theme .fr-line-breaker a.fr-floating-btn {
495
- left: calc(50% - (32px / 2));
496
- top: -16px;
497
- }
498
- .red-theme .fr-qi-helper {
499
- padding-left: 16px;
500
- }
501
- .red-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
502
- color: #ffffff;
503
- }
504
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
505
- border: 1px solid #cccccc;
506
- }
507
- .red-theme .fr-element table td.fr-selected-cell,
508
- .red-theme .fr-element table th.fr-selected-cell {
509
- border: 1px double #ffca28;
510
- }
511
- .red-theme .fr-table-resizer div {
512
- border-right: 1px solid #ffca28;
513
- }
514
- .red-theme.fr-popup .fr-table-colors-hex-layer .fr-input-line {
515
- padding: 8px 0 0;
516
- }
517
- .red-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
518
- background-color: #ffca28;
519
- border-radius: 2px;
520
- -moz-border-radius: 2px;
521
- -webkit-border-radius: 2px;
522
- -moz-background-clip: padding;
523
- -webkit-background-clip: padding-box;
524
- background-clip: padding-box;
525
- }
526
- .red-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
527
- background-color: #f4b800;
528
- }
529
- .red-theme.fr-popup .fr-table-size .fr-select-table-size {
530
- line-height: 0;
531
- }
532
- .red-theme.fr-popup .fr-table-size .fr-select-table-size > span {
533
- padding: 0px 4px 4px 0;
534
- }
535
- .red-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
536
- border: 1px solid #dddddd;
537
- }
538
- .red-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
539
- background: rgba(255, 202, 40, 0.3);
540
- border: solid 1px #ffca28;
541
- }
542
- .red-theme.fr-popup .fr-table-colors {
543
- line-height: 0;
544
- }
545
- .red-theme.fr-popup .fr-table-colors > span > i {
546
- bottom: 0;
547
- left: 0;
548
- }
549
- .red-theme.fr-popup .fr-table-colors > span:focus {
550
- outline: 1px solid #ffffff;
551
- }
552
- .red-theme .fr-element .fr-video::after {
553
- top: 0;
554
- left: 0;
555
- right: 0;
556
- bottom: 0;
557
- }
558
- .red-theme.fr-box .fr-video-resizer {
559
- border: solid 1px #ffca28;
560
- }
561
- .red-theme.fr-box .fr-video-resizer .fr-handler {
562
- background: #ffca28;
563
- border: solid 1px #ffffff;
564
- }
565
- .red-theme.fr-box .fr-video-resizer .fr-handler {
566
- width: 12px;
567
- height: 12px;
568
- }
569
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
570
- left: -6px;
571
- top: -6px;
572
- }
573
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
574
- right: -6px;
575
- top: -6px;
576
- }
577
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
578
- left: -6px;
579
- bottom: -6px;
580
- }
581
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
582
- right: -6px;
583
- bottom: -6px;
584
- }
585
- @media (min-width: 1200px) {
586
- .red-theme.fr-box .fr-video-resizer .fr-handler {
587
- width: 10px;
588
- height: 10px;
589
- }
590
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
591
- left: -5px;
592
- top: -5px;
593
- }
594
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
595
- right: -5px;
596
- top: -5px;
597
- }
598
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
599
- left: -5px;
600
- bottom: -5px;
601
- }
602
- .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
603
- right: -5px;
604
- bottom: -5px;
605
- }
606
- }
607
- .red-theme.fr-popup .fr-video-upload-layer {
608
- border: dashed 2px #edc9c9;
609
- padding: 25px 0;
610
- }
611
- .red-theme.fr-popup .fr-video-upload-layer:hover {
612
- background: #c65a59;
613
- }
614
- .red-theme.fr-popup .fr-video-upload-layer.fr-drop {
615
- background: #c65a59;
616
- border-color: #ffca28;
617
- }
618
- .red-theme.fr-popup .fr-video-upload-layer .fr-form {
619
- top: 0;
620
- bottom: 0;
621
- left: 0;
622
- right: 0;
623
- z-index: 2147483640;
624
- }
625
- .red-theme.fr-popup .fr-video-progress-bar-layer > h3 {
626
- margin: 10px 0;
627
- }
628
- .red-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
629
- background: #ffefbf;
630
- }
631
- .red-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
632
- background: #ffca28;
633
- -webkit-transition: width 0.2s ease 0s;
634
- -moz-transition: width 0.2s ease 0s;
635
- -ms-transition: width 0.2s ease 0s;
636
- -o-transition: width 0.2s ease 0s;
637
- }
638
- .red-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
639
- top: 0;
640
- }
641
- .red-theme.fr-video-overlay {
642
- top: 0;
643
- left: 0;
644
- bottom: 0;
645
- right: 0;
646
- z-index: 2147483640;
647
- }
648
- .red-theme .fr-view span[style~="color:"] a {
649
- color: inherit;
650
- }
651
- .red-theme .fr-view strong {
652
- font-weight: 700;
653
- }
654
- .red-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
655
- background: #f5f5f5;
656
- }
657
- .red-theme .fr-view table td,
658
- .red-theme .fr-view table th {
659
- border: 1px solid #dddddd;
660
- }
661
- .red-theme .fr-view table th {
662
- background: #e6e6e6;
663
- }
664
- .red-theme .fr-view[dir="rtl"] blockquote {
665
- border-right: solid 2px #5e35b1;
666
- margin-right: 0;
667
- }
668
- .red-theme .fr-view[dir="rtl"] blockquote blockquote {
669
- border-color: #00bcd4;
670
- }
671
- .red-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
672
- border-color: #43a047;
673
- }
674
- .red-theme .fr-view blockquote {
675
- border-left: solid 2px #5e35b1;
676
- margin-left: 0;
677
- color: #5e35b1;
678
- }
679
- .red-theme .fr-view blockquote blockquote {
680
- border-color: #00bcd4;
681
- color: #00bcd4;
682
- }
683
- .red-theme .fr-view blockquote blockquote blockquote {
684
- border-color: #43a047;
685
- color: #43a047;
686
- }
687
- .red-theme .fr-view span.fr-emoticon {
688
- line-height: 0;
689
- }
690
- .red-theme .fr-view span.fr-emoticon.fr-emoticon-img {
691
- font-size: inherit;
692
- }
693
- .red-theme .fr-view .fr-text-bordered {
694
- padding: 10px 0;
695
- }
696
- .red-theme .fr-view .fr-img-caption .fr-img-wrap {
697
- margin: auto;
698
- }
699
- .red-theme .fr-view .fr-img-caption .fr-img-wrap img {
700
- margin: auto;
701
- }
702
- .red-theme .fr-view .fr-img-caption .fr-img-wrap > span {
703
- margin: auto;
704
- }
705
- .red-theme .fr-element .fr-embedly::after {
706
- top: 0;
707
- left: 0;
708
- right: 0;
709
- bottom: 0;
710
- }
711
- .red-theme.fr-box .fr-embedly-resizer {
712
- border: solid 1px #ffca28;
713
- }
714
- .red-theme .examples-variante > a {
715
- font-size: 14px;
716
- font-family: Arial, Helvetica, sans-serif;
717
- }
718
- .red-theme .sc-cm-holder > .sc-cm {
719
- border-top: 5px solid #671b1a !important;
720
- }
721
- .red-theme .sc-cm__item_dropdown:hover > a,
722
- .red-theme .sc-cm a:hover {
723
- background-color: #c65a59 !important;
724
- }
725
- .red-theme .sc-cm__item_active > a,
726
- .red-theme .sc-cm__item_active > a:hover,
727
- .red-theme .sc-cm a:active,
728
- .red-theme .sc-cm a:focus {
729
- background-color: #d48382 !important;
730
- }
731
- .red-theme .sc-cm-holder > .sc-cm:before {
732
- background-color: #c65a59 !important;
733
- }
734
- .red-theme .fr-tooltip {
735
- top: 0;
736
- left: 0;
737
- border-radius: 2px;
738
- -moz-border-radius: 2px;
739
- -webkit-border-radius: 2px;
740
- -moz-background-clip: padding;
741
- -webkit-background-clip: padding-box;
742
- background-clip: padding-box;
743
- -webkit-box-shadow: none;
744
- -moz-box-shadow: none;
745
- box-shadow: none;
746
- background: #222222;
747
- color: #ffffff;
748
- font-size: 11px;
749
- line-height: 22px;
750
- font-family: Arial, Helvetica, sans-serif;
751
- -webkit-transition: opacity 0.2s ease 0s;
752
- -moz-transition: opacity 0.2s ease 0s;
753
- -ms-transition: opacity 0.2s ease 0s;
754
- -o-transition: opacity 0.2s ease 0s;
755
- }
756
- .red-theme.fr-toolbar .fr-command.fr-btn,
757
- .red-theme.fr-popup .fr-command.fr-btn {
758
- color: #ffffff;
759
- -moz-outline: 0;
760
- outline: 0;
761
- border: 0;
762
- margin: 0px 2px;
763
- -webkit-transition: background 0.2s ease 0s;
764
- -moz-transition: background 0.2s ease 0s;
765
- -ms-transition: background 0.2s ease 0s;
766
- -o-transition: background 0.2s ease 0s;
767
- padding: 0;
768
- width: 38px;
769
- height: 38px;
770
- }
771
- .red-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
772
- .red-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
773
- border: 0;
774
- }
775
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
776
- .red-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
777
- width: auto;
778
- }
779
- .red-theme.fr-toolbar .fr-command.fr-btn i,
780
- .red-theme.fr-popup .fr-command.fr-btn i,
781
- .red-theme.fr-toolbar .fr-command.fr-btn svg,
782
- .red-theme.fr-popup .fr-command.fr-btn svg {
783
- font-size: 14px;
784
- width: 14px;
785
- margin: 12px 12px;
786
- }
787
- .red-theme.fr-toolbar .fr-command.fr-btn span,
788
- .red-theme.fr-popup .fr-command.fr-btn span {
789
- font-size: 14px;
790
- line-height: 17px;
791
- min-width: 34px;
792
- height: 17px;
793
- padding: 0 2px;
794
- }
795
- .red-theme.fr-toolbar .fr-command.fr-btn img,
796
- .red-theme.fr-popup .fr-command.fr-btn img {
797
- margin: 12px 12px;
798
- width: 14px;
799
- }
800
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-active,
801
- .red-theme.fr-popup .fr-command.fr-btn.fr-active {
802
- color: #ffca28;
803
- background: transparent;
804
- }
805
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
806
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
807
- width: auto;
808
- }
809
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
810
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
811
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
812
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
813
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
814
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
815
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
816
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg {
817
- margin-left: 8px;
818
- margin-right: 16px;
819
- }
820
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
821
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
822
- color: #ffffff;
823
- background: #d48382;
824
- }
825
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
826
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
827
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
828
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
829
- background: #d48382 !important;
830
- color: #ffffff !important;
831
- }
832
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
833
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
834
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
835
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
836
- border-top-color: #ffffff !important;
837
- }
838
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
839
- .red-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
840
- width: 0;
841
- height: 0;
842
- border-left: 4px solid transparent;
843
- border-right: 4px solid transparent;
844
- border-top: 4px solid #ffffff;
845
- right: 4px;
846
- top: 17px;
847
- }
848
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
849
- .red-theme.fr-popup .fr-command.fr-btn.fr-disabled {
850
- color: #edc9c9;
851
- }
852
- .red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
853
- .red-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
854
- border-top-color: #edc9c9 !important;
855
- }
856
- .red-theme.fr-toolbar.fr-disabled .fr-btn,
857
- .red-theme.fr-popup.fr-disabled .fr-btn,
858
- .red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
859
- .red-theme.fr-popup.fr-disabled .fr-btn.fr-active {
860
- color: #edc9c9;
861
- }
862
- .red-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
863
- .red-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
864
- .red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
865
- .red-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
866
- border-top-color: #edc9c9;
867
- }
868
- .red-theme.fr-desktop .fr-command:hover,
869
- .red-theme.fr-desktop .fr-command:focus {
870
- outline: 0;
871
- color: #ffffff;
872
- background: #c65a59;
873
- }
874
- .red-theme.fr-desktop .fr-command:hover::after,
875
- .red-theme.fr-desktop .fr-command:focus::after {
876
- border-top-color: #ffffff !important;
877
- }
878
- .red-theme.fr-desktop .fr-command.fr-selected {
879
- color: #ffffff;
880
- background: #d48382;
881
- }
882
- .red-theme.fr-desktop .fr-command.fr-active:hover,
883
- .red-theme.fr-desktop .fr-command.fr-active:focus {
884
- color: #ffca28;
885
- background: #c65a59;
886
- }
887
- .red-theme.fr-desktop .fr-command.fr-active.fr-selected {
888
- color: #ffca28;
889
- background: #d48382;
890
- }
891
- .red-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
892
- .red-theme.fr-popup.fr-mobile .fr-command.fr-blink {
893
- background: transparent;
894
- }
895
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu {
896
- right: auto;
897
- bottom: auto;
898
- height: auto;
899
- border-radius: 0 0 2px 2px;
900
- -moz-border-radius: 0 0 2px 2px;
901
- -webkit-border-radius: 0 0 2px 2px;
902
- -moz-background-clip: padding;
903
- -webkit-background-clip: padding-box;
904
- background-clip: padding-box;
905
- }
906
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
907
- height: auto;
908
- max-height: 275px;
909
- }
910
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
911
- background: #b8312f;
912
- padding: 0;
913
- margin: auto;
914
- -webkit-transition: max-height 0.2s ease 0s;
915
- -moz-transition: max-height 0.2s ease 0s;
916
- -ms-transition: max-height 0.2s ease 0s;
917
- -o-transition: max-height 0.2s ease 0s;
918
- margin-top: 0;
919
- max-height: 0;
920
- height: 0;
921
- }
922
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
923
- overflow: auto;
924
- max-height: 275px;
925
- }
926
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
927
- margin: 0;
928
- padding: 0;
929
- }
930
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
931
- padding: 0;
932
- margin: 0;
933
- }
934
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
935
- color: inherit;
936
- }
937
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
938
- background: #d48382;
939
- }
940
- .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
941
- color: #edc9c9;
942
- }
943
- .red-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
944
- -webkit-box-shadow: none;
945
- -moz-box-shadow: none;
946
- box-shadow: none;
947
- }
948
- .red-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
949
- height: auto;
950
- max-height: 275px;
951
- }
952
- .red-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
953
- border-radius: 2px 2px 0 0;
954
- -moz-border-radius: 2px 2px 0 0;
955
- -webkit-border-radius: 2px 2px 0 0;
956
- -moz-background-clip: padding;
957
- -webkit-background-clip: padding-box;
958
- background-clip: padding-box;
959
- }
960
- .red-theme.fr-modal {
961
- color: #ffffff;
962
- font-family: Arial, Helvetica, sans-serif;
963
- overflow-x: auto;
964
- top: 0;
965
- left: 0;
966
- bottom: 0;
967
- right: 0;
968
- z-index: 2147483640;
969
- }
970
- .red-theme.fr-modal.fr-middle .fr-modal-wrapper {
971
- margin-top: 0;
972
- margin-bottom: 0;
973
- margin-left: auto;
974
- margin-right: auto;
975
- }
976
- .red-theme.fr-modal .fr-modal-wrapper {
977
- border-radius: 2px;
978
- -moz-border-radius: 2px;
979
- -webkit-border-radius: 2px;
980
- -moz-background-clip: padding;
981
- -webkit-background-clip: padding-box;
982
- background-clip: padding-box;
983
- margin: 20px auto;
984
- background: #b8312f;
985
- -webkit-box-shadow: none;
986
- -moz-box-shadow: none;
987
- box-shadow: none;
988
- border: solid 1px #671b1a;
989
- border-top: 5px solid #671b1a;
990
- }
991
- @media (min-width: 768px) and (max-width: 991px) {
992
- .red-theme.fr-modal .fr-modal-wrapper {
993
- margin: 30px auto;
994
- }
995
- }
996
- @media (min-width: 992px) {
997
- .red-theme.fr-modal .fr-modal-wrapper {
998
- margin: 50px auto;
999
- }
1000
- }
1001
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1002
- background: #b8312f;
1003
- -webkit-box-shadow: none;
1004
- -moz-box-shadow: none;
1005
- box-shadow: none;
1006
- border-bottom: solid 1px #671b1a;
1007
- -webkit-transition: height 0.2s ease 0s;
1008
- -moz-transition: height 0.2s ease 0s;
1009
- -ms-transition: height 0.2s ease 0s;
1010
- -o-transition: height 0.2s ease 0s;
1011
- }
1012
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1013
- color: #ffffff;
1014
- top: 0;
1015
- right: 0;
1016
- -webkit-transition: color 0.2s ease 0s;
1017
- -moz-transition: color 0.2s ease 0s;
1018
- -ms-transition: color 0.2s ease 0s;
1019
- -o-transition: color 0.2s ease 0s;
1020
- }
1021
- .red-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1022
- margin: 0;
1023
- font-weight: 400;
1024
- }
1025
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1026
- outline: 0;
1027
- }
1028
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1029
- color: #ffca28;
1030
- -webkit-transition: background 0.2s ease 0s;
1031
- -moz-transition: background 0.2s ease 0s;
1032
- -ms-transition: background 0.2s ease 0s;
1033
- -o-transition: background 0.2s ease 0s;
1034
- border-radius: 2px;
1035
- -moz-border-radius: 2px;
1036
- -webkit-border-radius: 2px;
1037
- -moz-background-clip: padding;
1038
- -webkit-background-clip: padding-box;
1039
- background-clip: padding-box;
1040
- }
1041
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
1042
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1043
- background: #c65a59;
1044
- color: #ffca28;
1045
- }
1046
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1047
- background: #d48382;
1048
- color: #ffca28;
1049
- }
1050
- .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1051
- border: 0;
1052
- }
1053
- .red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1054
- background: #c65a59;
1055
- }
1056
- .red-theme.fr-overlay {
1057
- top: 0;
1058
- bottom: 0;
1059
- left: 0;
1060
- right: 0;
1061
- background: #000000;
1062
- }
1063
- .red-theme.fr-popup {
1064
- color: #ffffff;
1065
- background: #b8312f;
1066
- -webkit-box-shadow: none;
1067
- -moz-box-shadow: none;
1068
- box-shadow: none;
1069
- border-radius: 2px;
1070
- -moz-border-radius: 2px;
1071
- -webkit-border-radius: 2px;
1072
- -moz-background-clip: padding;
1073
- -webkit-background-clip: padding-box;
1074
- background-clip: padding-box;
1075
- font-family: Arial, Helvetica, sans-serif;
1076
- border: solid 1px #671b1a;
1077
- border-top: 5px solid #671b1a;
1078
- }
1079
- .red-theme.fr-popup .fr-input-focus {
1080
- background: #bf4644;
1081
- }
1082
- .red-theme.fr-popup.fr-above {
1083
- border-top: 0;
1084
- border-bottom: 5px solid #671b1a;
1085
- -webkit-box-shadow: none;
1086
- -moz-box-shadow: none;
1087
- box-shadow: none;
1088
- }
1089
- .red-theme.fr-popup .fr-input-line {
1090
- padding: 8px 0;
1091
- }
1092
- .red-theme.fr-popup .fr-input-line input[type="text"],
1093
- .red-theme.fr-popup .fr-input-line textarea {
1094
- margin: 0px 0 1px 0;
1095
- border-bottom: solid 1px #bdbdbd;
1096
- color: #ffffff;
1097
- }
1098
- .red-theme.fr-popup .fr-input-line input[type="text"]:focus,
1099
- .red-theme.fr-popup .fr-input-line textarea:focus {
1100
- border-bottom: solid 2px #ffca28;
1101
- }
1102
- .red-theme.fr-popup .fr-input-line input + label,
1103
- .red-theme.fr-popup .fr-input-line textarea + label {
1104
- top: 0;
1105
- left: 0;
1106
- -webkit-transition: color 0.2s ease 0s;
1107
- -moz-transition: color 0.2s ease 0s;
1108
- -ms-transition: color 0.2s ease 0s;
1109
- -o-transition: color 0.2s ease 0s;
1110
- background: #b8312f;
1111
- }
1112
- .red-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
1113
- .red-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
1114
- color: #ffca28;
1115
- }
1116
- .red-theme.fr-popup .fr-input-line input.fr-not-empty + label,
1117
- .red-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1118
- color: #808080;
1119
- }
1120
- .red-theme.fr-popup .fr-buttons {
1121
- -webkit-box-shadow: none;
1122
- -moz-box-shadow: none;
1123
- box-shadow: none;
1124
- padding: 0 2px;
1125
- line-height: 0;
1126
- border-bottom: solid 1px #671b1a;
1127
- }
1128
- .red-theme.fr-popup .fr-layer {
1129
- width: 225px;
1130
- }
1131
- @media (min-width: 768px) {
1132
- .red-theme.fr-popup .fr-layer {
1133
- width: 300px;
1134
- }
1135
- }
1136
- .red-theme.fr-popup .fr-action-buttons button.fr-command {
1137
- color: #ffca28;
1138
- -webkit-transition: background 0.2s ease 0s;
1139
- -moz-transition: background 0.2s ease 0s;
1140
- -ms-transition: background 0.2s ease 0s;
1141
- -o-transition: background 0.2s ease 0s;
1142
- border-radius: 2px;
1143
- -moz-border-radius: 2px;
1144
- -webkit-border-radius: 2px;
1145
- -moz-background-clip: padding;
1146
- -webkit-background-clip: padding-box;
1147
- background-clip: padding-box;
1148
- }
1149
- .red-theme.fr-popup .fr-action-buttons button.fr-command:hover,
1150
- .red-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1151
- background: #c65a59;
1152
- color: #ffca28;
1153
- }
1154
- .red-theme.fr-popup .fr-action-buttons button.fr-command:active {
1155
- background: #d48382;
1156
- color: #ffca28;
1157
- }
1158
- .red-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1159
- border: 0;
1160
- }
1161
- .red-theme.fr-popup .fr-checkbox span {
1162
- border: solid 1px #ffffff;
1163
- border-radius: 2px;
1164
- -moz-border-radius: 2px;
1165
- -webkit-border-radius: 2px;
1166
- -moz-background-clip: padding;
1167
- -webkit-background-clip: padding-box;
1168
- background-clip: padding-box;
1169
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1170
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1171
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1172
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1173
- }
1174
- .red-theme.fr-popup .fr-checkbox input {
1175
- margin: 0;
1176
- padding: 0;
1177
- }
1178
- .red-theme.fr-popup .fr-checkbox input:checked + span {
1179
- background: #ffca28;
1180
- border-color: #ffca28;
1181
- }
1182
- .red-theme.fr-popup .fr-checkbox input:focus + span {
1183
- border-color: #ffca28;
1184
- }
1185
- .red-theme.fr-popup.fr-rtl .fr-input-line input + label,
1186
- .red-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
1187
- left: auto;
1188
- right: 0;
1189
- }
1190
- .red-theme.fr-popup .fr-arrow {
1191
- width: 0;
1192
- height: 0;
1193
- border-left: 5px solid transparent;
1194
- border-right: 5px solid transparent;
1195
- border-bottom: 5px solid #671b1a;
1196
- top: -9px;
1197
- margin-left: -5px;
1198
- }
1199
- .red-theme.fr-popup.fr-above .fr-arrow {
1200
- top: auto;
1201
- bottom: -9px;
1202
- border-bottom: 0;
1203
- border-top: 5px solid #671b1a;
1204
- }
1205
- .red-theme.fr-toolbar {
1206
- color: #ffffff;
1207
- background: #b8312f;
1208
- font-family: Arial, Helvetica, sans-serif;
1209
- padding: 0 2px;
1210
- border-radius: 2px;
1211
- -moz-border-radius: 2px;
1212
- -webkit-border-radius: 2px;
1213
- -moz-background-clip: padding;
1214
- -webkit-background-clip: padding-box;
1215
- background-clip: padding-box;
1216
- -webkit-box-shadow: none;
1217
- -moz-box-shadow: none;
1218
- box-shadow: none;
1219
- border: solid 1px #671b1a;
1220
- border-top: 5px solid #671b1a;
1221
- }
1222
- .red-theme.fr-toolbar.fr-inline .fr-arrow {
1223
- width: 0;
1224
- height: 0;
1225
- border-left: 5px solid transparent;
1226
- border-right: 5px solid transparent;
1227
- border-bottom: 5px solid #671b1a;
1228
- top: -9px;
1229
- margin-left: -5px;
1230
- }
1231
- .red-theme.fr-toolbar.fr-inline.fr-above {
1232
- -webkit-box-shadow: none;
1233
- -moz-box-shadow: none;
1234
- box-shadow: none;
1235
- border-bottom: 5px solid #671b1a;
1236
- border-top: 0;
1237
- }
1238
- .red-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
1239
- top: auto;
1240
- bottom: -9px;
1241
- border-bottom: 0;
1242
- border-top-color: inherit;
1243
- border-top-width: 5px;
1244
- }
1245
- .red-theme.fr-toolbar.fr-top {
1246
- top: 0;
1247
- border-radius: 2px 2px 0 0;
1248
- -moz-border-radius: 2px 2px 0 0;
1249
- -webkit-border-radius: 2px 2px 0 0;
1250
- -moz-background-clip: padding;
1251
- -webkit-background-clip: padding-box;
1252
- background-clip: padding-box;
1253
- -webkit-box-shadow: none;
1254
- -moz-box-shadow: none;
1255
- box-shadow: none;
1256
- }
1257
- .red-theme.fr-toolbar.fr-bottom {
1258
- bottom: 0;
1259
- border-radius: 0 0 2px 2px;
1260
- -moz-border-radius: 0 0 2px 2px;
1261
- -webkit-border-radius: 0 0 2px 2px;
1262
- -moz-background-clip: padding;
1263
- -webkit-background-clip: padding-box;
1264
- background-clip: padding-box;
1265
- -webkit-box-shadow: none;
1266
- -moz-box-shadow: none;
1267
- box-shadow: none;
1268
- }
1269
- .red-theme .fr-separator {
1270
- background: rgba(255, 255, 255, 0.3);
1271
- }
1272
- .red-theme .fr-separator.fr-vs {
1273
- height: 34px;
1274
- width: 1px;
1275
- margin: 2px;
1276
- }
1277
- .red-theme .fr-separator.fr-hs {
1278
- height: 1px;
1279
- width: calc(100% - (2 * 2px));
1280
- margin: 0 2px;
1281
- }