wysiwyg-rails 3.2.5.pre.2 → 3.2.6.pre.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (147) hide show
  1. checksums.yaml +4 -4
  2. data/LICENSE +21 -21
  3. data/README.md +148 -148
  4. data/Rakefile +5 -5
  5. data/app/assets/javascripts/froala_editor.min.js +2 -2
  6. data/app/assets/javascripts/froala_editor.pkgd.min.js +2 -2
  7. data/app/assets/javascripts/languages/ar.js +3 -3
  8. data/app/assets/javascripts/languages/bs.js +3 -3
  9. data/app/assets/javascripts/languages/cs.js +3 -3
  10. data/app/assets/javascripts/languages/da.js +3 -3
  11. data/app/assets/javascripts/languages/de.js +3 -3
  12. data/app/assets/javascripts/languages/el.js +3 -3
  13. data/app/assets/javascripts/languages/en_ca.js +3 -3
  14. data/app/assets/javascripts/languages/en_gb.js +3 -3
  15. data/app/assets/javascripts/languages/es.js +22 -3
  16. data/app/assets/javascripts/languages/et.js +3 -3
  17. data/app/assets/javascripts/languages/fa.js +3 -3
  18. data/app/assets/javascripts/languages/fi.js +3 -3
  19. data/app/assets/javascripts/languages/fr.js +3 -3
  20. data/app/assets/javascripts/languages/he.js +3 -3
  21. data/app/assets/javascripts/languages/hr.js +3 -3
  22. data/app/assets/javascripts/languages/hu.js +3 -3
  23. data/app/assets/javascripts/languages/id.js +3 -3
  24. data/app/assets/javascripts/languages/it.js +20 -5
  25. data/app/assets/javascripts/languages/ja.js +3 -3
  26. data/app/assets/javascripts/languages/ko.js +40 -12
  27. data/app/assets/javascripts/languages/ku.js +3 -3
  28. data/app/assets/javascripts/languages/me.js +3 -3
  29. data/app/assets/javascripts/languages/nb.js +3 -3
  30. data/app/assets/javascripts/languages/nl.js +3 -3
  31. data/app/assets/javascripts/languages/pl.js +20 -3
  32. data/app/assets/javascripts/languages/pt_br.js +3 -3
  33. data/app/assets/javascripts/languages/pt_pt.js +20 -3
  34. data/app/assets/javascripts/languages/ro.js +3 -3
  35. data/app/assets/javascripts/languages/ru.js +3 -3
  36. data/app/assets/javascripts/languages/sk.js +3 -3
  37. data/app/assets/javascripts/languages/sl.js +3 -3
  38. data/app/assets/javascripts/languages/sr.js +3 -3
  39. data/app/assets/javascripts/languages/sv.js +3 -3
  40. data/app/assets/javascripts/languages/th.js +3 -3
  41. data/app/assets/javascripts/languages/tr.js +3 -3
  42. data/app/assets/javascripts/languages/uk.js +3 -3
  43. data/app/assets/javascripts/languages/vi.js +1 -1
  44. data/app/assets/javascripts/languages/zh_cn.js +3 -3
  45. data/app/assets/javascripts/languages/zh_tw.js +3 -3
  46. data/app/assets/javascripts/plugins.pkgd.min.js +1 -1
  47. data/app/assets/javascripts/plugins/align.min.js +1 -1
  48. data/app/assets/javascripts/plugins/char_counter.min.js +1 -1
  49. data/app/assets/javascripts/plugins/code_beautifier.min.js +1 -1
  50. data/app/assets/javascripts/plugins/code_view.min.js +1 -1
  51. data/app/assets/javascripts/plugins/colors.min.js +1 -1
  52. data/app/assets/javascripts/plugins/cryptojs.min.js +1 -1
  53. data/app/assets/javascripts/plugins/draggable.min.js +1 -1
  54. data/app/assets/javascripts/plugins/edit_in_popup.min.js +1 -1
  55. data/app/assets/javascripts/plugins/emoticons.min.js +1 -1
  56. data/app/assets/javascripts/plugins/entities.min.js +1 -1
  57. data/app/assets/javascripts/plugins/file.min.js +1 -1
  58. data/app/assets/javascripts/plugins/files_manager.min.js +1 -1
  59. data/app/assets/javascripts/plugins/font_family.min.js +1 -1
  60. data/app/assets/javascripts/plugins/font_size.min.js +1 -1
  61. data/app/assets/javascripts/plugins/forms.min.js +1 -1
  62. data/app/assets/javascripts/plugins/fullscreen.min.js +1 -1
  63. data/app/assets/javascripts/plugins/help.min.js +1 -1
  64. data/app/assets/javascripts/plugins/image.min.js +1 -1
  65. data/app/assets/javascripts/plugins/image_manager.min.js +1 -1
  66. data/app/assets/javascripts/plugins/inline_class.min.js +1 -1
  67. data/app/assets/javascripts/plugins/inline_style.min.js +1 -1
  68. data/app/assets/javascripts/plugins/line_breaker.min.js +1 -1
  69. data/app/assets/javascripts/plugins/line_height.min.js +1 -1
  70. data/app/assets/javascripts/plugins/link.min.js +1 -1
  71. data/app/assets/javascripts/plugins/lists.min.js +1 -1
  72. data/app/assets/javascripts/plugins/paragraph_format.min.js +1 -1
  73. data/app/assets/javascripts/plugins/paragraph_style.min.js +1 -1
  74. data/app/assets/javascripts/plugins/print.min.js +1 -1
  75. data/app/assets/javascripts/plugins/quick_insert.min.js +1 -1
  76. data/app/assets/javascripts/plugins/quote.min.js +1 -1
  77. data/app/assets/javascripts/plugins/save.min.js +1 -1
  78. data/app/assets/javascripts/plugins/special_characters.min.js +1 -1
  79. data/app/assets/javascripts/plugins/table.min.js +1 -1
  80. data/app/assets/javascripts/plugins/trim_video.min.js +1 -1
  81. data/app/assets/javascripts/plugins/url.min.js +1 -1
  82. data/app/assets/javascripts/plugins/video.min.js +1 -1
  83. data/app/assets/javascripts/plugins/word_paste.min.js +1 -1
  84. data/app/assets/javascripts/third_party/embedly.min.js +1 -1
  85. data/app/assets/javascripts/third_party/font_awesome.min.js +2 -2
  86. data/app/assets/javascripts/third_party/image_tui.min.js +1 -1
  87. data/app/assets/javascripts/third_party/spell_checker.min.js +1 -1
  88. data/app/assets/stylesheets/froala_editor.css +1361 -1361
  89. data/app/assets/stylesheets/froala_editor.min.css +2 -2
  90. data/app/assets/stylesheets/froala_editor.pkgd.css +4589 -4589
  91. data/app/assets/stylesheets/froala_editor.pkgd.min.css +2 -2
  92. data/app/assets/stylesheets/froala_style.css +357 -357
  93. data/app/assets/stylesheets/froala_style.min.css +2 -2
  94. data/app/assets/stylesheets/plugins.pkgd.css +2871 -2871
  95. data/app/assets/stylesheets/plugins.pkgd.min.css +2 -2
  96. data/app/assets/stylesheets/plugins/char_counter.css +44 -44
  97. data/app/assets/stylesheets/plugins/char_counter.min.css +2 -2
  98. data/app/assets/stylesheets/plugins/code_view.css +92 -92
  99. data/app/assets/stylesheets/plugins/code_view.min.css +2 -2
  100. data/app/assets/stylesheets/plugins/colors.css +93 -93
  101. data/app/assets/stylesheets/plugins/colors.min.css +2 -2
  102. data/app/assets/stylesheets/plugins/draggable.css +36 -36
  103. data/app/assets/stylesheets/plugins/draggable.min.css +2 -2
  104. data/app/assets/stylesheets/plugins/emoticons.css +29 -29
  105. data/app/assets/stylesheets/plugins/emoticons.min.css +2 -2
  106. data/app/assets/stylesheets/plugins/file.css +123 -123
  107. data/app/assets/stylesheets/plugins/file.min.css +2 -2
  108. data/app/assets/stylesheets/plugins/files_manager.css +1235 -1235
  109. data/app/assets/stylesheets/plugins/files_manager.min.css +2 -2
  110. data/app/assets/stylesheets/plugins/fullscreen.css +72 -72
  111. data/app/assets/stylesheets/plugins/fullscreen.min.css +2 -2
  112. data/app/assets/stylesheets/plugins/help.css +40 -40
  113. data/app/assets/stylesheets/plugins/help.min.css +2 -2
  114. data/app/assets/stylesheets/plugins/image.css +206 -206
  115. data/app/assets/stylesheets/plugins/image.min.css +2 -2
  116. data/app/assets/stylesheets/plugins/image_manager.css +231 -231
  117. data/app/assets/stylesheets/plugins/image_manager.min.css +2 -2
  118. data/app/assets/stylesheets/plugins/line_breaker.css +33 -33
  119. data/app/assets/stylesheets/plugins/line_breaker.min.css +2 -2
  120. data/app/assets/stylesheets/plugins/quick_insert.css +67 -67
  121. data/app/assets/stylesheets/plugins/quick_insert.min.css +2 -2
  122. data/app/assets/stylesheets/plugins/special_characters.css +28 -28
  123. data/app/assets/stylesheets/plugins/special_characters.min.css +2 -2
  124. data/app/assets/stylesheets/plugins/table.css +106 -106
  125. data/app/assets/stylesheets/plugins/table.min.css +2 -2
  126. data/app/assets/stylesheets/plugins/trim_video.css +242 -242
  127. data/app/assets/stylesheets/plugins/trim_video.min.css +2 -2
  128. data/app/assets/stylesheets/plugins/video.css +196 -196
  129. data/app/assets/stylesheets/plugins/video.min.css +2 -2
  130. data/app/assets/stylesheets/themes/dark.css +2164 -2164
  131. data/app/assets/stylesheets/themes/dark.min.css +2 -2
  132. data/app/assets/stylesheets/themes/gray.css +2164 -2164
  133. data/app/assets/stylesheets/themes/gray.min.css +2 -2
  134. data/app/assets/stylesheets/themes/royal.css +2164 -2164
  135. data/app/assets/stylesheets/themes/royal.min.css +2 -2
  136. data/app/assets/stylesheets/third_party/embedly.css +55 -55
  137. data/app/assets/stylesheets/third_party/embedly.min.css +2 -2
  138. data/app/assets/stylesheets/third_party/font_awesome.css +28 -28
  139. data/app/assets/stylesheets/third_party/font_awesome.min.css +2 -2
  140. data/app/assets/stylesheets/third_party/image_tui.css +36 -36
  141. data/app/assets/stylesheets/third_party/image_tui.min.css +2 -2
  142. data/app/assets/stylesheets/third_party/spell_checker.css +59 -59
  143. data/app/assets/stylesheets/third_party/spell_checker.min.css +2 -2
  144. data/lib/wysiwyg-rails.rb +1 -1
  145. data/lib/wysiwyg-rails/engine.rb +16 -16
  146. data/lib/wysiwyg-rails/version.rb +5 -5
  147. metadata +8 -8
