wysiwyg-rails 4.0.0 → 4.0.9

Sign up to get free protection for your applications and to get access to all the features.
Files changed (152) 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 +3 -3
  6. data/app/assets/javascripts/froala_editor.pkgd.min.js +3 -3
  7. data/app/assets/javascripts/languages/ar.js +4 -4
  8. data/app/assets/javascripts/languages/bs.js +4 -4
  9. data/app/assets/javascripts/languages/cs.js +4 -4
  10. data/app/assets/javascripts/languages/da.js +4 -4
  11. data/app/assets/javascripts/languages/de.js +4 -4
  12. data/app/assets/javascripts/languages/el.js +4 -4
  13. data/app/assets/javascripts/languages/en_ca.js +4 -4
  14. data/app/assets/javascripts/languages/en_gb.js +4 -4
  15. data/app/assets/javascripts/languages/es.js +4 -4
  16. data/app/assets/javascripts/languages/et.js +4 -4
  17. data/app/assets/javascripts/languages/fa.js +4 -4
  18. data/app/assets/javascripts/languages/fi.js +4 -4
  19. data/app/assets/javascripts/languages/fr.js +8 -4
  20. data/app/assets/javascripts/languages/he.js +4 -4
  21. data/app/assets/javascripts/languages/hr.js +4 -4
  22. data/app/assets/javascripts/languages/hu.js +4 -4
  23. data/app/assets/javascripts/languages/id.js +4 -4
  24. data/app/assets/javascripts/languages/it.js +4 -4
  25. data/app/assets/javascripts/languages/ja.js +4 -4
  26. data/app/assets/javascripts/languages/ko.js +2 -2
  27. data/app/assets/javascripts/languages/ku.js +4 -4
  28. data/app/assets/javascripts/languages/me.js +4 -4
  29. data/app/assets/javascripts/languages/nb.js +4 -4
  30. data/app/assets/javascripts/languages/nl.js +4 -4
  31. data/app/assets/javascripts/languages/pl.js +4 -4
  32. data/app/assets/javascripts/languages/pt_br.js +4 -4
  33. data/app/assets/javascripts/languages/pt_pt.js +4 -4
  34. data/app/assets/javascripts/languages/ro.js +4 -4
  35. data/app/assets/javascripts/languages/ru.js +4 -4
  36. data/app/assets/javascripts/languages/sk.js +4 -4
  37. data/app/assets/javascripts/languages/sl.js +4 -4
  38. data/app/assets/javascripts/languages/sr.js +4 -4
  39. data/app/assets/javascripts/languages/sv.js +4 -4
  40. data/app/assets/javascripts/languages/th.js +4 -4
  41. data/app/assets/javascripts/languages/tr.js +4 -4
  42. data/app/assets/javascripts/languages/uk.js +4 -4
  43. data/app/assets/javascripts/languages/vi.js +2 -2
  44. data/app/assets/javascripts/languages/zh_cn.js +4 -4
  45. data/app/assets/javascripts/languages/zh_tw.js +4 -4
  46. data/app/assets/javascripts/plugins/align.min.js +2 -2
  47. data/app/assets/javascripts/plugins/char_counter.min.js +2 -2
  48. data/app/assets/javascripts/plugins/code_beautifier.min.js +2 -2
  49. data/app/assets/javascripts/plugins/code_view.min.js +2 -2
  50. data/app/assets/javascripts/plugins/colors.min.js +2 -2
  51. data/app/assets/javascripts/plugins/cryptojs.min.js +2 -2
  52. data/app/assets/javascripts/plugins/draggable.min.js +2 -2
  53. data/app/assets/javascripts/plugins/edit_in_popup.min.js +2 -2
  54. data/app/assets/javascripts/plugins/emoticons.min.js +2 -2
  55. data/app/assets/javascripts/plugins/entities.min.js +2 -2
  56. data/app/assets/javascripts/plugins/file.min.js +3 -3
  57. data/app/assets/javascripts/plugins/files_manager.min.js +3 -3
  58. data/app/assets/javascripts/plugins/font_family.min.js +2 -2
  59. data/app/assets/javascripts/plugins/font_size.min.js +2 -2
  60. data/app/assets/javascripts/plugins/forms.min.js +2 -2
  61. data/app/assets/javascripts/plugins/fullscreen.min.js +2 -2
  62. data/app/assets/javascripts/plugins/help.min.js +2 -2
  63. data/app/assets/javascripts/plugins/image.min.js +3 -3
  64. data/app/assets/javascripts/plugins/image_manager.min.js +2 -2
  65. data/app/assets/javascripts/plugins/inline_class.min.js +2 -2
  66. data/app/assets/javascripts/plugins/inline_style.min.js +2 -2
  67. data/app/assets/javascripts/plugins/line_breaker.min.js +2 -2
  68. data/app/assets/javascripts/plugins/line_height.min.js +2 -2
  69. data/app/assets/javascripts/plugins/link.min.js +3 -3
  70. data/app/assets/javascripts/plugins/lists.min.js +3 -3
  71. data/app/assets/javascripts/plugins/markdown.min.js +3 -3
  72. data/app/assets/javascripts/plugins/paragraph_format.min.js +3 -3
  73. data/app/assets/javascripts/plugins/paragraph_style.min.js +3 -3
  74. data/app/assets/javascripts/plugins/print.min.js +2 -2
  75. data/app/assets/javascripts/plugins/quick_insert.min.js +2 -2
  76. data/app/assets/javascripts/plugins/quote.min.js +3 -3
  77. data/app/assets/javascripts/plugins/save.min.js +2 -2
  78. data/app/assets/javascripts/plugins/special_characters.min.js +2 -2
  79. data/app/assets/javascripts/plugins/table.min.js +3 -3
  80. data/app/assets/javascripts/plugins/track_changes.min.js +3 -3
  81. data/app/assets/javascripts/plugins/trim_video.min.js +2 -2
  82. data/app/assets/javascripts/plugins/url.min.js +2 -2
  83. data/app/assets/javascripts/plugins/video.min.js +3 -3
  84. data/app/assets/javascripts/plugins/word_paste.min.js +3 -3
  85. data/app/assets/javascripts/plugins.pkgd.min.js +3 -3
  86. data/app/assets/javascripts/third_party/embedly.min.js +2 -2
  87. data/app/assets/javascripts/third_party/font_awesome.min.js +2 -2
  88. data/app/assets/javascripts/third_party/image_tui.min.js +2 -2
  89. data/app/assets/javascripts/third_party/showdown.min.js +3 -3
  90. data/app/assets/javascripts/third_party/spell_checker.min.js +2 -2
  91. data/app/assets/stylesheets/froala_editor.css +1422 -1424
  92. data/app/assets/stylesheets/froala_editor.min.css +3 -3
  93. data/app/assets/stylesheets/froala_editor.pkgd.css +4799 -4793
  94. data/app/assets/stylesheets/froala_editor.pkgd.min.css +3 -3
  95. data/app/assets/stylesheets/froala_style.css +358 -356
  96. data/app/assets/stylesheets/froala_style.min.css +3 -3
  97. data/app/assets/stylesheets/plugins/char_counter.css +45 -45
  98. data/app/assets/stylesheets/plugins/char_counter.min.css +3 -3
  99. data/app/assets/stylesheets/plugins/code_view.css +93 -93
  100. data/app/assets/stylesheets/plugins/code_view.min.css +3 -3
  101. data/app/assets/stylesheets/plugins/colors.css +94 -94
  102. data/app/assets/stylesheets/plugins/colors.min.css +3 -3
  103. data/app/assets/stylesheets/plugins/draggable.css +37 -37
  104. data/app/assets/stylesheets/plugins/draggable.min.css +3 -3
  105. data/app/assets/stylesheets/plugins/emoticons.css +30 -30
  106. data/app/assets/stylesheets/plugins/emoticons.min.css +3 -3
  107. data/app/assets/stylesheets/plugins/file.css +124 -124
  108. data/app/assets/stylesheets/plugins/file.min.css +3 -3
  109. data/app/assets/stylesheets/plugins/files_manager.css +1236 -1236
  110. data/app/assets/stylesheets/plugins/files_manager.min.css +3 -3
  111. data/app/assets/stylesheets/plugins/fullscreen.css +75 -73
  112. data/app/assets/stylesheets/plugins/fullscreen.min.css +3 -3
  113. data/app/assets/stylesheets/plugins/help.css +41 -41
  114. data/app/assets/stylesheets/plugins/help.min.css +3 -3
  115. data/app/assets/stylesheets/plugins/image.css +209 -207
  116. data/app/assets/stylesheets/plugins/image.min.css +3 -3
  117. data/app/assets/stylesheets/plugins/image_manager.css +232 -232
  118. data/app/assets/stylesheets/plugins/image_manager.min.css +3 -3
  119. data/app/assets/stylesheets/plugins/line_breaker.css +34 -34
  120. data/app/assets/stylesheets/plugins/line_breaker.min.css +3 -3
  121. data/app/assets/stylesheets/plugins/markdown.css +145 -144
  122. data/app/assets/stylesheets/plugins/markdown.min.css +3 -3
  123. data/app/assets/stylesheets/plugins/quick_insert.css +68 -68
  124. data/app/assets/stylesheets/plugins/quick_insert.min.css +3 -3
  125. data/app/assets/stylesheets/plugins/special_characters.css +29 -29
  126. data/app/assets/stylesheets/plugins/special_characters.min.css +3 -3
  127. data/app/assets/stylesheets/plugins/table.css +107 -107
  128. data/app/assets/stylesheets/plugins/table.min.css +3 -3
  129. data/app/assets/stylesheets/plugins/trim_video.css +243 -243
  130. data/app/assets/stylesheets/plugins/trim_video.min.css +3 -3
  131. data/app/assets/stylesheets/plugins/video.css +197 -197
  132. data/app/assets/stylesheets/plugins/video.min.css +3 -3
  133. data/app/assets/stylesheets/plugins.pkgd.css +3021 -3015
  134. data/app/assets/stylesheets/plugins.pkgd.min.css +3 -3
  135. data/app/assets/stylesheets/themes/dark.css +2188 -2187
  136. data/app/assets/stylesheets/themes/dark.min.css +3 -3
  137. data/app/assets/stylesheets/themes/gray.css +2188 -2187
  138. data/app/assets/stylesheets/themes/gray.min.css +3 -3
  139. data/app/assets/stylesheets/themes/royal.css +2188 -2187
  140. data/app/assets/stylesheets/themes/royal.min.css +3 -3
  141. data/app/assets/stylesheets/third_party/embedly.css +56 -56
  142. data/app/assets/stylesheets/third_party/embedly.min.css +3 -3
  143. data/app/assets/stylesheets/third_party/font_awesome.css +29 -29
  144. data/app/assets/stylesheets/third_party/font_awesome.min.css +3 -3
  145. data/app/assets/stylesheets/third_party/image_tui.css +37 -37
  146. data/app/assets/stylesheets/third_party/image_tui.min.css +3 -3
  147. data/app/assets/stylesheets/third_party/spell_checker.css +60 -60
  148. data/app/assets/stylesheets/third_party/spell_checker.min.css +3 -3
  149. data/lib/wysiwyg-rails/engine.rb +16 -16
  150. data/lib/wysiwyg-rails/version.rb +5 -5
  151. data/lib/wysiwyg-rails.rb +1 -1
  152. metadata +3 -3
