vue_crud 0.1.9.6 → 0.1.9.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. checksums.yaml +4 -4
  2. data/lib/generators/vue_crud/froala_generator.rb +12 -0
  3. data/lib/generators/vue_crud/sortable.rb +10 -0
  4. data/lib/generators/vue_crud/templates/assets/images/froala_editor/color_picker.png +0 -0
  5. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/froala_editor.js +11089 -0
  6. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/en_gb.js +178 -0
  7. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/zh_cn.js +234 -0
  8. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/languages/zh_tw.js +234 -0
  9. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/align.js +119 -0
  10. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/char_counter.js +150 -0
  11. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/code_beautifier.js +3271 -0
  12. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/code_view.js +311 -0
  13. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/colors.js +350 -0
  14. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/draggable.js +379 -0
  15. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/emoticons.js +347 -0
  16. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/entities.js +113 -0
  17. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/file.js +609 -0
  18. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_family.js +178 -0
  19. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/font_size.js +116 -0
  20. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/forms.js +415 -0
  21. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/fullscreen.js +209 -0
  22. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/image.js +2401 -0
  23. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/image_manager.js +921 -0
  24. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/inline_style.js +86 -0
  25. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/line_breaker.js +435 -0
  26. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/link.js +997 -0
  27. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/lists.js +382 -0
  28. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/paragraph_format.js +293 -0
  29. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/paragraph_style.js +139 -0
  30. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/quick_insert.js +342 -0
  31. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/quote.js +138 -0
  32. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/save.js +176 -0
  33. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/table.js +3123 -0
  34. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/url.js +113 -0
  35. data/lib/generators/vue_crud/templates/assets/javascripts/froala_editor/plugins/video.js +1135 -0
  36. data/lib/generators/vue_crud/templates/assets/javascripts/sortable.js +1249 -0
  37. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/froala_editor.scss +1008 -0
  38. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/froala_style.scss +273 -0
  39. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/char_counter.scss +46 -0
  40. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/code_view.scss +102 -0
  41. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/colors.scss +129 -0
  42. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/draggable.scss +32 -0
  43. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/emoticons.scss +27 -0
  44. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/file.scss +135 -0
  45. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/fullscreen.scss +28 -0
  46. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/image.scss +233 -0
  47. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/image_manager.scss +370 -0
  48. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/line_breaker.scss +26 -0
  49. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/quick_insert.scss +56 -0
  50. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/table.scss +156 -0
  51. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/plugins/video.scss +136 -0
  52. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/dark.scss +1087 -0
  53. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/gray.scss +1087 -0
  54. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/red.scss +1087 -0
  55. data/lib/generators/vue_crud/templates/assets/stylesheets/froala_editor/themes/royal.scss +1087 -0
  56. data/lib/generators/vue_crud/templates/vue_crud.html +54 -71
  57. data/lib/vue_crud/version.rb +1 -1
  58. data/vendor/assets/javascripts/vue_crud.js +212 -59
  59. metadata +56 -2