@@ -1,7 +1,7 @@
1
1
  /*!
2
- * froala_editor v3.2.5-2 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
4
  * Copyright 2014-2021 Froala Labs
5
5
  */
6
6
 
7
- .fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}
7
+ .fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}
@@ -1,247 +1,247 @@
1
1
  /*!
2
- * froala_editor v3.2.5-2 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v3.2.6-1 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
4
  * Copyright 2014-2021 Froala Labs
5
5
  */
6
6
 
7
- .fr-clearfix::after {
8
- clear: both;
9
- display: block;
10
- content: "";
11
- height: 0; }
12
-
13
- .fr-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-form-container {
24
- margin: auto;
25
- position: relative;
26
- top: 10%;
27
- background-color: #f5f5f5;
28
- width: 60%;
29
- border-radius: 5px;
30
- z-index: 9002;
31
- overflow: auto;
32
- background-color: #fefefe; }
33
-
34
- .fr-trim-video-name {
35
- font-family: Arial, Helvetica, sans-serif;
36
- padding-top: 15px; }
37
-
38
- .fr-file-loader {
39
- border: 4px solid #f3f3f3;
40
- border-radius: 50%;
41
- border-top: 4px solid #53777a;
42
- display: inline-block !important;
43
- -webkit-animation: spin 2s linear infinite;
44
- /* Safari */
45
- animation: spin 2s linear infinite;
46
- width: 20px;
47
- height: 20px;
48
- display: block !important;
49
- align-items: center; }
50
-
51
- .fr-trim-button {
52
- margin-top: 5px;
53
- height: 36px;
54
- line-height: 1;
55
- color: #0098f7;
56
- padding: 10px;
57
- cursor: pointer;
58
- text-decoration: none;
59
- border: none;
60
- background: none;
61
- font-size: 16px;
62
- border-radius: 5px;
63
- background-color: #eff5fa;
64
- outline: none; }
65
- .fr-trim-button:hover {
66
- background: #ebebeb; }
67
-
68
- /* Safari */
69
- @-webkit-keyframes spin {
70
- 0% {
71
- -webkit-transform: rotate(0deg); }
72
- 100% {
73
- -webkit-transform: rotate(360deg); } }
74
- @keyframes spin {
75
- 0% {
76
- transform: rotate(0deg); }
77
- 100% {
78
- transform: rotate(360deg); } }
79
- .fr-slidecontainer {
80
- width: 100%; }
81
-
82
- .fr-slider {
83
- -webkit-appearance: none;
84
- width: 100%;
85
- height: 15px;
86
- background: #d3d3d3; }
87
-
88
- .fr-video-trim-buttons {
89
- text-align: right;
90
- padding-bottom: 5px;
91
- padding-right: 15px;
92
- margin-top: 10px; }
93
-
94
- .fr-slider::-webkit-slider-thumb {
95
- -webkit-appearance: none;
96
- appearance: none;
97
- width: 15px;
98
- height: 15px;
99
- border-radius: 50%;
100
- cursor: pointer; }
101
-
102
- .fr-slider::-moz-range-thumb {
103
- width: 15px;
104
- height: 15px;
105
- background: #3498db;
106
- border-radius: 50%;
107
- cursor: pointer; }
108
-
109
- .fr-range-value-start {
110
- position: absolute; }
111
-
112
- .fr-range-value-start > span {
113
- width: 60px;
114
- height: 24px;
115
- line-height: 24px;
116
- text-align: center;
117
- background: #03a9f4;
118
- color: #fff;
119
- font-size: 12px;
120
- display: block;
121
- position: absolute;
122
- left: 50%;
123
- transform: translate(-85%, 0);
124
- border-radius: 6px; }
125
-
126
- .fr-range-value-start > span:before {
127
- content: "";
128
- position: absolute;
129
- width: 0;
130
- height: 0;
131
- border-left: 5px solid transparent;
132
- border-right: 5px solid transparent;
133
- left: 86%;
134
- margin-left: -5px;
135
- margin-top: -1px; }
136
-
137
- .fr-range-value-end {
138
- position: absolute; }
139
-
140
- .fr-range-value-end > span {
141
- width: 60px;
142
- height: 24px;
143
- line-height: 24px;
144
- text-align: center;
145
- background: #03a9f4;
146
- color: #fff;
147
- font-size: 12px;
148
- display: block;
149
- position: absolute;
150
- left: 14%;
151
- transform: translate(-8%, 0);
152
- border-radius: 6px; }
153
-
154
- .fr-range-value-end > span:before {
155
- content: "";
156
- position: absolute;
157
- width: 0;
158
- height: 0;
159
- border-left: 5px solid transparent;
160
- border-right: 5px solid transparent;
161
- left: 14%;
162
- margin-left: -5px;
163
- margin-top: -1px; }
164
-
165
- #startTimeValue {
166
- top: -153% !important; }
167
-
168
- #startTimeValue span:before {
169
- border-top: 10px solid #03a9f4;
170
- top: 100%; }
171
-
172
- #endTimeValue {
173
- top: -153% !important; }
174
-
175
- #endTimeValue span:before {
176
- border-top: 10px solid #03a9f4;
177
- top: 100%; }
178
-
179
- .fr-range-slider {
180
- position: relative;
181
- width: 80%;
182
- height: 15px; }
183
-
184
- .fr-range-slider > input {
185
- pointer-events: none;
186
- position: absolute;
187
- left: 0;
188
- top: 10px;
189
- width: 100%;
190
- outline: none;
191
- height: 6px;
192
- border-radius: 10px; }
193
-
194
- .fr-range-slider > input::-webkit-slider-thumb {
195
- pointer-events: all;
196
- position: relative;
197
- z-index: 1;
198
- -webkit-appearance: none;
199
- appearance: none;
200
- width: 15px;
201
- height: 15px;
202
- background: #3498db;
203
- cursor: pointer;
204
- border-radius: 7px;
205
- margin-top: -3.6px; }
206
-
207
- .fr-range-slider > input::-moz-range-thumb {
208
- pointer-events: all;
209
- position: relative;
210
- z-index: 10;
211
- -moz-appearance: none;
212
- width: 9px;
213
- height: 15px;
214
- border-radius: 7px;
215
- margin-top: -3.6px; }
216
-
217
- .fr-range-slider > input::-moz-range-track {
218
- position: relative;
219
- z-index: -1;
220
- background-color: black;
221
- border: 0;
222
- height: 15px;
223
- border-radius: 50%;
224
- margin-top: -3.6px; }
225
-
226
- .fr-range-slider > input:last-of-type::-moz-range-track {
227
- -moz-appearance: none;
228
- background: none transparent;
229
- border: 0; }
230
-
231
- .fr-range-slider > input[type="range"]::-moz-focus-outer {
232
- border: 0; }
233
-
234
- @media screen and (max-width: 430px) {
235
- .range-value span {
236
- width: 40px;
237
- font-size: 10px; }
238
-
239
- #fr-form-container {
240
- top: 20%; } }
241
- #fr-video-edit {
242
- width: 80%;
243
- text-align: center;
244
- height: 50%;
245
- margin-bottom: 20px;
246
- padding-top: 8px;
247
- padding-bottom: 8px; }
7
+ .fr-clearfix::after {
8
+ clear: both;
9
+ display: block;
10
+ content: "";
11
+ height: 0; }
12
+
13
+ .fr-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-form-container {
24
+ margin: auto;
25
+ position: relative;
26
+ top: 10%;
27
+ background-color: #f5f5f5;
28
+ width: 60%;
29
+ border-radius: 5px;
30
+ z-index: 9002;
31
+ overflow: auto;
32
+ background-color: #fefefe; }
33
+
34
+ .fr-trim-video-name {
35
+ font-family: Arial, Helvetica, sans-serif;
36
+ padding-top: 15px; }
37
+
38
+ .fr-file-loader {
39
+ border: 4px solid #f3f3f3;
40
+ border-radius: 50%;
41
+ border-top: 4px solid #53777a;
42
+ display: inline-block !important;
43
+ -webkit-animation: spin 2s linear infinite;
44
+ /* Safari */
45
+ animation: spin 2s linear infinite;
46
+ width: 20px;
47
+ height: 20px;
48
+ display: block !important;
49
+ align-items: center; }
50
+
51
+ .fr-trim-button {
52
+ margin-top: 5px;
53
+ height: 36px;
54
+ line-height: 1;
55
+ color: #0098f7;
56
+ padding: 10px;
57
+ cursor: pointer;
58
+ text-decoration: none;
59
+ border: none;
60
+ background: none;
61
+ font-size: 16px;
62
+ border-radius: 5px;
63
+ background-color: #eff5fa;
64
+ outline: none; }
65
+ .fr-trim-button:hover {
66
+ background: #ebebeb; }
67
+
68
+ /* Safari */
69
+ @-webkit-keyframes spin {
70
+ 0% {
71
+ -webkit-transform: rotate(0deg); }
72
+ 100% {
73
+ -webkit-transform: rotate(360deg); } }
74
+ @keyframes spin {
75
+ 0% {
76
+ transform: rotate(0deg); }
77
+ 100% {
78
+ transform: rotate(360deg); } }
79
+ .fr-slidecontainer {
80
+ width: 100%; }
81
+
82
+ .fr-slider {
83
+ -webkit-appearance: none;
84
+ width: 100%;
85
+ height: 15px;
86
+ background: #d3d3d3; }
87
+
88
+ .fr-video-trim-buttons {
89
+ text-align: right;
90
+ padding-bottom: 5px;
91
+ padding-right: 15px;
92
+ margin-top: 10px; }
93
+
94
+ .fr-slider::-webkit-slider-thumb {
95
+ -webkit-appearance: none;
96
+ appearance: none;
97
+ width: 15px;
98
+ height: 15px;
99
+ border-radius: 50%;
100
+ cursor: pointer; }
101
+
102
+ .fr-slider::-moz-range-thumb {
103
+ width: 15px;
104
+ height: 15px;
105
+ background: #3498db;
106
+ border-radius: 50%;
107
+ cursor: pointer; }
108
+
109
+ .fr-range-value-start {
110
+ position: absolute; }
111
+
112
+ .fr-range-value-start > span {
113
+ width: 60px;
114
+ height: 24px;
115
+ line-height: 24px;
116
+ text-align: center;
117
+ background: #03a9f4;
118
+ color: #fff;
119
+ font-size: 12px;
120
+ display: block;
121
+ position: absolute;
122
+ left: 50%;
123
+ transform: translate(-85%, 0);
124
+ border-radius: 6px; }
125
+
126
+ .fr-range-value-start > span:before {
127
+ content: "";
128
+ position: absolute;
129
+ width: 0;
130
+ height: 0;
131
+ border-left: 5px solid transparent;
132
+ border-right: 5px solid transparent;
133
+ left: 86%;
134
+ margin-left: -5px;
135
+ margin-top: -1px; }
136
+
137
+ .fr-range-value-end {
138
+ position: absolute; }
139
+
140
+ .fr-range-value-end > span {
141
+ width: 60px;
142
+ height: 24px;
143
+ line-height: 24px;
144
+ text-align: center;
145
+ background: #03a9f4;
146
+ color: #fff;
147
+ font-size: 12px;
148
+ display: block;
149
+ position: absolute;
150
+ left: 14%;
151
+ transform: translate(-8%, 0);
152
+ border-radius: 6px; }
153
+
154
+ .fr-range-value-end > span:before {
155
+ content: "";
156
+ position: absolute;
157
+ width: 0;
158
+ height: 0;
159
+ border-left: 5px solid transparent;
160
+ border-right: 5px solid transparent;
161
+ left: 14%;
162
+ margin-left: -5px;
163
+ margin-top: -1px; }
164
+
165
+ #startTimeValue {
166
+ top: -153% !important; }
167
+
168
+ #startTimeValue span:before {
169
+ border-top: 10px solid #03a9f4;
170
+ top: 100%; }
171
+
172
+ #endTimeValue {
173
+ top: -153% !important; }
174
+
175
+ #endTimeValue span:before {
176
+ border-top: 10px solid #03a9f4;
177
+ top: 100%; }
178
+
179
+ .fr-range-slider {
180
+ position: relative;
181
+ width: 80%;
182
+ height: 15px; }
183
+
184
+ .fr-range-slider > input {
185
+ pointer-events: none;
186
+ position: absolute;
187
+ left: 0;
188
+ top: 10px;
189
+ width: 100%;
190
+ outline: none;
191
+ height: 6px;
192
+ border-radius: 10px; }
193
+
194
+ .fr-range-slider > input::-webkit-slider-thumb {
195
+ pointer-events: all;
196
+ position: relative;
197
+ z-index: 1;
198
+ -webkit-appearance: none;
199
+ appearance: none;
200
+ width: 15px;
201
+ height: 15px;
202
+ background: #3498db;
203
+ cursor: pointer;
204
+ border-radius: 7px;
205
+ margin-top: -3.6px; }
206
+
207
+ .fr-range-slider > input::-moz-range-thumb {
208
+ pointer-events: all;
209
+ position: relative;
210
+ z-index: 10;
211
+ -moz-appearance: none;
212
+ width: 9px;
213
+ height: 15px;
214
+ border-radius: 7px;
215
+ margin-top: -3.6px; }
216
+
217
+ .fr-range-slider > input::-moz-range-track {
218
+ position: relative;
219
+ z-index: -1;
220
+ background-color: black;
221
+ border: 0;
222
+ height: 15px;
223
+ border-radius: 50%;
224
+ margin-top: -3.6px; }
225
+
226
+ .fr-range-slider > input:last-of-type::-moz-range-track {
227
+ -moz-appearance: none;
228
+ background: none transparent;
229
+ border: 0; }
230
+
231
+ .fr-range-slider > input[type="range"]::-moz-focus-outer {
232
+ border: 0; }
233
+
234
+ @media screen and (max-width: 430px) {
235
+ .range-value span {
236
+ width: 40px;
237
+ font-size: 10px; }
238
+
239
+ #fr-form-container {
240
+ top: 20%; } }
241
+ #fr-video-edit {
242
+ width: 80%;
243
+ text-align: center;
244
+ height: 50%;
245
+ margin-bottom: 20px;
246
+ padding-top: 8px;
247
+ padding-bottom: 8px; }