wysiwyg-rails 3.0.4 → 3.2.1

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