@@ -0,0 +1,1008 @@
1
+ /*!
2
+ * froala_editor v2.3.3 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2016 Froala Labs
5
+ */
6
+
7
+ .clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ }
12
+ .fr-element,
13
+ .fr-element:focus {
14
+ outline: 0px solid transparent;
15
+ }
16
+ .fr-box.fr-basic .fr-element {
17
+ text-align: initial;
18
+ color: #000000;
19
+ padding: 10px;
20
+ -webkit-box-sizing: border-box;
21
+ -moz-box-sizing: border-box;
22
+ box-sizing: border-box;
23
+ overflow-x: auto;
24
+ min-height: 40px;
25
+ }
26
+ .fr-element {
27
+ background: transparent;
28
+ position: relative;
29
+ z-index: 2;
30
+ -webkit-user-select: auto;
31
+ }
32
+ .fr-element a {
33
+ user-select: auto;
34
+ -o-user-select: auto;
35
+ -moz-user-select: auto;
36
+ -khtml-user-select: auto;
37
+ -webkit-user-select: auto;
38
+ -ms-user-select: auto;
39
+ }
40
+ .fr-element.fr-disabled {
41
+ user-select: none;
42
+ -o-user-select: none;
43
+ -moz-user-select: none;
44
+ -khtml-user-select: none;
45
+ -webkit-user-select: none;
46
+ -ms-user-select: none;
47
+ }
48
+ .fr-element [contenteditable="false"] {
49
+ user-select: none;
50
+ -o-user-select: none;
51
+ -moz-user-select: none;
52
+ -khtml-user-select: none;
53
+ -webkit-user-select: none;
54
+ -ms-user-select: none;
55
+ }
56
+ .fr-element [contenteditable="true"] {
57
+ outline: 0px solid transparent;
58
+ }
59
+ .fr-box a.fr-floating-btn {
60
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
61
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
62
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
63
+ border-radius: 100%;
64
+ -moz-border-radius: 100%;
65
+ -webkit-border-radius: 100%;
66
+ -moz-background-clip: padding;
67
+ -webkit-background-clip: padding-box;
68
+ background-clip: padding-box;
69
+ height: 32px;
70
+ width: 32px;
71
+ background: #ffffff;
72
+ color: #1e88e5;
73
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
74
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
75
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
76
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
77
+ outline: none;
78
+ left: 0;
79
+ top: 0;
80
+ line-height: 32px;
81
+ -webkit-transform: scale(0);
82
+ -moz-transform: scale(0);
83
+ -ms-transform: scale(0);
84
+ -o-transform: scale(0);
85
+ text-align: center;
86
+ display: block;
87
+ -webkit-box-sizing: border-box;
88
+ -moz-box-sizing: border-box;
89
+ box-sizing: border-box;
90
+ border: none;
91
+ }
92
+ .fr-box a.fr-floating-btn svg {
93
+ -webkit-transition: transform 0.2s ease 0s;
94
+ -moz-transition: transform 0.2s ease 0s;
95
+ -ms-transition: transform 0.2s ease 0s;
96
+ -o-transition: transform 0.2s ease 0s;
97
+ fill: #1e88e5;
98
+ }
99
+ .fr-box a.fr-floating-btn i {
100
+ font-size: 14px;
101
+ line-height: 32px;
102
+ }
103
+ .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
104
+ margin-left: 10px;
105
+ }
106
+ .fr-box a.fr-floating-btn:hover {
107
+ background: #ebebeb;
108
+ cursor: pointer;
109
+ }
110
+ .fr-box a.fr-floating-btn:hover svg {
111
+ fill: #1e88e5;
112
+ }
113
+ .fr-box .fr-visible a.fr-floating-btn {
114
+ -webkit-transform: scale(1);
115
+ -moz-transform: scale(1);
116
+ -ms-transform: scale(1);
117
+ -o-transform: scale(1);
118
+ }
119
+ iframe.fr-iframe {
120
+ width: 100%;
121
+ border: none;
122
+ position: relative;
123
+ display: block;
124
+ z-index: 2;
125
+ -webkit-box-sizing: border-box;
126
+ -moz-box-sizing: border-box;
127
+ box-sizing: border-box;
128
+ }
129
+ .fr-wrapper {
130
+ position: relative;
131
+ z-index: 1;
132
+ }
133
+ .fr-wrapper::after {
134
+ clear: both;
135
+ display: block;
136
+ content: "";
137
+ }
138
+ .fr-wrapper .fr-placeholder {
139
+ position: absolute;
140
+ font-size: 12px;
141
+ color: #aaaaaa;
142
+ z-index: 1;
143
+ display: none;
144
+ top: 0;
145
+ left: 0;
146
+ overflow: hidden;
147
+ }
148
+ .fr-wrapper.show-placeholder .fr-placeholder {
149
+ display: block;
150
+ }
151
+ .fr-wrapper ::selection {
152
+ background: #b5d6fd;
153
+ color: #000000;
154
+ }
155
+ .fr-wrapper ::-moz-selection {
156
+ background: #b5d6fd;
157
+ color: #000000;
158
+ }
159
+ .fr-box.fr-rtl .fr-wrapper .fr-placeholder {
160
+ right: 0;
161
+ left: auto;
162
+ }
163
+ .fr-box.fr-basic .fr-wrapper {
164
+ background: #ffffff;
165
+ border: 0px;
166
+ border-top: 0;
167
+ top: 0;
168
+ left: 0;
169
+ }
170
+ .fr-box.fr-basic.fr-rtl .fr-wrapper .fr-placeholder {
171
+ right: 0;
172
+ left: auto;
173
+ }
174
+ .fr-box.fr-basic.fr-top .fr-wrapper {
175
+ border-top: 0;
176
+ border-radius: 0 0 2px 2px;
177
+ -moz-border-radius: 0 0 2px 2px;
178
+ -webkit-border-radius: 0 0 2px 2px;
179
+ -moz-background-clip: padding;
180
+ -webkit-background-clip: padding-box;
181
+ background-clip: padding-box;
182
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
183
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
184
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
185
+ }
186
+ .fr-box.fr-basic.fr-bottom .fr-wrapper {
187
+ border-bottom: 0;
188
+ border-radius: 2px 2px 0 0;
189
+ -moz-border-radius: 2px 2px 0 0;
190
+ -webkit-border-radius: 2px 2px 0 0;
191
+ -moz-background-clip: padding;
192
+ -webkit-background-clip: padding-box;
193
+ background-clip: padding-box;
194
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
195
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
196
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
197
+ }
198
+ .fr-tooltip {
199
+ position: absolute;
200
+ top: 0;
201
+ left: 0;
202
+ padding: 0 8px;
203
+ border-radius: 2px;
204
+ -moz-border-radius: 2px;
205
+ -webkit-border-radius: 2px;
206
+ -moz-background-clip: padding;
207
+ -webkit-background-clip: padding-box;
208
+ background-clip: padding-box;
209
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
210
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
211
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
212
+ background: #222222;
213
+ color: #ffffff;
214
+ font-size: 11px;
215
+ line-height: 22px;
216
+ font-family: Arial, Helvetica, sans-serif;
217
+ -webkit-transition: opacity 0.2s ease 0s;
218
+ -moz-transition: opacity 0.2s ease 0s;
219
+ -ms-transition: opacity 0.2s ease 0s;
220
+ -o-transition: opacity 0.2s ease 0s;
221
+ -webkit-opacity: 0;
222
+ -moz-opacity: 0;
223
+ opacity: 0;
224
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
225
+ left: -3000px;
226
+ user-select: none;
227
+ -o-user-select: none;
228
+ -moz-user-select: none;
229
+ -khtml-user-select: none;
230
+ -webkit-user-select: none;
231
+ -ms-user-select: none;
232
+ z-index: 9997;
233
+ }
234
+ .fr-tooltip.fr-visible {
235
+ -webkit-opacity: 1;
236
+ -moz-opacity: 1;
237
+ opacity: 1;
238
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
239
+ }
240
+ .fr-toolbar {
241
+ color: #222222;
242
+ background: #ffffff;
243
+ position: relative;
244
+ z-index: 4;
245
+ font-family: Arial, Helvetica, sans-serif;
246
+ -webkit-box-sizing: border-box;
247
+ -moz-box-sizing: border-box;
248
+ box-sizing: border-box;
249
+ user-select: none;
250
+ -o-user-select: none;
251
+ -moz-user-select: none;
252
+ -khtml-user-select: none;
253
+ -webkit-user-select: none;
254
+ -ms-user-select: none;
255
+ padding: 0 2px;
256
+ border-radius: 2px;
257
+ -moz-border-radius: 2px;
258
+ -webkit-border-radius: 2px;
259
+ -moz-background-clip: padding;
260
+ -webkit-background-clip: padding-box;
261
+ background-clip: padding-box;
262
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
263
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
264
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
265
+ text-align: left;
266
+ border: 0px;
267
+ border-top: 5px solid #222222;
268
+ }
269
+ .fr-toolbar::after {
270
+ clear: both;
271
+ display: block;
272
+ content: "";
273
+ }
274
+ .fr-toolbar.fr-rtl {
275
+ text-align: right;
276
+ }
277
+ .fr-toolbar.fr-inline {
278
+ display: none;
279
+ white-space: nowrap;
280
+ position: absolute;
281
+ margin-top: 10px;
282
+ }
283
+ .fr-toolbar.fr-inline .fr-arrow {
284
+ width: 0;
285
+ height: 0;
286
+ border-left: 5px solid transparent;
287
+ border-right: 5px solid transparent;
288
+ border-bottom: 5px solid #222222;
289
+ position: absolute;
290
+ top: -9px;
291
+ left: 50%;
292
+ margin-left: -5px;
293
+ display: inline-block;
294
+ }
295
+ .fr-toolbar.fr-inline.fr-above {
296
+ margin-top: -10px;
297
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
298
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
299
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
300
+ border-bottom: 5px solid #222222;
301
+ border-top: 0;
302
+ }
303
+ .fr-toolbar.fr-inline.fr-above .fr-arrow {
304
+ top: auto;
305
+ bottom: -9px;
306
+ border-bottom: 0;
307
+ border-top-color: inherit;
308
+ border-top-style: solid;
309
+ border-top-width: 5px;
310
+ }
311
+ .fr-toolbar.fr-top {
312
+ top: 0;
313
+ border-radius: 2px 2px 0 0;
314
+ -moz-border-radius: 2px 2px 0 0;
315
+ -webkit-border-radius: 2px 2px 0 0;
316
+ -moz-background-clip: padding;
317
+ -webkit-background-clip: padding-box;
318
+ background-clip: padding-box;
319
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
320
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
321
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
322
+ }
323
+ .fr-toolbar.fr-bottom {
324
+ bottom: 0;
325
+ border-radius: 0 0 2px 2px;
326
+ -moz-border-radius: 0 0 2px 2px;
327
+ -webkit-border-radius: 0 0 2px 2px;
328
+ -moz-background-clip: padding;
329
+ -webkit-background-clip: padding-box;
330
+ background-clip: padding-box;
331
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
332
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
333
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
334
+ }
335
+ .fr-separator {
336
+ background: #ebebeb;
337
+ display: block;
338
+ vertical-align: top;
339
+ float: left;
340
+ }
341
+ .fr-separator + .fr-separator {
342
+ display: none;
343
+ }
344
+ .fr-separator.fr-vs {
345
+ height: 33px;
346
+ width: 1px;
347
+ margin: 2px;
348
+ }
349
+ .fr-separator.fr-hs {
350
+ clear: both;
351
+ height: 1px;
352
+ width: calc(100% - (2 * 2px));
353
+ margin: 0 2px;
354
+ }
355
+ .fr-separator.fr-hidden {
356
+ display: none !important;
357
+ }
358
+ .fr-rtl .fr-separator {
359
+ float: right;
360
+ }
361
+ .fr-toolbar.fr-inline .fr-separator.fr-hs {
362
+ float: none;
363
+ }
364
+ .fr-toolbar.fr-inline .fr-separator.fr-vs {
365
+ float: none;
366
+ display: inline-block;
367
+ }
368
+ .fr-toolbar .fr-command.fr-btn,
369
+ .fr-popup .fr-command.fr-btn {
370
+ background: transparent;
371
+ color: #222222;
372
+ -moz-outline: 0;
373
+ outline: 0;
374
+ border: 0;
375
+ line-height: 1;
376
+ cursor: pointer;
377
+ text-align: left;
378
+ margin: 0px 2px;
379
+ -webkit-transition: background 0.2s ease 0s;
380
+ -moz-transition: background 0.2s ease 0s;
381
+ -ms-transition: background 0.2s ease 0s;
382
+ -o-transition: background 0.2s ease 0s;
383
+ border-radius: 0;
384
+ -moz-border-radius: 0;
385
+ -webkit-border-radius: 0;
386
+ -moz-background-clip: padding;
387
+ -webkit-background-clip: padding-box;
388
+ background-clip: padding-box;
389
+ z-index: 2;
390
+ position: relative;
391
+ -webkit-box-sizing: border-box;
392
+ -moz-box-sizing: border-box;
393
+ box-sizing: border-box;
394
+ text-decoration: none;
395
+ user-select: none;
396
+ -o-user-select: none;
397
+ -moz-user-select: none;
398
+ -khtml-user-select: none;
399
+ -webkit-user-select: none;
400
+ -ms-user-select: none;
401
+ float: left;
402
+ padding: 0;
403
+ width: 38px;
404
+ height: 37px;
405
+ }
406
+ .fr-toolbar .fr-command.fr-btn i,
407
+ .fr-popup .fr-command.fr-btn i {
408
+ display: block;
409
+ font-size: 15px;
410
+ width: 15px;
411
+ margin: 11px 11.5px;
412
+ text-align: center;
413
+ float: none;
414
+ }
415
+ .fr-toolbar .fr-command.fr-btn span,
416
+ .fr-popup .fr-command.fr-btn span {
417
+ font-size: 14px;
418
+ display: block;
419
+ line-height: 14px;
420
+ min-width: 38px;
421
+ float: left;
422
+ text-overflow: ellipsis;
423
+ overflow: hidden;
424
+ white-space: nowrap;
425
+ height: 15px;
426
+ font-weight: bold;
427
+ }
428
+ .fr-toolbar .fr-command.fr-btn img,
429
+ .fr-popup .fr-command.fr-btn img {
430
+ margin: 11px 11.5px;
431
+ width: 15px;
432
+ }
433
+ .fr-toolbar .fr-command.fr-btn.fr-active,
434
+ .fr-popup .fr-command.fr-btn.fr-active {
435
+ color: #1e88e5;
436
+ background: transparent;
437
+ }
438
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
439
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
440
+ width: auto;
441
+ }
442
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
443
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
444
+ font-weight: normal;
445
+ }
446
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown i,
447
+ .fr-popup .fr-command.fr-btn.fr-dropdown i,
448
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown span,
449
+ .fr-popup .fr-command.fr-btn.fr-dropdown span,
450
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown img,
451
+ .fr-popup .fr-command.fr-btn.fr-dropdown img {
452
+ margin-left: 7.5px;
453
+ margin-right: 15.5px;
454
+ }
455
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
456
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
457
+ color: #222222;
458
+ background: #d6d6d6;
459
+ }
460
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
461
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
462
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
463
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
464
+ background: #d6d6d6 !important;
465
+ color: #222222 !important;
466
+ }
467
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
468
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
469
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
470
+ .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
471
+ border-top-color: #222222 !important;
472
+ }
473
+ .fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
474
+ .fr-popup .fr-command.fr-btn.fr-dropdown::after {
475
+ position: absolute;
476
+ width: 0;
477
+ height: 0;
478
+ border-left: 4px solid transparent;
479
+ border-right: 4px solid transparent;
480
+ border-top: 4px solid #222222;
481
+ right: 3.75px;
482
+ top: 16.5px;
483
+ content: "";
484
+ }
485
+ .fr-toolbar .fr-command.fr-btn.fr-disabled,
486
+ .fr-popup .fr-command.fr-btn.fr-disabled {
487
+ color: #bdbdbd;
488
+ cursor: default;
489
+ }
490
+ .fr-toolbar .fr-command.fr-btn.fr-disabled::after,
491
+ .fr-popup .fr-command.fr-btn.fr-disabled::after {
492
+ border-top-color: #bdbdbd !important;
493
+ }
494
+ .fr-toolbar .fr-command.fr-btn.fr-hidden,
495
+ .fr-popup .fr-command.fr-btn.fr-hidden {
496
+ display: none;
497
+ }
498
+ .fr-toolbar.fr-disabled .fr-btn,
499
+ .fr-popup.fr-disabled .fr-btn,
500
+ .fr-toolbar.fr-disabled .fr-btn.fr-active,
501
+ .fr-popup.fr-disabled .fr-btn.fr-active {
502
+ color: #bdbdbd;
503
+ }
504
+ .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
505
+ .fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
506
+ .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
507
+ .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
508
+ border-top-color: #bdbdbd;
509
+ }
510
+ .fr-toolbar.fr-rtl .fr-command.fr-btn,
511
+ .fr-popup.fr-rtl .fr-command.fr-btn {
512
+ float: right;
513
+ }
514
+ .fr-toolbar.fr-inline .fr-command.fr-btn {
515
+ float: none;
516
+ }
517
+ .fr-desktop .fr-command:hover,
518
+ .fr-desktop .fr-command:focus {
519
+ color: #222222;
520
+ background: #ebebeb;
521
+ }
522
+ .fr-desktop .fr-command:hover::after,
523
+ .fr-desktop .fr-command:focus::after {
524
+ border-top-color: #222222 !important;
525
+ }
526
+ .fr-desktop .fr-command.fr-selected {
527
+ color: #222222;
528
+ background: #d6d6d6;
529
+ }
530
+ .fr-desktop .fr-command.fr-active:hover,
531
+ .fr-desktop .fr-command.fr-active:focus {
532
+ color: #1e88e5;
533
+ background: #ebebeb;
534
+ }
535
+ .fr-desktop .fr-command.fr-active.fr-selected {
536
+ color: #1e88e5;
537
+ background: #d6d6d6;
538
+ }
539
+ .fr-desktop .fr-command.fr-disabled:hover,
540
+ .fr-desktop .fr-command.fr-disabled:focus,
541
+ .fr-desktop .fr-command.fr-disabled.fr-selected {
542
+ background: transparent;
543
+ }
544
+ .fr-desktop.fr-disabled .fr-command:hover,
545
+ .fr-desktop.fr-disabled .fr-command:focus,
546
+ .fr-desktop.fr-disabled .fr-command.fr-selected {
547
+ background: transparent;
548
+ }
549
+ .fr-toolbar.fr-mobile .fr-command.fr-blink,
550
+ .fr-popup.fr-mobile .fr-command.fr-blink {
551
+ background: transparent;
552
+ }
553
+ .fr-command.fr-btn + .fr-dropdown-menu {
554
+ display: inline-block;
555
+ position: absolute;
556
+ right: auto;
557
+ bottom: auto;
558
+ height: auto;
559
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
560
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
561
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
562
+ z-index: 3;
563
+ -webkit-overflow-scrolling: touch;
564
+ overflow: hidden;
565
+ border-radius: 0 0 2px 2px;
566
+ -moz-border-radius: 0 0 2px 2px;
567
+ -webkit-border-radius: 0 0 2px 2px;
568
+ -moz-background-clip: padding;
569
+ -webkit-background-clip: padding-box;
570
+ background-clip: padding-box;
571
+ }
572
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
573
+ background: #ffffff;
574
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
575
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
576
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
577
+ padding: 0;
578
+ margin: auto;
579
+ display: inline-block;
580
+ text-align: left;
581
+ position: relative;
582
+ -webkit-box-sizing: border-box;
583
+ -moz-box-sizing: border-box;
584
+ box-sizing: border-box;
585
+ -webkit-transition: max-height 0.2s ease 0s;
586
+ -moz-transition: max-height 0.2s ease 0s;
587
+ -ms-transition: max-height 0.2s ease 0s;
588
+ -o-transition: max-height 0.2s ease 0s;
589
+ margin-top: 0;
590
+ float: left;
591
+ max-height: 0;
592
+ height: 0;
593
+ margin-top: 0 !important;
594
+ }
595
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
596
+ overflow: auto;
597
+ position: relative;
598
+ max-height: 275px;
599
+ }
600
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
601
+ list-style-type: none;
602
+ margin: 0;
603
+ padding: 0;
604
+ }
605
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
606
+ padding: 0;
607
+ margin: 0;
608
+ font-size: 15px;
609
+ }
610
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
611
+ padding: 0 24px;
612
+ line-height: 200%;
613
+ display: block;
614
+ cursor: pointer;
615
+ white-space: nowrap;
616
+ color: inherit;
617
+ text-decoration: none;
618
+ }
619
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
620
+ background: #d6d6d6;
621
+ }
622
+ .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
623
+ color: #bdbdbd;
624
+ cursor: default;
625
+ }
626
+ .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
627
+ display: inline-block;
628
+ }
629
+ .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
630
+ height: auto;
631
+ max-height: 275px;
632
+ }
633
+ .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
634
+ border-radius: 2px 2px 0 0;
635
+ -moz-border-radius: 2px 2px 0 0;
636
+ -webkit-border-radius: 2px 2px 0 0;
637
+ -moz-background-clip: padding;
638
+ -webkit-background-clip: padding-box;
639
+ background-clip: padding-box;
640
+ }
641
+ .fr-toolbar.fr-rtl .fr-dropdown-wrapper,
642
+ .fr-popup.fr-rtl .fr-dropdown-wrapper {
643
+ text-align: right !important;
644
+ }
645
+ .fr-popup {
646
+ position: absolute;
647
+ display: none;
648
+ color: #222222;
649
+ background: #ffffff;
650
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
651
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
652
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
653
+ border-radius: 2px;
654
+ -moz-border-radius: 2px;
655
+ -webkit-border-radius: 2px;
656
+ -moz-background-clip: padding;
657
+ -webkit-background-clip: padding-box;
658
+ background-clip: padding-box;
659
+ font-family: Arial, Helvetica, sans-serif;
660
+ -webkit-box-sizing: border-box;
661
+ -moz-box-sizing: border-box;
662
+ box-sizing: border-box;
663
+ user-select: none;
664
+ -o-user-select: none;
665
+ -moz-user-select: none;
666
+ -khtml-user-select: none;
667
+ -webkit-user-select: none;
668
+ -ms-user-select: none;
669
+ margin-top: 10px;
670
+ z-index: 9995;
671
+ text-align: left;
672
+ border: 0px;
673
+ border-top: 5px solid #222222;
674
+ }
675
+ .fr-popup.fr-above {
676
+ margin-top: -10px;
677
+ border-top: 0;
678
+ border-bottom: 5px solid #222222;
679
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
680
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
681
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 2px rgba(0, 0, 0, 0.24);
682
+ }
683
+ .fr-popup.fr-active {
684
+ display: block;
685
+ }
686
+ .fr-popup.fr-hidden {
687
+ -webkit-opacity: 0;
688
+ -moz-opacity: 0;
689
+ opacity: 0;
690
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
691
+ }
692
+ .fr-popup .fr-hs {
693
+ display: block !important;
694
+ }
695
+ .fr-popup .fr-hs.fr-hidden {
696
+ display: none !important;
697
+ }
698
+ .fr-popup .fr-input-line {
699
+ position: relative;
700
+ padding: 8px 0;
701
+ }
702
+ .fr-popup .fr-input-line input[type="text"],
703
+ .fr-popup .fr-input-line textarea {
704
+ width: 100%;
705
+ margin: 0px 0 1px 0;
706
+ border: none;
707
+ border-bottom: solid 1px #bdbdbd;
708
+ color: #222222;
709
+ font-size: 14px;
710
+ padding: 6px 0 2px;
711
+ background: rgba(0, 0, 0, 0);
712
+ position: relative;
713
+ z-index: 2;
714
+ -webkit-box-sizing: border-box;
715
+ -moz-box-sizing: border-box;
716
+ box-sizing: border-box;
717
+ }
718
+ .fr-popup .fr-input-line input[type="text"]:focus,
719
+ .fr-popup .fr-input-line textarea:focus {
720
+ border-bottom: solid 2px #1e88e5;
721
+ margin-bottom: 0px;
722
+ }
723
+ .fr-popup .fr-input-line input + label,
724
+ .fr-popup .fr-input-line textarea + label {
725
+ position: absolute;
726
+ top: 0;
727
+ left: 0;
728
+ font-size: 12px;
729
+ color: rgba(0, 0, 0, 0);
730
+ -webkit-transition: color 0.2s ease 0s;
731
+ -moz-transition: color 0.2s ease 0s;
732
+ -ms-transition: color 0.2s ease 0s;
733
+ -o-transition: color 0.2s ease 0s;
734
+ z-index: 1;
735
+ }
736
+ .fr-popup .fr-input-line input.fr-not-empty:focus + label,
737
+ .fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
738
+ color: #1e88e5;
739
+ }
740
+ .fr-popup .fr-input-line input.fr-not-empty + label,
741
+ .fr-popup .fr-input-line textarea.fr-not-empty + label {
742
+ color: #808080;
743
+ }
744
+ .fr-popup input,
745
+ .fr-popup textarea {
746
+ user-select: text;
747
+ -o-user-select: text;
748
+ -moz-user-select: text;
749
+ -khtml-user-select: text;
750
+ -webkit-user-select: text;
751
+ -ms-user-select: text;
752
+ border-radius: 0;
753
+ -moz-border-radius: 0;
754
+ -webkit-border-radius: 0;
755
+ -moz-background-clip: padding;
756
+ -webkit-background-clip: padding-box;
757
+ background-clip: padding-box;
758
+ outline: none;
759
+ }
760
+ .fr-popup textarea {
761
+ resize: none;
762
+ }
763
+ .fr-popup .fr-buttons {
764
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
765
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
766
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
767
+ padding: 0 2px;
768
+ white-space: nowrap;
769
+ line-height: 0;
770
+ border-bottom: 0px;
771
+ }
772
+ .fr-popup .fr-buttons::after {
773
+ clear: both;
774
+ display: block;
775
+ content: "";
776
+ }
777
+ .fr-popup .fr-buttons .fr-btn {
778
+ display: inline-block;
779
+ float: none;
780
+ }
781
+ .fr-popup .fr-buttons .fr-btn i {
782
+ float: left;
783
+ }
784
+ .fr-popup .fr-buttons .fr-separator {
785
+ display: inline-block;
786
+ float: none;
787
+ }
788
+ .fr-popup .fr-layer {
789
+ width: 225px;
790
+ -webkit-box-sizing: border-box;
791
+ -moz-box-sizing: border-box;
792
+ box-sizing: border-box;
793
+ margin: 10px;
794
+ display: none;
795
+ }
796
+ @media (min-width: 768px) {
797
+ .fr-popup .fr-layer {
798
+ width: 300px;
799
+ }
800
+ }
801
+ .fr-popup .fr-layer.fr-active {
802
+ display: inline-block;
803
+ }
804
+ .fr-popup .fr-action-buttons {
805
+ z-index: 7;
806
+ height: 36px;
807
+ text-align: right;
808
+ }
809
+ .fr-popup .fr-action-buttons button.fr-command {
810
+ height: 36px;
811
+ line-height: 1;
812
+ color: #1e88e5;
813
+ padding: 10px;
814
+ cursor: pointer;
815
+ text-decoration: none;
816
+ border: none;
817
+ background: none;
818
+ font-size: 16px;
819
+ outline: none;
820
+ -webkit-transition: background 0.2s ease 0s;
821
+ -moz-transition: background 0.2s ease 0s;
822
+ -ms-transition: background 0.2s ease 0s;
823
+ -o-transition: background 0.2s ease 0s;
824
+ }
825
+ .fr-popup .fr-action-buttons button.fr-command + button {
826
+ margin-left: 24px;
827
+ }
828
+ .fr-popup .fr-action-buttons button.fr-command:hover,
829
+ .fr-popup .fr-action-buttons button.fr-command:focus {
830
+ background: #ebebeb;
831
+ color: #1e88e5;
832
+ }
833
+ .fr-popup .fr-action-buttons button.fr-command:active {
834
+ background: #d6d6d6;
835
+ color: #1e88e5;
836
+ }
837
+ .fr-popup .fr-action-buttons button::-moz-focus-inner {
838
+ border: 0;
839
+ }
840
+ .fr-popup .fr-checkbox {
841
+ position: relative;
842
+ display: inline-block;
843
+ width: 16px;
844
+ height: 16px;
845
+ line-height: 1;
846
+ -webkit-box-sizing: content-box;
847
+ -moz-box-sizing: content-box;
848
+ box-sizing: content-box;
849
+ vertical-align: middle;
850
+ }
851
+ .fr-popup .fr-checkbox svg {
852
+ margin-left: 2px;
853
+ margin-top: 2px;
854
+ display: none;
855
+ width: 10px;
856
+ height: 10px;
857
+ }
858
+ .fr-popup .fr-checkbox span {
859
+ border: solid 1px #222222;
860
+ border-radius: 2px;
861
+ -moz-border-radius: 2px;
862
+ -webkit-border-radius: 2px;
863
+ -moz-background-clip: padding;
864
+ -webkit-background-clip: padding-box;
865
+ background-clip: padding-box;
866
+ width: 16px;
867
+ height: 16px;
868
+ display: inline-block;
869
+ position: relative;
870
+ z-index: 1;
871
+ -webkit-box-sizing: border-box;
872
+ -moz-box-sizing: border-box;
873
+ box-sizing: border-box;
874
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
875
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
876
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
877
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
878
+ }
879
+ .fr-popup .fr-checkbox input {
880
+ position: absolute;
881
+ z-index: 2;
882
+ -webkit-opacity: 0;
883
+ -moz-opacity: 0;
884
+ opacity: 0;
885
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
886
+ border: 0 none;
887
+ cursor: pointer;
888
+ height: 16px;
889
+ margin: 0;
890
+ padding: 0;
891
+ width: 16px;
892
+ top: 1px;
893
+ left: 1px;
894
+ }
895
+ .fr-popup .fr-checkbox input:checked + span {
896
+ background: #1e88e5;
897
+ border-color: #1e88e5;
898
+ }
899
+ .fr-popup .fr-checkbox input:checked + span svg {
900
+ display: block;
901
+ }
902
+ .fr-popup .fr-checkbox input:focus + span {
903
+ border-color: #1e88e5;
904
+ }
905
+ .fr-popup .fr-checkbox-line {
906
+ font-size: 14px;
907
+ line-height: 1.4px;
908
+ margin-top: 10px;
909
+ }
910
+ .fr-popup .fr-checkbox-line label {
911
+ cursor: pointer;
912
+ margin: 0 5px;
913
+ vertical-align: middle;
914
+ }
915
+ .fr-popup.fr-rtl {
916
+ direction: rtl;
917
+ text-align: right;
918
+ }
919
+ .fr-popup.fr-rtl .fr-action-buttons {
920
+ text-align: left;
921
+ }
922
+ .fr-popup.fr-rtl .fr-input-line input + label,
923
+ .fr-popup.fr-rtl .fr-input-line textarea + label {
924
+ left: auto;
925
+ right: 0;
926
+ }
927
+ .fr-popup .fr-arrow {
928
+ width: 0;
929
+ height: 0;
930
+ border-left: 5px solid transparent;
931
+ border-right: 5px solid transparent;
932
+ border-bottom: 5px solid #222222;
933
+ position: absolute;
934
+ top: -9px;
935
+ left: 50%;
936
+ margin-left: -5px;
937
+ display: inline-block;
938
+ }
939
+ .fr-popup.fr-above .fr-arrow {
940
+ top: auto;
941
+ bottom: -9px;
942
+ border-bottom: 0;
943
+ border-top: 5px solid #222222;
944
+ }
945
+ .fr-text-edit-layer {
946
+ width: 250px;
947
+ -webkit-box-sizing: border-box;
948
+ -moz-box-sizing: border-box;
949
+ box-sizing: border-box;
950
+ display: block !important;
951
+ }
952
+ .fr-visibility-helper {
953
+ display: none;
954
+ margin-left: 0px !important;
955
+ }
956
+ @media (min-width: 768px) {
957
+ .fr-visibility-helper {
958
+ margin-left: 1px !important;
959
+ }
960
+ }
961
+ @media (min-width: 992px) {
962
+ .fr-visibility-helper {
963
+ margin-left: 2px !important;
964
+ }
965
+ }
966
+ @media (min-width: 1200px) {
967
+ .fr-visibility-helper {
968
+ margin-left: 3px !important;
969
+ }
970
+ }
971
+ .fr-opacity-0 {
972
+ -webkit-opacity: 0;
973
+ -moz-opacity: 0;
974
+ opacity: 0;
975
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
976
+ }
977
+ .fr-box {
978
+ position: relative;
979
+ }
980
+ /**
981
+ * Postion sticky hacks.
982
+ */
983
+ .fr-sticky {
984
+ position: -webkit-sticky;
985
+ position: -moz-sticky;
986
+ position: -ms-sticky;
987
+ position: -o-sticky;
988
+ position: sticky;
989
+ }
990
+ .fr-sticky-off {
991
+ position: relative;
992
+ }
993
+ .fr-sticky-on {
994
+ position: fixed;
995
+ }
996
+ .fr-sticky-on.fr-sticky-ios {
997
+ position: absolute;
998
+ left: 0;
999
+ right: 0;
1000
+ width: auto !important;
1001
+ }
1002
+ .fr-sticky-dummy {
1003
+ display: none;
1004
+ }
1005
+ .fr-sticky-on + .fr-sticky-dummy,
1006
+ .fr-sticky-box > .fr-sticky-dummy {
1007
+ display: block;
1008
+ }