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,370 @@
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
+ body.prevent-scroll {
13
+ overflow: hidden;
14
+ }
15
+ body.prevent-scroll.fr-mobile {
16
+ position: fixed;
17
+ -webkit-overflow-scrolling: touch;
18
+ }
19
+ .fr-modal {
20
+ position: fixed;
21
+ overflow-x: auto;
22
+ overflow-y: scroll;
23
+ top: 0;
24
+ left: 0;
25
+ bottom: 0;
26
+ right: 0;
27
+ text-align: center;
28
+ width: 100%;
29
+ z-index: 9999;
30
+ }
31
+ .fr-modal .fr-modal-wrapper {
32
+ border-radius: 2px;
33
+ -moz-border-radius: 2px;
34
+ -webkit-border-radius: 2px;
35
+ -moz-background-clip: padding;
36
+ -webkit-background-clip: padding-box;
37
+ background-clip: padding-box;
38
+ margin: 20px auto;
39
+ display: inline-block;
40
+ background: #ffffff;
41
+ min-width: 300px;
42
+ text-align: center;
43
+ -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 6px rgba(0, 0, 0, 0.23);
44
+ -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 6px rgba(0, 0, 0, 0.23);
45
+ box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 6px rgba(0, 0, 0, 0.23);
46
+ border: 0px;
47
+ border-top: 5px solid #222222;
48
+ overflow: hidden;
49
+ width: 90%;
50
+ padding-bottom: 10px;
51
+ position: relative;
52
+ }
53
+ @media (min-width: 768px) and (max-width: 991px) {
54
+ .fr-modal .fr-modal-wrapper {
55
+ margin: 30px auto;
56
+ width: 70%;
57
+ }
58
+ }
59
+ @media (min-width: 992px) {
60
+ .fr-modal .fr-modal-wrapper {
61
+ margin: 50px auto;
62
+ width: 600px;
63
+ }
64
+ }
65
+ .fr-modal .fr-modal-wrapper .fr-preloader {
66
+ display: block;
67
+ margin: 50px auto;
68
+ }
69
+ .fr-modal .fr-modal-wrapper .fr-modal-title {
70
+ background: #ffffff;
71
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
72
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
73
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
74
+ border-bottom: 0px;
75
+ overflow: hidden;
76
+ position: absolute;
77
+ width: 100%;
78
+ z-index: 3;
79
+ -webkit-transition: height 0.2s ease 0s;
80
+ -moz-transition: height 0.2s ease 0s;
81
+ -ms-transition: height 0.2s ease 0s;
82
+ -o-transition: height 0.2s ease 0s;
83
+ }
84
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line::after {
85
+ clear: both;
86
+ display: block;
87
+ content: "";
88
+ }
89
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 {
90
+ font-size: 18px;
91
+ color: #222222;
92
+ padding: 12px 10px;
93
+ margin: 0;
94
+ font-weight: 400;
95
+ line-height: 18px;
96
+ display: inline-block;
97
+ float: left;
98
+ }
99
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i {
100
+ padding: 12px;
101
+ width: 20px;
102
+ font-size: 16px;
103
+ cursor: pointer;
104
+ line-height: 18px;
105
+ color: #222222;
106
+ -webkit-box-sizing: content-box;
107
+ -moz-box-sizing: content-box;
108
+ box-sizing: content-box;
109
+ }
110
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-more {
111
+ float: left;
112
+ opacity: 1;
113
+ -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
114
+ -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
115
+ -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
116
+ -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
117
+ }
118
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-more.fr-not-available {
119
+ opacity: 0;
120
+ width: 0;
121
+ padding: 12px 0;
122
+ }
123
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close {
124
+ position: absolute;
125
+ top: 0;
126
+ right: 0;
127
+ -webkit-transition: color 0.2s ease 0s;
128
+ -moz-transition: color 0.2s ease 0s;
129
+ -ms-transition: color 0.2s ease 0s;
130
+ -o-transition: color 0.2s ease 0s;
131
+ }
132
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags {
133
+ text-align: left;
134
+ display: none;
135
+ }
136
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a {
137
+ display: inline-block;
138
+ opacity: 0;
139
+ padding: 6px 8px;
140
+ margin: 8px 0 8px 8px;
141
+ text-decoration: none;
142
+ border-radius: 2px;
143
+ -moz-border-radius: 2px;
144
+ -webkit-border-radius: 2px;
145
+ -moz-background-clip: padding;
146
+ -webkit-background-clip: padding-box;
147
+ background-clip: padding-box;
148
+ color: #1e88e5;
149
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
150
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
151
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
152
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
153
+ cursor: pointer;
154
+ }
155
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:focus {
156
+ outline: none;
157
+ }
158
+ .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag {
159
+ background: #d6d6d6;
160
+ }
161
+ .fr-modal .fr-modal-wrapper div.fr-scroller {
162
+ height: 100%;
163
+ min-height: 150px;
164
+ overflow-y: scroll;
165
+ }
166
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list {
167
+ margin: 0 10px;
168
+ padding: 0;
169
+ }
170
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list::after {
171
+ clear: both;
172
+ display: block;
173
+ content: "";
174
+ }
175
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column {
176
+ float: left;
177
+ width: calc((100% - 10px) / 2);
178
+ }
179
+ @media (min-width: 768px) and (max-width: 1199px) {
180
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column {
181
+ width: calc((100% - 20px) / 3);
182
+ }
183
+ }
184
+ @media (min-width: 1200px) {
185
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column {
186
+ width: calc((100% - 30px) / 4);
187
+ }
188
+ }
189
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column + .fr-list-column {
190
+ margin-left: 10px;
191
+ }
192
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container {
193
+ position: relative;
194
+ width: 100%;
195
+ display: block;
196
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
197
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
198
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
199
+ border-radius: 2px;
200
+ -moz-border-radius: 2px;
201
+ -webkit-border-radius: 2px;
202
+ -moz-background-clip: padding;
203
+ -webkit-background-clip: padding-box;
204
+ background-clip: padding-box;
205
+ overflow: hidden;
206
+ }
207
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:first-child {
208
+ margin-top: 10px;
209
+ }
210
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container + div {
211
+ margin-top: 10px;
212
+ }
213
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting::after {
214
+ position: absolute;
215
+ -webkit-opacity: 0.5;
216
+ -moz-opacity: 0.5;
217
+ opacity: 0.5;
218
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
219
+ -webkit-transition: opacity 0.2s ease 0s;
220
+ -moz-transition: opacity 0.2s ease 0s;
221
+ -ms-transition: opacity 0.2s ease 0s;
222
+ -o-transition: opacity 0.2s ease 0s;
223
+ background: #000000;
224
+ content: "";
225
+ top: 0;
226
+ left: 0;
227
+ bottom: 0;
228
+ right: 0;
229
+ z-index: 2;
230
+ }
231
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting::before {
232
+ content: attr(data-deleting);
233
+ color: #ffffff;
234
+ top: 0;
235
+ left: 0;
236
+ bottom: 0;
237
+ right: 0;
238
+ margin: auto;
239
+ position: absolute;
240
+ z-index: 3;
241
+ font-size: 15px;
242
+ height: 20px;
243
+ }
244
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty {
245
+ height: 95px;
246
+ background: #cccccc;
247
+ z-index: 1;
248
+ }
249
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty::after {
250
+ position: absolute;
251
+ margin: auto;
252
+ top: 0;
253
+ bottom: 0;
254
+ left: 0;
255
+ right: 0;
256
+ content: attr(data-loading);
257
+ display: inline-block;
258
+ height: 20px;
259
+ }
260
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container img {
261
+ width: 100%;
262
+ vertical-align: middle;
263
+ position: relative;
264
+ z-index: 2;
265
+ -webkit-opacity: 1;
266
+ -moz-opacity: 1;
267
+ opacity: 1;
268
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
269
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
270
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
271
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
272
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
273
+ -webkit-transform: translateZ(0);
274
+ -moz-transform: translateZ(0);
275
+ -ms-transform: translateZ(0);
276
+ -o-transform: translateZ(0);
277
+ }
278
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected img {
279
+ -webkit-opacity: 0.75;
280
+ -moz-opacity: 0.75;
281
+ opacity: 0.75;
282
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
283
+ }
284
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
285
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
286
+ display: inline-block;
287
+ }
288
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,
289
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img {
290
+ display: none;
291
+ top: 50%;
292
+ border-radius: 100%;
293
+ -moz-border-radius: 100%;
294
+ -webkit-border-radius: 100%;
295
+ -moz-background-clip: padding;
296
+ -webkit-background-clip: padding-box;
297
+ background-clip: padding-box;
298
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
299
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
300
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
301
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
302
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
303
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
304
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
305
+ position: absolute;
306
+ cursor: pointer;
307
+ margin: 0;
308
+ width: 36px;
309
+ height: 36px;
310
+ line-height: 36px;
311
+ text-decoration: none;
312
+ z-index: 3;
313
+ }
314
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img {
315
+ background: #b8312f;
316
+ color: #ffffff;
317
+ left: 50%;
318
+ -webkit-transform: translateY(-50%) translateX(25%);
319
+ -moz-transform: translateY(-50%) translateX(25%);
320
+ -ms-transform: translateY(-50%) translateX(25%);
321
+ -o-transform: translateY(-50%) translateX(25%);
322
+ }
323
+ .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img {
324
+ background: #ffffff;
325
+ color: #1e88e5;
326
+ left: 50%;
327
+ -webkit-transform: translateY(-50%) translateX(-125%);
328
+ -moz-transform: translateY(-50%) translateX(-125%);
329
+ -ms-transform: translateY(-50%) translateX(-125%);
330
+ -o-transform: translateY(-50%) translateX(-125%);
331
+ }
332
+ .fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover {
333
+ background: #ebebeb;
334
+ }
335
+ .fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover {
336
+ background: #ebebeb;
337
+ }
338
+ .fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag {
339
+ background: #d6d6d6;
340
+ }
341
+ .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover img {
342
+ -webkit-opacity: 0.75;
343
+ -moz-opacity: 0.75;
344
+ opacity: 0.75;
345
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
346
+ }
347
+ .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-delete-img,
348
+ .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-insert-img {
349
+ display: inline-block;
350
+ }
351
+ .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover {
352
+ background: #bf4644;
353
+ color: #ffffff;
354
+ }
355
+ .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover {
356
+ background: #ebebeb;
357
+ }
358
+ .fr-overlay {
359
+ position: fixed;
360
+ top: 0;
361
+ bottom: 0;
362
+ left: 0;
363
+ right: 0;
364
+ background: #000000;
365
+ -webkit-opacity: 0.5;
366
+ -moz-opacity: 0.5;
367
+ opacity: 0.5;
368
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
369
+ z-index: 9998;
370
+ }
@@ -0,0 +1,26 @@
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-line-breaker {
13
+ cursor: text;
14
+ border-top: 1px solid #1e88e5;
15
+ position: fixed;
16
+ z-index: 2;
17
+ display: none;
18
+ }
19
+ .fr-line-breaker.fr-visible {
20
+ display: block;
21
+ }
22
+ .fr-line-breaker a.fr-floating-btn {
23
+ position: absolute;
24
+ left: calc(50% - (32px / 2));
25
+ top: -16px;
26
+ }
@@ -0,0 +1,56 @@
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-quick-insert {
13
+ position: absolute;
14
+ z-index: 9998;
15
+ white-space: nowrap;
16
+ padding-right: 5px;
17
+ margin-left: -5px;
18
+ -webkit-box-sizing: content-box;
19
+ -moz-box-sizing: content-box;
20
+ box-sizing: content-box;
21
+ }
22
+ .fr-quick-insert.fr-on a.fr-floating-btn svg {
23
+ -webkit-transform: rotate(135deg);
24
+ -moz-transform: rotate(135deg);
25
+ -ms-transform: rotate(135deg);
26
+ -o-transform: rotate(135deg);
27
+ }
28
+ .fr-qi-helper {
29
+ position: absolute;
30
+ z-index: 3;
31
+ padding-left: 10px;
32
+ white-space: nowrap;
33
+ }
34
+ .fr-qi-helper a.fr-btn.fr-floating-btn {
35
+ text-align: center;
36
+ display: inline-block;
37
+ color: #222222;
38
+ -webkit-opacity: 0;
39
+ -moz-opacity: 0;
40
+ opacity: 0;
41
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
42
+ -webkit-transform: scale(0);
43
+ -moz-transform: scale(0);
44
+ -ms-transform: scale(0);
45
+ -o-transform: scale(0);
46
+ }
47
+ .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
48
+ -webkit-opacity: 1;
49
+ -moz-opacity: 1;
50
+ opacity: 1;
51
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
52
+ -webkit-transform: scale(1);
53
+ -moz-transform: scale(1);
54
+ -ms-transform: scale(1);
55
+ -o-transform: scale(1);
56
+ }
@@ -0,0 +1,156 @@
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 table td.fr-selected-cell,
13
+ .fr-element table th.fr-selected-cell {
14
+ border: 1px double #1e88e5;
15
+ }
16
+ .fr-element table tr {
17
+ user-select: none;
18
+ -o-user-select: none;
19
+ -moz-user-select: none;
20
+ -khtml-user-select: none;
21
+ -webkit-user-select: none;
22
+ -ms-user-select: none;
23
+ }
24
+ .fr-element table td,
25
+ .fr-element table th {
26
+ user-select: text;
27
+ -o-user-select: text;
28
+ -moz-user-select: text;
29
+ -khtml-user-select: text;
30
+ -webkit-user-select: text;
31
+ -ms-user-select: text;
32
+ }
33
+ .fr-element .fr-no-selection table td,
34
+ .fr-element .fr-no-selection table th {
35
+ user-select: none;
36
+ -o-user-select: none;
37
+ -moz-user-select: none;
38
+ -khtml-user-select: none;
39
+ -webkit-user-select: none;
40
+ -ms-user-select: none;
41
+ }
42
+ .fr-table-resizer {
43
+ cursor: col-resize;
44
+ position: fixed;
45
+ z-index: 3;
46
+ display: none;
47
+ }
48
+ .fr-table-resizer.fr-moving {
49
+ z-index: 2;
50
+ }
51
+ .fr-table-resizer div {
52
+ -webkit-opacity: 0;
53
+ -moz-opacity: 0;
54
+ opacity: 0;
55
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
56
+ border-right: 1px solid #1e88e5;
57
+ }
58
+ .fr-no-selection {
59
+ user-select: none;
60
+ -o-user-select: none;
61
+ -moz-user-select: none;
62
+ -khtml-user-select: none;
63
+ -webkit-user-select: none;
64
+ -ms-user-select: none;
65
+ }
66
+ .fr-popup .fr-table-size .fr-table-size-info {
67
+ text-align: center;
68
+ font-size: 14px;
69
+ padding: 8px;
70
+ }
71
+ .fr-popup .fr-table-size .fr-select-table-size {
72
+ line-height: 0;
73
+ padding: 0 5px 5px;
74
+ white-space: nowrap;
75
+ }
76
+ .fr-popup .fr-table-size .fr-select-table-size > span {
77
+ display: inline-block;
78
+ padding: 0px 4px 4px 0;
79
+ }
80
+ .fr-popup .fr-table-size .fr-select-table-size > span > span {
81
+ display: inline-block;
82
+ width: 18px;
83
+ height: 18px;
84
+ border: 1px solid #dddddd;
85
+ }
86
+ .fr-popup .fr-table-size .fr-select-table-size > span:hover,
87
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover {
88
+ background: transparent;
89
+ }
90
+ .fr-popup .fr-table-size .fr-select-table-size > span:hover > span,
91
+ .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
92
+ background: rgba(30, 136, 229, 0.3);
93
+ border: solid 1px #1e88e5;
94
+ }
95
+ .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
96
+ clear: both;
97
+ display: block;
98
+ content: "";
99
+ }
100
+ .fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
101
+ display: inline-block !important;
102
+ }
103
+ .fr-popup .fr-table-colors-buttons {
104
+ margin-bottom: 5px;
105
+ }
106
+ .fr-popup .fr-table-colors {
107
+ line-height: 0;
108
+ display: block;
109
+ }
110
+ .fr-popup .fr-table-colors > span {
111
+ display: inline-block;
112
+ width: 32px;
113
+ height: 32px;
114
+ position: relative;
115
+ z-index: 1;
116
+ }
117
+ .fr-popup .fr-table-colors > span > i {
118
+ text-align: center;
119
+ line-height: 32px;
120
+ height: 32px;
121
+ width: 32px;
122
+ font-size: 13px;
123
+ position: absolute;
124
+ bottom: 0;
125
+ cursor: default;
126
+ left: 0;
127
+ }
128
+ .fr-popup .fr-table-colors > span.fr-selected-color::after {
129
+ color: #ffffff;
130
+ content: "\f00c";
131
+ font-family: FontAwesome;
132
+ font-size: 13px;
133
+ font-weight: 400;
134
+ line-height: 32px;
135
+ position: absolute;
136
+ top: 0;
137
+ bottom: 0;
138
+ right: 0;
139
+ left: 0;
140
+ text-align: center;
141
+ cursor: default;
142
+ }
143
+ .fr-popup .fr-table-colors > span:hover,
144
+ .fr-popup .fr-table-colors > span.fr-selected-color {
145
+ outline: 1px solid #222222;
146
+ z-index: 2;
147
+ }
148
+ .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
149
+ width: 12px;
150
+ height: 12px;
151
+ }
152
+ .fr-insert-helper {
153
+ position: fixed;
154
+ z-index: 9999;
155
+ white-space: nowrap;
156
+ }