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.
- checksums.yaml +4 -4
- data/LICENSE +21 -21
- data/README.md +148 -148
- data/Rakefile +5 -5
- data/app/assets/javascripts/froala_editor.min.js +2 -2
- data/app/assets/javascripts/froala_editor.pkgd.min.js +2 -2
- data/app/assets/javascripts/languages/ar.js +3 -3
- data/app/assets/javascripts/languages/bs.js +3 -3
- data/app/assets/javascripts/languages/cs.js +3 -3
- data/app/assets/javascripts/languages/da.js +3 -3
- data/app/assets/javascripts/languages/de.js +3 -3
- data/app/assets/javascripts/languages/el.js +3 -3
- data/app/assets/javascripts/languages/en_ca.js +3 -3
- data/app/assets/javascripts/languages/en_gb.js +3 -3
- data/app/assets/javascripts/languages/es.js +22 -3
- data/app/assets/javascripts/languages/et.js +3 -3
- data/app/assets/javascripts/languages/fa.js +3 -3
- data/app/assets/javascripts/languages/fi.js +3 -3
- data/app/assets/javascripts/languages/fr.js +3 -3
- data/app/assets/javascripts/languages/he.js +3 -3
- data/app/assets/javascripts/languages/hr.js +3 -3
- data/app/assets/javascripts/languages/hu.js +3 -3
- data/app/assets/javascripts/languages/id.js +3 -3
- data/app/assets/javascripts/languages/it.js +20 -5
- data/app/assets/javascripts/languages/ja.js +3 -3
- data/app/assets/javascripts/languages/ko.js +40 -12
- data/app/assets/javascripts/languages/ku.js +3 -3
- data/app/assets/javascripts/languages/me.js +3 -3
- data/app/assets/javascripts/languages/nb.js +3 -3
- data/app/assets/javascripts/languages/nl.js +3 -3
- data/app/assets/javascripts/languages/pl.js +20 -3
- data/app/assets/javascripts/languages/pt_br.js +3 -3
- data/app/assets/javascripts/languages/pt_pt.js +20 -3
- data/app/assets/javascripts/languages/ro.js +3 -3
- data/app/assets/javascripts/languages/ru.js +3 -3
- data/app/assets/javascripts/languages/sk.js +3 -3
- data/app/assets/javascripts/languages/sl.js +3 -3
- data/app/assets/javascripts/languages/sr.js +3 -3
- data/app/assets/javascripts/languages/sv.js +3 -3
- data/app/assets/javascripts/languages/th.js +3 -3
- data/app/assets/javascripts/languages/tr.js +3 -3
- data/app/assets/javascripts/languages/uk.js +3 -3
- data/app/assets/javascripts/languages/vi.js +1 -1
- data/app/assets/javascripts/languages/zh_cn.js +3 -3
- data/app/assets/javascripts/languages/zh_tw.js +3 -3
- data/app/assets/javascripts/plugins.pkgd.min.js +1 -1
- data/app/assets/javascripts/plugins/align.min.js +1 -1
- data/app/assets/javascripts/plugins/char_counter.min.js +1 -1
- data/app/assets/javascripts/plugins/code_beautifier.min.js +1 -1
- data/app/assets/javascripts/plugins/code_view.min.js +1 -1
- data/app/assets/javascripts/plugins/colors.min.js +1 -1
- data/app/assets/javascripts/plugins/cryptojs.min.js +1 -1
- data/app/assets/javascripts/plugins/draggable.min.js +1 -1
- data/app/assets/javascripts/plugins/edit_in_popup.min.js +1 -1
- data/app/assets/javascripts/plugins/emoticons.min.js +1 -1
- data/app/assets/javascripts/plugins/entities.min.js +1 -1
- data/app/assets/javascripts/plugins/file.min.js +1 -1
- data/app/assets/javascripts/plugins/files_manager.min.js +1 -1
- data/app/assets/javascripts/plugins/font_family.min.js +1 -1
- data/app/assets/javascripts/plugins/font_size.min.js +1 -1
- data/app/assets/javascripts/plugins/forms.min.js +1 -1
- data/app/assets/javascripts/plugins/fullscreen.min.js +1 -1
- data/app/assets/javascripts/plugins/help.min.js +1 -1
- data/app/assets/javascripts/plugins/image.min.js +1 -1
- data/app/assets/javascripts/plugins/image_manager.min.js +1 -1
- data/app/assets/javascripts/plugins/inline_class.min.js +1 -1
- data/app/assets/javascripts/plugins/inline_style.min.js +1 -1
- data/app/assets/javascripts/plugins/line_breaker.min.js +1 -1
- data/app/assets/javascripts/plugins/line_height.min.js +1 -1
- data/app/assets/javascripts/plugins/link.min.js +1 -1
- data/app/assets/javascripts/plugins/lists.min.js +1 -1
- data/app/assets/javascripts/plugins/paragraph_format.min.js +1 -1
- data/app/assets/javascripts/plugins/paragraph_style.min.js +1 -1
- data/app/assets/javascripts/plugins/print.min.js +1 -1
- data/app/assets/javascripts/plugins/quick_insert.min.js +1 -1
- data/app/assets/javascripts/plugins/quote.min.js +1 -1
- data/app/assets/javascripts/plugins/save.min.js +1 -1
- data/app/assets/javascripts/plugins/special_characters.min.js +1 -1
- data/app/assets/javascripts/plugins/table.min.js +1 -1
- data/app/assets/javascripts/plugins/trim_video.min.js +1 -1
- data/app/assets/javascripts/plugins/url.min.js +1 -1
- data/app/assets/javascripts/plugins/video.min.js +1 -1
- data/app/assets/javascripts/plugins/word_paste.min.js +1 -1
- data/app/assets/javascripts/third_party/embedly.min.js +1 -1
- data/app/assets/javascripts/third_party/font_awesome.min.js +2 -2
- data/app/assets/javascripts/third_party/image_tui.min.js +1 -1
- data/app/assets/javascripts/third_party/spell_checker.min.js +1 -1
- data/app/assets/stylesheets/froala_editor.css +1361 -1361
- data/app/assets/stylesheets/froala_editor.min.css +2 -2
- data/app/assets/stylesheets/froala_editor.pkgd.css +4589 -4589
- data/app/assets/stylesheets/froala_editor.pkgd.min.css +2 -2
- data/app/assets/stylesheets/froala_style.css +357 -357
- data/app/assets/stylesheets/froala_style.min.css +2 -2
- data/app/assets/stylesheets/plugins.pkgd.css +2871 -2871
- data/app/assets/stylesheets/plugins.pkgd.min.css +2 -2
- data/app/assets/stylesheets/plugins/char_counter.css +44 -44
- data/app/assets/stylesheets/plugins/char_counter.min.css +2 -2
- data/app/assets/stylesheets/plugins/code_view.css +92 -92
- data/app/assets/stylesheets/plugins/code_view.min.css +2 -2
- data/app/assets/stylesheets/plugins/colors.css +93 -93
- data/app/assets/stylesheets/plugins/colors.min.css +2 -2
- data/app/assets/stylesheets/plugins/draggable.css +36 -36
- data/app/assets/stylesheets/plugins/draggable.min.css +2 -2
- data/app/assets/stylesheets/plugins/emoticons.css +29 -29
- data/app/assets/stylesheets/plugins/emoticons.min.css +2 -2
- data/app/assets/stylesheets/plugins/file.css +123 -123
- data/app/assets/stylesheets/plugins/file.min.css +2 -2
- data/app/assets/stylesheets/plugins/files_manager.css +1235 -1235
- data/app/assets/stylesheets/plugins/files_manager.min.css +2 -2
- data/app/assets/stylesheets/plugins/fullscreen.css +72 -72
- data/app/assets/stylesheets/plugins/fullscreen.min.css +2 -2
- data/app/assets/stylesheets/plugins/help.css +40 -40
- data/app/assets/stylesheets/plugins/help.min.css +2 -2
- data/app/assets/stylesheets/plugins/image.css +206 -206
- data/app/assets/stylesheets/plugins/image.min.css +2 -2
- data/app/assets/stylesheets/plugins/image_manager.css +231 -231
- data/app/assets/stylesheets/plugins/image_manager.min.css +2 -2
- data/app/assets/stylesheets/plugins/line_breaker.css +33 -33
- data/app/assets/stylesheets/plugins/line_breaker.min.css +2 -2
- data/app/assets/stylesheets/plugins/quick_insert.css +67 -67
- data/app/assets/stylesheets/plugins/quick_insert.min.css +2 -2
- data/app/assets/stylesheets/plugins/special_characters.css +28 -28
- data/app/assets/stylesheets/plugins/special_characters.min.css +2 -2
- data/app/assets/stylesheets/plugins/table.css +106 -106
- data/app/assets/stylesheets/plugins/table.min.css +2 -2
- data/app/assets/stylesheets/plugins/trim_video.css +242 -242
- data/app/assets/stylesheets/plugins/trim_video.min.css +2 -2
- data/app/assets/stylesheets/plugins/video.css +196 -196
- data/app/assets/stylesheets/plugins/video.min.css +2 -2
- data/app/assets/stylesheets/themes/dark.css +2164 -2164
- data/app/assets/stylesheets/themes/dark.min.css +2 -2
- data/app/assets/stylesheets/themes/gray.css +2164 -2164
- data/app/assets/stylesheets/themes/gray.min.css +2 -2
- data/app/assets/stylesheets/themes/royal.css +2164 -2164
- data/app/assets/stylesheets/themes/royal.min.css +2 -2
- data/app/assets/stylesheets/third_party/embedly.css +55 -55
- data/app/assets/stylesheets/third_party/embedly.min.css +2 -2
- data/app/assets/stylesheets/third_party/font_awesome.css +28 -28
- data/app/assets/stylesheets/third_party/font_awesome.min.css +2 -2
- data/app/assets/stylesheets/third_party/image_tui.css +36 -36
- data/app/assets/stylesheets/third_party/image_tui.min.css +2 -2
- data/app/assets/stylesheets/third_party/spell_checker.css +59 -59
- data/app/assets/stylesheets/third_party/spell_checker.min.css +2 -2
- data/lib/wysiwyg-rails.rb +1 -1
- data/lib/wysiwyg-rails/engine.rb +16 -16
- data/lib/wysiwyg-rails/version.rb +5 -5
- metadata +8 -8
@@ -1,7 +1,7 @@
|
|
1
1
|
/*!
|
2
|
-
* froala_editor v3.2.
|
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.
|
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; }
|