@@ -1,2191 +1,2192 @@
1
1
  /*!
2
- * froala_editor v4.0.0 (https://www.froala.com/wysiwyg-editor)
2
+ * froala_editor v4.0.9 (https://www.froala.com/wysiwyg-editor)
3
3
  * License https://froala.com/wysiwyg-editor/terms/
4
- * Copyright 2014-2021 Froala Labs
4
+ * Copyright 2014-2022 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
- .dark-theme.fr-box.fr-basic {
24
- border-radius: 10px;
25
- -moz-border-radius: 10px;
26
- -webkit-border-radius: 10px;
27
- -moz-background-clip: padding;
28
- -webkit-background-clip: padding-box;
29
- background-clip: padding-box; }
30
- .dark-theme.fr-box.fr-basic .fr-element {
31
- font-family: sans-serif;
32
- color: #414141;
33
- font-size: 14px;
34
- line-height: 1.6;
35
- padding: 20px;
36
- -webkit-box-sizing: border-box;
37
- -moz-box-sizing: border-box;
38
- box-sizing: border-box;
39
- overflow-x: auto;
40
- min-height: 60px;
41
- text-align: left; }
42
- .dark-theme .fr-element {
43
- -webkit-user-select: auto; }
44
- .dark-theme .fr-element a {
45
- user-select: auto;
46
- -o-user-select: auto;
47
- -moz-user-select: auto;
48
- -khtml-user-select: auto;
49
- -webkit-user-select: auto;
50
- -ms-user-select: auto; }
51
- .dark-theme .fr-element.fr-disabled {
52
- user-select: none;
53
- -o-user-select: none;
54
- -moz-user-select: none;
55
- -khtml-user-select: none;
56
- -webkit-user-select: none;
57
- -ms-user-select: none; }
58
- .dark-theme.fr-box a.fr-floating-btn {
59
- -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
60
- -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
61
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
62
- border-radius: 100%;
63
- -moz-border-radius: 100%;
64
- -webkit-border-radius: 100%;
65
- -moz-background-clip: padding;
66
- -webkit-background-clip: padding-box;
67
- background-clip: padding-box;
68
- height: 40px;
69
- width: 40px;
70
- background: #353535;
71
- color: #0098f7;
72
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
73
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
74
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
75
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
76
- left: 0;
77
- top: 0;
78
- line-height: 40px;
79
- -webkit-transform: scale(0);
80
- -moz-transform: scale(0);
81
- -ms-transform: scale(0);
82
- -o-transform: scale(0);
83
- -webkit-box-sizing: border-box;
84
- -moz-box-sizing: border-box;
85
- box-sizing: border-box;
86
- border: none; }
87
- .dark-theme.fr-box a.fr-floating-btn svg {
88
- -webkit-transition: transform 0.2s ease 0s;
89
- -moz-transition: transform 0.2s ease 0s;
90
- -ms-transition: transform 0.2s ease 0s;
91
- -o-transition: transform 0.2s ease 0s;
92
- fill: #0098f7; }
93
- .dark-theme.fr-box a.fr-floating-btn i, .dark-theme.fr-box a.fr-floating-btn svg {
94
- font-size: 14px;
95
- line-height: 40px; }
96
- .dark-theme.fr-box a.fr-floating-btn:hover {
97
- background: #424242; }
98
- .dark-theme.fr-box a.fr-floating-btn:hover svg {
99
- fill: #0098f7; }
100
- .dark-theme.fr-box .fr-visible a.fr-floating-btn {
101
- -webkit-transform: scale(1);
102
- -moz-transform: scale(1);
103
- -ms-transform: scale(1);
104
- -o-transform: scale(1); }
105
- .dark-theme iframe.fr-iframe {
106
- -webkit-box-sizing: border-box;
107
- -moz-box-sizing: border-box;
108
- box-sizing: border-box; }
109
- .dark-theme .fr-wrapper::after {
110
- clear: both;
111
- display: block;
112
- content: "";
113
- height: 0; }
114
- .dark-theme .fr-wrapper .fr-placeholder {
115
- font-size: 14px;
116
- color: #AAA;
117
- font-family: sans-serif;
118
- top: 0;
119
- left: 0;
120
- right: 0; }
121
- .dark-theme .fr-wrapper ::-moz-selection {
122
- background: #b5d6fd;
123
- color: #000; }
124
- .dark-theme .fr-wrapper ::selection {
125
- background: #b5d6fd;
126
- color: #000; }
127
- .dark-theme.fr-box.fr-basic .fr-wrapper {
128
- background: #FFF;
129
- border: 1px solid #CCCCCC;
130
- border-bottom-color: #efefef;
131
- top: 0;
132
- left: 0; }
133
- .dark-theme.fr-box.fr-basic.fr-top .fr-wrapper {
134
- border-top: 0; }
135
- .dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
136
- border-bottom: 0;
137
- border-radius: 10px 10px 0 0;
138
- -moz-border-radius: 10px 10px 0 0;
139
- -webkit-border-radius: 10px 10px 0 0;
140
- -moz-background-clip: padding;
141
- -webkit-background-clip: padding-box;
142
- background-clip: padding-box; }
143
- @media (min-width: 992px) {
144
- .dark-theme .fr-box.fr-document .fr-wrapper {
145
- padding: 30px;
146
- background: #efefef; }
147
- .dark-theme .fr-box.fr-document .fr-wrapper .fr-element {
148
- background: #FFF;
149
- margin: auto;
150
- z-index: auto; }
151
- .dark-theme .fr-box.fr-document .fr-wrapper .fr-element hr {
152
- background: #efefef; } }
153
- .dark-theme .fr-sticky-on {
154
- z-index: 10; }
155
- .dark-theme .fr-sticky-on.fr-sticky-ios {
156
- left: 0;
157
- right: 0; }
158
- .dark-theme span.fr-sr-only {
159
- position: absolute;
160
- width: 1px;
161
- height: 1px;
162
- padding: 0;
163
- margin: -1px;
164
- overflow: hidden;
165
- clip: rect(0, 0, 0, 0);
166
- border: 0; }
167
- .dark-theme .fr-track-hide-mobile {
168
- width: 0;
169
- height: 0; }
170
- .dark-theme .fr-opacity-0 {
171
- -webkit-opacity: 0;
172
- -moz-opacity: 0;
173
- opacity: 0;
174
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
175
- .dark-theme.fr-box .fr-counter {
176
- padding: 10px;
177
- color: #999999;
178
- font-size: 14px;
179
- font-family: sans-serif;
180
- border-radius: 2px 0 0 0;
181
- -moz-border-radius: 2px 0 0 0;
182
- -webkit-border-radius: 2px 0 0 0;
183
- -moz-background-clip: padding;
184
- -webkit-background-clip: padding-box;
185
- background-clip: padding-box; }
186
- .dark-theme.fr-box.fr-rtl .fr-counter {
187
- left: 0;
188
- right: auto;
189
- border-radius: 0 2px 0 0;
190
- -moz-border-radius: 0 2px 0 0;
191
- -webkit-border-radius: 0 2px 0 0;
192
- -moz-background-clip: padding;
193
- -webkit-background-clip: padding-box;
194
- background-clip: padding-box; }
195
- .dark-theme textarea.fr-code {
196
- resize: none;
197
- -moz-resize: none;
198
- -webkit-resize: none;
199
- -webkit-box-sizing: border-box;
200
- -moz-box-sizing: border-box;
201
- box-sizing: border-box;
202
- margin: 0;
203
- background: #FFF;
204
- color: #000; }
205
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
206
- top: 0;
207
- right: 0;
208
- background: #FFF;
209
- color: #FFF;
210
- -moz-outline: 0;
211
- outline: 0;
212
- border: 0;
213
- padding: 8px 7px;
214
- -webkit-transition: background 0.2s ease 0s;
215
- -moz-transition: background 0.2s ease 0s;
216
- -ms-transition: background 0.2s ease 0s;
217
- -o-transition: background 0.2s ease 0s;
218
- border-radius: 0;
219
- -moz-border-radius: 0;
220
- -webkit-border-radius: 0;
221
- -moz-background-clip: padding;
222
- -webkit-background-clip: padding-box;
223
- background-clip: padding-box;
224
- -webkit-box-sizing: border-box;
225
- -moz-box-sizing: border-box;
226
- box-sizing: border-box;
227
- user-select: none;
228
- -o-user-select: none;
229
- -moz-user-select: none;
230
- -khtml-user-select: none;
231
- -webkit-user-select: none;
232
- -ms-user-select: none; }
233
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
234
- font-size: 24px;
235
- width: 24px; }
236
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
237
- background: #424242; }
238
- .dark-theme.fr-popup .fr-layer.fr-color-hex-layer {
239
- margin: 0;
240
- padding: 20px;
241
- padding-top: 0; }
242
- .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
243
- padding: 15px 0 0; }
244
- .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
245
- width: 38px;
246
- height: 40px;
247
- padding: 17px 0 0;
248
- margin: 0; }
249
- .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
250
- border-radius: 2px;
251
- -moz-border-radius: 2px;
252
- -webkit-border-radius: 2px;
253
- -moz-background-clip: padding;
254
- -webkit-background-clip: padding-box;
255
- background-clip: padding-box;
256
- font-size: 13px;
257
- height: 40px;
258
- width: 38px; }
259
- .dark-theme.fr-popup .fr-color-set {
260
- line-height: 0; }
261
- .dark-theme.fr-popup .fr-color-set.fr-selected-set {
262
- padding: 20px;
263
- padding-bottom: 0; }
264
- .dark-theme.fr-popup .fr-color-set > span {
265
- width: 32px;
266
- height: 32px; }
267
- .dark-theme.fr-popup .fr-color-set > span > i, .dark-theme.fr-popup .fr-color-set > span > svg {
268
- line-height: 32px;
269
- height: 24px;
270
- width: 24px;
271
- margin: 4px;
272
- font-size: 13px;
273
- bottom: 0;
274
- left: 0; }
275
- .dark-theme.fr-popup .fr-color-set > span > i path, .dark-theme.fr-popup .fr-color-set > span > svg path {
276
- fill: #FFF; }
277
- .dark-theme.fr-popup .fr-color-set > span .fr-selected-color {
278
- color: #FFF;
279
- font-size: 13px;
280
- font-weight: 400;
281
- line-height: 32px;
282
- top: 0;
283
- bottom: 0;
284
- right: 0;
285
- left: 0; }
286
- .dark-theme.fr-popup .fr-color-set > span:hover, .dark-theme.fr-popup .fr-color-set > span:focus {
287
- outline: 1px solid #FFF; }
288
- .dark-theme.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
289
- -webkit-transform: translate3d(100%, 0, 0);
290
- -moz-transform: translate3d(100%, 0, 0);
291
- -ms-transform: translate3d(100%, 0, 0);
292
- -o-transform: translate3d(100%, 0, 0); }
293
- .dark-theme .fr-drag-helper {
294
- background: #0098f7;
295
- -webkit-opacity: 0.2;
296
- -moz-opacity: 0.2;
297
- opacity: 0.2;
298
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
299
- z-index: 2147483640; }
300
- .dark-theme .fr-dragging {
301
- -webkit-opacity: 0.4;
302
- -moz-opacity: 0.4;
303
- opacity: 0.4;
304
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
305
- .dark-theme.fr-popup .fr-emoticon {
306
- width: 24px;
307
- height: 24px; }
308
- .dark-theme.fr-popup .fr-emoticon img {
309
- height: 24px;
310
- width: 24px; }
311
- .dark-theme.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
312
- padding: 0 0 0 14px; }
313
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
314
- .dark-theme.fr-popup .fr-icon-container.fr-emoticon-container {
315
- width: 368px; } }
316
- .dark-theme.fr-popup .fr-file-upload-layer {
317
- border: dashed 2px gray;
318
- padding: 25px 0;
319
- margin: 20px;
320
- -webkit-box-sizing: border-box;
321
- -moz-box-sizing: border-box;
322
- box-sizing: border-box; }
323
- .dark-theme.fr-popup .fr-file-upload-layer:hover {
324
- background: #424242; }
325
- .dark-theme.fr-popup .fr-file-upload-layer.fr-drop {
326
- background: #424242;
327
- border-color: #0098f7; }
328
- .dark-theme.fr-popup .fr-file-upload-layer .fr-form {
329
- -webkit-opacity: 0;
330
- -moz-opacity: 0;
331
- opacity: 0;
332
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
333
- top: 0;
334
- bottom: 0;
335
- left: 0;
336
- right: 0;
337
- z-index: 2147483640; }
338
- .dark-theme.fr-popup .fr-file-upload-layer .fr-form input {
339
- right: 0;
340
- top: 0;
341
- bottom: 0;
342
- margin: 0; }
343
- .dark-theme.fr-popup .fr-file-progress-bar-layer {
344
- -webkit-box-sizing: border-box;
345
- -moz-box-sizing: border-box;
346
- box-sizing: border-box; }
347
- .dark-theme.fr-popup .fr-file-progress-bar-layer > h3 {
348
- margin: 10px 0; }
349
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
350
- background: #b3e0fd; }
351
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
352
- background: #0098f7;
353
- -webkit-transition: width 0.2s ease 0s;
354
- -moz-transition: width 0.2s ease 0s;
355
- -ms-transition: width 0.2s ease 0s;
356
- -o-transition: width 0.2s ease 0s; }
357
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
358
- top: 0;
359
- -webkit-animation: loading 2s linear infinite;
360
- -moz-animation: loading 2s linear infinite;
361
- -o-animation: loading 2s linear infinite;
362
- animation: loading 2s linear infinite; }
363
- .dark-theme .fr-element img {
364
- padding: 0 1px; }
365
- .dark-theme .fr-image-resizer {
366
- border: solid 1px #0098f7;
367
- user-select: none;
368
- -o-user-select: none;
369
- -moz-user-select: none;
370
- -khtml-user-select: none;
371
- -webkit-user-select: none;
372
- -ms-user-select: none;
373
- -webkit-box-sizing: content-box;
374
- -moz-box-sizing: content-box;
375
- box-sizing: content-box; }
376
- .dark-theme .fr-image-resizer .fr-handler {
377
- background: #0098f7;
378
- border: solid 1px #FFF;
379
- border-radius: 2px;
380
- -moz-border-radius: 2px;
381
- -webkit-border-radius: 2px;
382
- -moz-background-clip: padding;
383
- -webkit-background-clip: padding-box;
384
- background-clip: padding-box;
385
- -webkit-box-sizing: border-box;
386
- -moz-box-sizing: border-box;
387
- box-sizing: border-box; }
388
- .dark-theme .fr-image-resizer .fr-handler {
389
- width: 12px;
390
- height: 12px; }
391
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
392
- left: -6px;
393
- top: -6px; }
394
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
395
- right: -6px;
396
- top: -6px; }
397
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
398
- left: -6px;
399
- bottom: -6px; }
400
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
401
- right: -6px;
402
- bottom: -6px; }
403
- @media (min-width: 1200px) {
404
- .dark-theme .fr-image-resizer .fr-handler {
405
- width: 10px;
406
- height: 10px; }
407
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
408
- left: -5px;
409
- top: -5px; }
410
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
411
- right: -5px;
412
- top: -5px; }
413
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
414
- left: -5px;
415
- bottom: -5px; }
416
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
417
- right: -5px;
418
- bottom: -5px; } }
419
- .dark-theme.fr-image-overlay {
420
- top: 0;
421
- left: 0;
422
- bottom: 0;
423
- right: 0;
424
- z-index: 2147483640; }
425
- .dark-theme .fr-by-url-padding {
426
- padding: 11.5px 0; }
427
- .dark-theme.fr-popup .fr-upload-progress-layer {
428
- border-radius: 0;
429
- overflow-y: auto; }
430
- .dark-theme.fr-popup .fr-files-upload-layer {
431
- border: dashed 2px gray;
432
- margin: 20px; }
433
- .dark-theme.fr-popup .fr-files-upload-layer:hover {
434
- background: #424242; }
435
- .dark-theme.fr-popup .fr-files-upload-layer.fr-drop {
436
- background: #424242;
437
- border-color: #0098f7; }
438
- .dark-theme.fr-popup .fr-files-upload-layer .fr-form {
439
- -webkit-opacity: 0;
440
- -moz-opacity: 0;
441
- opacity: 0;
442
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
443
- top: 0;
444
- bottom: 0;
445
- left: 0;
446
- right: 0;
447
- z-index: 2147483640; }
448
- .dark-theme.fr-popup .fr-files-upload-layer .fr-form input {
449
- right: 0;
450
- top: 0;
451
- bottom: 0;
452
- margin: 0; }
453
- .dark-theme.fr-popup .fr-files-progress-bar-layer > h3 {
454
- margin: 10px 0; }
455
- .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
456
- background: #b3e0fd; }
457
- .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
458
- background: #0098f7;
459
- -webkit-transition: width 0.2s ease 0s;
460
- -moz-transition: width 0.2s ease 0s;
461
- -ms-transition: width 0.2s ease 0s;
462
- -o-transition: width 0.2s ease 0s; }
463
- .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
464
- top: 0;
465
- -webkit-animation: loading 2s linear infinite;
466
- -moz-animation: loading 2s linear infinite;
467
- -o-animation: loading 2s linear infinite;
468
- animation: loading 2s linear infinite; }
469
- .dark-theme .fr-progress-bar {
470
- background-color: #4CAF50; }
471
- .dark-theme .fr-uploading {
472
- -webkit-opacity: 0.4;
473
- -moz-opacity: 0.4;
474
- opacity: 0.4;
475
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
476
- .dark-theme .fr-icons {
477
- padding: 10px 20px 0; }
478
- .dark-theme .half-circle {
479
- border-bottom: 0; }
480
- .dark-theme .checkbox-container input {
481
- opacity: 0;
482
- height: 0;
483
- width: 0; }
484
- .dark-theme .checkmark {
485
- top: 0;
486
- left: 0; }
487
- .dark-theme .fr-cloud-icon {
488
- margin: 0 auto; }
489
- .dark-theme .fr-files-checkbox {
490
- -webkit-box-sizing: content-box;
491
- -moz-box-sizing: content-box;
492
- box-sizing: content-box; }
493
- .dark-theme .fr-files-checkbox svg {
494
- width: 10px;
495
- height: 10px; }
496
- .dark-theme .fr-files-checkbox span {
497
- border-radius: 2px;
498
- -moz-border-radius: 2px;
499
- -webkit-border-radius: 2px;
500
- -moz-background-clip: padding;
501
- -webkit-background-clip: padding-box;
502
- background-clip: padding-box;
503
- -webkit-box-sizing: border-box;
504
- -moz-box-sizing: border-box;
505
- box-sizing: border-box;
506
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
507
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
508
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
509
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
510
- .dark-theme .fr-files-checkbox input {
511
- -webkit-opacity: 0;
512
- -moz-opacity: 0;
513
- opacity: 0;
514
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
515
- height: 18px;
516
- margin: 0;
517
- padding: 0;
518
- width: 18px; }
519
- .dark-theme .fr-files-checkbox input:not(:checked) + span {
520
- border: solid 2px #999999; }
521
- .dark-theme .fr-files-checkbox input:not(:checked):active + span {
522
- background-color: #353535; }
523
- .dark-theme .fr-files-checkbox input:not(:checked):focus + span, .dark-theme .fr-files-checkbox input:not(:checked):hover + span {
524
- border-color: #515151; }
525
- .dark-theme .fr-files-checkbox input:checked + span {
526
- background: #0098f7;
527
- border: solid 2px #0098f7; }
528
- .dark-theme .fr-files-checkbox input:checked:active + span {
529
- background-color: #EcF5Ff; }
530
- .dark-theme .fr-files-checkbox input:checked:focus + span, .dark-theme .fr-files-checkbox input:checked:hover + span {
531
- -webkit-opacity: 0.8;
532
- -moz-opacity: 0.8;
533
- opacity: 0.8;
534
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
535
- .dark-theme .fr-checkbox-disabled {
536
- -webkit-box-sizing: content-box;
537
- -moz-box-sizing: content-box;
538
- box-sizing: content-box; }
539
- .dark-theme .fr-checkbox-disabled span {
540
- border-radius: 2px;
541
- -moz-border-radius: 2px;
542
- -webkit-border-radius: 2px;
543
- -moz-background-clip: padding;
544
- -webkit-background-clip: padding-box;
545
- background-clip: padding-box;
546
- -webkit-box-sizing: border-box;
547
- -moz-box-sizing: border-box;
548
- box-sizing: border-box;
549
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
550
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
551
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
552
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
553
- .dark-theme .fr-checkbox-disabled input {
554
- -webkit-opacity: 0;
555
- -moz-opacity: 0;
556
- opacity: 0;
557
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
558
- margin: 0;
559
- padding: 0; }
560
- .dark-theme .fr-checkbox-disabled input:not(:checked) + span {
561
- border: solid 2px #999999; }
562
- .dark-theme .fr-checkbox-disabled input:not(:checked):active + span {
563
- background-color: #353535; }
564
- .dark-theme .fr-checkbox-disabled input:checked + span {
565
- background: #0098f7;
566
- border: solid 2px #0098f7; }
567
- .dark-theme .fr-checkbox-disabled input:checked:active + span {
568
- background-color: #EcF5Ff; }
569
- .dark-theme .fr-files-manager-tooltip .tooltiptext {
570
- font-weight: 100; }
571
- .dark-theme .fr-file-view-modal {
572
- left: 0;
573
- top: 0;
574
- overflow: auto; }
575
- .dark-theme .fr-file-view-image {
576
- top: 0;
577
- bottom: 0;
578
- left: 0;
579
- right: 0;
580
- margin: auto; }
581
- .dark-theme .fr-file-error {
582
- font-weight: 200; }
583
- .dark-theme .fr-autoplay-checkbox-label {
584
- margin: 0; }
585
- .dark-theme .checkbox-container .checkmark:after {
586
- border-width: 0 3px 3px 0; }
587
- .dark-theme .file-item-details .file-description {
588
- font-weight: 300; }
589
- .dark-theme #myprogressBar {
590
- background-color: #4CAF50; }
591
- .dark-theme .progress-circle {
592
- padding: 0; }
593
- .dark-theme .fr-hovered-over-file {
594
- background-color: #F0F0F0; }
595
- .dark-theme.fr-box.fr-fullscreen {
596
- top: 0;
597
- left: 0;
598
- bottom: 0;
599
- right: 0; }
600
- .dark-theme.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
601
- border-radius: 0;
602
- -moz-border-radius: 0;
603
- -webkit-border-radius: 0;
604
- -moz-background-clip: padding;
605
- -webkit-background-clip: padding-box;
606
- background-clip: padding-box; }
607
- .dark-theme.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
608
- border-radius: 0;
609
- -moz-border-radius: 0;
610
- -webkit-border-radius: 0;
611
- -moz-background-clip: padding;
612
- -webkit-background-clip: padding-box;
613
- background-clip: padding-box; }
614
- .dark-theme.fr-box.fr-fullscreen .fr-toolbar {
615
- border-radius: 0;
616
- -moz-border-radius: 0;
617
- -webkit-border-radius: 0;
618
- -moz-background-clip: padding;
619
- -webkit-background-clip: padding-box;
620
- background-clip: padding-box; }
621
- .dark-theme.fr-box.fr-fullscreen .fr-second-toolbar {
622
- margin-top: 0;
623
- border-radius: 0;
624
- -moz-border-radius: 0;
625
- -webkit-border-radius: 0;
626
- -moz-background-clip: padding;
627
- -webkit-background-clip: padding-box;
628
- background-clip: padding-box; }
629
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
630
- border: 0; }
631
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
632
- border-bottom: solid 1px #595959; }
633
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
634
- color: white; }
635
- .dark-theme .fr-element img {
636
- padding: 0 1px; }
637
- .dark-theme .fr-image-resizer {
638
- border: solid 1px #0098f7;
639
- user-select: none;
640
- -o-user-select: none;
641
- -moz-user-select: none;
642
- -khtml-user-select: none;
643
- -webkit-user-select: none;
644
- -ms-user-select: none;
645
- -webkit-box-sizing: content-box;
646
- -moz-box-sizing: content-box;
647
- box-sizing: content-box; }
648
- .dark-theme .fr-image-resizer .fr-handler {
649
- background: #0098f7;
650
- border: solid 1px #FFF;
651
- border-radius: 2px;
652
- -moz-border-radius: 2px;
653
- -webkit-border-radius: 2px;
654
- -moz-background-clip: padding;
655
- -webkit-background-clip: padding-box;
656
- background-clip: padding-box;
657
- -webkit-box-sizing: border-box;
658
- -moz-box-sizing: border-box;
659
- box-sizing: border-box; }
660
- .dark-theme .fr-image-resizer .fr-handler {
661
- width: 12px;
662
- height: 12px; }
663
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
664
- left: -6px;
665
- top: -6px; }
666
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
667
- right: -6px;
668
- top: -6px; }
669
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
670
- left: -6px;
671
- bottom: -6px; }
672
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
673
- right: -6px;
674
- bottom: -6px; }
675
- @media (min-width: 1200px) {
676
- .dark-theme .fr-image-resizer .fr-handler {
677
- width: 10px;
678
- height: 10px; }
679
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
680
- left: -5px;
681
- top: -5px; }
682
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
683
- right: -5px;
684
- top: -5px; }
685
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
686
- left: -5px;
687
- bottom: -5px; }
688
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
689
- right: -5px;
690
- bottom: -5px; } }
691
- .dark-theme.fr-image-overlay {
692
- top: 0;
693
- left: 0;
694
- bottom: 0;
695
- right: 0;
696
- z-index: 2147483640; }
697
- .dark-theme.fr-popup .fr-image-upload-layer {
698
- border: dashed 2px gray;
699
- padding: 25px 0;
700
- margin: 20px; }
701
- .dark-theme.fr-popup .fr-image-upload-layer:hover {
702
- background: #424242; }
703
- .dark-theme.fr-popup .fr-image-upload-layer.fr-drop {
704
- background: #424242;
705
- border-color: #0098f7; }
706
- .dark-theme.fr-popup .fr-image-upload-layer .fr-form {
707
- -webkit-opacity: 0;
708
- -moz-opacity: 0;
709
- opacity: 0;
710
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
711
- top: 0;
712
- bottom: 0;
713
- left: 0;
714
- right: 0;
715
- z-index: 2147483640; }
716
- .dark-theme.fr-popup .fr-image-upload-layer .fr-form input {
717
- right: 0;
718
- top: 0;
719
- bottom: 0;
720
- margin: 0; }
721
- .dark-theme.fr-popup .fr-image-progress-bar-layer > h3 {
722
- margin: 10px 0; }
723
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
724
- background: #b3e0fd; }
725
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
726
- background: #0098f7;
727
- -webkit-transition: width 0.2s ease 0s;
728
- -moz-transition: width 0.2s ease 0s;
729
- -ms-transition: width 0.2s ease 0s;
730
- -o-transition: width 0.2s ease 0s; }
731
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
732
- top: 0;
733
- -webkit-animation: loading 2s linear infinite;
734
- -moz-animation: loading 2s linear infinite;
735
- -o-animation: loading 2s linear infinite;
736
- animation: loading 2s linear infinite; }
737
- .dark-theme .fr-uploading {
738
- -webkit-opacity: 0.4;
739
- -moz-opacity: 0.4;
740
- opacity: 0.4;
741
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
742
- .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line::after {
743
- clear: both;
744
- display: block;
745
- content: "";
746
- height: 0; }
747
- .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
748
- margin-top: 10px; }
749
- .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
750
- opacity: 0;
751
- width: 0;
752
- padding: 12px 0; }
753
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags {
754
- padding: 0 20px; }
755
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a {
756
- opacity: 0;
757
- padding: 6px 12px;
758
- margin: 8px 0 8px 8px;
759
- border-radius: 32px;
760
- -moz-border-radius: 32px;
761
- -webkit-border-radius: 32px;
762
- -moz-background-clip: padding;
763
- -webkit-background-clip: padding-box;
764
- background-clip: padding-box;
765
- -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
766
- -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
767
- -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
768
- -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
769
- background-color: #353535; }
770
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:focus {
771
- background-color: #424242; }
772
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:hover {
773
- background-color: #424242; }
774
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:active {
775
- background-color: #4f4f4f; }
776
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
777
- background-color: #4f4f4f;
778
- color: #0098f7; }
779
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
780
- background-color: #424242; }
781
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
782
- background-color: #424242; }
783
- .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
784
- background-color: #4f4f4f; }
785
- .dark-theme.fr-show-tags .fr-modal-more svg path {
786
- fill: #0098f7; }
787
- .dark-themediv.fr-modal-body {
788
- -webkit-transition: background 0.2s ease 0s;
789
- -moz-transition: background 0.2s ease 0s;
790
- -ms-transition: background 0.2s ease 0s;
791
- -o-transition: background 0.2s ease 0s; }
792
- .dark-themediv.fr-modal-body .fr-preloader {
793
- margin: 50px auto; }
794
- .dark-themediv.fr-modal-body div.fr-image-list {
795
- margin: 0 20px;
796
- padding: 0; }
797
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
798
- border-radius: 2px;
799
- -moz-border-radius: 2px;
800
- -webkit-border-radius: 2px;
801
- -moz-background-clip: padding;
802
- -webkit-background-clip: padding-box;
803
- background-clip: padding-box; }
804
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
805
- -webkit-opacity: 0.5;
806
- -moz-opacity: 0.5;
807
- opacity: 0.5;
808
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
809
- -webkit-transition: opacity 0.2s ease 0s;
810
- -moz-transition: opacity 0.2s ease 0s;
811
- -ms-transition: opacity 0.2s ease 0s;
812
- -o-transition: opacity 0.2s ease 0s;
813
- background: #000;
814
- top: 0;
815
- left: 0;
816
- bottom: 0;
817
- right: 0; }
818
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
819
- color: #FFF;
820
- top: 0;
821
- left: 0;
822
- bottom: 0;
823
- right: 0;
824
- margin: auto; }
825
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
826
- background: #AAA; }
827
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
828
- margin: auto;
829
- top: 0;
830
- bottom: 0;
831
- left: 0;
832
- right: 0; }
833
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
834
- -webkit-opacity: 1;
835
- -moz-opacity: 1;
836
- opacity: 1;
837
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
838
- -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
839
- -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
840
- -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
841
- -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
842
- -webkit-transform: translateZ(0);
843
- -moz-transform: translateZ(0);
844
- -ms-transform: translateZ(0);
845
- -o-transform: translateZ(0); }
846
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
847
- -webkit-opacity: 0.75;
848
- -moz-opacity: 0.75;
849
- opacity: 0.75;
850
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
851
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
852
- border-radius: 100%;
853
- -moz-border-radius: 100%;
854
- -webkit-border-radius: 100%;
855
- -moz-background-clip: padding;
856
- -webkit-background-clip: padding-box;
857
- background-clip: padding-box;
858
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
859
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
860
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
861
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
862
- -webkit-box-sizing: border-box;
863
- -moz-box-sizing: border-box;
864
- box-sizing: border-box;
865
- margin: 0;
866
- line-height: 40px; }
867
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
868
- background: #B8312F;
869
- fill: #FFF;
870
- padding: 8px;
871
- -webkit-transform: translateY(-50%) translateX(25%);
872
- -moz-transform: translateY(-50%) translateX(25%);
873
- -ms-transform: translateY(-50%) translateX(25%);
874
- -o-transform: translateY(-50%) translateX(25%); }
875
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
876
- background: #353535;
877
- fill: #0098f7;
878
- padding: 8px;
879
- -webkit-transform: translateY(-50%) translateX(-125%);
880
- -moz-transform: translateY(-50%) translateX(-125%);
881
- -ms-transform: translateY(-50%) translateX(-125%);
882
- -o-transform: translateY(-50%) translateX(-125%); }
883
- .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
884
- -webkit-opacity: 0.75;
885
- -moz-opacity: 0.75;
886
- opacity: 0.75;
887
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
888
- .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
889
- width: 40px;
890
- height: 40px; }
891
- .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
892
- background: #bf4644;
893
- color: #FFF; }
894
- .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
895
- background: #424242; }
896
- .dark-theme .fr-line-breaker {
897
- border-top: 1px solid #0098f7; }
898
- .dark-theme .fr-line-breaker a.fr-floating-btn {
899
- left: calc(50% - (40px / 2));
900
- top: -20px; }
901
- .dark-theme .fr-line-breaker a.fr-floating-btn svg {
902
- margin: 8px;
903
- height: 24px;
904
- width: 24px; }
905
- .dark-theme .fr-markdown-view {
906
- box-sizing: inherit; }
907
- .dark-theme .fr-markdown-editor {
908
- box-sizing: inherit; }
909
- .dark-theme .fr-markdown-editor > p {
910
- margin: 0; }
911
- .dark-theme .fr-markdown-view > p {
912
- margin-top: 0; }
913
- .dark-theme dl {
914
- margin-top: 0; }
915
- .dark-theme dt {
916
- font-weight: 700; }
917
- .dark-theme dd {
918
- margin-left: 0; }
919
- .dark-theme pre code {
920
- border: 0;
921
- padding: 0; }
922
- .dark-theme hr {
923
- border: 0; }
924
- .dark-theme table {
925
- border-spacing: 0; }
926
- .dark-theme .fr-quick-insert {
927
- padding-right: 10px;
928
- -webkit-box-sizing: content-box;
929
- -moz-box-sizing: content-box;
930
- box-sizing: content-box; }
931
- .dark-theme .fr-quick-insert a.fr-floating-btn svg {
932
- margin: 8px;
933
- width: 24px;
934
- height: 24px; }
935
- .dark-theme .fr-quick-insert.fr-on a.fr-floating-btn svg {
936
- -webkit-transform: rotate(135deg);
937
- -moz-transform: rotate(135deg);
938
- -ms-transform: rotate(135deg);
939
- -o-transform: rotate(135deg); }
940
- .dark-theme .fr-qi-helper {
941
- padding-left: 20px; }
942
- .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
943
- padding: 6px 10px 10px 10px;
944
- color: #FFF;
945
- background: #353535;
946
- -webkit-opacity: 0;
947
- -moz-opacity: 0;
948
- opacity: 0;
949
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
950
- -webkit-transform: scale(0);
951
- -moz-transform: scale(0);
952
- -ms-transform: scale(0);
953
- -o-transform: scale(0); }
954
- .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn svg {
955
- fill: #FFF; }
956
- .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
957
- -webkit-opacity: 1;
958
- -moz-opacity: 1;
959
- opacity: 1;
960
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
961
- -webkit-transform: scale(1);
962
- -moz-transform: scale(1);
963
- -ms-transform: scale(1);
964
- -o-transform: scale(1); }
965
- .dark-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
966
- padding: 10px 15px; }
967
- .dark-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
968
- font-size: 16px; }
969
- .dark-theme.fr-popup .fr-special-character {
970
- width: 24px;
971
- height: 24px; }
972
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
973
- .dark-theme.fr-popup .fr-icon-container.fr-sc-container {
974
- width: 368px; } }
975
- .dark-theme .fr-element table td.fr-selected-cell, .dark-theme .fr-element table th.fr-selected-cell {
976
- border: 1px double #0098f7; }
977
- .dark-theme .fr-element table tr {
978
- user-select: none;
979
- -o-user-select: none;
980
- -moz-user-select: none;
981
- -khtml-user-select: none;
982
- -webkit-user-select: none;
983
- -ms-user-select: none; }
984
- .dark-theme .fr-element table td, .dark-theme .fr-element table th {
985
- user-select: text;
986
- -o-user-select: text;
987
- -moz-user-select: text;
988
- -khtml-user-select: text;
989
- -webkit-user-select: text;
990
- -ms-user-select: text; }
991
- .dark-theme .fr-element .fr-no-selection table td, .dark-theme .fr-element .fr-no-selection table th {
992
- user-select: none;
993
- -o-user-select: none;
994
- -moz-user-select: none;
995
- -khtml-user-select: none;
996
- -webkit-user-select: none;
997
- -ms-user-select: none; }
998
- .dark-theme .fr-table-resizer div {
999
- -webkit-opacity: 0;
1000
- -moz-opacity: 0;
1001
- opacity: 0;
1002
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1003
- border-right: 1px solid #0098f7; }
1004
- .dark-theme .fr-no-selection {
1005
- user-select: none;
1006
- -o-user-select: none;
1007
- -moz-user-select: none;
1008
- -khtml-user-select: none;
1009
- -webkit-user-select: none;
1010
- -ms-user-select: none; }
1011
- .dark-theme.fr-popup .fr-table-size {
1012
- margin: 20px; }
1013
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size {
1014
- line-height: 0; }
1015
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span {
1016
- padding: 0 4px 4px 0; }
1017
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
1018
- border: 1px solid #DDD; }
1019
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
1020
- background: rgba(0, 152, 247, 0.3);
1021
- border: solid 1px #0098f7; }
1022
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
1023
- clear: both;
1024
- display: block;
1025
- content: "";
1026
- height: 0; }
1027
- .dark-theme.fr-popup .fr-table-colors {
1028
- padding: 20px;
1029
- padding-bottom: 0; }
1030
- .dark-theme #fr-form-container {
1031
- margin: auto;
1032
- overflow: auto; }
1033
- .dark-theme .fr-range-value-start > span:before {
1034
- width: 0;
1035
- height: 0; }
1036
- .dark-theme .fr-range-value-end > span:before {
1037
- width: 0;
1038
- height: 0; }
1039
- .dark-theme .fr-range-slider > input {
1040
- left: 0; }
1041
- .dark-theme .fr-range-slider > input::-moz-range-thumb {
1042
- z-index: 10; }
1043
- .dark-theme .fr-range-slider > input::-moz-range-track {
1044
- border: 0; }
1045
- .dark-theme .fr-range-slider > input:last-of-type::-moz-range-track {
1046
- border: 0; }
1047
- .dark-theme .fr-range-slider > input[type="range"]::-moz-focus-outer {
1048
- border: 0; }
1049
- .dark-theme .fr-element .fr-video {
1050
- user-select: none;
1051
- -o-user-select: none;
1052
- -moz-user-select: none;
1053
- -khtml-user-select: none;
1054
- -webkit-user-select: none;
1055
- -ms-user-select: none; }
1056
- .dark-theme .fr-element .fr-video::after {
1057
- top: 0;
1058
- left: 0;
1059
- right: 0;
1060
- bottom: 0; }
1061
- .dark-theme .fr-element .fr-video > * {
1062
- -webkit-box-sizing: content-box;
1063
- -moz-box-sizing: content-box;
1064
- box-sizing: content-box; }
1065
- .dark-theme.fr-box .fr-video-resizer {
1066
- border: solid 1px #0098f7;
1067
- user-select: none;
1068
- -o-user-select: none;
1069
- -moz-user-select: none;
1070
- -khtml-user-select: none;
1071
- -webkit-user-select: none;
1072
- -ms-user-select: none; }
1073
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
1074
- background: #0098f7;
1075
- border: solid 1px #FFF;
1076
- -webkit-box-sizing: border-box;
1077
- -moz-box-sizing: border-box;
1078
- box-sizing: border-box; }
1079
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
1080
- width: 12px;
1081
- height: 12px; }
1082
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1083
- left: -6px;
1084
- top: -6px; }
1085
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1086
- right: -6px;
1087
- top: -6px; }
1088
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1089
- left: -6px;
1090
- bottom: -6px; }
1091
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1092
- right: -6px;
1093
- bottom: -6px; }
1094
- @media (min-width: 1200px) {
1095
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
1096
- width: 10px;
1097
- height: 10px; }
1098
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1099
- left: -5px;
1100
- top: -5px; }
1101
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1102
- right: -5px;
1103
- top: -5px; }
1104
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1105
- left: -5px;
1106
- bottom: -5px; }
1107
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1108
- right: -5px;
1109
- bottom: -5px; } }
1110
- .dark-theme.fr-popup .fr-video-upload-layer {
1111
- border: dashed 2px gray;
1112
- padding: 25px 0;
1113
- margin: 20px; }
1114
- .dark-theme.fr-popup .fr-video-upload-layer:hover {
1115
- background: #424242; }
1116
- .dark-theme.fr-popup .fr-video-upload-layer.fr-drop {
1117
- background: #424242;
1118
- border-color: #0098f7; }
1119
- .dark-theme.fr-popup .fr-video-upload-layer .fr-form {
1120
- -webkit-opacity: 0;
1121
- -moz-opacity: 0;
1122
- opacity: 0;
1123
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1124
- top: 0;
1125
- bottom: 0;
1126
- left: 0;
1127
- right: 0;
1128
- z-index: 2147483640; }
1129
- .dark-theme.fr-popup .fr-video-upload-layer .fr-form input {
1130
- right: 0;
1131
- top: 0;
1132
- bottom: 0;
1133
- margin: 0; }
1134
- .dark-theme.fr-popup .fr-video-progress-bar-layer > h3 {
1135
- margin: 10px 0; }
1136
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
1137
- background: #b3e0fd; }
1138
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
1139
- background: #0098f7;
1140
- -webkit-transition: width 0.2s ease 0s;
1141
- -moz-transition: width 0.2s ease 0s;
1142
- -ms-transition: width 0.2s ease 0s;
1143
- -o-transition: width 0.2s ease 0s; }
1144
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1145
- top: 0;
1146
- -webkit-animation: loading 2s linear infinite;
1147
- -moz-animation: loading 2s linear infinite;
1148
- -o-animation: loading 2s linear infinite;
1149
- animation: loading 2s linear infinite; }
1150
- .dark-theme.fr-video-overlay {
1151
- top: 0;
1152
- left: 0;
1153
- bottom: 0;
1154
- right: 0;
1155
- z-index: 2147483640; }
1156
- .dark-theme .fr-view img.fr-rounded, .dark-theme .fr-view .fr-img-caption.fr-rounded img {
1157
- border-radius: 10px;
1158
- -moz-border-radius: 10px;
1159
- -webkit-border-radius: 10px;
1160
- -moz-background-clip: padding;
1161
- -webkit-background-clip: padding-box;
1162
- background-clip: padding-box; }
1163
- .dark-theme .fr-view img.fr-shadow, .dark-theme .fr-view .fr-img-caption.fr-shadow img {
1164
- -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
1165
- -moz-box-shadow: 10px 10px 5px 0px #cccccc;
1166
- box-shadow: 10px 10px 5px 0px #cccccc; }
1167
- .dark-theme .fr-view img.fr-bordered {
1168
- -webkit-box-sizing: content-box;
1169
- -moz-box-sizing: content-box;
1170
- box-sizing: content-box; }
1171
- .dark-theme .fr-view .fr-img-caption.fr-bordered img {
1172
- -webkit-box-sizing: border-box;
1173
- -moz-box-sizing: border-box;
1174
- box-sizing: border-box; }
1175
- .dark-theme .fr-view span[style~="color:"] a {
1176
- color: inherit; }
1177
- .dark-theme .fr-view strong {
1178
- font-weight: 700; }
1179
- .dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
1180
- background: lightgray; }
1181
- .dark-theme .fr-view table td, .dark-theme .fr-view table th {
1182
- border: 1px solid #DDD; }
1183
- .dark-theme .fr-view table th {
1184
- background: #ececec; }
1185
- .dark-theme .fr-view hr {
1186
- user-select: none;
1187
- -o-user-select: none;
1188
- -moz-user-select: none;
1189
- -khtml-user-select: none;
1190
- -webkit-user-select: none;
1191
- -ms-user-select: none; }
1192
- .dark-theme .fr-view[dir="rtl"] blockquote {
1193
- border-right: solid 2px #5E35B1;
1194
- margin-right: 0;
1195
- padding-left: 0; }
1196
- .dark-theme .fr-view[dir="rtl"] blockquote blockquote {
1197
- border-color: #00BCD4; }
1198
- .dark-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
1199
- border-color: #43A047; }
1200
- .dark-theme .fr-view blockquote {
1201
- border-left: solid 2px #5E35B1;
1202
- margin-left: 0;
1203
- color: #5E35B1; }
1204
- .dark-theme .fr-view blockquote blockquote {
1205
- border-color: #00BCD4;
1206
- color: #00BCD4; }
1207
- .dark-theme .fr-view blockquote blockquote blockquote {
1208
- border-color: #43A047;
1209
- color: #43A047; }
1210
- .dark-theme .fr-view span.fr-emoticon {
1211
- line-height: 0; }
1212
- .dark-theme .fr-view span.fr-emoticon.fr-emoticon-img {
1213
- font-size: inherit; }
1214
- .dark-theme .fr-view .fr-text-bordered {
1215
- padding: 10px 0; }
1216
- .dark-theme .fr-view .fr-class-highlighted {
1217
- background-color: #ffff00; }
1218
- .dark-theme .fr-view .fr-class-code {
1219
- border-radius: 2px;
1220
- -moz-border-radius: 2px;
1221
- -webkit-border-radius: 2px;
1222
- -moz-background-clip: padding;
1223
- -webkit-background-clip: padding-box;
1224
- background-clip: padding-box;
1225
- background: #353535; }
1226
- .dark-theme .fr-view img.fr-dib {
1227
- margin: 5px auto; }
1228
- .dark-theme .fr-view img.fr-dib.fr-fil {
1229
- margin-left: 0; }
1230
- .dark-theme .fr-view img.fr-dib.fr-fir {
1231
- margin-right: 0; }
1232
- .dark-theme .fr-view img.fr-dii {
1233
- margin-left: 5px;
1234
- margin-right: 5px;
1235
- max-width: calc(100% - (2 * 5px)); }
1236
- .dark-theme .fr-view img.fr-dii.fr-fil {
1237
- margin: 5px 5px 5px 0;
1238
- max-width: calc(100% - 5px); }
1239
- .dark-theme .fr-view img.fr-dii.fr-fir {
1240
- margin: 5px 0 5px 5px;
1241
- max-width: calc(100% - 5px); }
1242
- .dark-theme .fr-view span.fr-img-caption.fr-dib {
1243
- margin: 5px auto; }
1244
- .dark-theme .fr-view span.fr-img-caption.fr-dib.fr-fil {
1245
- margin-left: 0; }
1246
- .dark-theme .fr-view span.fr-img-caption.fr-dib.fr-fir {
1247
- margin-right: 0; }
1248
- .dark-theme .fr-view span.fr-img-caption.fr-dii {
1249
- margin-left: 5px;
1250
- margin-right: 5px;
1251
- max-width: calc(100% - (2 * 5px)); }
1252
- .dark-theme .fr-view span.fr-img-caption.fr-dii.fr-fil {
1253
- margin: 5px 5px 5px 0;
1254
- max-width: calc(100% - 5px); }
1255
- .dark-theme .fr-view span.fr-img-caption.fr-dii.fr-fir {
1256
- margin: 5px 0 5px 5px;
1257
- max-width: calc(100% - 5px); }
1258
- .dark-theme .fr-view .fr-video.fr-rv {
1259
- height: 0; }
1260
- .dark-theme .fr-view .fr-video.fr-rv > iframe, .dark-theme .fr-view .fr-video.fr-rv object, .dark-theme .fr-view .fr-video.fr-rv embed {
1261
- top: 0;
1262
- left: 0; }
1263
- .dark-theme .fr-view .fr-video > * {
1264
- -webkit-box-sizing: content-box;
1265
- -moz-box-sizing: content-box;
1266
- box-sizing: content-box; }
1267
- .dark-theme .fr-view a.fr-strong {
1268
- font-weight: 700; }
1269
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap {
1270
- padding: 0;
1271
- margin: auto; }
1272
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap img {
1273
- margin: auto; }
1274
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap > span {
1275
- margin: auto;
1276
- -webkit-box-sizing: border-box;
1277
- -moz-box-sizing: border-box;
1278
- box-sizing: border-box;
1279
- -webkit-opacity: 0.9;
1280
- -moz-opacity: 0.9;
1281
- opacity: 0.9;
1282
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1283
- .dark-theme .fr-view button.fr-rounded, .dark-theme .fr-view input.fr-rounded, .dark-theme .fr-view textarea.fr-rounded {
1284
- border-radius: 10px;
1285
- -moz-border-radius: 10px;
1286
- -webkit-border-radius: 10px;
1287
- -moz-background-clip: padding;
1288
- -webkit-background-clip: padding-box;
1289
- background-clip: padding-box; }
1290
- .dark-theme a.fr-view.fr-strong {
1291
- font-weight: 700; }
1292
- .dark-theme img.fr-view.fr-dib {
1293
- margin: 5px auto; }
1294
- .dark-theme img.fr-view.fr-dib.fr-fil {
1295
- margin-left: 0; }
1296
- .dark-theme img.fr-view.fr-dib.fr-fir {
1297
- margin-right: 0; }
1298
- .dark-theme img.fr-view.fr-dii {
1299
- margin-left: 5px;
1300
- margin-right: 5px;
1301
- max-width: calc(100% - (2 * 5px)); }
1302
- .dark-theme img.fr-view.fr-dii.fr-fil {
1303
- margin: 5px 5px 5px 0;
1304
- max-width: calc(100% - 5px); }
1305
- .dark-theme img.fr-view.fr-dii.fr-fir {
1306
- margin: 5px 0 5px 5px;
1307
- max-width: calc(100% - 5px); }
1308
- .dark-theme span.fr-img-caption.fr-view.fr-dib {
1309
- margin: 5px auto; }
1310
- .dark-theme span.fr-img-caption.fr-view.fr-dib.fr-fil {
1311
- margin-left: 0; }
1312
- .dark-theme span.fr-img-caption.fr-view.fr-dib.fr-fir {
1313
- margin-right: 0; }
1314
- .dark-theme span.fr-img-caption.fr-view.fr-dii {
1315
- margin-left: 5px;
1316
- margin-right: 5px;
1317
- max-width: calc(100% - (2 * 5px)); }
1318
- .dark-theme span.fr-img-caption.fr-view.fr-dii.fr-fil {
1319
- margin: 5px 5px 5px 0;
1320
- max-width: calc(100% - 5px); }
1321
- .dark-theme span.fr-img-caption.fr-view.fr-dii.fr-fir {
1322
- margin: 5px 0 5px 5px;
1323
- max-width: calc(100% - 5px); }
1324
- .dark-theme .fr-element .fr-embedly {
1325
- user-select: none;
1326
- -o-user-select: none;
1327
- -moz-user-select: none;
1328
- -khtml-user-select: none;
1329
- -webkit-user-select: none;
1330
- -ms-user-select: none; }
1331
- .dark-theme .fr-element .fr-embedly::after {
1332
- top: 0;
1333
- left: 0;
1334
- right: 0;
1335
- bottom: 0; }
1336
- .dark-theme .fr-element .fr-embedly > * {
1337
- -webkit-box-sizing: content-box;
1338
- -moz-box-sizing: content-box;
1339
- box-sizing: content-box; }
1340
- .dark-theme.fr-box .fr-embedly-resizer {
1341
- border: solid 1px #0098f7;
1342
- user-select: none;
1343
- -o-user-select: none;
1344
- -moz-user-select: none;
1345
- -khtml-user-select: none;
1346
- -webkit-user-select: none;
1347
- -ms-user-select: none; }
1348
- .dark-theme.fr-popup .fr-icon.fr-fa-icon {
1349
- width: 18px;
1350
- padding: 8px;
1351
- margin: 6px;
1352
- font-size: 16px; }
1353
- @supports not (-ms-high-contrast: none) {
1354
- .dark-theme.fr-popup .fr-icon-container.fr-fa-container {
1355
- grid-template-columns: repeat(auto-fill, minmax(45px, 45px)); } }
1356
- @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
1357
- .dark-theme.fr-popup .fr-icon-container.fr-fa-container {
1358
- width: 506px; } }
1359
- .dark-theme .tui-image-editor-container {
1360
- top: 0;
1361
- left: 0;
1362
- bottom: 0;
1363
- right: 0;
1364
- z-index: 10; }
1365
- .dark-theme .tui-editor-cancel-btn {
1366
- background-color: #FFF;
1367
- border: 1px solid #AAA; }
1368
- .dark-theme .tui-editor-save-btn {
1369
- color: #FFF; }
1370
- .dark-theme .examples-variante > a {
1371
- font-size: 14px;
1372
- font-family: Arial, Helvetica, sans-serif; }
1373
- .dark-theme .sc-cm-holder > .sc-cm {
1374
- border-top: 5px solid #222222 !important; }
1375
- .dark-theme .sc-cm__item_dropdown:hover > a, .dark-theme .sc-cm a:hover {
1376
- background-color: #424242 !important; }
1377
- .dark-theme .sc-cm__item_active > a, .dark-theme .sc-cm__item_active > a:hover, .dark-theme .sc-cm a:active, .dark-theme .sc-cm a:focus {
1378
- background-color: #424242 !important; }
1379
- .dark-theme .sc-cm-holder > .sc-cm:before {
1380
- background-color: #424242 !important; }
1381
- .dark-theme .fr-tooltip {
1382
- top: 0;
1383
- left: 0;
1384
- border-radius: 2px;
1385
- -moz-border-radius: 2px;
1386
- -webkit-border-radius: 2px;
1387
- -moz-background-clip: padding;
1388
- -webkit-background-clip: padding-box;
1389
- background-clip: padding-box;
1390
- background: #222222;
1391
- color: #FFF;
1392
- font-size: 11px;
1393
- line-height: 22px;
1394
- font-family: Arial, Helvetica, sans-serif;
1395
- -webkit-transition: opacity 0.2s ease 0s;
1396
- -moz-transition: opacity 0.2s ease 0s;
1397
- -ms-transition: opacity 0.2s ease 0s;
1398
- -o-transition: opacity 0.2s ease 0s;
1399
- -webkit-opacity: 0;
1400
- -moz-opacity: 0;
1401
- opacity: 0;
1402
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1403
- user-select: none;
1404
- -o-user-select: none;
1405
- -moz-user-select: none;
1406
- -khtml-user-select: none;
1407
- -webkit-user-select: none;
1408
- -ms-user-select: none;
1409
- -webkit-font-smoothing: antialiased;
1410
- -moz-osx-font-smoothing: grayscale; }
1411
- .dark-theme .fr-tooltip.fr-visible {
1412
- -webkit-opacity: 1;
1413
- -moz-opacity: 1;
1414
- opacity: 1;
1415
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1416
- .dark-theme.fr-toolbar .fr-command.fr-btn, .dark-theme.fr-popup .fr-command.fr-btn, .dark-theme.fr-modal .fr-command.fr-btn {
1417
- color: #FFF;
1418
- -moz-outline: 0;
1419
- border: 0;
1420
- margin: 4px 2px;
1421
- padding: 0;
1422
- -webkit-transition: all 0.5s;
1423
- -moz-transition: all 0.5s;
1424
- -ms-transition: all 0.5s;
1425
- -o-transition: all 0.5s;
1426
- border-radius: 4px;
1427
- -moz-border-radius: 4px;
1428
- -webkit-border-radius: 4px;
1429
- -moz-background-clip: padding;
1430
- -webkit-background-clip: padding-box;
1431
- background-clip: padding-box;
1432
- -webkit-box-sizing: border-box;
1433
- -moz-box-sizing: border-box;
1434
- box-sizing: border-box;
1435
- user-select: none;
1436
- -o-user-select: none;
1437
- -moz-user-select: none;
1438
- -khtml-user-select: none;
1439
- -webkit-user-select: none;
1440
- -ms-user-select: none;
1441
- height: 40px; }
1442
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
1443
- border-radius: 0 4px 4px 0;
1444
- -moz-border-radius: 0 4px 4px 0;
1445
- -webkit-border-radius: 0 4px 4px 0;
1446
- -moz-background-clip: padding;
1447
- -webkit-background-clip: padding-box;
1448
- background-clip: padding-box; }
1449
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-hover {
1450
- border-radius: 4px 0 0 4px;
1451
- -moz-border-radius: 4px 0 0 4px;
1452
- -webkit-border-radius: 4px 0 0 4px;
1453
- -moz-background-clip: padding;
1454
- -webkit-background-clip: padding-box;
1455
- background-clip: padding-box; }
1456
- .dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner, .dark-theme.fr-modal .fr-command.fr-btn::-moz-focus-inner {
1457
- border: 0; }
1458
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-text {
1459
- width: auto; }
1460
- .dark-theme.fr-toolbar .fr-command.fr-btn i, .dark-theme.fr-toolbar .fr-command.fr-btn svg, .dark-theme.fr-popup .fr-command.fr-btn i, .dark-theme.fr-popup .fr-command.fr-btn svg, .dark-theme.fr-modal .fr-command.fr-btn i, .dark-theme.fr-modal .fr-command.fr-btn svg {
1461
- margin: 8px 7px;
1462
- width: 24px; }
1463
- .dark-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg, .dark-theme.fr-popup .fr-command.fr-btn svg.fr-svg, .dark-theme.fr-modal .fr-command.fr-btn svg.fr-svg {
1464
- height: 24px; }
1465
- .dark-theme.fr-toolbar .fr-command.fr-btn svg path, .dark-theme.fr-popup .fr-command.fr-btn svg path, .dark-theme.fr-modal .fr-command.fr-btn svg path {
1466
- -webkit-transition: all 0.5s;
1467
- -moz-transition: all 0.5s;
1468
- -ms-transition: all 0.5s;
1469
- -o-transition: all 0.5s;
1470
- fill: #FFF; }
1471
- .dark-theme.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .dark-theme.fr-popup .fr-command.fr-btn span.fr-sr-only, .dark-theme.fr-modal .fr-command.fr-btn span.fr-sr-only {
1472
- position: absolute;
1473
- width: 1px;
1474
- height: 1px;
1475
- padding: 0;
1476
- margin: -1px;
1477
- overflow: hidden;
1478
- clip: rect(0, 0, 0, 0);
1479
- border: 0; }
1480
- .dark-theme.fr-toolbar .fr-command.fr-btn span, .dark-theme.fr-popup .fr-command.fr-btn span, .dark-theme.fr-modal .fr-command.fr-btn span {
1481
- font-size: 14px;
1482
- line-height: 17px;
1483
- min-width: 30px;
1484
- height: 17px;
1485
- padding: 0 4px; }
1486
- .dark-theme.fr-toolbar .fr-command.fr-btn img, .dark-theme.fr-popup .fr-command.fr-btn img, .dark-theme.fr-modal .fr-command.fr-btn img {
1487
- margin: 8px 7px;
1488
- width: 24px; }
1489
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-active-popup, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
1490
- background: #4f4f4f; }
1491
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown svg {
1492
- margin-left: 3px;
1493
- margin-right: 11px; }
1494
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown:after {
1495
- width: 0;
1496
- height: 0;
1497
- border-left: 4px solid transparent;
1498
- border-right: 4px solid transparent;
1499
- border-top: 4px solid #FFF;
1500
- right: 2px;
1501
- top: 18px;
1502
- -webkit-transition: all 0.3s;
1503
- -moz-transition: all 0.3s;
1504
- -ms-transition: all 0.3s;
1505
- -o-transition: all 0.3s; }
1506
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
1507
- fill: #FFF;
1508
- background: #4f4f4f;
1509
- -webkit-transition: 0.5s ease;
1510
- -moz-transition: 0.5s ease;
1511
- -ms-transition: 0.5s ease;
1512
- -o-transition: 0.5s ease; }
1513
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
1514
- background: #424242;
1515
- fill: #FFF; }
1516
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
1517
- border-top-color: #FFF; }
1518
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
1519
- border-top: 0;
1520
- border-bottom: 4px solid #FFF; }
1521
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled, .dark-theme.fr-modal .fr-command.fr-btn.fr-disabled {
1522
- color: gray;
1523
- -webkit-opacity: 0.3;
1524
- -moz-opacity: 0.3;
1525
- opacity: 0.3;
1526
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1527
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after, .dark-theme.fr-modal .fr-command.fr-btn.fr-disabled::after {
1528
- border-top-color: gray; }
1529
- .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn {
1530
- margin: 0;
1531
- width: 46px;
1532
- height: 40px;
1533
- border-radius: 0;
1534
- -moz-border-radius: 0;
1535
- -webkit-border-radius: 0;
1536
- -moz-background-clip: padding;
1537
- -webkit-background-clip: padding-box;
1538
- background-clip: padding-box; }
1539
- .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
1540
- background: #353535; }
1541
- .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn span, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn span, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn span {
1542
- height: 27px; }
1543
- .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn svg, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn svg, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn svg {
1544
- margin: 8px 11px;
1545
- width: 24px;
1546
- height: 24px; }
1547
- .dark-theme.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
1548
- fill: #0098f7; }
1549
- .dark-theme.fr-toolbar.fr-disabled .fr-btn, .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, .dark-theme.fr-popup.fr-disabled .fr-btn, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active, .dark-theme.fr-modal.fr-disabled .fr-btn, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-active {
1550
- color: gray;
1551
- -webkit-opacity: 0.3;
1552
- -moz-opacity: 0.3;
1553
- opacity: 0.3;
1554
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1555
- .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
1556
- border-top-color: gray; }
1557
- .dark-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .dark-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .dark-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
1558
- border-radius: 4px 0 0 4px;
1559
- -moz-border-radius: 4px 0 0 4px;
1560
- -webkit-border-radius: 4px 0 0 4px;
1561
- -moz-background-clip: padding;
1562
- -webkit-background-clip: padding-box;
1563
- background-clip: padding-box; }
1564
- .dark-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .dark-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .dark-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
1565
- border-radius: 0 4px 4px 0;
1566
- -moz-border-radius: 0 4px 4px 0;
1567
- -webkit-border-radius: 0 4px 4px 0;
1568
- -moz-background-clip: padding;
1569
- -webkit-background-clip: padding-box;
1570
- background-clip: padding-box; }
1571
- .dark-theme.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .dark-theme.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
1572
- display: -webkit-inline-flex;
1573
- display: -ms-inline-flexbox;
1574
- display: inline-flex; }
1575
- .dark-theme.fr-desktop .fr-command:hover, .dark-theme.fr-desktop .fr-command:focus, .dark-theme.fr-desktop .fr-command.fr-btn-hover, .dark-theme.fr-desktop .fr-command.fr-expanded {
1576
- outline: 0;
1577
- color: #FFF; }
1578
- .dark-theme.fr-desktop .fr-command:hover:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command:focus:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
1579
- background: #424242; }
1580
- .dark-theme.fr-desktop .fr-command:hover::after, .dark-theme.fr-desktop .fr-command:focus::after, .dark-theme.fr-desktop .fr-command.fr-btn-hover::after, .dark-theme.fr-desktop .fr-command.fr-expanded::after {
1581
- border-top-color: #FFF; }
1582
- .dark-theme.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command:active {
1583
- color: #FFF;
1584
- background: #4f4f4f; }
1585
- .dark-theme.fr-desktop .fr-command.fr-active:hover, .dark-theme.fr-desktop .fr-command.fr-active:focus, .dark-theme.fr-desktop .fr-command.fr-active.fr-btn-hover, .dark-theme.fr-desktop .fr-command.fr-active.fr-expanded {
1586
- background: #424242; }
1587
- .dark-theme.fr-desktop .fr-command.fr-active:active {
1588
- background: #4f4f4f; }
1589
- .dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, .dark-theme.fr-popup.fr-mobile .fr-command.fr-blink {
1590
- background: #4f4f4f; }
1591
- .dark-theme .fr-command.fr-btn.fr-options {
1592
- width: 16px;
1593
- margin-left: -5px; }
1594
- .dark-theme .fr-command.fr-btn.fr-options.fr-btn-hover, .dark-theme .fr-command.fr-btn.fr-options:hover, .dark-theme .fr-command.fr-btn.fr-options:focus {
1595
- border-left: solid 1px #FAFAFA;
1596
- -webkit-transition: border-left 0s, background-color 0.5s;
1597
- -moz-transition: border-left 0s, background-color 0.5s;
1598
- -ms-transition: border-left 0s, background-color 0.5s;
1599
- -o-transition: border-left 0s, background-color 0.5s; }
1600
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu {
1601
- background: #353535;
1602
- right: auto;
1603
- bottom: auto;
1604
- height: auto;
1605
- border-radius: 4px;
1606
- -moz-border-radius: 4px;
1607
- -webkit-border-radius: 4px;
1608
- -moz-background-clip: padding;
1609
- -webkit-background-clip: padding-box;
1610
- background-clip: padding-box;
1611
- -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1612
- -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1613
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
1614
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
1615
- -webkit-transition: none;
1616
- -moz-transition: none;
1617
- -ms-transition: none;
1618
- -o-transition: none;
1619
- height: auto;
1620
- max-height: 275px; }
1621
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
1622
- padding: 0;
1623
- margin: auto;
1624
- -webkit-box-sizing: border-box;
1625
- -moz-box-sizing: border-box;
1626
- box-sizing: border-box;
1627
- -webkit-transition: height 0.3s;
1628
- -moz-transition: height 0.3s;
1629
- -ms-transition: height 0.3s;
1630
- -o-transition: height 0.3s;
1631
- margin-top: 0;
1632
- height: 0; }
1633
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
1634
- margin: 0;
1635
- padding: 8px 0;
1636
- min-width: 72px; }
1637
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
1638
- padding: 0;
1639
- margin: 0;
1640
- font-size: 15px; }
1641
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
1642
- padding: 0 20px;
1643
- color: inherit;
1644
- border-radius: 0;
1645
- -moz-border-radius: 0;
1646
- -webkit-border-radius: 0;
1647
- -moz-background-clip: padding;
1648
- -webkit-background-clip: padding-box;
1649
- background-clip: padding-box; }
1650
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
1651
- width: 24px;
1652
- height: 24px;
1653
- margin: 3px 4px; }
1654
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
1655
- fill: #FFF; }
1656
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
1657
- background: #4f4f4f; }
1658
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
1659
- color: gray; }
1660
- .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
1661
- -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1662
- -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1663
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
1664
- .dark-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
1665
- border-radius: 2px 2px 0 0;
1666
- -moz-border-radius: 2px 2px 0 0;
1667
- -webkit-border-radius: 2px 2px 0 0;
1668
- -moz-background-clip: padding;
1669
- -webkit-background-clip: padding-box;
1670
- background-clip: padding-box; }
1671
- .dark-theme.fr-modal {
1672
- color: #FFF;
1673
- font-family: Arial, Helvetica, sans-serif;
1674
- overflow-x: auto;
1675
- top: 0;
1676
- left: 0;
1677
- bottom: 0;
1678
- right: 0;
1679
- z-index: 2147483640;
1680
- -webkit-font-smoothing: antialiased;
1681
- -moz-osx-font-smoothing: grayscale; }
1682
- .dark-theme.fr-modal.fr-middle .fr-modal-wrapper {
1683
- margin-top: 0;
1684
- margin-bottom: 0;
1685
- margin-left: auto;
1686
- margin-right: auto;
1687
- -webkit-transform: translate(-50%, -50%);
1688
- -moz-transform: translate(-50%, -50%);
1689
- -ms-transform: translate(-50%, -50%);
1690
- -o-transform: translate(-50%, -50%); }
1691
- .dark-theme.fr-modal .fr-modal-wrapper {
1692
- border-radius: 10px;
1693
- -moz-border-radius: 10px;
1694
- -webkit-border-radius: 10px;
1695
- -moz-background-clip: padding;
1696
- -webkit-background-clip: padding-box;
1697
- background-clip: padding-box;
1698
- margin: 20px auto;
1699
- background: #353535;
1700
- min-width: 300px;
1701
- -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1702
- -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1703
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1704
- border: 0; }
1705
- @media (min-width: 768px) and (max-width: 991px) {
1706
- .dark-theme.fr-modal .fr-modal-wrapper {
1707
- margin: 30px auto; } }
1708
- @media (min-width: 992px) {
1709
- .dark-theme.fr-modal .fr-modal-wrapper {
1710
- margin: 50px auto; } }
1711
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1712
- background: #353535;
1713
- min-height: 42px;
1714
- border-bottom: solid #efefef 1px;
1715
- -webkit-transition: all 0.2s ease 0s;
1716
- -moz-transition: all 0.2s ease 0s;
1717
- -ms-transition: all 0.2s ease 0s;
1718
- -o-transition: all 0.2s ease 0s; }
1719
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
1720
- height: 56px;
1721
- padding: 0 10px; }
1722
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1723
- margin: 10px;
1724
- top: 0;
1725
- right: 0; }
1726
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1727
- font-size: 20px;
1728
- padding: 19px 10px;
1729
- margin: 0;
1730
- font-weight: 400;
1731
- line-height: 18px; }
1732
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body {
1733
- min-height: 150px;
1734
- overflow-y: auto;
1735
- padding-bottom: 20px; }
1736
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1737
- outline: 0; }
1738
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1739
- height: 36px;
1740
- color: #0098f7;
1741
- padding: 10px;
1742
- -webkit-transition: background 0.2s ease 0s;
1743
- -moz-transition: background 0.2s ease 0s;
1744
- -ms-transition: background 0.2s ease 0s;
1745
- -o-transition: background 0.2s ease 0s;
1746
- border-radius: 2px;
1747
- -moz-border-radius: 2px;
1748
- -webkit-border-radius: 2px;
1749
- -moz-background-clip: padding;
1750
- -webkit-background-clip: padding-box;
1751
- background-clip: padding-box; }
1752
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1753
- background: #424242;
1754
- color: #0098f7; }
1755
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1756
- background: #4f4f4f;
1757
- color: #0098f7; }
1758
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1759
- border: 0; }
1760
- .dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1761
- background: #424242; }
1762
- .dark-theme.fr-overlay {
1763
- top: 0;
1764
- bottom: 0;
1765
- left: 0;
1766
- right: 0;
1767
- background: #000;
1768
- -webkit-opacity: 0.5;
1769
- -moz-opacity: 0.5;
1770
- opacity: 0.5;
1771
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1772
- .dark-theme.fr-popup {
1773
- color: #FFF;
1774
- background: #353535;
1775
- -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1776
- -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1777
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1778
- font-family: Arial, Helvetica, sans-serif;
1779
- -webkit-box-sizing: border-box;
1780
- -moz-box-sizing: border-box;
1781
- box-sizing: border-box;
1782
- user-select: none;
1783
- -o-user-select: none;
1784
- -moz-user-select: none;
1785
- -khtml-user-select: none;
1786
- -webkit-user-select: none;
1787
- -ms-user-select: none;
1788
- margin-top: 10px;
1789
- border-radius: 6px;
1790
- -moz-border-radius: 6px;
1791
- -webkit-border-radius: 6px;
1792
- -moz-background-clip: padding;
1793
- -webkit-background-clip: padding-box;
1794
- background-clip: padding-box;
1795
- -webkit-font-smoothing: antialiased;
1796
- -moz-osx-font-smoothing: grayscale; }
1797
- .dark-theme.fr-popup .fr-icon {
1798
- font-size: 20px;
1799
- font-weight: 400;
1800
- padding: 6px; }
1801
- .dark-theme.fr-popup .fr-icon-container {
1802
- padding: 20px;
1803
- max-height: 200px;
1804
- overflow: auto;
1805
- -webkit-box-sizing: border-box;
1806
- -moz-box-sizing: border-box;
1807
- box-sizing: border-box; }
1808
- @supports not (-ms-high-contrast: none) {
1809
- .dark-theme.fr-popup .fr-icon-container {
1810
- grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); } }
1811
- @media (min-width: 768px) {
1812
- .dark-theme.fr-popup .fr-icon-container {
1813
- min-width: 276px; } }
1814
- @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
1815
- .dark-theme.fr-popup .fr-icon-container {
1816
- width: 236px; } }
1817
- .dark-theme.fr-popup .fr-input-focus {
1818
- background: #363636; }
1819
- .dark-theme.fr-popup.fr-above {
1820
- border-top: 0; }
1821
- .dark-theme.fr-popup.fr-hidden {
1822
- -webkit-opacity: 0;
1823
- -moz-opacity: 0;
1824
- opacity: 0;
1825
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1826
- .dark-theme.fr-popup .fr-input-line {
1827
- padding: 15px 0; }
1828
- .dark-theme.fr-popup .fr-input-line input[type="text"], .dark-theme.fr-popup .fr-input-line textarea {
1829
- margin-bottom: 1px;
1830
- border-radius: 2px;
1831
- -moz-border-radius: 2px;
1832
- -webkit-border-radius: 2px;
1833
- -moz-background-clip: padding;
1834
- -webkit-background-clip: padding-box;
1835
- background-clip: padding-box;
1836
- border: solid 1px #999999;
1837
- color: #FFF;
1838
- font-size: 14px;
1839
- background: #353535;
1840
- padding: 4px 12px;
1841
- -webkit-box-sizing: border-box;
1842
- -moz-box-sizing: border-box;
1843
- box-sizing: border-box;
1844
- -webkit-transition: border 0.5s, padding 0.5s;
1845
- -moz-transition: border 0.5s, padding 0.5s;
1846
- -ms-transition: border 0.5s, padding 0.5s;
1847
- -o-transition: border 0.5s, padding 0.5s; }
1848
- .dark-theme.fr-popup .fr-input-line input[type="text"]:hover, .dark-theme.fr-popup .fr-input-line textarea:hover {
1849
- border: solid 1px #515151; }
1850
- .dark-theme.fr-popup .fr-input-line input[type="text"]:focus, .dark-theme.fr-popup .fr-input-line textarea:focus {
1851
- border: solid 2px #0098f7;
1852
- padding: 3px 11px; }
1853
- .dark-theme.fr-popup .fr-input-line input[type="text"] {
1854
- height: 46px; }
1855
- .dark-theme.fr-popup .fr-input-line input + label, .dark-theme.fr-popup .fr-input-line textarea + label {
1856
- top: 29px;
1857
- left: 12px;
1858
- font-size: 14px;
1859
- -webkit-transition: all 0.5s ease;
1860
- -moz-transition: all 0.5s ease;
1861
- -ms-transition: all 0.5s ease;
1862
- -o-transition: all 0.5s ease;
1863
- background: #353535;
1864
- padding: 0; }
1865
- .dark-theme.fr-popup .fr-input-line input.fr-not-empty + label, .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1866
- color: gray;
1867
- width: auto;
1868
- left: 4px;
1869
- padding: 0 4px;
1870
- font-size: 11px;
1871
- top: 9px; }
1872
- .dark-theme.fr-popup input, .dark-theme.fr-popup textarea {
1873
- user-select: text;
1874
- -o-user-select: text;
1875
- -moz-user-select: text;
1876
- -khtml-user-select: text;
1877
- -webkit-user-select: text;
1878
- -ms-user-select: text;
1879
- border-radius: 0;
1880
- -moz-border-radius: 0;
1881
- -webkit-border-radius: 0;
1882
- -moz-background-clip: padding;
1883
- -webkit-background-clip: padding-box;
1884
- background-clip: padding-box; }
1885
- .dark-theme.fr-popup .fr-buttons {
1886
- line-height: 0; }
1887
- .dark-theme.fr-popup .fr-buttons .fr-btn {
1888
- margin-left: 4px;
1889
- margin-right: 4px; }
1890
- .dark-theme.fr-popup .fr-buttons.fr-tabs {
1891
- border-radius: 6px 6px 0 0;
1892
- -moz-border-radius: 6px 6px 0 0;
1893
- -webkit-border-radius: 6px 6px 0 0;
1894
- -moz-background-clip: padding;
1895
- -webkit-background-clip: padding-box;
1896
- background-clip: padding-box;
1897
- background-color: #686868; }
1898
- @media (max-width: 768px) {
1899
- .dark-theme.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
1900
- width: 276px; } }
1901
- .dark-theme.fr-popup .fr-buttons:not(.fr-tabs) {
1902
- padding: 5px; }
1903
- .dark-theme.fr-popup .fr-layer {
1904
- border-radius: 6px;
1905
- -moz-border-radius: 6px;
1906
- -webkit-border-radius: 6px;
1907
- -moz-background-clip: padding;
1908
- -webkit-background-clip: padding-box;
1909
- background-clip: padding-box;
1910
- width: 195px;
1911
- -webkit-box-sizing: border-box;
1912
- -moz-box-sizing: border-box;
1913
- box-sizing: border-box;
1914
- margin: 20px; }
1915
- @media (min-width: 768px) {
1916
- .dark-theme.fr-popup .fr-layer {
1917
- width: 260px; } }
1918
- .dark-theme.fr-popup .fr-action-buttons {
1919
- height: 36px; }
1920
- .dark-theme.fr-popup .fr-action-buttons button.fr-command {
1921
- height: 36px;
1922
- color: #0098f7;
1923
- padding: 10px;
1924
- font-size: 16px;
1925
- -webkit-transition: background 0.2s ease 0s;
1926
- -moz-transition: background 0.2s ease 0s;
1927
- -ms-transition: background 0.2s ease 0s;
1928
- -o-transition: background 0.2s ease 0s;
1929
- border-radius: 2px;
1930
- -moz-border-radius: 2px;
1931
- -webkit-border-radius: 2px;
1932
- -moz-background-clip: padding;
1933
- -webkit-background-clip: padding-box;
1934
- background-clip: padding-box; }
1935
- .dark-theme.fr-popup .fr-action-buttons button.fr-command:hover, .dark-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1936
- background: #424242;
1937
- color: #0098f7; }
1938
- .dark-theme.fr-popup .fr-action-buttons button.fr-command:active {
1939
- background: #4f4f4f;
1940
- color: #0098f7; }
1941
- .dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1942
- border: 0; }
1943
- .dark-theme.fr-popup .fr-checkbox {
1944
- width: 18px;
1945
- height: 18px;
1946
- padding: 10px;
1947
- -webkit-box-sizing: content-box;
1948
- -moz-box-sizing: content-box;
1949
- box-sizing: content-box; }
1950
- .dark-theme.fr-popup .fr-checkbox svg {
1951
- margin-left: 2px;
1952
- margin-top: 2px;
1953
- width: 10px;
1954
- height: 10px; }
1955
- .dark-theme.fr-popup .fr-checkbox span {
1956
- border-radius: 2px;
1957
- -moz-border-radius: 2px;
1958
- -webkit-border-radius: 2px;
1959
- -moz-background-clip: padding;
1960
- -webkit-background-clip: padding-box;
1961
- background-clip: padding-box;
1962
- width: 18px;
1963
- height: 18px;
1964
- -webkit-box-sizing: border-box;
1965
- -moz-box-sizing: border-box;
1966
- box-sizing: border-box;
1967
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1968
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1969
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1970
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
1971
- .dark-theme.fr-popup .fr-checkbox input {
1972
- -webkit-opacity: 0;
1973
- -moz-opacity: 0;
1974
- opacity: 0;
1975
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1976
- height: 18px;
1977
- margin: 0;
1978
- padding: 0;
1979
- width: 18px; }
1980
- .dark-theme.fr-popup .fr-checkbox input:not(:checked) + span {
1981
- border: solid 2px #999999; }
1982
- .dark-theme.fr-popup .fr-checkbox input:not(:checked):active + span {
1983
- background-color: #353535; }
1984
- .dark-theme.fr-popup .fr-checkbox input:not(:checked):focus + span, .dark-theme.fr-popup .fr-checkbox input:not(:checked):hover + span {
1985
- border-color: #515151; }
1986
- .dark-theme.fr-popup .fr-checkbox input:checked + span {
1987
- background: #0098f7;
1988
- border: solid 2px #0098f7; }
1989
- .dark-theme.fr-popup .fr-checkbox input:checked:active + span {
1990
- background-color: #EcF5Ff; }
1991
- .dark-theme.fr-popup .fr-checkbox input:checked:focus + span, .dark-theme.fr-popup .fr-checkbox input:checked:hover + span {
1992
- -webkit-opacity: 0.8;
1993
- -moz-opacity: 0.8;
1994
- opacity: 0.8;
1995
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1996
- .dark-theme.fr-popup .fr-checkbox-line {
1997
- font-size: 14px;
1998
- line-height: 1.4px;
1999
- margin-top: 10px; }
2000
- .dark-theme.fr-popup .fr-checkbox-line label {
2001
- margin: 0 5px; }
2002
- .dark-theme.fr-popup.fr-rtl .fr-input-line input + label, .dark-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
2003
- left: auto;
2004
- right: 0; }
2005
- .dark-theme .fr-text-edit-layer {
2006
- -webkit-box-sizing: border-box;
2007
- -moz-box-sizing: border-box;
2008
- box-sizing: border-box; }
2009
- .dark-theme.fr-toolbar {
2010
- color: #FFF;
2011
- background: #353535;
2012
- font-family: Arial, Helvetica, sans-serif;
2013
- -webkit-box-sizing: border-box;
2014
- -moz-box-sizing: border-box;
2015
- box-sizing: border-box;
2016
- user-select: none;
2017
- -o-user-select: none;
2018
- -moz-user-select: none;
2019
- -khtml-user-select: none;
2020
- -webkit-user-select: none;
2021
- -ms-user-select: none;
2022
- border-radius: 2px;
2023
- -moz-border-radius: 2px;
2024
- -webkit-border-radius: 2px;
2025
- -moz-background-clip: padding;
2026
- -webkit-background-clip: padding-box;
2027
- background-clip: padding-box;
2028
- border: 1px solid #CCCCCC;
2029
- -webkit-font-smoothing: antialiased;
2030
- -moz-osx-font-smoothing: grayscale;
2031
- padding-bottom: 0;
2032
- -webkit-transition: padding-bottom 0.5s;
2033
- -moz-transition: padding-bottom 0.5s;
2034
- -ms-transition: padding-bottom 0.5s;
2035
- -o-transition: padding-bottom 0.5s; }
2036
- .dark-theme.fr-toolbar::after {
2037
- clear: both;
2038
- display: block;
2039
- content: "";
2040
- height: 0; }
2041
- .dark-theme.fr-toolbar::after {
2042
- height: 0; }
2043
- .dark-theme.fr-toolbar .fr-newline {
2044
- margin-left: 9px;
2045
- margin-right: 9px;
2046
- background: #353535;
2047
- height: 1px;
2048
- -webkit-transition: height 0.5s;
2049
- -moz-transition: height 0.5s;
2050
- -ms-transition: height 0.5s;
2051
- -o-transition: height 0.5s; }
2052
- .dark-theme.fr-toolbar.fr-toolbar-open .fr-newline {
2053
- height: 0; }
2054
- .dark-theme.fr-toolbar .fr-more-toolbar {
2055
- border-radius: 0;
2056
- -moz-border-radius: 0;
2057
- -webkit-border-radius: 0;
2058
- -moz-background-clip: padding;
2059
- -webkit-background-clip: padding-box;
2060
- background-clip: padding-box;
2061
- background-color: #686868;
2062
- -webkit-transition: height 0.5s;
2063
- -moz-transition: height 0.5s;
2064
- -ms-transition: height 0.5s;
2065
- -o-transition: height 0.5s;
2066
- height: 0;
2067
- -webkit-box-sizing: border-box;
2068
- -moz-box-sizing: border-box;
2069
- box-sizing: border-box; }
2070
- .dark-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
2071
- height: 48px; }
2072
- .dark-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
2073
- margin-left: 4px;
2074
- margin-right: 4px; }
2075
- .dark-theme.fr-toolbar .fr-btn-grp {
2076
- margin: 0 17px 0 12px; }
2077
- @media (max-width: 768px) {
2078
- .dark-theme.fr-toolbar .fr-btn-grp {
2079
- margin: 0 7px 0 6px; } }
2080
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-open {
2081
- margin-top: 10px;
2082
- margin-bottom: -1px;
2083
- border-radius: 4px 4px 0 0;
2084
- -moz-border-radius: 4px 4px 0 0;
2085
- -webkit-border-radius: 4px 4px 0 0;
2086
- -moz-background-clip: padding;
2087
- -webkit-background-clip: padding-box;
2088
- background-clip: padding-box; }
2089
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
2090
- background: #686868; }
2091
- .dark-theme.fr-toolbar.fr-inline {
2092
- -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2093
- -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2094
- box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2095
- border: 0;
2096
- z-index: 2147483630; }
2097
- .dark-theme.fr-toolbar.fr-inline.fr-above {
2098
- border-top: 0; }
2099
- .dark-theme.fr-toolbar.fr-inline .fr-newline {
2100
- height: 0; }
2101
- .dark-theme.fr-toolbar.fr-top {
2102
- top: 0;
2103
- border-bottom: 0;
2104
- border-radius: 10px 10px 0 0;
2105
- -moz-border-radius: 10px 10px 0 0;
2106
- -webkit-border-radius: 10px 10px 0 0;
2107
- -moz-background-clip: padding;
2108
- -webkit-background-clip: padding-box;
2109
- background-clip: padding-box; }
2110
- .dark-theme.fr-toolbar.fr-bottom {
2111
- bottom: 0;
2112
- border-top: 0;
2113
- padding-bottom: 0;
2114
- border-radius: 0 0 10px 10px;
2115
- -moz-border-radius: 0 0 10px 10px;
2116
- -webkit-border-radius: 0 0 10px 10px;
2117
- -moz-background-clip: padding;
2118
- -webkit-background-clip: padding-box;
2119
- background-clip: padding-box; }
2120
- .dark-theme.fr-toolbar.fr-bottom .fr-newline {
2121
- padding-top: 0;
2122
- -webkit-transition: padding-top 0.5s;
2123
- -moz-transition: padding-top 0.5s;
2124
- -ms-transition: padding-top 0.5s;
2125
- -o-transition: padding-top 0.5s; }
2126
- .dark-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
2127
- padding-top: 48px;
2128
- background: #FFF; }
2129
- .dark-theme.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
2130
- margin-top: -1px;
2131
- margin-bottom: 10px;
2132
- border-radius: 0 0 4px 4px;
2133
- -moz-border-radius: 0 0 4px 4px;
2134
- -webkit-border-radius: 0 0 4px 4px;
2135
- -moz-background-clip: padding;
2136
- -webkit-background-clip: padding-box;
2137
- background-clip: padding-box; }
2138
- .dark-theme.fr-toolbar.fr-sticky-on {
2139
- border-radius: 0;
2140
- -moz-border-radius: 0;
2141
- -webkit-border-radius: 0;
2142
- -moz-background-clip: padding;
2143
- -webkit-background-clip: padding-box;
2144
- background-clip: padding-box; }
2145
- .dark-theme .fr-separator {
2146
- background: #595959; }
2147
- .dark-theme .fr-separator.fr-vs {
2148
- height: 32px;
2149
- width: 1px;
2150
- margin: 8px 4px; }
2151
- .dark-theme .fr-separator.fr-hs {
2152
- width: calc(100% - (2 * 4px));
2153
- margin: 0 4px;
2154
- height: 1px; }
2155
- .dark-theme .fr-second-toolbar {
2156
- border: 1px solid #CCCCCC;
2157
- border-top: 0;
2158
- background: #FFF;
2159
- border-radius: 0 0 10px 10px;
2160
- -moz-border-radius: 0 0 10px 10px;
2161
- -webkit-border-radius: 0 0 10px 10px;
2162
- -moz-background-clip: padding;
2163
- -webkit-background-clip: padding-box;
2164
- background-clip: padding-box; }
2165
- .dark-theme .fr-second-toolbar::after {
2166
- clear: both;
2167
- display: block;
2168
- content: "";
2169
- height: 0; }
2170
- .dark-theme #fr-logo > span {
2171
- padding: 11px 5px 10px 15px;
2172
- font-size: 12px;
2173
- font-weight: 500;
2174
- color: #b1b2b7;
2175
- -webkit-transition: color 0.3s;
2176
- -moz-transition: color 0.3s;
2177
- -ms-transition: color 0.3s;
2178
- -o-transition: color 0.3s; }
2179
- .dark-theme #fr-logo > svg {
2180
- height: 20px;
2181
- width: 47px;
2182
- margin: 7px 0; }
2183
- .dark-theme #fr-logo > svg * {
2184
- -webkit-transition: fill 0.3s;
2185
- -moz-transition: fill 0.3s;
2186
- -ms-transition: fill 0.3s;
2187
- -o-transition: fill 0.3s; }
2188
- .dark-theme #fr-logo:hover > span, .dark-theme #fr-logo:focus > span {
2189
- color: #0098f7; }
2190
- .dark-theme #fr-logo:hover > svg .fr-logo, .dark-theme #fr-logo:focus > svg .fr-logo {
2191
- fill: #0098f7; }
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
+ .dark-theme.fr-box.fr-basic {
24
+ border-radius: 10px;
25
+ -moz-border-radius: 10px;
26
+ -webkit-border-radius: 10px;
27
+ -moz-background-clip: padding;
28
+ -webkit-background-clip: padding-box;
29
+ background-clip: padding-box; }
30
+ .dark-theme.fr-box.fr-basic .fr-element {
31
+ font-family: sans-serif;
32
+ color: #414141;
33
+ font-size: 14px;
34
+ line-height: 1.6;
35
+ padding: 20px;
36
+ -webkit-box-sizing: border-box;
37
+ -moz-box-sizing: border-box;
38
+ box-sizing: border-box;
39
+ min-height: 60px;
40
+ text-align: left; }
41
+ .dark-theme .fr-element {
42
+ -webkit-user-select: auto; }
43
+ .dark-theme .fr-element a {
44
+ user-select: auto;
45
+ -o-user-select: auto;
46
+ -moz-user-select: auto;
47
+ -khtml-user-select: auto;
48
+ -webkit-user-select: auto;
49
+ -ms-user-select: auto; }
50
+ .dark-theme .fr-element.fr-disabled {
51
+ user-select: none;
52
+ -o-user-select: none;
53
+ -moz-user-select: none;
54
+ -khtml-user-select: none;
55
+ -webkit-user-select: none;
56
+ -ms-user-select: none; }
57
+ .dark-theme.fr-box a.fr-floating-btn {
58
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
59
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
60
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
61
+ border-radius: 100%;
62
+ -moz-border-radius: 100%;
63
+ -webkit-border-radius: 100%;
64
+ -moz-background-clip: padding;
65
+ -webkit-background-clip: padding-box;
66
+ background-clip: padding-box;
67
+ height: 40px;
68
+ width: 40px;
69
+ background: #353535;
70
+ color: #0098f7;
71
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
72
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
73
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
74
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
75
+ left: 0;
76
+ top: 0;
77
+ line-height: 40px;
78
+ -webkit-transform: scale(0);
79
+ -moz-transform: scale(0);
80
+ -ms-transform: scale(0);
81
+ -o-transform: scale(0);
82
+ -webkit-box-sizing: border-box;
83
+ -moz-box-sizing: border-box;
84
+ box-sizing: border-box;
85
+ border: none; }
86
+ .dark-theme.fr-box a.fr-floating-btn svg {
87
+ -webkit-transition: transform 0.2s ease 0s;
88
+ -moz-transition: transform 0.2s ease 0s;
89
+ -ms-transition: transform 0.2s ease 0s;
90
+ -o-transition: transform 0.2s ease 0s;
91
+ fill: #0098f7; }
92
+ .dark-theme.fr-box a.fr-floating-btn i, .dark-theme.fr-box a.fr-floating-btn svg {
93
+ font-size: 14px;
94
+ line-height: 40px; }
95
+ .dark-theme.fr-box a.fr-floating-btn:hover {
96
+ background: #424242; }
97
+ .dark-theme.fr-box a.fr-floating-btn:hover svg {
98
+ fill: #0098f7; }
99
+ .dark-theme.fr-box .fr-visible a.fr-floating-btn {
100
+ -webkit-transform: scale(1);
101
+ -moz-transform: scale(1);
102
+ -ms-transform: scale(1);
103
+ -o-transform: scale(1); }
104
+ .dark-theme iframe.fr-iframe {
105
+ -webkit-box-sizing: border-box;
106
+ -moz-box-sizing: border-box;
107
+ box-sizing: border-box; }
108
+ .dark-theme .fr-wrapper::after {
109
+ clear: both;
110
+ display: block;
111
+ content: "";
112
+ height: 0; }
113
+ .dark-theme .fr-wrapper .fr-placeholder {
114
+ font-size: 14px;
115
+ color: #AAA;
116
+ font-family: sans-serif;
117
+ top: 0;
118
+ left: 0;
119
+ right: 0; }
120
+ .dark-theme .fr-wrapper ::-moz-selection {
121
+ background: rgba(181, 214, 253, 0.8);
122
+ color: #000; }
123
+ .dark-theme .fr-wrapper ::selection {
124
+ background: rgba(181, 214, 253, 0.8);
125
+ color: #000; }
126
+ .dark-theme.fr-box.fr-basic .fr-wrapper {
127
+ background: #FFF;
128
+ border: 1px solid #CCCCCC;
129
+ border-bottom-color: #efefef;
130
+ top: 0;
131
+ left: 0; }
132
+ .dark-theme.fr-box.fr-basic.fr-top .fr-wrapper {
133
+ border-top: 0; }
134
+ .dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
135
+ border-bottom: 0;
136
+ border-radius: 10px 10px 0 0;
137
+ -moz-border-radius: 10px 10px 0 0;
138
+ -webkit-border-radius: 10px 10px 0 0;
139
+ -moz-background-clip: padding;
140
+ -webkit-background-clip: padding-box;
141
+ background-clip: padding-box; }
142
+ @media (min-width: 992px) {
143
+ .dark-theme .fr-box.fr-document .fr-wrapper {
144
+ padding: 30px;
145
+ background: #efefef; }
146
+ .dark-theme .fr-box.fr-document .fr-wrapper .fr-element {
147
+ background: #FFF;
148
+ margin: auto;
149
+ z-index: auto; }
150
+ .dark-theme .fr-box.fr-document .fr-wrapper .fr-element hr {
151
+ background: #efefef; } }
152
+ .dark-theme .fr-sticky-on {
153
+ z-index: 10; }
154
+ .dark-theme .fr-sticky-on.fr-sticky-ios {
155
+ left: 0;
156
+ right: 0; }
157
+ .dark-theme span.fr-sr-only {
158
+ position: absolute;
159
+ width: 1px;
160
+ height: 1px;
161
+ padding: 0;
162
+ margin: -1px;
163
+ overflow: hidden;
164
+ clip: rect(0, 0, 0, 0);
165
+ border: 0; }
166
+ .dark-theme .fr-track-hide-mobile {
167
+ width: 0;
168
+ height: 0; }
169
+ .dark-theme .fr-opacity-0 {
170
+ -webkit-opacity: 0;
171
+ -moz-opacity: 0;
172
+ opacity: 0;
173
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
174
+ .dark-theme.fr-box .fr-counter {
175
+ padding: 10px;
176
+ color: #999999;
177
+ font-size: 14px;
178
+ font-family: sans-serif;
179
+ border-radius: 2px 0 0 0;
180
+ -moz-border-radius: 2px 0 0 0;
181
+ -webkit-border-radius: 2px 0 0 0;
182
+ -moz-background-clip: padding;
183
+ -webkit-background-clip: padding-box;
184
+ background-clip: padding-box; }
185
+ .dark-theme.fr-box.fr-rtl .fr-counter {
186
+ left: 0;
187
+ right: auto;
188
+ border-radius: 0 2px 0 0;
189
+ -moz-border-radius: 0 2px 0 0;
190
+ -webkit-border-radius: 0 2px 0 0;
191
+ -moz-background-clip: padding;
192
+ -webkit-background-clip: padding-box;
193
+ background-clip: padding-box; }
194
+ .dark-theme textarea.fr-code {
195
+ resize: none;
196
+ -moz-resize: none;
197
+ -webkit-resize: none;
198
+ -webkit-box-sizing: border-box;
199
+ -moz-box-sizing: border-box;
200
+ box-sizing: border-box;
201
+ margin: 0;
202
+ background: #FFF;
203
+ color: #000; }
204
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
205
+ top: 0;
206
+ right: 0;
207
+ background: #FFF;
208
+ color: #FFF;
209
+ -moz-outline: 0;
210
+ outline: 0;
211
+ border: 0;
212
+ padding: 8px 7px;
213
+ -webkit-transition: background 0.2s ease 0s;
214
+ -moz-transition: background 0.2s ease 0s;
215
+ -ms-transition: background 0.2s ease 0s;
216
+ -o-transition: background 0.2s ease 0s;
217
+ border-radius: 0;
218
+ -moz-border-radius: 0;
219
+ -webkit-border-radius: 0;
220
+ -moz-background-clip: padding;
221
+ -webkit-background-clip: padding-box;
222
+ background-clip: padding-box;
223
+ -webkit-box-sizing: border-box;
224
+ -moz-box-sizing: border-box;
225
+ box-sizing: border-box;
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
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
233
+ font-size: 24px;
234
+ width: 24px; }
235
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
236
+ background: #424242; }
237
+ .dark-theme.fr-popup .fr-layer.fr-color-hex-layer {
238
+ margin: 0;
239
+ padding: 20px;
240
+ padding-top: 0; }
241
+ .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
242
+ padding: 15px 0 0; }
243
+ .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
244
+ width: 38px;
245
+ height: 40px;
246
+ padding: 17px 0 0;
247
+ margin: 0; }
248
+ .dark-theme.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
249
+ border-radius: 2px;
250
+ -moz-border-radius: 2px;
251
+ -webkit-border-radius: 2px;
252
+ -moz-background-clip: padding;
253
+ -webkit-background-clip: padding-box;
254
+ background-clip: padding-box;
255
+ font-size: 13px;
256
+ height: 40px;
257
+ width: 38px; }
258
+ .dark-theme.fr-popup .fr-color-set {
259
+ line-height: 0; }
260
+ .dark-theme.fr-popup .fr-color-set.fr-selected-set {
261
+ padding: 20px;
262
+ padding-bottom: 0; }
263
+ .dark-theme.fr-popup .fr-color-set > span {
264
+ width: 32px;
265
+ height: 32px; }
266
+ .dark-theme.fr-popup .fr-color-set > span > i, .dark-theme.fr-popup .fr-color-set > span > svg {
267
+ line-height: 32px;
268
+ height: 24px;
269
+ width: 24px;
270
+ margin: 4px;
271
+ font-size: 13px;
272
+ bottom: 0;
273
+ left: 0; }
274
+ .dark-theme.fr-popup .fr-color-set > span > i path, .dark-theme.fr-popup .fr-color-set > span > svg path {
275
+ fill: #FFF; }
276
+ .dark-theme.fr-popup .fr-color-set > span .fr-selected-color {
277
+ color: #FFF;
278
+ font-size: 13px;
279
+ font-weight: 400;
280
+ line-height: 32px;
281
+ top: 0;
282
+ bottom: 0;
283
+ right: 0;
284
+ left: 0; }
285
+ .dark-theme.fr-popup .fr-color-set > span:hover, .dark-theme.fr-popup .fr-color-set > span:focus {
286
+ outline: 1px solid #FFF; }
287
+ .dark-theme.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
288
+ -webkit-transform: translate3d(100%, 0, 0);
289
+ -moz-transform: translate3d(100%, 0, 0);
290
+ -ms-transform: translate3d(100%, 0, 0);
291
+ -o-transform: translate3d(100%, 0, 0); }
292
+ .dark-theme .fr-drag-helper {
293
+ background: #0098f7;
294
+ -webkit-opacity: 0.2;
295
+ -moz-opacity: 0.2;
296
+ opacity: 0.2;
297
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
298
+ z-index: 2147483640; }
299
+ .dark-theme .fr-dragging {
300
+ -webkit-opacity: 0.4;
301
+ -moz-opacity: 0.4;
302
+ opacity: 0.4;
303
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
304
+ .dark-theme.fr-popup .fr-emoticon {
305
+ width: 24px;
306
+ height: 24px; }
307
+ .dark-theme.fr-popup .fr-emoticon img {
308
+ height: 24px;
309
+ width: 24px; }
310
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
311
+ padding: 0 0 0 14px; }
312
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
313
+ .dark-theme.fr-popup .fr-icon-container.fr-emoticon-container {
314
+ width: 368px; } }
315
+ .dark-theme.fr-popup .fr-file-upload-layer {
316
+ border: dashed 2px gray;
317
+ padding: 25px 0;
318
+ margin: 20px;
319
+ -webkit-box-sizing: border-box;
320
+ -moz-box-sizing: border-box;
321
+ box-sizing: border-box; }
322
+ .dark-theme.fr-popup .fr-file-upload-layer:hover {
323
+ background: #424242; }
324
+ .dark-theme.fr-popup .fr-file-upload-layer.fr-drop {
325
+ background: #424242;
326
+ border-color: #0098f7; }
327
+ .dark-theme.fr-popup .fr-file-upload-layer .fr-form {
328
+ -webkit-opacity: 0;
329
+ -moz-opacity: 0;
330
+ opacity: 0;
331
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
332
+ top: 0;
333
+ bottom: 0;
334
+ left: 0;
335
+ right: 0;
336
+ z-index: 2147483640; }
337
+ .dark-theme.fr-popup .fr-file-upload-layer .fr-form input {
338
+ right: 0;
339
+ top: 0;
340
+ bottom: 0;
341
+ margin: 0; }
342
+ .dark-theme.fr-popup .fr-file-progress-bar-layer {
343
+ -webkit-box-sizing: border-box;
344
+ -moz-box-sizing: border-box;
345
+ box-sizing: border-box; }
346
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > h3 {
347
+ margin: 10px 0; }
348
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
349
+ background: #b3e0fd; }
350
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
351
+ background: #0098f7;
352
+ -webkit-transition: width 0.2s ease 0s;
353
+ -moz-transition: width 0.2s ease 0s;
354
+ -ms-transition: width 0.2s ease 0s;
355
+ -o-transition: width 0.2s ease 0s; }
356
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
357
+ top: 0;
358
+ -webkit-animation: loading 2s linear infinite;
359
+ -moz-animation: loading 2s linear infinite;
360
+ -o-animation: loading 2s linear infinite;
361
+ animation: loading 2s linear infinite; }
362
+ .dark-theme .fr-element img {
363
+ padding: 0 1px; }
364
+ .dark-theme .fr-image-resizer {
365
+ border: solid 1px #0098f7;
366
+ user-select: none;
367
+ -o-user-select: none;
368
+ -moz-user-select: none;
369
+ -khtml-user-select: none;
370
+ -webkit-user-select: none;
371
+ -ms-user-select: none;
372
+ -webkit-box-sizing: content-box;
373
+ -moz-box-sizing: content-box;
374
+ box-sizing: content-box; }
375
+ .dark-theme .fr-image-resizer .fr-handler {
376
+ background: #0098f7;
377
+ border: solid 1px #FFF;
378
+ border-radius: 2px;
379
+ -moz-border-radius: 2px;
380
+ -webkit-border-radius: 2px;
381
+ -moz-background-clip: padding;
382
+ -webkit-background-clip: padding-box;
383
+ background-clip: padding-box;
384
+ -webkit-box-sizing: border-box;
385
+ -moz-box-sizing: border-box;
386
+ box-sizing: border-box; }
387
+ .dark-theme .fr-image-resizer .fr-handler {
388
+ width: 12px;
389
+ height: 12px; }
390
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
391
+ left: -6px;
392
+ top: -6px; }
393
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
394
+ right: -6px;
395
+ top: -6px; }
396
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
397
+ left: -6px;
398
+ bottom: -6px; }
399
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
400
+ right: -6px;
401
+ bottom: -6px; }
402
+ @media (min-width: 1200px) {
403
+ .dark-theme .fr-image-resizer .fr-handler {
404
+ width: 10px;
405
+ height: 10px; }
406
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
407
+ left: -5px;
408
+ top: -5px; }
409
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
410
+ right: -5px;
411
+ top: -5px; }
412
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
413
+ left: -5px;
414
+ bottom: -5px; }
415
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
416
+ right: -5px;
417
+ bottom: -5px; } }
418
+ .dark-theme.fr-image-overlay {
419
+ top: 0;
420
+ left: 0;
421
+ bottom: 0;
422
+ right: 0;
423
+ z-index: 2147483640; }
424
+ .dark-theme .fr-by-url-padding {
425
+ padding: 11.5px 0; }
426
+ .dark-theme.fr-popup .fr-upload-progress-layer {
427
+ border-radius: 0;
428
+ overflow-y: auto; }
429
+ .dark-theme.fr-popup .fr-files-upload-layer {
430
+ border: dashed 2px gray;
431
+ margin: 20px; }
432
+ .dark-theme.fr-popup .fr-files-upload-layer:hover {
433
+ background: #424242; }
434
+ .dark-theme.fr-popup .fr-files-upload-layer.fr-drop {
435
+ background: #424242;
436
+ border-color: #0098f7; }
437
+ .dark-theme.fr-popup .fr-files-upload-layer .fr-form {
438
+ -webkit-opacity: 0;
439
+ -moz-opacity: 0;
440
+ opacity: 0;
441
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
442
+ top: 0;
443
+ bottom: 0;
444
+ left: 0;
445
+ right: 0;
446
+ z-index: 2147483640; }
447
+ .dark-theme.fr-popup .fr-files-upload-layer .fr-form input {
448
+ right: 0;
449
+ top: 0;
450
+ bottom: 0;
451
+ margin: 0; }
452
+ .dark-theme.fr-popup .fr-files-progress-bar-layer > h3 {
453
+ margin: 10px 0; }
454
+ .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
455
+ background: #b3e0fd; }
456
+ .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
457
+ background: #0098f7;
458
+ -webkit-transition: width 0.2s ease 0s;
459
+ -moz-transition: width 0.2s ease 0s;
460
+ -ms-transition: width 0.2s ease 0s;
461
+ -o-transition: width 0.2s ease 0s; }
462
+ .dark-theme.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
463
+ top: 0;
464
+ -webkit-animation: loading 2s linear infinite;
465
+ -moz-animation: loading 2s linear infinite;
466
+ -o-animation: loading 2s linear infinite;
467
+ animation: loading 2s linear infinite; }
468
+ .dark-theme .fr-progress-bar {
469
+ background-color: #4CAF50; }
470
+ .dark-theme .fr-uploading {
471
+ -webkit-opacity: 0.4;
472
+ -moz-opacity: 0.4;
473
+ opacity: 0.4;
474
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
475
+ .dark-theme .fr-icons {
476
+ padding: 10px 20px 0; }
477
+ .dark-theme .half-circle {
478
+ border-bottom: 0; }
479
+ .dark-theme .checkbox-container input {
480
+ opacity: 0;
481
+ height: 0;
482
+ width: 0; }
483
+ .dark-theme .checkmark {
484
+ top: 0;
485
+ left: 0; }
486
+ .dark-theme .fr-cloud-icon {
487
+ margin: 0 auto; }
488
+ .dark-theme .fr-files-checkbox {
489
+ -webkit-box-sizing: content-box;
490
+ -moz-box-sizing: content-box;
491
+ box-sizing: content-box; }
492
+ .dark-theme .fr-files-checkbox svg {
493
+ width: 10px;
494
+ height: 10px; }
495
+ .dark-theme .fr-files-checkbox span {
496
+ border-radius: 2px;
497
+ -moz-border-radius: 2px;
498
+ -webkit-border-radius: 2px;
499
+ -moz-background-clip: padding;
500
+ -webkit-background-clip: padding-box;
501
+ background-clip: padding-box;
502
+ -webkit-box-sizing: border-box;
503
+ -moz-box-sizing: border-box;
504
+ box-sizing: border-box;
505
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
506
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
507
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
508
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
509
+ .dark-theme .fr-files-checkbox input {
510
+ -webkit-opacity: 0;
511
+ -moz-opacity: 0;
512
+ opacity: 0;
513
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
514
+ height: 18px;
515
+ margin: 0;
516
+ padding: 0;
517
+ width: 18px; }
518
+ .dark-theme .fr-files-checkbox input:not(:checked) + span {
519
+ border: solid 2px #999999; }
520
+ .dark-theme .fr-files-checkbox input:not(:checked):active + span {
521
+ background-color: #353535; }
522
+ .dark-theme .fr-files-checkbox input:not(:checked):focus + span, .dark-theme .fr-files-checkbox input:not(:checked):hover + span {
523
+ border-color: #515151; }
524
+ .dark-theme .fr-files-checkbox input:checked + span {
525
+ background: #0098f7;
526
+ border: solid 2px #0098f7; }
527
+ .dark-theme .fr-files-checkbox input:checked:active + span {
528
+ background-color: #EcF5Ff; }
529
+ .dark-theme .fr-files-checkbox input:checked:focus + span, .dark-theme .fr-files-checkbox input:checked:hover + span {
530
+ -webkit-opacity: 0.8;
531
+ -moz-opacity: 0.8;
532
+ opacity: 0.8;
533
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
534
+ .dark-theme .fr-checkbox-disabled {
535
+ -webkit-box-sizing: content-box;
536
+ -moz-box-sizing: content-box;
537
+ box-sizing: content-box; }
538
+ .dark-theme .fr-checkbox-disabled span {
539
+ border-radius: 2px;
540
+ -moz-border-radius: 2px;
541
+ -webkit-border-radius: 2px;
542
+ -moz-background-clip: padding;
543
+ -webkit-background-clip: padding-box;
544
+ background-clip: padding-box;
545
+ -webkit-box-sizing: border-box;
546
+ -moz-box-sizing: border-box;
547
+ box-sizing: border-box;
548
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
549
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
550
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
551
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
552
+ .dark-theme .fr-checkbox-disabled input {
553
+ -webkit-opacity: 0;
554
+ -moz-opacity: 0;
555
+ opacity: 0;
556
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
557
+ margin: 0;
558
+ padding: 0; }
559
+ .dark-theme .fr-checkbox-disabled input:not(:checked) + span {
560
+ border: solid 2px #999999; }
561
+ .dark-theme .fr-checkbox-disabled input:not(:checked):active + span {
562
+ background-color: #353535; }
563
+ .dark-theme .fr-checkbox-disabled input:checked + span {
564
+ background: #0098f7;
565
+ border: solid 2px #0098f7; }
566
+ .dark-theme .fr-checkbox-disabled input:checked:active + span {
567
+ background-color: #EcF5Ff; }
568
+ .dark-theme .fr-files-manager-tooltip .tooltiptext {
569
+ font-weight: 100; }
570
+ .dark-theme .fr-file-view-modal {
571
+ left: 0;
572
+ top: 0;
573
+ overflow: auto; }
574
+ .dark-theme .fr-file-view-image {
575
+ top: 0;
576
+ bottom: 0;
577
+ left: 0;
578
+ right: 0;
579
+ margin: auto; }
580
+ .dark-theme .fr-file-error {
581
+ font-weight: 200; }
582
+ .dark-theme .fr-autoplay-checkbox-label {
583
+ margin: 0; }
584
+ .dark-theme .checkbox-container .checkmark:after {
585
+ border-width: 0 3px 3px 0; }
586
+ .dark-theme .file-item-details .file-description {
587
+ font-weight: 300; }
588
+ .dark-theme #myprogressBar {
589
+ background-color: #4CAF50; }
590
+ .dark-theme .progress-circle {
591
+ padding: 0; }
592
+ .dark-theme .fr-hovered-over-file {
593
+ background-color: #F0F0F0; }
594
+ .dark-theme.fr-box.fr-fullscreen {
595
+ top: 0;
596
+ left: 0;
597
+ bottom: 0;
598
+ right: 0; }
599
+ .dark-theme.fr-box.fr-fullscreen .fr-wrapper {
600
+ background-color: #FFF; }
601
+ .dark-theme.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
602
+ border-radius: 0;
603
+ -moz-border-radius: 0;
604
+ -webkit-border-radius: 0;
605
+ -moz-background-clip: padding;
606
+ -webkit-background-clip: padding-box;
607
+ background-clip: padding-box; }
608
+ .dark-theme.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
609
+ border-radius: 0;
610
+ -moz-border-radius: 0;
611
+ -webkit-border-radius: 0;
612
+ -moz-background-clip: padding;
613
+ -webkit-background-clip: padding-box;
614
+ background-clip: padding-box; }
615
+ .dark-theme.fr-box.fr-fullscreen .fr-toolbar {
616
+ border-radius: 0;
617
+ -moz-border-radius: 0;
618
+ -webkit-border-radius: 0;
619
+ -moz-background-clip: padding;
620
+ -webkit-background-clip: padding-box;
621
+ background-clip: padding-box; }
622
+ .dark-theme.fr-box.fr-fullscreen .fr-second-toolbar {
623
+ margin-top: 0;
624
+ border-radius: 0;
625
+ -moz-border-radius: 0;
626
+ -webkit-border-radius: 0;
627
+ -moz-background-clip: padding;
628
+ -webkit-background-clip: padding-box;
629
+ background-clip: padding-box; }
630
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
631
+ border: 0; }
632
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
633
+ border-bottom: solid 1px #595959; }
634
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
635
+ color: white; }
636
+ .dark-theme .fr-element img {
637
+ padding: 0 1px; }
638
+ .dark-theme .fr-image-resizer {
639
+ border: solid 1px #0098f7;
640
+ user-select: none;
641
+ -o-user-select: none;
642
+ -moz-user-select: none;
643
+ -khtml-user-select: none;
644
+ -webkit-user-select: none;
645
+ -ms-user-select: none;
646
+ -webkit-box-sizing: content-box;
647
+ -moz-box-sizing: content-box;
648
+ box-sizing: content-box; }
649
+ .dark-theme .fr-image-resizer .fr-handler {
650
+ background: #0098f7;
651
+ border: solid 1px #FFF;
652
+ border-radius: 2px;
653
+ -moz-border-radius: 2px;
654
+ -webkit-border-radius: 2px;
655
+ -moz-background-clip: padding;
656
+ -webkit-background-clip: padding-box;
657
+ background-clip: padding-box;
658
+ -webkit-box-sizing: border-box;
659
+ -moz-box-sizing: border-box;
660
+ box-sizing: border-box; }
661
+ .dark-theme .fr-image-resizer .fr-handler {
662
+ width: 12px;
663
+ height: 12px; }
664
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
665
+ left: -6px;
666
+ top: -6px; }
667
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
668
+ right: -6px;
669
+ top: -6px; }
670
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
671
+ left: -6px;
672
+ bottom: -6px; }
673
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
674
+ right: -6px;
675
+ bottom: -6px; }
676
+ @media (min-width: 1200px) {
677
+ .dark-theme .fr-image-resizer .fr-handler {
678
+ width: 10px;
679
+ height: 10px; }
680
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
681
+ left: -5px;
682
+ top: -5px; }
683
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
684
+ right: -5px;
685
+ top: -5px; }
686
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
687
+ left: -5px;
688
+ bottom: -5px; }
689
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
690
+ right: -5px;
691
+ bottom: -5px; } }
692
+ .dark-theme.fr-image-overlay {
693
+ top: 0;
694
+ left: 0;
695
+ bottom: 0;
696
+ right: 0;
697
+ z-index: 2147483640; }
698
+ .dark-theme.fr-popup .fr-image-upload-layer {
699
+ border: dashed 2px gray;
700
+ padding: 25px 0;
701
+ margin: 20px; }
702
+ .dark-theme.fr-popup .fr-image-upload-layer:hover {
703
+ background: #424242; }
704
+ .dark-theme.fr-popup .fr-image-upload-layer.fr-drop {
705
+ background: #424242;
706
+ border-color: #0098f7; }
707
+ .dark-theme.fr-popup .fr-image-upload-layer .fr-form {
708
+ -webkit-opacity: 0;
709
+ -moz-opacity: 0;
710
+ opacity: 0;
711
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
712
+ top: 0;
713
+ bottom: 0;
714
+ left: 0;
715
+ right: 0;
716
+ z-index: 2147483640; }
717
+ .dark-theme.fr-popup .fr-image-upload-layer .fr-form input {
718
+ right: 0;
719
+ top: 0;
720
+ bottom: 0;
721
+ margin: 0; }
722
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > h3 {
723
+ margin: 10px 0; }
724
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
725
+ background: #b3e0fd; }
726
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
727
+ background: #0098f7;
728
+ -webkit-transition: width 0.2s ease 0s;
729
+ -moz-transition: width 0.2s ease 0s;
730
+ -ms-transition: width 0.2s ease 0s;
731
+ -o-transition: width 0.2s ease 0s; }
732
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
733
+ top: 0;
734
+ -webkit-animation: loading 2s linear infinite;
735
+ -moz-animation: loading 2s linear infinite;
736
+ -o-animation: loading 2s linear infinite;
737
+ animation: loading 2s linear infinite; }
738
+ .dark-theme .fr-uploading {
739
+ -webkit-opacity: 0.4;
740
+ -moz-opacity: 0.4;
741
+ opacity: 0.4;
742
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
743
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line::after {
744
+ clear: both;
745
+ display: block;
746
+ content: "";
747
+ height: 0; }
748
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
749
+ margin-top: 10px; }
750
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
751
+ opacity: 0;
752
+ width: 0;
753
+ padding: 12px 0; }
754
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags {
755
+ padding: 0 20px; }
756
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a {
757
+ opacity: 0;
758
+ padding: 6px 12px;
759
+ margin: 8px 0 8px 8px;
760
+ border-radius: 32px;
761
+ -moz-border-radius: 32px;
762
+ -webkit-border-radius: 32px;
763
+ -moz-background-clip: padding;
764
+ -webkit-background-clip: padding-box;
765
+ background-clip: padding-box;
766
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
767
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
768
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
769
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
770
+ background-color: #353535; }
771
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:focus {
772
+ background-color: #424242; }
773
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:hover {
774
+ background-color: #424242; }
775
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a:active {
776
+ background-color: #4f4f4f; }
777
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
778
+ background-color: #4f4f4f;
779
+ color: #0098f7; }
780
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
781
+ background-color: #424242; }
782
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
783
+ background-color: #424242; }
784
+ .dark-theme.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
785
+ background-color: #4f4f4f; }
786
+ .dark-theme.fr-show-tags .fr-modal-more svg path {
787
+ fill: #0098f7; }
788
+ .dark-themediv.fr-modal-body {
789
+ -webkit-transition: background 0.2s ease 0s;
790
+ -moz-transition: background 0.2s ease 0s;
791
+ -ms-transition: background 0.2s ease 0s;
792
+ -o-transition: background 0.2s ease 0s; }
793
+ .dark-themediv.fr-modal-body .fr-preloader {
794
+ margin: 50px auto; }
795
+ .dark-themediv.fr-modal-body div.fr-image-list {
796
+ margin: 0 20px;
797
+ padding: 0; }
798
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
799
+ border-radius: 2px;
800
+ -moz-border-radius: 2px;
801
+ -webkit-border-radius: 2px;
802
+ -moz-background-clip: padding;
803
+ -webkit-background-clip: padding-box;
804
+ background-clip: padding-box; }
805
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
806
+ -webkit-opacity: 0.5;
807
+ -moz-opacity: 0.5;
808
+ opacity: 0.5;
809
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
810
+ -webkit-transition: opacity 0.2s ease 0s;
811
+ -moz-transition: opacity 0.2s ease 0s;
812
+ -ms-transition: opacity 0.2s ease 0s;
813
+ -o-transition: opacity 0.2s ease 0s;
814
+ background: #000;
815
+ top: 0;
816
+ left: 0;
817
+ bottom: 0;
818
+ right: 0; }
819
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
820
+ color: #FFF;
821
+ top: 0;
822
+ left: 0;
823
+ bottom: 0;
824
+ right: 0;
825
+ margin: auto; }
826
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
827
+ background: #AAA; }
828
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
829
+ margin: auto;
830
+ top: 0;
831
+ bottom: 0;
832
+ left: 0;
833
+ right: 0; }
834
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
835
+ -webkit-opacity: 1;
836
+ -moz-opacity: 1;
837
+ opacity: 1;
838
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
839
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
840
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
841
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
842
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
843
+ -webkit-transform: translateZ(0);
844
+ -moz-transform: translateZ(0);
845
+ -ms-transform: translateZ(0);
846
+ -o-transform: translateZ(0); }
847
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
848
+ -webkit-opacity: 0.75;
849
+ -moz-opacity: 0.75;
850
+ opacity: 0.75;
851
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
852
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
853
+ border-radius: 100%;
854
+ -moz-border-radius: 100%;
855
+ -webkit-border-radius: 100%;
856
+ -moz-background-clip: padding;
857
+ -webkit-background-clip: padding-box;
858
+ background-clip: padding-box;
859
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
860
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
861
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
862
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
863
+ -webkit-box-sizing: border-box;
864
+ -moz-box-sizing: border-box;
865
+ box-sizing: border-box;
866
+ margin: 0;
867
+ line-height: 40px; }
868
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
869
+ background: #B8312F;
870
+ fill: #FFF;
871
+ padding: 8px;
872
+ -webkit-transform: translateY(-50%) translateX(25%);
873
+ -moz-transform: translateY(-50%) translateX(25%);
874
+ -ms-transform: translateY(-50%) translateX(25%);
875
+ -o-transform: translateY(-50%) translateX(25%); }
876
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
877
+ background: #353535;
878
+ fill: #0098f7;
879
+ padding: 8px;
880
+ -webkit-transform: translateY(-50%) translateX(-125%);
881
+ -moz-transform: translateY(-50%) translateX(-125%);
882
+ -ms-transform: translateY(-50%) translateX(-125%);
883
+ -o-transform: translateY(-50%) translateX(-125%); }
884
+ .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
885
+ -webkit-opacity: 0.75;
886
+ -moz-opacity: 0.75;
887
+ opacity: 0.75;
888
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
889
+ .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
890
+ width: 40px;
891
+ height: 40px; }
892
+ .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
893
+ background: #bf4644;
894
+ color: #FFF; }
895
+ .dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
896
+ background: #424242; }
897
+ .dark-theme .fr-line-breaker {
898
+ border-top: 1px solid #0098f7; }
899
+ .dark-theme .fr-line-breaker a.fr-floating-btn {
900
+ left: calc(50% - (40px / 2));
901
+ top: -20px; }
902
+ .dark-theme .fr-line-breaker a.fr-floating-btn svg {
903
+ margin: 8px;
904
+ height: 24px;
905
+ width: 24px; }
906
+ .dark-theme .fr-markdown-view {
907
+ box-sizing: inherit; }
908
+ .dark-theme .fr-markdown-editor {
909
+ box-sizing: inherit; }
910
+ .dark-theme .fr-markdown-editor > p {
911
+ margin: 0; }
912
+ .dark-theme .fr-markdown-view > p {
913
+ margin-top: 0; }
914
+ .dark-theme .fr-markdown-view > dl {
915
+ margin-top: 0; }
916
+ .dark-theme .fr-markdown-view > dt {
917
+ font-weight: 700; }
918
+ .dark-theme .fr-markdown-view > dd {
919
+ margin-left: 0; }
920
+ .dark-theme .fr-markdown-view > pre code {
921
+ border: 0;
922
+ padding: 0; }
923
+ .dark-theme .fr-markdown-view > hr {
924
+ border: 0; }
925
+ .dark-theme .fr-markdown-view > table {
926
+ border-spacing: 0; }
927
+ .dark-theme .fr-quick-insert {
928
+ padding-right: 10px;
929
+ -webkit-box-sizing: content-box;
930
+ -moz-box-sizing: content-box;
931
+ box-sizing: content-box; }
932
+ .dark-theme .fr-quick-insert a.fr-floating-btn svg {
933
+ margin: 8px;
934
+ width: 24px;
935
+ height: 24px; }
936
+ .dark-theme .fr-quick-insert.fr-on a.fr-floating-btn svg {
937
+ -webkit-transform: rotate(135deg);
938
+ -moz-transform: rotate(135deg);
939
+ -ms-transform: rotate(135deg);
940
+ -o-transform: rotate(135deg); }
941
+ .dark-theme .fr-qi-helper {
942
+ padding-left: 20px; }
943
+ .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
944
+ padding: 6px 10px 10px 10px;
945
+ color: #FFF;
946
+ background: #353535;
947
+ -webkit-opacity: 0;
948
+ -moz-opacity: 0;
949
+ opacity: 0;
950
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
951
+ -webkit-transform: scale(0);
952
+ -moz-transform: scale(0);
953
+ -ms-transform: scale(0);
954
+ -o-transform: scale(0); }
955
+ .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn svg {
956
+ fill: #FFF; }
957
+ .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
958
+ -webkit-opacity: 1;
959
+ -moz-opacity: 1;
960
+ opacity: 1;
961
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
962
+ -webkit-transform: scale(1);
963
+ -moz-transform: scale(1);
964
+ -ms-transform: scale(1);
965
+ -o-transform: scale(1); }
966
+ .dark-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
967
+ padding: 10px 15px; }
968
+ .dark-theme.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
969
+ font-size: 16px; }
970
+ .dark-theme.fr-popup .fr-special-character {
971
+ width: 24px;
972
+ height: 24px; }
973
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
974
+ .dark-theme.fr-popup .fr-icon-container.fr-sc-container {
975
+ width: 368px; } }
976
+ .dark-theme .fr-element table td.fr-selected-cell, .dark-theme .fr-element table th.fr-selected-cell {
977
+ border: 1px double #0098f7; }
978
+ .dark-theme .fr-element table tr {
979
+ user-select: none;
980
+ -o-user-select: none;
981
+ -moz-user-select: none;
982
+ -khtml-user-select: none;
983
+ -webkit-user-select: none;
984
+ -ms-user-select: none; }
985
+ .dark-theme .fr-element table td, .dark-theme .fr-element table th {
986
+ user-select: text;
987
+ -o-user-select: text;
988
+ -moz-user-select: text;
989
+ -khtml-user-select: text;
990
+ -webkit-user-select: text;
991
+ -ms-user-select: text; }
992
+ .dark-theme .fr-element .fr-no-selection table td, .dark-theme .fr-element .fr-no-selection table th {
993
+ user-select: none;
994
+ -o-user-select: none;
995
+ -moz-user-select: none;
996
+ -khtml-user-select: none;
997
+ -webkit-user-select: none;
998
+ -ms-user-select: none; }
999
+ .dark-theme .fr-table-resizer div {
1000
+ -webkit-opacity: 0;
1001
+ -moz-opacity: 0;
1002
+ opacity: 0;
1003
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1004
+ border-right: 1px solid #0098f7; }
1005
+ .dark-theme .fr-no-selection {
1006
+ user-select: none;
1007
+ -o-user-select: none;
1008
+ -moz-user-select: none;
1009
+ -khtml-user-select: none;
1010
+ -webkit-user-select: none;
1011
+ -ms-user-select: none; }
1012
+ .dark-theme.fr-popup .fr-table-size {
1013
+ margin: 20px; }
1014
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size {
1015
+ line-height: 0; }
1016
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span {
1017
+ padding: 0 4px 4px 0; }
1018
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
1019
+ border: 1px solid #DDD; }
1020
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
1021
+ background: rgba(0, 152, 247, 0.3);
1022
+ border: solid 1px #0098f7; }
1023
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
1024
+ clear: both;
1025
+ display: block;
1026
+ content: "";
1027
+ height: 0; }
1028
+ .dark-theme.fr-popup .fr-table-colors {
1029
+ padding: 20px;
1030
+ padding-bottom: 0; }
1031
+ .dark-theme #fr-form-container {
1032
+ margin: auto;
1033
+ overflow: auto; }
1034
+ .dark-theme .fr-range-value-start > span:before {
1035
+ width: 0;
1036
+ height: 0; }
1037
+ .dark-theme .fr-range-value-end > span:before {
1038
+ width: 0;
1039
+ height: 0; }
1040
+ .dark-theme .fr-range-slider > input {
1041
+ left: 0; }
1042
+ .dark-theme .fr-range-slider > input::-moz-range-thumb {
1043
+ z-index: 10; }
1044
+ .dark-theme .fr-range-slider > input::-moz-range-track {
1045
+ border: 0; }
1046
+ .dark-theme .fr-range-slider > input:last-of-type::-moz-range-track {
1047
+ border: 0; }
1048
+ .dark-theme .fr-range-slider > input[type="range"]::-moz-focus-outer {
1049
+ border: 0; }
1050
+ .dark-theme .fr-element .fr-video {
1051
+ user-select: none;
1052
+ -o-user-select: none;
1053
+ -moz-user-select: none;
1054
+ -khtml-user-select: none;
1055
+ -webkit-user-select: none;
1056
+ -ms-user-select: none; }
1057
+ .dark-theme .fr-element .fr-video::after {
1058
+ top: 0;
1059
+ left: 0;
1060
+ right: 0;
1061
+ bottom: 0; }
1062
+ .dark-theme .fr-element .fr-video > * {
1063
+ -webkit-box-sizing: content-box;
1064
+ -moz-box-sizing: content-box;
1065
+ box-sizing: content-box; }
1066
+ .dark-theme.fr-box .fr-video-resizer {
1067
+ border: solid 1px #0098f7;
1068
+ user-select: none;
1069
+ -o-user-select: none;
1070
+ -moz-user-select: none;
1071
+ -khtml-user-select: none;
1072
+ -webkit-user-select: none;
1073
+ -ms-user-select: none; }
1074
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
1075
+ background: #0098f7;
1076
+ border: solid 1px #FFF;
1077
+ -webkit-box-sizing: border-box;
1078
+ -moz-box-sizing: border-box;
1079
+ box-sizing: border-box; }
1080
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
1081
+ width: 12px;
1082
+ height: 12px; }
1083
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1084
+ left: -6px;
1085
+ top: -6px; }
1086
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1087
+ right: -6px;
1088
+ top: -6px; }
1089
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1090
+ left: -6px;
1091
+ bottom: -6px; }
1092
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1093
+ right: -6px;
1094
+ bottom: -6px; }
1095
+ @media (min-width: 1200px) {
1096
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
1097
+ width: 10px;
1098
+ height: 10px; }
1099
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
1100
+ left: -5px;
1101
+ top: -5px; }
1102
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
1103
+ right: -5px;
1104
+ top: -5px; }
1105
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
1106
+ left: -5px;
1107
+ bottom: -5px; }
1108
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
1109
+ right: -5px;
1110
+ bottom: -5px; } }
1111
+ .dark-theme.fr-popup .fr-video-upload-layer {
1112
+ border: dashed 2px gray;
1113
+ padding: 25px 0;
1114
+ margin: 20px; }
1115
+ .dark-theme.fr-popup .fr-video-upload-layer:hover {
1116
+ background: #424242; }
1117
+ .dark-theme.fr-popup .fr-video-upload-layer.fr-drop {
1118
+ background: #424242;
1119
+ border-color: #0098f7; }
1120
+ .dark-theme.fr-popup .fr-video-upload-layer .fr-form {
1121
+ -webkit-opacity: 0;
1122
+ -moz-opacity: 0;
1123
+ opacity: 0;
1124
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1125
+ top: 0;
1126
+ bottom: 0;
1127
+ left: 0;
1128
+ right: 0;
1129
+ z-index: 2147483640; }
1130
+ .dark-theme.fr-popup .fr-video-upload-layer .fr-form input {
1131
+ right: 0;
1132
+ top: 0;
1133
+ bottom: 0;
1134
+ margin: 0; }
1135
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > h3 {
1136
+ margin: 10px 0; }
1137
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
1138
+ background: #b3e0fd; }
1139
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
1140
+ background: #0098f7;
1141
+ -webkit-transition: width 0.2s ease 0s;
1142
+ -moz-transition: width 0.2s ease 0s;
1143
+ -ms-transition: width 0.2s ease 0s;
1144
+ -o-transition: width 0.2s ease 0s; }
1145
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
1146
+ top: 0;
1147
+ -webkit-animation: loading 2s linear infinite;
1148
+ -moz-animation: loading 2s linear infinite;
1149
+ -o-animation: loading 2s linear infinite;
1150
+ animation: loading 2s linear infinite; }
1151
+ .dark-theme.fr-video-overlay {
1152
+ top: 0;
1153
+ left: 0;
1154
+ bottom: 0;
1155
+ right: 0;
1156
+ z-index: 2147483640; }
1157
+ .dark-theme .fr-view img.fr-rounded, .dark-theme .fr-view .fr-img-caption.fr-rounded img {
1158
+ border-radius: 10px;
1159
+ -moz-border-radius: 10px;
1160
+ -webkit-border-radius: 10px;
1161
+ -moz-background-clip: padding;
1162
+ -webkit-background-clip: padding-box;
1163
+ background-clip: padding-box; }
1164
+ .dark-theme .fr-view img.fr-shadow, .dark-theme .fr-view .fr-img-caption.fr-shadow img {
1165
+ -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
1166
+ -moz-box-shadow: 10px 10px 5px 0px #cccccc;
1167
+ box-shadow: 10px 10px 5px 0px #cccccc; }
1168
+ .dark-theme .fr-view img.fr-bordered {
1169
+ -webkit-box-sizing: content-box;
1170
+ -moz-box-sizing: content-box;
1171
+ box-sizing: content-box; }
1172
+ .dark-theme .fr-view .fr-img-caption.fr-bordered img {
1173
+ -webkit-box-sizing: border-box;
1174
+ -moz-box-sizing: border-box;
1175
+ box-sizing: border-box; }
1176
+ .dark-theme .fr-view span[style~="color:"] a {
1177
+ color: inherit; }
1178
+ .dark-theme .fr-view strong {
1179
+ font-weight: 700; }
1180
+ .dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
1181
+ background: lightgray; }
1182
+ .dark-theme .fr-view table td, .dark-theme .fr-view table th {
1183
+ border: 1px solid #DDD; }
1184
+ .dark-theme .fr-view table th {
1185
+ background: #ececec; }
1186
+ .dark-theme .fr-view hr {
1187
+ user-select: none;
1188
+ -o-user-select: none;
1189
+ -moz-user-select: none;
1190
+ -khtml-user-select: none;
1191
+ -webkit-user-select: none;
1192
+ -ms-user-select: none; }
1193
+ .dark-theme .fr-view[dir="rtl"] blockquote {
1194
+ border-right: solid 2px #5E35B1;
1195
+ margin-right: 0;
1196
+ padding-left: 0; }
1197
+ .dark-theme .fr-view[dir="rtl"] blockquote blockquote {
1198
+ border-color: #00BCD4; }
1199
+ .dark-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
1200
+ border-color: #43A047; }
1201
+ .dark-theme .fr-view blockquote {
1202
+ border-left: solid 2px #5E35B1;
1203
+ margin-left: 0;
1204
+ color: #5E35B1; }
1205
+ .dark-theme .fr-view blockquote blockquote {
1206
+ border-color: #00BCD4;
1207
+ color: #00BCD4; }
1208
+ .dark-theme .fr-view blockquote blockquote blockquote {
1209
+ border-color: #43A047;
1210
+ color: #43A047; }
1211
+ .dark-theme .fr-view span.fr-emoticon {
1212
+ line-height: 0; }
1213
+ .dark-theme .fr-view span.fr-emoticon.fr-emoticon-img {
1214
+ font-size: inherit; }
1215
+ .dark-theme .fr-view .fr-text-bordered {
1216
+ padding: 10px 0; }
1217
+ .dark-theme .fr-view .fr-class-highlighted {
1218
+ background-color: #ffff00; }
1219
+ .dark-theme .fr-view .fr-class-code {
1220
+ border-radius: 2px;
1221
+ -moz-border-radius: 2px;
1222
+ -webkit-border-radius: 2px;
1223
+ -moz-background-clip: padding;
1224
+ -webkit-background-clip: padding-box;
1225
+ background-clip: padding-box;
1226
+ background: #353535; }
1227
+ .dark-theme .fr-view img.fr-dib {
1228
+ margin: 5px auto; }
1229
+ .dark-theme .fr-view img.fr-dib.fr-fil {
1230
+ margin-left: 0; }
1231
+ .dark-theme .fr-view img.fr-dib.fr-fir {
1232
+ margin-right: 0; }
1233
+ .dark-theme .fr-view img.fr-dii {
1234
+ margin-left: 5px;
1235
+ margin-right: 5px;
1236
+ max-width: calc(100% - (2 * 5px)); }
1237
+ .dark-theme .fr-view img.fr-dii.fr-fil {
1238
+ margin: 5px 5px 5px 0;
1239
+ max-width: calc(100% - 5px); }
1240
+ .dark-theme .fr-view img.fr-dii.fr-fir {
1241
+ margin: 5px 0 5px 5px;
1242
+ max-width: calc(100% - 5px); }
1243
+ .dark-theme .fr-view span.fr-img-caption.fr-dib {
1244
+ margin: 5px auto; }
1245
+ .dark-theme .fr-view span.fr-img-caption.fr-dib.fr-fil {
1246
+ margin-left: 0; }
1247
+ .dark-theme .fr-view span.fr-img-caption.fr-dib.fr-fir {
1248
+ margin-right: 0; }
1249
+ .dark-theme .fr-view span.fr-img-caption.fr-dii {
1250
+ margin-left: 5px;
1251
+ margin-right: 5px;
1252
+ max-width: calc(100% - (2 * 5px)); }
1253
+ .dark-theme .fr-view span.fr-img-caption.fr-dii.fr-fil {
1254
+ margin: 5px 5px 5px 0;
1255
+ max-width: calc(100% - 5px); }
1256
+ .dark-theme .fr-view span.fr-img-caption.fr-dii.fr-fir {
1257
+ margin: 5px 0 5px 5px;
1258
+ max-width: calc(100% - 5px); }
1259
+ .dark-theme .fr-view .fr-video.fr-rv {
1260
+ height: 0; }
1261
+ .dark-theme .fr-view .fr-video.fr-rv > iframe, .dark-theme .fr-view .fr-video.fr-rv object, .dark-theme .fr-view .fr-video.fr-rv embed {
1262
+ top: 0;
1263
+ left: 0; }
1264
+ .dark-theme .fr-view .fr-video > * {
1265
+ -webkit-box-sizing: content-box;
1266
+ -moz-box-sizing: content-box;
1267
+ box-sizing: content-box; }
1268
+ .dark-theme .fr-view a.fr-strong {
1269
+ font-weight: 700; }
1270
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap {
1271
+ padding: 0;
1272
+ margin: auto; }
1273
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap img {
1274
+ margin: auto; }
1275
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap > span {
1276
+ margin: auto;
1277
+ -webkit-box-sizing: border-box;
1278
+ -moz-box-sizing: border-box;
1279
+ box-sizing: border-box;
1280
+ -webkit-opacity: 0.9;
1281
+ -moz-opacity: 0.9;
1282
+ opacity: 0.9;
1283
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1284
+ .dark-theme .fr-view button.fr-rounded, .dark-theme .fr-view input.fr-rounded, .dark-theme .fr-view textarea.fr-rounded {
1285
+ border-radius: 10px;
1286
+ -moz-border-radius: 10px;
1287
+ -webkit-border-radius: 10px;
1288
+ -moz-background-clip: padding;
1289
+ -webkit-background-clip: padding-box;
1290
+ background-clip: padding-box; }
1291
+ .dark-theme a.fr-view.fr-strong {
1292
+ font-weight: 700; }
1293
+ .dark-theme img.fr-view.fr-dib {
1294
+ margin: 5px auto; }
1295
+ .dark-theme img.fr-view.fr-dib.fr-fil {
1296
+ margin-left: 0; }
1297
+ .dark-theme img.fr-view.fr-dib.fr-fir {
1298
+ margin-right: 0; }
1299
+ .dark-theme img.fr-view.fr-dii {
1300
+ margin-left: 5px;
1301
+ margin-right: 5px;
1302
+ max-width: calc(100% - (2 * 5px)); }
1303
+ .dark-theme img.fr-view.fr-dii.fr-fil {
1304
+ margin: 5px 5px 5px 0;
1305
+ max-width: calc(100% - 5px); }
1306
+ .dark-theme img.fr-view.fr-dii.fr-fir {
1307
+ margin: 5px 0 5px 5px;
1308
+ max-width: calc(100% - 5px); }
1309
+ .dark-theme span.fr-img-caption.fr-view.fr-dib {
1310
+ margin: 5px auto; }
1311
+ .dark-theme span.fr-img-caption.fr-view.fr-dib.fr-fil {
1312
+ margin-left: 0; }
1313
+ .dark-theme span.fr-img-caption.fr-view.fr-dib.fr-fir {
1314
+ margin-right: 0; }
1315
+ .dark-theme span.fr-img-caption.fr-view.fr-dii {
1316
+ margin-left: 5px;
1317
+ margin-right: 5px;
1318
+ max-width: calc(100% - (2 * 5px)); }
1319
+ .dark-theme span.fr-img-caption.fr-view.fr-dii.fr-fil {
1320
+ margin: 5px 5px 5px 0;
1321
+ max-width: calc(100% - 5px); }
1322
+ .dark-theme span.fr-img-caption.fr-view.fr-dii.fr-fir {
1323
+ margin: 5px 0 5px 5px;
1324
+ max-width: calc(100% - 5px); }
1325
+ .dark-theme .fr-element .fr-embedly {
1326
+ user-select: none;
1327
+ -o-user-select: none;
1328
+ -moz-user-select: none;
1329
+ -khtml-user-select: none;
1330
+ -webkit-user-select: none;
1331
+ -ms-user-select: none; }
1332
+ .dark-theme .fr-element .fr-embedly::after {
1333
+ top: 0;
1334
+ left: 0;
1335
+ right: 0;
1336
+ bottom: 0; }
1337
+ .dark-theme .fr-element .fr-embedly > * {
1338
+ -webkit-box-sizing: content-box;
1339
+ -moz-box-sizing: content-box;
1340
+ box-sizing: content-box; }
1341
+ .dark-theme.fr-box .fr-embedly-resizer {
1342
+ border: solid 1px #0098f7;
1343
+ user-select: none;
1344
+ -o-user-select: none;
1345
+ -moz-user-select: none;
1346
+ -khtml-user-select: none;
1347
+ -webkit-user-select: none;
1348
+ -ms-user-select: none; }
1349
+ .dark-theme.fr-popup .fr-icon.fr-fa-icon {
1350
+ width: 18px;
1351
+ padding: 8px;
1352
+ margin: 6px;
1353
+ font-size: 16px; }
1354
+ @supports not (-ms-high-contrast: none) {
1355
+ .dark-theme.fr-popup .fr-icon-container.fr-fa-container {
1356
+ grid-template-columns: repeat(auto-fill, minmax(45px, 45px)); } }
1357
+ @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
1358
+ .dark-theme.fr-popup .fr-icon-container.fr-fa-container {
1359
+ width: 506px; } }
1360
+ .dark-theme .tui-image-editor-container {
1361
+ top: 0;
1362
+ left: 0;
1363
+ bottom: 0;
1364
+ right: 0;
1365
+ z-index: 10; }
1366
+ .dark-theme .tui-editor-cancel-btn {
1367
+ background-color: #FFF;
1368
+ border: 1px solid #AAA; }
1369
+ .dark-theme .tui-editor-save-btn {
1370
+ color: #FFF; }
1371
+ .dark-theme .examples-variante > a {
1372
+ font-size: 14px;
1373
+ font-family: Arial, Helvetica, sans-serif; }
1374
+ .dark-theme .sc-cm-holder > .sc-cm {
1375
+ border-top: 5px solid #222222 !important; }
1376
+ .dark-theme .sc-cm__item_dropdown:hover > a, .dark-theme .sc-cm a:hover {
1377
+ background-color: #424242 !important; }
1378
+ .dark-theme .sc-cm__item_active > a, .dark-theme .sc-cm__item_active > a:hover, .dark-theme .sc-cm a:active, .dark-theme .sc-cm a:focus {
1379
+ background-color: #424242 !important; }
1380
+ .dark-theme .sc-cm-holder > .sc-cm:before {
1381
+ background-color: #424242 !important; }
1382
+ .dark-theme .fr-tooltip {
1383
+ top: 0;
1384
+ left: 0;
1385
+ border-radius: 2px;
1386
+ -moz-border-radius: 2px;
1387
+ -webkit-border-radius: 2px;
1388
+ -moz-background-clip: padding;
1389
+ -webkit-background-clip: padding-box;
1390
+ background-clip: padding-box;
1391
+ background: #222222;
1392
+ color: #FFF;
1393
+ font-size: 11px;
1394
+ line-height: 22px;
1395
+ font-family: Arial, Helvetica, sans-serif;
1396
+ -webkit-transition: opacity 0.2s ease 0s;
1397
+ -moz-transition: opacity 0.2s ease 0s;
1398
+ -ms-transition: opacity 0.2s ease 0s;
1399
+ -o-transition: opacity 0.2s ease 0s;
1400
+ -webkit-opacity: 0;
1401
+ -moz-opacity: 0;
1402
+ opacity: 0;
1403
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1404
+ user-select: none;
1405
+ -o-user-select: none;
1406
+ -moz-user-select: none;
1407
+ -khtml-user-select: none;
1408
+ -webkit-user-select: none;
1409
+ -ms-user-select: none;
1410
+ -webkit-font-smoothing: antialiased;
1411
+ -moz-osx-font-smoothing: grayscale; }
1412
+ .dark-theme .fr-tooltip.fr-visible {
1413
+ -webkit-opacity: 1;
1414
+ -moz-opacity: 1;
1415
+ opacity: 1;
1416
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1417
+ .dark-theme.fr-toolbar .fr-command.fr-btn, .dark-theme.fr-popup .fr-command.fr-btn, .dark-theme.fr-modal .fr-command.fr-btn {
1418
+ color: #FFF;
1419
+ -moz-outline: 0;
1420
+ border: 0;
1421
+ margin: 4px 2px;
1422
+ padding: 0;
1423
+ -webkit-transition: all 0.5s;
1424
+ -moz-transition: all 0.5s;
1425
+ -ms-transition: all 0.5s;
1426
+ -o-transition: all 0.5s;
1427
+ border-radius: 4px;
1428
+ -moz-border-radius: 4px;
1429
+ -webkit-border-radius: 4px;
1430
+ -moz-background-clip: padding;
1431
+ -webkit-background-clip: padding-box;
1432
+ background-clip: padding-box;
1433
+ -webkit-box-sizing: border-box;
1434
+ -moz-box-sizing: border-box;
1435
+ box-sizing: border-box;
1436
+ user-select: none;
1437
+ -o-user-select: none;
1438
+ -moz-user-select: none;
1439
+ -khtml-user-select: none;
1440
+ -webkit-user-select: none;
1441
+ -ms-user-select: none;
1442
+ height: 40px; }
1443
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
1444
+ border-radius: 0 4px 4px 0;
1445
+ -moz-border-radius: 0 4px 4px 0;
1446
+ -webkit-border-radius: 0 4px 4px 0;
1447
+ -moz-background-clip: padding;
1448
+ -webkit-background-clip: padding-box;
1449
+ background-clip: padding-box; }
1450
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-hover {
1451
+ border-radius: 4px 0 0 4px;
1452
+ -moz-border-radius: 4px 0 0 4px;
1453
+ -webkit-border-radius: 4px 0 0 4px;
1454
+ -moz-background-clip: padding;
1455
+ -webkit-background-clip: padding-box;
1456
+ background-clip: padding-box; }
1457
+ .dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner, .dark-theme.fr-modal .fr-command.fr-btn::-moz-focus-inner {
1458
+ border: 0; }
1459
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-text {
1460
+ width: auto; }
1461
+ .dark-theme.fr-toolbar .fr-command.fr-btn i, .dark-theme.fr-toolbar .fr-command.fr-btn svg, .dark-theme.fr-popup .fr-command.fr-btn i, .dark-theme.fr-popup .fr-command.fr-btn svg, .dark-theme.fr-modal .fr-command.fr-btn i, .dark-theme.fr-modal .fr-command.fr-btn svg {
1462
+ margin: 8px 7px;
1463
+ width: 24px; }
1464
+ .dark-theme.fr-toolbar .fr-command.fr-btn svg.fr-svg, .dark-theme.fr-popup .fr-command.fr-btn svg.fr-svg, .dark-theme.fr-modal .fr-command.fr-btn svg.fr-svg {
1465
+ height: 24px; }
1466
+ .dark-theme.fr-toolbar .fr-command.fr-btn svg path, .dark-theme.fr-popup .fr-command.fr-btn svg path, .dark-theme.fr-modal .fr-command.fr-btn svg path {
1467
+ -webkit-transition: all 0.5s;
1468
+ -moz-transition: all 0.5s;
1469
+ -ms-transition: all 0.5s;
1470
+ -o-transition: all 0.5s;
1471
+ fill: #FFF; }
1472
+ .dark-theme.fr-toolbar .fr-command.fr-btn span.fr-sr-only, .dark-theme.fr-popup .fr-command.fr-btn span.fr-sr-only, .dark-theme.fr-modal .fr-command.fr-btn span.fr-sr-only {
1473
+ position: absolute;
1474
+ width: 1px;
1475
+ height: 1px;
1476
+ padding: 0;
1477
+ margin: -1px;
1478
+ overflow: hidden;
1479
+ clip: rect(0, 0, 0, 0);
1480
+ border: 0; }
1481
+ .dark-theme.fr-toolbar .fr-command.fr-btn span, .dark-theme.fr-popup .fr-command.fr-btn span, .dark-theme.fr-modal .fr-command.fr-btn span {
1482
+ font-size: 14px;
1483
+ line-height: 17px;
1484
+ min-width: 30px;
1485
+ height: 17px;
1486
+ padding: 0 4px; }
1487
+ .dark-theme.fr-toolbar .fr-command.fr-btn img, .dark-theme.fr-popup .fr-command.fr-btn img, .dark-theme.fr-modal .fr-command.fr-btn img {
1488
+ margin: 8px 7px;
1489
+ width: 24px; }
1490
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-active-popup, .dark-theme.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
1491
+ background: #4f4f4f; }
1492
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown i, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown span, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown img, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown svg {
1493
+ margin-left: 3px;
1494
+ margin-right: 11px; }
1495
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown:after {
1496
+ width: 0;
1497
+ height: 0;
1498
+ border-left: 4px solid transparent;
1499
+ border-right: 4px solid transparent;
1500
+ border-top: 4px solid #FFF;
1501
+ right: 2px;
1502
+ top: 18px;
1503
+ -webkit-transition: all 0.3s;
1504
+ -moz-transition: all 0.3s;
1505
+ -ms-transition: all 0.3s;
1506
+ -o-transition: all 0.3s; }
1507
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
1508
+ fill: #FFF;
1509
+ background: #4f4f4f;
1510
+ -webkit-transition: 0.5s ease;
1511
+ -moz-transition: 0.5s ease;
1512
+ -ms-transition: 0.5s ease;
1513
+ -o-transition: 0.5s ease; }
1514
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
1515
+ background: #424242;
1516
+ fill: #FFF; }
1517
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
1518
+ border-top-color: #FFF; }
1519
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .dark-theme.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
1520
+ border-top: 0;
1521
+ border-bottom: 4px solid #FFF; }
1522
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled, .dark-theme.fr-modal .fr-command.fr-btn.fr-disabled {
1523
+ color: gray;
1524
+ -webkit-opacity: 0.3;
1525
+ -moz-opacity: 0.3;
1526
+ opacity: 0.3;
1527
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1528
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after, .dark-theme.fr-modal .fr-command.fr-btn.fr-disabled::after {
1529
+ border-top-color: gray; }
1530
+ .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn {
1531
+ margin: 0;
1532
+ width: 46px;
1533
+ height: 40px;
1534
+ border-radius: 0;
1535
+ -moz-border-radius: 0;
1536
+ -webkit-border-radius: 0;
1537
+ -moz-background-clip: padding;
1538
+ -webkit-background-clip: padding-box;
1539
+ background-clip: padding-box; }
1540
+ .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
1541
+ background: #353535; }
1542
+ .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn span, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn span, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn span {
1543
+ height: 27px; }
1544
+ .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-toolbar .fr-tabs .fr-command.fr-btn svg, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-popup .fr-tabs .fr-command.fr-btn svg, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn img, .dark-theme.fr-modal .fr-tabs .fr-command.fr-btn svg {
1545
+ margin: 8px 11px;
1546
+ width: 24px;
1547
+ height: 24px; }
1548
+ .dark-theme.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .dark-theme.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
1549
+ fill: #0098f7; }
1550
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn, .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, .dark-theme.fr-popup.fr-disabled .fr-btn, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active, .dark-theme.fr-modal.fr-disabled .fr-btn, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-active {
1551
+ color: gray;
1552
+ -webkit-opacity: 0.3;
1553
+ -moz-opacity: 0.3;
1554
+ opacity: 0.3;
1555
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1556
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .dark-theme.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
1557
+ border-top-color: gray; }
1558
+ .dark-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .dark-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .dark-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .dark-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
1559
+ border-radius: 4px 0 0 4px;
1560
+ -moz-border-radius: 4px 0 0 4px;
1561
+ -webkit-border-radius: 4px 0 0 4px;
1562
+ -moz-background-clip: padding;
1563
+ -webkit-background-clip: padding-box;
1564
+ background-clip: padding-box; }
1565
+ .dark-theme.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .dark-theme.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .dark-theme.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .dark-theme.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
1566
+ border-radius: 0 4px 4px 0;
1567
+ -moz-border-radius: 0 4px 4px 0;
1568
+ -webkit-border-radius: 0 4px 4px 0;
1569
+ -moz-background-clip: padding;
1570
+ -webkit-background-clip: padding-box;
1571
+ background-clip: padding-box; }
1572
+ .dark-theme.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .dark-theme.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
1573
+ display: -webkit-inline-flex;
1574
+ display: -ms-inline-flexbox;
1575
+ display: inline-flex; }
1576
+ .dark-theme.fr-desktop .fr-command:hover, .dark-theme.fr-desktop .fr-command:focus, .dark-theme.fr-desktop .fr-command.fr-btn-hover, .dark-theme.fr-desktop .fr-command.fr-expanded {
1577
+ outline: 0;
1578
+ color: #FFF; }
1579
+ .dark-theme.fr-desktop .fr-command:hover:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command:focus:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
1580
+ background: #424242; }
1581
+ .dark-theme.fr-desktop .fr-command:hover::after, .dark-theme.fr-desktop .fr-command:focus::after, .dark-theme.fr-desktop .fr-command.fr-btn-hover::after, .dark-theme.fr-desktop .fr-command.fr-expanded::after {
1582
+ border-top-color: #FFF; }
1583
+ .dark-theme.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .dark-theme.fr-desktop .fr-command:active {
1584
+ color: #FFF;
1585
+ background: #4f4f4f; }
1586
+ .dark-theme.fr-desktop .fr-command.fr-active:hover, .dark-theme.fr-desktop .fr-command.fr-active:focus, .dark-theme.fr-desktop .fr-command.fr-active.fr-btn-hover, .dark-theme.fr-desktop .fr-command.fr-active.fr-expanded {
1587
+ background: #424242; }
1588
+ .dark-theme.fr-desktop .fr-command.fr-active:active {
1589
+ background: #4f4f4f; }
1590
+ .dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, .dark-theme.fr-popup.fr-mobile .fr-command.fr-blink {
1591
+ background: #4f4f4f; }
1592
+ .dark-theme .fr-command.fr-btn.fr-options {
1593
+ width: 16px;
1594
+ margin-left: -5px; }
1595
+ .dark-theme .fr-command.fr-btn.fr-options.fr-btn-hover, .dark-theme .fr-command.fr-btn.fr-options:hover, .dark-theme .fr-command.fr-btn.fr-options:focus {
1596
+ border-left: solid 1px #FAFAFA;
1597
+ -webkit-transition: border-left 0s, background-color 0.5s;
1598
+ -moz-transition: border-left 0s, background-color 0.5s;
1599
+ -ms-transition: border-left 0s, background-color 0.5s;
1600
+ -o-transition: border-left 0s, background-color 0.5s; }
1601
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu {
1602
+ background: #353535;
1603
+ right: auto;
1604
+ bottom: auto;
1605
+ height: auto;
1606
+ border-radius: 4px;
1607
+ -moz-border-radius: 4px;
1608
+ -webkit-border-radius: 4px;
1609
+ -moz-background-clip: padding;
1610
+ -webkit-background-clip: padding-box;
1611
+ background-clip: padding-box;
1612
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1613
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1614
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
1615
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
1616
+ -webkit-transition: none;
1617
+ -moz-transition: none;
1618
+ -ms-transition: none;
1619
+ -o-transition: none;
1620
+ height: auto;
1621
+ max-height: 275px; }
1622
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
1623
+ padding: 0;
1624
+ margin: auto;
1625
+ -webkit-box-sizing: border-box;
1626
+ -moz-box-sizing: border-box;
1627
+ box-sizing: border-box;
1628
+ -webkit-transition: height 0.3s;
1629
+ -moz-transition: height 0.3s;
1630
+ -ms-transition: height 0.3s;
1631
+ -o-transition: height 0.3s;
1632
+ margin-top: 0;
1633
+ height: 0; }
1634
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
1635
+ margin: 0;
1636
+ padding: 8px 0;
1637
+ min-width: 72px; }
1638
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
1639
+ padding: 0;
1640
+ margin: 0;
1641
+ font-size: 15px; }
1642
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
1643
+ padding: 0 20px;
1644
+ color: inherit;
1645
+ border-radius: 0;
1646
+ -moz-border-radius: 0;
1647
+ -webkit-border-radius: 0;
1648
+ -moz-background-clip: padding;
1649
+ -webkit-background-clip: padding-box;
1650
+ background-clip: padding-box; }
1651
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
1652
+ width: 24px;
1653
+ height: 24px;
1654
+ margin: 3px 4px; }
1655
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
1656
+ fill: #FFF; }
1657
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
1658
+ background: #4f4f4f; }
1659
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
1660
+ color: gray; }
1661
+ .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
1662
+ -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1663
+ -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1664
+ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
1665
+ .dark-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
1666
+ border-radius: 2px 2px 0 0;
1667
+ -moz-border-radius: 2px 2px 0 0;
1668
+ -webkit-border-radius: 2px 2px 0 0;
1669
+ -moz-background-clip: padding;
1670
+ -webkit-background-clip: padding-box;
1671
+ background-clip: padding-box; }
1672
+ .dark-theme.fr-modal {
1673
+ color: #FFF;
1674
+ font-family: Arial, Helvetica, sans-serif;
1675
+ overflow-x: auto;
1676
+ top: 0;
1677
+ left: 0;
1678
+ bottom: 0;
1679
+ right: 0;
1680
+ z-index: 2147483640;
1681
+ -webkit-font-smoothing: antialiased;
1682
+ -moz-osx-font-smoothing: grayscale; }
1683
+ .dark-theme.fr-modal.fr-middle .fr-modal-wrapper {
1684
+ margin-top: 0;
1685
+ margin-bottom: 0;
1686
+ margin-left: auto;
1687
+ margin-right: auto;
1688
+ -webkit-transform: translate(-50%, -50%);
1689
+ -moz-transform: translate(-50%, -50%);
1690
+ -ms-transform: translate(-50%, -50%);
1691
+ -o-transform: translate(-50%, -50%); }
1692
+ .dark-theme.fr-modal .fr-modal-wrapper {
1693
+ border-radius: 10px;
1694
+ -moz-border-radius: 10px;
1695
+ -webkit-border-radius: 10px;
1696
+ -moz-background-clip: padding;
1697
+ -webkit-background-clip: padding-box;
1698
+ background-clip: padding-box;
1699
+ margin: 20px auto;
1700
+ background: #353535;
1701
+ min-width: 300px;
1702
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1703
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1704
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1705
+ border: 0; }
1706
+ @media (min-width: 768px) and (max-width: 991px) {
1707
+ .dark-theme.fr-modal .fr-modal-wrapper {
1708
+ margin: 30px auto; } }
1709
+ @media (min-width: 992px) {
1710
+ .dark-theme.fr-modal .fr-modal-wrapper {
1711
+ margin: 50px auto; } }
1712
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1713
+ background: #353535;
1714
+ min-height: 42px;
1715
+ border-bottom: solid #efefef 1px;
1716
+ -webkit-transition: all 0.2s ease 0s;
1717
+ -moz-transition: all 0.2s ease 0s;
1718
+ -ms-transition: all 0.2s ease 0s;
1719
+ -o-transition: all 0.2s ease 0s; }
1720
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
1721
+ height: 56px;
1722
+ padding: 0 10px; }
1723
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1724
+ margin: 10px;
1725
+ top: 0;
1726
+ right: 0; }
1727
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1728
+ font-size: 20px;
1729
+ padding: 19px 10px;
1730
+ margin: 0;
1731
+ font-weight: 400;
1732
+ line-height: 18px; }
1733
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body {
1734
+ min-height: 150px;
1735
+ overflow-y: auto;
1736
+ padding-bottom: 20px; }
1737
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1738
+ outline: 0; }
1739
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1740
+ height: 36px;
1741
+ color: #0098f7;
1742
+ padding: 10px;
1743
+ -webkit-transition: background 0.2s ease 0s;
1744
+ -moz-transition: background 0.2s ease 0s;
1745
+ -ms-transition: background 0.2s ease 0s;
1746
+ -o-transition: background 0.2s ease 0s;
1747
+ border-radius: 2px;
1748
+ -moz-border-radius: 2px;
1749
+ -webkit-border-radius: 2px;
1750
+ -moz-background-clip: padding;
1751
+ -webkit-background-clip: padding-box;
1752
+ background-clip: padding-box; }
1753
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1754
+ background: #424242;
1755
+ color: #0098f7; }
1756
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1757
+ background: #4f4f4f;
1758
+ color: #0098f7; }
1759
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1760
+ border: 0; }
1761
+ .dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1762
+ background: #424242; }
1763
+ .dark-theme.fr-overlay {
1764
+ top: 0;
1765
+ bottom: 0;
1766
+ left: 0;
1767
+ right: 0;
1768
+ background: #000;
1769
+ -webkit-opacity: 0.5;
1770
+ -moz-opacity: 0.5;
1771
+ opacity: 0.5;
1772
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1773
+ .dark-theme.fr-popup {
1774
+ color: #FFF;
1775
+ background: #353535;
1776
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1777
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1778
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
1779
+ font-family: Arial, Helvetica, sans-serif;
1780
+ -webkit-box-sizing: border-box;
1781
+ -moz-box-sizing: border-box;
1782
+ box-sizing: border-box;
1783
+ user-select: none;
1784
+ -o-user-select: none;
1785
+ -moz-user-select: none;
1786
+ -khtml-user-select: none;
1787
+ -webkit-user-select: none;
1788
+ -ms-user-select: none;
1789
+ margin-top: 10px;
1790
+ border-radius: 6px;
1791
+ -moz-border-radius: 6px;
1792
+ -webkit-border-radius: 6px;
1793
+ -moz-background-clip: padding;
1794
+ -webkit-background-clip: padding-box;
1795
+ background-clip: padding-box;
1796
+ -webkit-font-smoothing: antialiased;
1797
+ -moz-osx-font-smoothing: grayscale; }
1798
+ .dark-theme.fr-popup .fr-icon {
1799
+ font-size: 20px;
1800
+ font-weight: 400;
1801
+ padding: 6px; }
1802
+ .dark-theme.fr-popup .fr-icon-container {
1803
+ padding: 20px;
1804
+ max-height: 200px;
1805
+ overflow: auto;
1806
+ -webkit-box-sizing: border-box;
1807
+ -moz-box-sizing: border-box;
1808
+ box-sizing: border-box; }
1809
+ @supports not (-ms-high-contrast: none) {
1810
+ .dark-theme.fr-popup .fr-icon-container {
1811
+ grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); } }
1812
+ @media (min-width: 768px) {
1813
+ .dark-theme.fr-popup .fr-icon-container {
1814
+ min-width: 276px; } }
1815
+ @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
1816
+ .dark-theme.fr-popup .fr-icon-container {
1817
+ width: 236px; } }
1818
+ .dark-theme.fr-popup .fr-input-focus {
1819
+ background: #363636; }
1820
+ .dark-theme.fr-popup.fr-above {
1821
+ border-top: 0; }
1822
+ .dark-theme.fr-popup.fr-hidden {
1823
+ -webkit-opacity: 0;
1824
+ -moz-opacity: 0;
1825
+ opacity: 0;
1826
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1827
+ .dark-theme.fr-popup .fr-input-line {
1828
+ padding: 15px 0; }
1829
+ .dark-theme.fr-popup .fr-input-line input[type="text"], .dark-theme.fr-popup .fr-input-line input[type="number"], .dark-theme.fr-popup .fr-input-line textarea {
1830
+ margin-bottom: 1px;
1831
+ border-radius: 2px;
1832
+ -moz-border-radius: 2px;
1833
+ -webkit-border-radius: 2px;
1834
+ -moz-background-clip: padding;
1835
+ -webkit-background-clip: padding-box;
1836
+ background-clip: padding-box;
1837
+ border: solid 1px #999999;
1838
+ color: #FFF;
1839
+ font-size: 14px;
1840
+ background: #353535;
1841
+ padding: 4px 12px;
1842
+ -webkit-box-sizing: border-box;
1843
+ -moz-box-sizing: border-box;
1844
+ box-sizing: border-box;
1845
+ -webkit-transition: border 0.5s, padding 0.5s;
1846
+ -moz-transition: border 0.5s, padding 0.5s;
1847
+ -ms-transition: border 0.5s, padding 0.5s;
1848
+ -o-transition: border 0.5s, padding 0.5s; }
1849
+ .dark-theme.fr-popup .fr-input-line input[type="text"]:hover, .dark-theme.fr-popup .fr-input-line input[type="number"]:hover, .dark-theme.fr-popup .fr-input-line textarea:hover {
1850
+ border: solid 1px #515151; }
1851
+ .dark-theme.fr-popup .fr-input-line input[type="text"]:focus, .dark-theme.fr-popup .fr-input-line input[type="number"]:focus, .dark-theme.fr-popup .fr-input-line textarea:focus {
1852
+ border: solid 2px #0098f7;
1853
+ padding: 3px 11px; }
1854
+ .dark-theme.fr-popup .fr-input-line input[type="text"], .dark-theme.fr-popup .fr-input-line input[type="number"] {
1855
+ height: 46px; }
1856
+ .dark-theme.fr-popup .fr-input-line input + label, .dark-theme.fr-popup .fr-input-line textarea + label {
1857
+ top: 29px;
1858
+ left: 12px;
1859
+ font-size: 14px;
1860
+ -webkit-transition: all 0.5s ease;
1861
+ -moz-transition: all 0.5s ease;
1862
+ -ms-transition: all 0.5s ease;
1863
+ -o-transition: all 0.5s ease;
1864
+ background: #353535;
1865
+ padding: 0; }
1866
+ .dark-theme.fr-popup .fr-input-line input.fr-not-empty + label, .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1867
+ color: gray;
1868
+ width: auto;
1869
+ left: 4px;
1870
+ padding: 0 4px;
1871
+ font-size: 11px;
1872
+ top: 9px; }
1873
+ .dark-theme.fr-popup input, .dark-theme.fr-popup textarea {
1874
+ user-select: text;
1875
+ -o-user-select: text;
1876
+ -moz-user-select: text;
1877
+ -khtml-user-select: text;
1878
+ -webkit-user-select: text;
1879
+ -ms-user-select: text;
1880
+ border-radius: 0;
1881
+ -moz-border-radius: 0;
1882
+ -webkit-border-radius: 0;
1883
+ -moz-background-clip: padding;
1884
+ -webkit-background-clip: padding-box;
1885
+ background-clip: padding-box; }
1886
+ .dark-theme.fr-popup .fr-buttons {
1887
+ line-height: 0; }
1888
+ .dark-theme.fr-popup .fr-buttons .fr-btn {
1889
+ margin-left: 4px;
1890
+ margin-right: 4px; }
1891
+ .dark-theme.fr-popup .fr-buttons.fr-tabs {
1892
+ border-radius: 6px 6px 0 0;
1893
+ -moz-border-radius: 6px 6px 0 0;
1894
+ -webkit-border-radius: 6px 6px 0 0;
1895
+ -moz-background-clip: padding;
1896
+ -webkit-background-clip: padding-box;
1897
+ background-clip: padding-box;
1898
+ background-color: #686868; }
1899
+ @media (max-width: 768px) {
1900
+ .dark-theme.fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
1901
+ width: 276px; } }
1902
+ .dark-theme.fr-popup .fr-buttons:not(.fr-tabs) {
1903
+ padding: 5px; }
1904
+ .dark-theme.fr-popup .fr-layer {
1905
+ border-radius: 6px;
1906
+ -moz-border-radius: 6px;
1907
+ -webkit-border-radius: 6px;
1908
+ -moz-background-clip: padding;
1909
+ -webkit-background-clip: padding-box;
1910
+ background-clip: padding-box;
1911
+ width: 195px;
1912
+ -webkit-box-sizing: border-box;
1913
+ -moz-box-sizing: border-box;
1914
+ box-sizing: border-box;
1915
+ margin: 20px; }
1916
+ @media (min-width: 768px) {
1917
+ .dark-theme.fr-popup .fr-layer {
1918
+ width: 260px; } }
1919
+ .dark-theme.fr-popup .fr-action-buttons {
1920
+ height: 36px; }
1921
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command {
1922
+ height: 36px;
1923
+ color: #0098f7;
1924
+ padding: 10px;
1925
+ font-size: 16px;
1926
+ -webkit-transition: background 0.2s ease 0s;
1927
+ -moz-transition: background 0.2s ease 0s;
1928
+ -ms-transition: background 0.2s ease 0s;
1929
+ -o-transition: background 0.2s ease 0s;
1930
+ border-radius: 2px;
1931
+ -moz-border-radius: 2px;
1932
+ -webkit-border-radius: 2px;
1933
+ -moz-background-clip: padding;
1934
+ -webkit-background-clip: padding-box;
1935
+ background-clip: padding-box; }
1936
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command:hover, .dark-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1937
+ background: #424242;
1938
+ color: #0098f7; }
1939
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command:active {
1940
+ background: #4f4f4f;
1941
+ color: #0098f7; }
1942
+ .dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1943
+ border: 0; }
1944
+ .dark-theme.fr-popup .fr-checkbox {
1945
+ width: 18px;
1946
+ height: 18px;
1947
+ padding: 10px;
1948
+ -webkit-box-sizing: content-box;
1949
+ -moz-box-sizing: content-box;
1950
+ box-sizing: content-box; }
1951
+ .dark-theme.fr-popup .fr-checkbox svg {
1952
+ margin-left: 2px;
1953
+ margin-top: 2px;
1954
+ width: 10px;
1955
+ height: 10px; }
1956
+ .dark-theme.fr-popup .fr-checkbox span {
1957
+ border-radius: 2px;
1958
+ -moz-border-radius: 2px;
1959
+ -webkit-border-radius: 2px;
1960
+ -moz-background-clip: padding;
1961
+ -webkit-background-clip: padding-box;
1962
+ background-clip: padding-box;
1963
+ width: 18px;
1964
+ height: 18px;
1965
+ -webkit-box-sizing: border-box;
1966
+ -moz-box-sizing: border-box;
1967
+ box-sizing: border-box;
1968
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1969
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1970
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1971
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
1972
+ .dark-theme.fr-popup .fr-checkbox input {
1973
+ -webkit-opacity: 0;
1974
+ -moz-opacity: 0;
1975
+ opacity: 0;
1976
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1977
+ height: 18px;
1978
+ margin: 0;
1979
+ padding: 0;
1980
+ width: 18px; }
1981
+ .dark-theme.fr-popup .fr-checkbox input:not(:checked) + span {
1982
+ border: solid 2px #999999; }
1983
+ .dark-theme.fr-popup .fr-checkbox input:not(:checked):active + span {
1984
+ background-color: #353535; }
1985
+ .dark-theme.fr-popup .fr-checkbox input:not(:checked):focus + span, .dark-theme.fr-popup .fr-checkbox input:not(:checked):hover + span {
1986
+ border-color: #515151; }
1987
+ .dark-theme.fr-popup .fr-checkbox input:checked + span {
1988
+ background: #0098f7;
1989
+ border: solid 2px #0098f7; }
1990
+ .dark-theme.fr-popup .fr-checkbox input:checked:active + span {
1991
+ background-color: #EcF5Ff; }
1992
+ .dark-theme.fr-popup .fr-checkbox input:checked:focus + span, .dark-theme.fr-popup .fr-checkbox input:checked:hover + span {
1993
+ -webkit-opacity: 0.8;
1994
+ -moz-opacity: 0.8;
1995
+ opacity: 0.8;
1996
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
1997
+ .dark-theme.fr-popup .fr-checkbox-line {
1998
+ font-size: 14px;
1999
+ line-height: 1.4px;
2000
+ margin-top: 10px; }
2001
+ .dark-theme.fr-popup .fr-checkbox-line label {
2002
+ margin: 0 5px; }
2003
+ .dark-theme.fr-popup.fr-rtl .fr-input-line input + label, .dark-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
2004
+ left: auto;
2005
+ right: 0; }
2006
+ .dark-theme .fr-text-edit-layer {
2007
+ -webkit-box-sizing: border-box;
2008
+ -moz-box-sizing: border-box;
2009
+ box-sizing: border-box; }
2010
+ .dark-theme.fr-toolbar {
2011
+ color: #FFF;
2012
+ background: #353535;
2013
+ font-family: Arial, Helvetica, sans-serif;
2014
+ -webkit-box-sizing: border-box;
2015
+ -moz-box-sizing: border-box;
2016
+ box-sizing: border-box;
2017
+ user-select: none;
2018
+ -o-user-select: none;
2019
+ -moz-user-select: none;
2020
+ -khtml-user-select: none;
2021
+ -webkit-user-select: none;
2022
+ -ms-user-select: none;
2023
+ border-radius: 2px;
2024
+ -moz-border-radius: 2px;
2025
+ -webkit-border-radius: 2px;
2026
+ -moz-background-clip: padding;
2027
+ -webkit-background-clip: padding-box;
2028
+ background-clip: padding-box;
2029
+ border: 1px solid #CCCCCC;
2030
+ -webkit-font-smoothing: antialiased;
2031
+ -moz-osx-font-smoothing: grayscale;
2032
+ padding-bottom: 0;
2033
+ -webkit-transition: padding-bottom 0.5s;
2034
+ -moz-transition: padding-bottom 0.5s;
2035
+ -ms-transition: padding-bottom 0.5s;
2036
+ -o-transition: padding-bottom 0.5s; }
2037
+ .dark-theme.fr-toolbar::after {
2038
+ clear: both;
2039
+ display: block;
2040
+ content: "";
2041
+ height: 0; }
2042
+ .dark-theme.fr-toolbar::after {
2043
+ height: 0; }
2044
+ .dark-theme.fr-toolbar .fr-newline {
2045
+ margin-left: 9px;
2046
+ margin-right: 9px;
2047
+ background: #353535;
2048
+ height: 1px;
2049
+ -webkit-transition: height 0.5s;
2050
+ -moz-transition: height 0.5s;
2051
+ -ms-transition: height 0.5s;
2052
+ -o-transition: height 0.5s; }
2053
+ .dark-theme.fr-toolbar.fr-toolbar-open .fr-newline {
2054
+ height: 0; }
2055
+ .dark-theme.fr-toolbar .fr-more-toolbar {
2056
+ border-radius: 0;
2057
+ -moz-border-radius: 0;
2058
+ -webkit-border-radius: 0;
2059
+ -moz-background-clip: padding;
2060
+ -webkit-background-clip: padding-box;
2061
+ background-clip: padding-box;
2062
+ background-color: #686868;
2063
+ -webkit-transition: height 0.5s;
2064
+ -moz-transition: height 0.5s;
2065
+ -ms-transition: height 0.5s;
2066
+ -o-transition: height 0.5s;
2067
+ height: 0;
2068
+ -webkit-box-sizing: border-box;
2069
+ -moz-box-sizing: border-box;
2070
+ box-sizing: border-box; }
2071
+ .dark-theme.fr-toolbar .fr-more-toolbar.fr-expanded {
2072
+ height: 48px; }
2073
+ .dark-theme.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
2074
+ margin-left: 4px;
2075
+ margin-right: 4px; }
2076
+ .dark-theme.fr-toolbar .fr-btn-grp {
2077
+ margin: 0 17px 0 12px; }
2078
+ @media (max-width: 768px) {
2079
+ .dark-theme.fr-toolbar .fr-btn-grp {
2080
+ margin: 0 7px 0 6px; } }
2081
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-open {
2082
+ margin-top: 10px;
2083
+ margin-bottom: -1px;
2084
+ border-radius: 4px 4px 0 0;
2085
+ -moz-border-radius: 4px 4px 0 0;
2086
+ -webkit-border-radius: 4px 4px 0 0;
2087
+ -moz-background-clip: padding;
2088
+ -webkit-background-clip: padding-box;
2089
+ background-clip: padding-box; }
2090
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
2091
+ background: #686868; }
2092
+ .dark-theme.fr-toolbar.fr-inline {
2093
+ -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2094
+ -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2095
+ box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
2096
+ border: 0;
2097
+ z-index: 2147483630; }
2098
+ .dark-theme.fr-toolbar.fr-inline.fr-above {
2099
+ border-top: 0; }
2100
+ .dark-theme.fr-toolbar.fr-inline .fr-newline {
2101
+ height: 0; }
2102
+ .dark-theme.fr-toolbar.fr-top {
2103
+ top: 0;
2104
+ border-bottom: 0;
2105
+ border-radius: 10px 10px 0 0;
2106
+ -moz-border-radius: 10px 10px 0 0;
2107
+ -webkit-border-radius: 10px 10px 0 0;
2108
+ -moz-background-clip: padding;
2109
+ -webkit-background-clip: padding-box;
2110
+ background-clip: padding-box; }
2111
+ .dark-theme.fr-toolbar.fr-bottom {
2112
+ bottom: 0;
2113
+ border-top: 0;
2114
+ padding-bottom: 0;
2115
+ border-radius: 0 0 10px 10px;
2116
+ -moz-border-radius: 0 0 10px 10px;
2117
+ -webkit-border-radius: 0 0 10px 10px;
2118
+ -moz-background-clip: padding;
2119
+ -webkit-background-clip: padding-box;
2120
+ background-clip: padding-box; }
2121
+ .dark-theme.fr-toolbar.fr-bottom .fr-newline {
2122
+ padding-top: 0;
2123
+ -webkit-transition: padding-top 0.5s;
2124
+ -moz-transition: padding-top 0.5s;
2125
+ -ms-transition: padding-top 0.5s;
2126
+ -o-transition: padding-top 0.5s; }
2127
+ .dark-theme.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
2128
+ padding-top: 48px;
2129
+ background: #FFF; }
2130
+ .dark-theme.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
2131
+ margin-top: -1px;
2132
+ margin-bottom: 10px;
2133
+ border-radius: 0 0 4px 4px;
2134
+ -moz-border-radius: 0 0 4px 4px;
2135
+ -webkit-border-radius: 0 0 4px 4px;
2136
+ -moz-background-clip: padding;
2137
+ -webkit-background-clip: padding-box;
2138
+ background-clip: padding-box; }
2139
+ .dark-theme.fr-toolbar.fr-sticky-on {
2140
+ border-radius: 0;
2141
+ -moz-border-radius: 0;
2142
+ -webkit-border-radius: 0;
2143
+ -moz-background-clip: padding;
2144
+ -webkit-background-clip: padding-box;
2145
+ background-clip: padding-box; }
2146
+ .dark-theme .fr-separator {
2147
+ background: #595959; }
2148
+ .dark-theme .fr-separator.fr-vs {
2149
+ height: 32px;
2150
+ width: 1px;
2151
+ margin: 8px 4px; }
2152
+ .dark-theme .fr-separator.fr-hs {
2153
+ width: calc(100% - (2 * 4px));
2154
+ margin: 0 4px;
2155
+ height: 1px; }
2156
+ .dark-theme .fr-second-toolbar {
2157
+ border: 1px solid #CCCCCC;
2158
+ border-top: 0;
2159
+ background: #FFF;
2160
+ border-radius: 0 0 10px 10px;
2161
+ -moz-border-radius: 0 0 10px 10px;
2162
+ -webkit-border-radius: 0 0 10px 10px;
2163
+ -moz-background-clip: padding;
2164
+ -webkit-background-clip: padding-box;
2165
+ background-clip: padding-box; }
2166
+ .dark-theme .fr-second-toolbar::after {
2167
+ clear: both;
2168
+ display: block;
2169
+ content: "";
2170
+ height: 0; }
2171
+ .dark-theme #fr-logo > span {
2172
+ padding: 11px 5px 10px 15px;
2173
+ font-size: 12px;
2174
+ font-weight: 500;
2175
+ color: #b1b2b7;
2176
+ -webkit-transition: color 0.3s;
2177
+ -moz-transition: color 0.3s;
2178
+ -ms-transition: color 0.3s;
2179
+ -o-transition: color 0.3s; }
2180
+ .dark-theme #fr-logo > svg {
2181
+ height: 20px;
2182
+ width: 47px;
2183
+ margin: 7px 0; }
2184
+ .dark-theme #fr-logo > svg * {
2185
+ -webkit-transition: fill 0.3s;
2186
+ -moz-transition: fill 0.3s;
2187
+ -ms-transition: fill 0.3s;
2188
+ -o-transition: fill 0.3s; }
2189
+ .dark-theme #fr-logo:hover > span, .dark-theme #fr-logo:focus > span {
2190
+ color: #0098f7; }
2191
+ .dark-theme #fr-logo:hover > svg .fr-logo, .dark-theme #fr-logo:focus > svg .fr-logo {
2192
+ fill: #0098f7; }