varnita 0.0.1

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