wysiwyg-rails 2.9.5 → 2.9.6.pre.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (138) hide show
  1. checksums.yaml +5 -5
  2. data/LICENSE +21 -21
  3. data/README.md +127 -127
  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 +336 -336
  8. data/app/assets/javascripts/languages/bs.js +336 -336
  9. data/app/assets/javascripts/languages/cs.js +336 -336
  10. data/app/assets/javascripts/languages/da.js +333 -333
  11. data/app/assets/javascripts/languages/de.js +336 -336
  12. data/app/assets/javascripts/languages/el.js +342 -342
  13. data/app/assets/javascripts/languages/en_ca.js +280 -280
  14. data/app/assets/javascripts/languages/en_gb.js +280 -280
  15. data/app/assets/javascripts/languages/es.js +318 -318
  16. data/app/assets/javascripts/languages/et.js +336 -336
  17. data/app/assets/javascripts/languages/fa.js +336 -336
  18. data/app/assets/javascripts/languages/fi.js +336 -336
  19. data/app/assets/javascripts/languages/fr.js +336 -336
  20. data/app/assets/javascripts/languages/he.js +336 -336
  21. data/app/assets/javascripts/languages/hr.js +336 -336
  22. data/app/assets/javascripts/languages/hu.js +336 -336
  23. data/app/assets/javascripts/languages/id.js +337 -337
  24. data/app/assets/javascripts/languages/it.js +336 -336
  25. data/app/assets/javascripts/languages/ja.js +336 -336
  26. data/app/assets/javascripts/languages/ko.js +336 -336
  27. data/app/assets/javascripts/languages/ku.js +329 -329
  28. data/app/assets/javascripts/languages/me.js +336 -336
  29. data/app/assets/javascripts/languages/nb.js +336 -336
  30. data/app/assets/javascripts/languages/nl.js +336 -336
  31. data/app/assets/javascripts/languages/pl.js +336 -336
  32. data/app/assets/javascripts/languages/pt_br.js +336 -336
  33. data/app/assets/javascripts/languages/pt_pt.js +336 -336
  34. data/app/assets/javascripts/languages/ro.js +336 -336
  35. data/app/assets/javascripts/languages/ru.js +336 -336
  36. data/app/assets/javascripts/languages/sk.js +336 -336
  37. data/app/assets/javascripts/languages/sr.js +336 -336
  38. data/app/assets/javascripts/languages/sv.js +336 -336
  39. data/app/assets/javascripts/languages/th.js +336 -336
  40. data/app/assets/javascripts/languages/tr.js +336 -336
  41. data/app/assets/javascripts/languages/uk.js +336 -336
  42. data/app/assets/javascripts/languages/vi.js +276 -276
  43. data/app/assets/javascripts/languages/zh_cn.js +336 -336
  44. data/app/assets/javascripts/languages/zh_tw.js +336 -336
  45. data/app/assets/javascripts/plugins/align.min.js +6 -6
  46. data/app/assets/javascripts/plugins/char_counter.min.js +6 -6
  47. data/app/assets/javascripts/plugins/code_beautifier.min.js +6 -6
  48. data/app/assets/javascripts/plugins/code_view.min.js +7 -7
  49. data/app/assets/javascripts/plugins/colors.min.js +7 -7
  50. data/app/assets/javascripts/plugins/draggable.min.js +7 -7
  51. data/app/assets/javascripts/plugins/emoticons.min.js +6 -6
  52. data/app/assets/javascripts/plugins/entities.min.js +6 -6
  53. data/app/assets/javascripts/plugins/file.min.js +6 -6
  54. data/app/assets/javascripts/plugins/font_family.min.js +6 -6
  55. data/app/assets/javascripts/plugins/font_size.min.js +6 -6
  56. data/app/assets/javascripts/plugins/forms.min.js +6 -6
  57. data/app/assets/javascripts/plugins/fullscreen.min.js +6 -6
  58. data/app/assets/javascripts/plugins/help.min.js +6 -6
  59. data/app/assets/javascripts/plugins/image.min.js +7 -7
  60. data/app/assets/javascripts/plugins/image_manager.min.js +6 -6
  61. data/app/assets/javascripts/plugins/inline_class.min.js +6 -6
  62. data/app/assets/javascripts/plugins/inline_style.min.js +6 -6
  63. data/app/assets/javascripts/plugins/line_breaker.min.js +7 -7
  64. data/app/assets/javascripts/plugins/line_height.min.js +7 -7
  65. data/app/assets/javascripts/plugins/link.min.js +7 -7
  66. data/app/assets/javascripts/plugins/lists.min.js +7 -7
  67. data/app/assets/javascripts/plugins/paragraph_format.min.js +6 -6
  68. data/app/assets/javascripts/plugins/paragraph_style.min.js +6 -6
  69. data/app/assets/javascripts/plugins/print.min.js +6 -6
  70. data/app/assets/javascripts/plugins/quick_insert.min.js +6 -6
  71. data/app/assets/javascripts/plugins/quote.min.js +6 -6
  72. data/app/assets/javascripts/plugins/save.min.js +6 -6
  73. data/app/assets/javascripts/plugins/special_characters.min.js +6 -6
  74. data/app/assets/javascripts/plugins/table.min.js +7 -7
  75. data/app/assets/javascripts/plugins/url.min.js +6 -6
  76. data/app/assets/javascripts/plugins/video.min.js +7 -7
  77. data/app/assets/javascripts/plugins/word_paste.min.js +7 -7
  78. data/app/assets/javascripts/third_party/embedly.min.js +6 -6
  79. data/app/assets/javascripts/third_party/font_awesome.min.js +6 -6
  80. data/app/assets/javascripts/third_party/image_aviary.min.js +6 -6
  81. data/app/assets/javascripts/third_party/image_tui.min.js +6 -6
  82. data/app/assets/javascripts/third_party/spell_checker.min.js +6 -6
  83. data/app/assets/stylesheets/froala_editor.css +1334 -1334
  84. data/app/assets/stylesheets/froala_editor.min.css +7 -7
  85. data/app/assets/stylesheets/froala_editor.pkgd.css +2983 -2984
  86. data/app/assets/stylesheets/froala_editor.pkgd.min.css +7 -7
  87. data/app/assets/stylesheets/froala_style.css +448 -448
  88. data/app/assets/stylesheets/froala_style.min.css +6 -6
  89. data/app/assets/stylesheets/plugins/char_counter.css +57 -57
  90. data/app/assets/stylesheets/plugins/char_counter.min.css +6 -6
  91. data/app/assets/stylesheets/plugins/code_view.css +112 -113
  92. data/app/assets/stylesheets/plugins/code_view.min.css +7 -7
  93. data/app/assets/stylesheets/plugins/colors.css +155 -155
  94. data/app/assets/stylesheets/plugins/colors.min.css +6 -6
  95. data/app/assets/stylesheets/plugins/draggable.css +43 -43
  96. data/app/assets/stylesheets/plugins/draggable.min.css +6 -6
  97. data/app/assets/stylesheets/plugins/emoticons.css +42 -42
  98. data/app/assets/stylesheets/plugins/emoticons.min.css +6 -6
  99. data/app/assets/stylesheets/plugins/file.css +146 -146
  100. data/app/assets/stylesheets/plugins/file.min.css +6 -6
  101. data/app/assets/stylesheets/plugins/fullscreen.css +35 -35
  102. data/app/assets/stylesheets/plugins/fullscreen.min.css +6 -6
  103. data/app/assets/stylesheets/plugins/help.css +52 -52
  104. data/app/assets/stylesheets/plugins/help.min.css +6 -6
  105. data/app/assets/stylesheets/plugins/image.css +244 -244
  106. data/app/assets/stylesheets/plugins/image.min.css +6 -6
  107. data/app/assets/stylesheets/plugins/image_manager.css +268 -268
  108. data/app/assets/stylesheets/plugins/image_manager.min.css +6 -6
  109. data/app/assets/stylesheets/plugins/line_breaker.css +37 -37
  110. data/app/assets/stylesheets/plugins/line_breaker.min.css +6 -6
  111. data/app/assets/stylesheets/plugins/quick_insert.css +70 -70
  112. data/app/assets/stylesheets/plugins/quick_insert.min.css +6 -6
  113. data/app/assets/stylesheets/plugins/special_characters.css +51 -51
  114. data/app/assets/stylesheets/plugins/special_characters.min.css +6 -6
  115. data/app/assets/stylesheets/plugins/table.css +181 -181
  116. data/app/assets/stylesheets/plugins/table.min.css +6 -6
  117. data/app/assets/stylesheets/plugins/video.css +231 -231
  118. data/app/assets/stylesheets/plugins/video.min.css +6 -6
  119. data/app/assets/stylesheets/themes/dark.css +1330 -1327
  120. data/app/assets/stylesheets/themes/dark.min.css +7 -7
  121. data/app/assets/stylesheets/themes/gray.css +1330 -1327
  122. data/app/assets/stylesheets/themes/gray.min.css +7 -7
  123. data/app/assets/stylesheets/themes/red.css +1330 -1327
  124. data/app/assets/stylesheets/themes/red.min.css +7 -7
  125. data/app/assets/stylesheets/themes/royal.css +1330 -1327
  126. data/app/assets/stylesheets/themes/royal.min.css +7 -7
  127. data/app/assets/stylesheets/third_party/embedly.css +65 -65
  128. data/app/assets/stylesheets/third_party/embedly.min.css +6 -6
  129. data/app/assets/stylesheets/third_party/font_awesome.css +50 -50
  130. data/app/assets/stylesheets/third_party/font_awesome.min.css +6 -6
  131. data/app/assets/stylesheets/third_party/image_tui.css +42 -42
  132. data/app/assets/stylesheets/third_party/image_tui.min.css +6 -6
  133. data/app/assets/stylesheets/third_party/spell_checker.css +72 -72
  134. data/app/assets/stylesheets/third_party/spell_checker.min.css +6 -6
  135. data/lib/wysiwyg-rails.rb +1 -1
  136. data/lib/wysiwyg-rails/engine.rb +16 -16
  137. data/lib/wysiwyg-rails/version.rb +5 -5
  138. metadata +7 -8
@@ -1,7 +1,7 @@
1
- /*!
2
- * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
3
- * License https://froala.com/wysiwyg-editor/terms/
4
- * Copyright 2014-2019 Froala Labs
5
- */
6
-
1
+ /*!
2
+ * froala_editor v2.9.6 (https://www.froala.com/wysiwyg-editor)
3
+ * License https://froala.com/wysiwyg-editor/terms/
4
+ * Copyright 2014-2019 Froala Labs
5
+ */
6
+
7
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:rgba(0,0,0,0)}.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:0}.fr-box .fr-video-resizer{position:absolute;border:solid 1px #1e88e5;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:#1e88e5;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;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:#1e88e5}.fr-popup .fr-video-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"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:400}.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-video-progress-bar-layer>div.fr-loader{background:#bcdbf7;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:#1e88e5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .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,1327 +1,1330 @@
1
- /*!
2
- * froala_editor v2.9.5 (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 .fr-element {
24
- color: #000000;
25
- padding: 16px;
26
- overflow-x: auto;
27
- min-height: 52px;
28
- }
29
- .dark-theme .fr-element {
30
- -webkit-user-select: auto;
31
- }
32
- .dark-theme.fr-box a.fr-floating-btn {
33
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
34
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
35
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
36
- height: 32px;
37
- width: 32px;
38
- background: #353535;
39
- color: #42a5f5;
40
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
41
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
42
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
43
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
44
- left: 0;
45
- top: 0;
46
- line-height: 32px;
47
- border: none;
48
- }
49
- .dark-theme.fr-box a.fr-floating-btn svg {
50
- -webkit-transition: transform 0.2s ease 0s;
51
- -moz-transition: transform 0.2s ease 0s;
52
- -ms-transition: transform 0.2s ease 0s;
53
- -o-transition: transform 0.2s ease 0s;
54
- fill: #42a5f5;
55
- }
56
- .dark-theme.fr-box a.fr-floating-btn i,
57
- .dark-theme.fr-box a.fr-floating-btn svg {
58
- font-size: 14px;
59
- line-height: 32px;
60
- }
61
- .dark-theme.fr-box a.fr-floating-btn:hover {
62
- background: #3d3d3d;
63
- }
64
- .dark-theme.fr-box a.fr-floating-btn:hover svg {
65
- fill: #42a5f5;
66
- }
67
- .dark-theme .fr-wrapper .fr-placeholder {
68
- font-size: 12px;
69
- color: #aaaaaa;
70
- top: 0;
71
- left: 0;
72
- right: 0;
73
- }
74
- .dark-theme .fr-wrapper ::-moz-selection {
75
- background: #b5d6fd;
76
- color: #000000;
77
- }
78
- .dark-theme .fr-wrapper ::selection {
79
- background: #b5d6fd;
80
- color: #000000;
81
- }
82
- .dark-theme.fr-box.fr-basic .fr-wrapper {
83
- background: #ffffff;
84
- border: 0px;
85
- border-top: 0;
86
- top: 0;
87
- left: 0;
88
- }
89
- .dark-theme.fr-box.fr-basic.fr-top .fr-wrapper {
90
- border-top: 0;
91
- border-radius: 0 0 2px 2px;
92
- -moz-border-radius: 0 0 2px 2px;
93
- -webkit-border-radius: 0 0 2px 2px;
94
- -moz-background-clip: padding;
95
- -webkit-background-clip: padding-box;
96
- background-clip: padding-box;
97
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
98
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
99
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
100
- }
101
- .dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
102
- border-bottom: 0;
103
- border-radius: 2px 2px 0 0;
104
- -moz-border-radius: 2px 2px 0 0;
105
- -webkit-border-radius: 2px 2px 0 0;
106
- -moz-background-clip: padding;
107
- -webkit-background-clip: padding-box;
108
- background-clip: padding-box;
109
- -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
110
- -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
111
- box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
112
- }
113
- @media (min-width: 992px) {
114
- .dark-theme .fr-box.fr-document .fr-wrapper .fr-element {
115
- margin: auto;
116
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
117
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
118
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
119
- z-index: auto;
120
- }
121
- }
122
- .dark-theme .fr-sticky-on.fr-sticky-ios {
123
- left: 0;
124
- right: 0;
125
- }
126
- .dark-theme.fr-box .fr-counter {
127
- color: #aaaaaa;
128
- background: #ffffff;
129
- border-top: solid 1px #ebebeb;
130
- border-left: solid 1px #ebebeb;
131
- border-radius: 2px 0 0 0;
132
- -moz-border-radius: 2px 0 0 0;
133
- -webkit-border-radius: 2px 0 0 0;
134
- -moz-background-clip: padding;
135
- -webkit-background-clip: padding-box;
136
- background-clip: padding-box;
137
- }
138
- .dark-theme.fr-box.fr-rtl .fr-counter {
139
- right: auto;
140
- border-right: solid 1px #ebebeb;
141
- border-radius: 0 2px 0 0;
142
- -moz-border-radius: 0 2px 0 0;
143
- -webkit-border-radius: 0 2px 0 0;
144
- -moz-background-clip: padding;
145
- -webkit-background-clip: padding-box;
146
- background-clip: padding-box;
147
- }
148
- .dark-theme textarea.fr-code {
149
- background: #ffffff;
150
- color: #000000;
151
- }
152
- .dark-theme.fr-box.fr-code-view.fr-inline {
153
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
154
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
155
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
156
- }
157
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
158
- top: 0;
159
- right: 0;
160
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
161
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
162
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
163
- background: #ffffff;
164
- color: #ffffff;
165
- -moz-outline: 0;
166
- outline: 0;
167
- border: 0;
168
- padding: 12px 12px;
169
- -webkit-transition: background 0.2s ease 0s;
170
- -moz-transition: background 0.2s ease 0s;
171
- -ms-transition: background 0.2s ease 0s;
172
- -o-transition: background 0.2s ease 0s;
173
- }
174
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
175
- font-size: 14px;
176
- width: 14px;
177
- }
178
- .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
179
- background: #3d3d3d;
180
- }
181
- .dark-theme.fr-popup .fr-colors-tabs {
182
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
183
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
184
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
185
- }
186
- .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
187
- color: #ffffff;
188
- padding: 8px 0;
189
- }
190
- .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
191
- .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
192
- color: #42a5f5;
193
- }
194
- .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
195
- bottom: 0;
196
- left: 0;
197
- background: #42a5f5;
198
- -webkit-transition: transform 0.2s ease 0s;
199
- -moz-transition: transform 0.2s ease 0s;
200
- -ms-transition: transform 0.2s ease 0s;
201
- -o-transition: transform 0.2s ease 0s;
202
- }
203
- .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
204
- color: #42a5f5;
205
- }
206
- .dark-theme.fr-popup .fr-color-hex-layer .fr-input-line {
207
- padding: 8px 0 0;
208
- }
209
- .dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
210
- background-color: #42a5f5;
211
- border-radius: 2px;
212
- -moz-border-radius: 2px;
213
- -webkit-border-radius: 2px;
214
- -moz-background-clip: padding;
215
- -webkit-background-clip: padding-box;
216
- background-clip: padding-box;
217
- }
218
- .dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command:hover {
219
- background-color: #128ef2;
220
- }
221
- .dark-theme.fr-popup .fr-color-set {
222
- line-height: 0;
223
- }
224
- .dark-theme.fr-popup .fr-color-set > span > i,
225
- .dark-theme.fr-popup .fr-color-set > span > svg {
226
- bottom: 0;
227
- left: 0;
228
- }
229
- .dark-theme.fr-popup .fr-color-set > span .fr-selected-color {
230
- color: #ffffff;
231
- font-weight: 400;
232
- top: 0;
233
- bottom: 0;
234
- right: 0;
235
- left: 0;
236
- }
237
- .dark-theme.fr-popup .fr-color-set > span:hover,
238
- .dark-theme.fr-popup .fr-color-set > span:focus {
239
- outline: 1px solid #ffffff;
240
- }
241
- .dark-theme .fr-drag-helper {
242
- background: #42a5f5;
243
- z-index: 2147483640;
244
- }
245
- .dark-theme.fr-popup .fr-link:focus {
246
- outline: 0;
247
- background: #3d3d3d;
248
- }
249
- .dark-theme.fr-popup .fr-file-upload-layer {
250
- border: dashed 2px #808080;
251
- padding: 25px 0;
252
- }
253
- .dark-theme.fr-popup .fr-file-upload-layer:hover {
254
- background: #3d3d3d;
255
- }
256
- .dark-theme.fr-popup .fr-file-upload-layer.fr-drop {
257
- background: #3d3d3d;
258
- border-color: #42a5f5;
259
- }
260
- .dark-theme.fr-popup .fr-file-upload-layer .fr-form {
261
- top: 0;
262
- bottom: 0;
263
- left: 0;
264
- right: 0;
265
- z-index: 2147483640;
266
- }
267
- .dark-theme.fr-popup .fr-file-progress-bar-layer > h3 {
268
- margin: 10px 0;
269
- }
270
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
271
- background: #c6e4fc;
272
- }
273
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
274
- background: #42a5f5;
275
- -webkit-transition: width 0.2s ease 0s;
276
- -moz-transition: width 0.2s ease 0s;
277
- -ms-transition: width 0.2s ease 0s;
278
- -o-transition: width 0.2s ease 0s;
279
- }
280
- .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
281
- top: 0;
282
- }
283
- .dark-theme.fr-box.fr-fullscreen {
284
- top: 0;
285
- left: 0;
286
- bottom: 0;
287
- right: 0;
288
- }
289
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
290
- border: 0;
291
- }
292
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
293
- border-bottom: solid 1px #595959;
294
- }
295
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
296
- color: #ffffff;
297
- }
298
- .dark-theme .fr-image-resizer {
299
- border: solid 1px #42a5f5;
300
- }
301
- .dark-theme .fr-image-resizer .fr-handler {
302
- background: #42a5f5;
303
- border: solid 1px #ffffff;
304
- }
305
- .dark-theme .fr-image-resizer .fr-handler {
306
- width: 12px;
307
- height: 12px;
308
- }
309
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
310
- left: -6px;
311
- top: -6px;
312
- }
313
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
314
- right: -6px;
315
- top: -6px;
316
- }
317
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
318
- left: -6px;
319
- bottom: -6px;
320
- }
321
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
322
- right: -6px;
323
- bottom: -6px;
324
- }
325
- @media (min-width: 1200px) {
326
- .dark-theme .fr-image-resizer .fr-handler {
327
- width: 10px;
328
- height: 10px;
329
- }
330
- .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
331
- left: -5px;
332
- top: -5px;
333
- }
334
- .dark-theme .fr-image-resizer .fr-handler.fr-hne {
335
- right: -5px;
336
- top: -5px;
337
- }
338
- .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
339
- left: -5px;
340
- bottom: -5px;
341
- }
342
- .dark-theme .fr-image-resizer .fr-handler.fr-hse {
343
- right: -5px;
344
- bottom: -5px;
345
- }
346
- }
347
- .dark-theme.fr-image-overlay {
348
- top: 0;
349
- left: 0;
350
- bottom: 0;
351
- right: 0;
352
- z-index: 2147483640;
353
- }
354
- .dark-theme.fr-popup .fr-image-upload-layer {
355
- border: dashed 2px #808080;
356
- padding: 25px 0;
357
- }
358
- .dark-theme.fr-popup .fr-image-upload-layer:hover {
359
- background: #3d3d3d;
360
- }
361
- .dark-theme.fr-popup .fr-image-upload-layer.fr-drop {
362
- background: #3d3d3d;
363
- border-color: #42a5f5;
364
- }
365
- .dark-theme.fr-popup .fr-image-upload-layer .fr-form {
366
- top: 0;
367
- bottom: 0;
368
- left: 0;
369
- right: 0;
370
- z-index: 2147483640;
371
- }
372
- .dark-theme.fr-popup .fr-image-progress-bar-layer > h3 {
373
- margin: 10px 0;
374
- }
375
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
376
- background: #c6e4fc;
377
- }
378
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
379
- background: #42a5f5;
380
- -webkit-transition: width 0.2s ease 0s;
381
- -moz-transition: width 0.2s ease 0s;
382
- -ms-transition: width 0.2s ease 0s;
383
- -o-transition: width 0.2s ease 0s;
384
- }
385
- .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
386
- top: 0;
387
- }
388
- .dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more,
389
- .dark-theme.fr-modal-head .fr-modal-head-line svg.fr-modal-more {
390
- -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
391
- -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
392
- -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
393
- -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
394
- }
395
- .dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available,
396
- .dark-theme.fr-modal-head .fr-modal-head-line svg.fr-modal-more.fr-not-available {
397
- opacity: 0;
398
- width: 0;
399
- padding: 12px 0;
400
- }
401
- .dark-theme.fr-modal-head .fr-modal-tags a {
402
- opacity: 0;
403
- border-radius: 2px;
404
- -moz-border-radius: 2px;
405
- -webkit-border-radius: 2px;
406
- -moz-background-clip: padding;
407
- -webkit-background-clip: padding-box;
408
- background-clip: padding-box;
409
- color: #42a5f5;
410
- -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
411
- -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
412
- -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
413
- -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
414
- }
415
- .dark-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
416
- background: #2e2e2e;
417
- }
418
- .dark-themediv.fr-modal-body .fr-preloader {
419
- margin: 50px auto;
420
- }
421
- .dark-themediv.fr-modal-body div.fr-image-list {
422
- padding: 0;
423
- }
424
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
425
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
426
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
427
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
428
- border-radius: 2px;
429
- -moz-border-radius: 2px;
430
- -webkit-border-radius: 2px;
431
- -moz-background-clip: padding;
432
- -webkit-background-clip: padding-box;
433
- background-clip: padding-box;
434
- }
435
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
436
- -webkit-transition: opacity 0.2s ease 0s;
437
- -moz-transition: opacity 0.2s ease 0s;
438
- -ms-transition: opacity 0.2s ease 0s;
439
- -o-transition: opacity 0.2s ease 0s;
440
- background: #000000;
441
- top: 0;
442
- left: 0;
443
- bottom: 0;
444
- right: 0;
445
- }
446
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
447
- color: #ffffff;
448
- top: 0;
449
- left: 0;
450
- bottom: 0;
451
- right: 0;
452
- margin: auto;
453
- }
454
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
455
- background: #aaaaaa;
456
- }
457
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
458
- margin: auto;
459
- top: 0;
460
- bottom: 0;
461
- left: 0;
462
- right: 0;
463
- }
464
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
465
- -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
466
- -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
467
- -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
468
- -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
469
- }
470
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
471
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
472
- -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
473
- -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
474
- -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
475
- -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
476
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
477
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
478
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
479
- margin: 0;
480
- }
481
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
482
- background: #b8312f;
483
- color: #ffffff;
484
- }
485
- .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
486
- background: #353535;
487
- color: #42a5f5;
488
- }
489
- .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
490
- background: #3d3d3d;
491
- }
492
- .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
493
- background: #2e2e2e;
494
- }
495
- .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
496
- background: #bf4644;
497
- color: #ffffff;
498
- }
499
- .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
500
- background: #3d3d3d;
501
- }
502
- .dark-theme .fr-line-breaker {
503
- border-top: 1px solid #42a5f5;
504
- }
505
- .dark-theme .fr-line-breaker a.fr-floating-btn {
506
- left: calc(50% - (32px / 2));
507
- top: -16px;
508
- }
509
- .dark-theme .fr-qi-helper {
510
- padding-left: 16px;
511
- }
512
- .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
513
- color: #ffffff;
514
- }
515
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
516
- border: 1px solid #aaaaaa;
517
- }
518
- .dark-theme .fr-element table td.fr-selected-cell,
519
- .dark-theme .fr-element table th.fr-selected-cell {
520
- border: 1px double #42a5f5;
521
- }
522
- .dark-theme .fr-table-resizer div {
523
- border-right: 1px solid #42a5f5;
524
- }
525
- .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-input-line {
526
- padding: 8px 0 0;
527
- }
528
- .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
529
- background-color: #42a5f5;
530
- border-radius: 2px;
531
- -moz-border-radius: 2px;
532
- -webkit-border-radius: 2px;
533
- -moz-background-clip: padding;
534
- -webkit-background-clip: padding-box;
535
- background-clip: padding-box;
536
- }
537
- .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
538
- background-color: #128ef2;
539
- }
540
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size {
541
- line-height: 0;
542
- }
543
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span {
544
- padding: 0px 4px 4px 0;
545
- }
546
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
547
- border: 1px solid #dddddd;
548
- }
549
- .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
550
- background: rgba(66, 165, 245, 0.3);
551
- border: solid 1px #42a5f5;
552
- }
553
- .dark-theme.fr-popup .fr-table-colors {
554
- line-height: 0;
555
- }
556
- .dark-theme.fr-popup .fr-table-colors > span > i {
557
- bottom: 0;
558
- left: 0;
559
- }
560
- .dark-theme.fr-popup .fr-table-colors > span:focus {
561
- outline: 1px solid #ffffff;
562
- }
563
- .dark-theme .fr-element .fr-video::after {
564
- top: 0;
565
- left: 0;
566
- right: 0;
567
- bottom: 0;
568
- }
569
- .dark-theme.fr-box .fr-video-resizer {
570
- border: solid 1px #42a5f5;
571
- }
572
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
573
- background: #42a5f5;
574
- border: solid 1px #ffffff;
575
- }
576
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
577
- width: 12px;
578
- height: 12px;
579
- }
580
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
581
- left: -6px;
582
- top: -6px;
583
- }
584
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
585
- right: -6px;
586
- top: -6px;
587
- }
588
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
589
- left: -6px;
590
- bottom: -6px;
591
- }
592
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
593
- right: -6px;
594
- bottom: -6px;
595
- }
596
- @media (min-width: 1200px) {
597
- .dark-theme.fr-box .fr-video-resizer .fr-handler {
598
- width: 10px;
599
- height: 10px;
600
- }
601
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
602
- left: -5px;
603
- top: -5px;
604
- }
605
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
606
- right: -5px;
607
- top: -5px;
608
- }
609
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
610
- left: -5px;
611
- bottom: -5px;
612
- }
613
- .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
614
- right: -5px;
615
- bottom: -5px;
616
- }
617
- }
618
- .dark-theme.fr-popup .fr-video-upload-layer {
619
- border: dashed 2px #808080;
620
- padding: 25px 0;
621
- }
622
- .dark-theme.fr-popup .fr-video-upload-layer:hover {
623
- background: #3d3d3d;
624
- }
625
- .dark-theme.fr-popup .fr-video-upload-layer.fr-drop {
626
- background: #3d3d3d;
627
- border-color: #42a5f5;
628
- }
629
- .dark-theme.fr-popup .fr-video-upload-layer .fr-form {
630
- top: 0;
631
- bottom: 0;
632
- left: 0;
633
- right: 0;
634
- z-index: 2147483640;
635
- }
636
- .dark-theme.fr-popup .fr-video-progress-bar-layer > h3 {
637
- margin: 10px 0;
638
- }
639
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
640
- background: #c6e4fc;
641
- }
642
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
643
- background: #42a5f5;
644
- -webkit-transition: width 0.2s ease 0s;
645
- -moz-transition: width 0.2s ease 0s;
646
- -ms-transition: width 0.2s ease 0s;
647
- -o-transition: width 0.2s ease 0s;
648
- }
649
- .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
650
- top: 0;
651
- }
652
- .dark-theme.fr-video-overlay {
653
- top: 0;
654
- left: 0;
655
- bottom: 0;
656
- right: 0;
657
- z-index: 2147483640;
658
- }
659
- .dark-theme .fr-view span[style~="color:"] a {
660
- color: inherit;
661
- }
662
- .dark-theme .fr-view strong {
663
- font-weight: 700;
664
- }
665
- .dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
666
- background: #d3d3d3;
667
- }
668
- .dark-theme .fr-view table td,
669
- .dark-theme .fr-view table th {
670
- border: 1px solid #dddddd;
671
- }
672
- .dark-theme .fr-view table th {
673
- background: #e6e6e6;
674
- }
675
- .dark-theme .fr-view[dir="rtl"] blockquote {
676
- border-right: solid 2px #5e35b1;
677
- margin-right: 0;
678
- }
679
- .dark-theme .fr-view[dir="rtl"] blockquote blockquote {
680
- border-color: #00bcd4;
681
- }
682
- .dark-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
683
- border-color: #43a047;
684
- }
685
- .dark-theme .fr-view blockquote {
686
- border-left: solid 2px #5e35b1;
687
- margin-left: 0;
688
- color: #5e35b1;
689
- }
690
- .dark-theme .fr-view blockquote blockquote {
691
- border-color: #00bcd4;
692
- color: #00bcd4;
693
- }
694
- .dark-theme .fr-view blockquote blockquote blockquote {
695
- border-color: #43a047;
696
- color: #43a047;
697
- }
698
- .dark-theme .fr-view span.fr-emoticon {
699
- line-height: 0;
700
- }
701
- .dark-theme .fr-view span.fr-emoticon.fr-emoticon-img {
702
- font-size: inherit;
703
- }
704
- .dark-theme .fr-view .fr-text-bordered {
705
- padding: 10px 0;
706
- }
707
- .dark-theme .fr-view .fr-class-highlighted {
708
- background-color: #ffff00;
709
- }
710
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap {
711
- margin: auto;
712
- }
713
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap img {
714
- margin: auto;
715
- }
716
- .dark-theme .fr-view .fr-img-caption .fr-img-wrap > span {
717
- margin: auto;
718
- }
719
- .dark-theme .fr-element .fr-embedly::after {
720
- top: 0;
721
- left: 0;
722
- right: 0;
723
- bottom: 0;
724
- }
725
- .dark-theme.fr-box .fr-embedly-resizer {
726
- border: solid 1px #42a5f5;
727
- }
728
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-font-awesome-modal .fr-font-awesome-title {
729
- border-bottom: solid 1px #e6e6e6;
730
- }
731
- .dark-theme .tui-image-editor-container {
732
- top: 0;
733
- left: 0;
734
- bottom: 0;
735
- right: 0;
736
- z-index: 10;
737
- }
738
- .dark-theme .tui-editor-cancel-btn {
739
- background-color: #ffffff;
740
- border: 1px solid #aaaaaa;
741
- }
742
- .dark-theme .tui-editor-save-btn {
743
- color: #ffffff;
744
- }
745
- .dark-theme .examples-variante > a {
746
- font-size: 14px;
747
- font-family: Arial, Helvetica, sans-serif;
748
- }
749
- .dark-theme .sc-cm-holder > .sc-cm {
750
- border-top: 5px solid #222222 !important;
751
- }
752
- .dark-theme .sc-cm__item_dropdown:hover > a,
753
- .dark-theme .sc-cm a:hover {
754
- background-color: #3d3d3d !important;
755
- }
756
- .dark-theme .sc-cm__item_active > a,
757
- .dark-theme .sc-cm__item_active > a:hover,
758
- .dark-theme .sc-cm a:active,
759
- .dark-theme .sc-cm a:focus {
760
- background-color: #2e2e2e !important;
761
- }
762
- .dark-theme .sc-cm-holder > .sc-cm:before {
763
- background-color: #3d3d3d !important;
764
- }
765
- .dark-theme .fr-tooltip {
766
- top: 0;
767
- left: 0;
768
- border-radius: 2px;
769
- -moz-border-radius: 2px;
770
- -webkit-border-radius: 2px;
771
- -moz-background-clip: padding;
772
- -webkit-background-clip: padding-box;
773
- background-clip: padding-box;
774
- -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
775
- -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
776
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
777
- background: #222222;
778
- color: #ffffff;
779
- font-size: 11px;
780
- line-height: 22px;
781
- font-family: Arial, Helvetica, sans-serif;
782
- -webkit-transition: opacity 0.2s ease 0s;
783
- -moz-transition: opacity 0.2s ease 0s;
784
- -ms-transition: opacity 0.2s ease 0s;
785
- -o-transition: opacity 0.2s ease 0s;
786
- }
787
- .dark-theme.fr-toolbar .fr-command.fr-btn,
788
- .dark-theme.fr-popup .fr-command.fr-btn {
789
- color: #ffffff;
790
- -moz-outline: 0;
791
- outline: 0;
792
- border: 0;
793
- margin: 0px 2px;
794
- -webkit-transition: background 0.2s ease 0s;
795
- -moz-transition: background 0.2s ease 0s;
796
- -ms-transition: background 0.2s ease 0s;
797
- -o-transition: background 0.2s ease 0s;
798
- padding: 0;
799
- width: 38px;
800
- height: 38px;
801
- }
802
- .dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
803
- .dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
804
- border: 0;
805
- }
806
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
807
- .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
808
- width: auto;
809
- }
810
- .dark-theme.fr-toolbar .fr-command.fr-btn i,
811
- .dark-theme.fr-popup .fr-command.fr-btn i,
812
- .dark-theme.fr-toolbar .fr-command.fr-btn svg,
813
- .dark-theme.fr-popup .fr-command.fr-btn svg {
814
- font-size: 14px;
815
- width: 14px;
816
- margin: 12px 12px;
817
- }
818
- .dark-theme.fr-toolbar .fr-command.fr-btn span,
819
- .dark-theme.fr-popup .fr-command.fr-btn span {
820
- font-size: 14px;
821
- line-height: 17px;
822
- min-width: 34px;
823
- height: 17px;
824
- padding: 0 2px;
825
- }
826
- .dark-theme.fr-toolbar .fr-command.fr-btn img,
827
- .dark-theme.fr-popup .fr-command.fr-btn img {
828
- margin: 12px 12px;
829
- width: 14px;
830
- }
831
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-active,
832
- .dark-theme.fr-popup .fr-command.fr-btn.fr-active {
833
- color: #42a5f5;
834
- background: transparent;
835
- }
836
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
837
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
838
- width: auto;
839
- }
840
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
841
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
842
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
843
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
844
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
845
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
846
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
847
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg {
848
- margin-left: 8px;
849
- margin-right: 16px;
850
- }
851
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
852
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
853
- color: #ffffff;
854
- background: #2e2e2e;
855
- }
856
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
857
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
858
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
859
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
860
- background: #2e2e2e !important;
861
- color: #ffffff !important;
862
- }
863
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
864
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
865
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
866
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
867
- border-top-color: #ffffff !important;
868
- }
869
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
870
- .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
871
- width: 0;
872
- height: 0;
873
- border-left: 4px solid transparent;
874
- border-right: 4px solid transparent;
875
- border-top: 4px solid #ffffff;
876
- right: 4px;
877
- top: 17px;
878
- }
879
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
880
- .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled {
881
- color: #808080;
882
- }
883
- .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
884
- .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
885
- border-top-color: #808080 !important;
886
- }
887
- .dark-theme.fr-toolbar.fr-disabled .fr-btn,
888
- .dark-theme.fr-popup.fr-disabled .fr-btn,
889
- .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
890
- .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active {
891
- color: #808080;
892
- }
893
- .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
894
- .dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
895
- .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
896
- .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
897
- border-top-color: #808080;
898
- }
899
- .dark-theme.fr-desktop .fr-command:hover,
900
- .dark-theme.fr-desktop .fr-command:focus,
901
- .dark-theme.fr-desktop .fr-command.fr-btn-hover,
902
- .dark-theme.fr-desktop .fr-command.fr-expanded {
903
- outline: 0;
904
- color: #ffffff;
905
- background: #3d3d3d;
906
- }
907
- .dark-theme.fr-desktop .fr-command:hover::after,
908
- .dark-theme.fr-desktop .fr-command:focus::after,
909
- .dark-theme.fr-desktop .fr-command.fr-btn-hover::after,
910
- .dark-theme.fr-desktop .fr-command.fr-expanded::after {
911
- border-top-color: #ffffff !important;
912
- }
913
- .dark-theme.fr-desktop .fr-command.fr-selected {
914
- color: #ffffff;
915
- background: #2e2e2e;
916
- }
917
- .dark-theme.fr-desktop .fr-command.fr-active:hover,
918
- .dark-theme.fr-desktop .fr-command.fr-active:focus,
919
- .dark-theme.fr-desktop .fr-command.fr-active.fr-btn-hover,
920
- .dark-theme.fr-desktop .fr-command.fr-active.fr-expanded {
921
- color: #42a5f5;
922
- background: #3d3d3d;
923
- }
924
- .dark-theme.fr-desktop .fr-command.fr-active.fr-selected {
925
- color: #42a5f5;
926
- background: #2e2e2e;
927
- }
928
- .dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
929
- .dark-theme.fr-popup.fr-mobile .fr-command.fr-blink {
930
- background: transparent;
931
- }
932
- .dark-theme .fr-command.fr-btn.fr-options {
933
- width: 16px;
934
- margin-left: -5px;
935
- }
936
- .dark-theme .fr-command.fr-btn.fr-options.fr-btn-hover,
937
- .dark-theme .fr-command.fr-btn.fr-options:hover,
938
- .dark-theme .fr-command.fr-btn.fr-options:focus {
939
- border-left: solid 1px #fafafa;
940
- }
941
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu {
942
- right: auto;
943
- bottom: auto;
944
- height: auto;
945
- border-radius: 0 0 2px 2px;
946
- -moz-border-radius: 0 0 2px 2px;
947
- -webkit-border-radius: 0 0 2px 2px;
948
- -moz-background-clip: padding;
949
- -webkit-background-clip: padding-box;
950
- background-clip: padding-box;
951
- }
952
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
953
- height: auto;
954
- max-height: 275px;
955
- }
956
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
957
- background: #353535;
958
- padding: 0;
959
- margin: auto;
960
- -webkit-transition: max-height 0.2s ease 0s;
961
- -moz-transition: max-height 0.2s ease 0s;
962
- -ms-transition: max-height 0.2s ease 0s;
963
- -o-transition: max-height 0.2s ease 0s;
964
- margin-top: 0;
965
- max-height: 0;
966
- height: 0;
967
- }
968
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
969
- overflow: auto;
970
- max-height: 275px;
971
- }
972
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
973
- margin: 0;
974
- padding: 0;
975
- }
976
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
977
- padding: 0;
978
- margin: 0;
979
- }
980
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
981
- color: inherit;
982
- }
983
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
984
- background: #2e2e2e;
985
- }
986
- .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
987
- color: #808080;
988
- }
989
- .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
990
- -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
991
- -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
992
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
993
- }
994
- .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
995
- height: auto;
996
- max-height: 275px;
997
- }
998
- .dark-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
999
- border-radius: 2px 2px 0 0;
1000
- -moz-border-radius: 2px 2px 0 0;
1001
- -webkit-border-radius: 2px 2px 0 0;
1002
- -moz-background-clip: padding;
1003
- -webkit-background-clip: padding-box;
1004
- background-clip: padding-box;
1005
- }
1006
- .dark-theme.fr-modal {
1007
- color: #ffffff;
1008
- font-family: Arial, Helvetica, sans-serif;
1009
- overflow-x: auto;
1010
- top: 0;
1011
- left: 0;
1012
- bottom: 0;
1013
- right: 0;
1014
- z-index: 2147483640;
1015
- }
1016
- .dark-theme.fr-modal.fr-middle .fr-modal-wrapper {
1017
- margin-top: 0;
1018
- margin-bottom: 0;
1019
- margin-left: auto;
1020
- margin-right: auto;
1021
- }
1022
- .dark-theme.fr-modal .fr-modal-wrapper {
1023
- border-radius: 2px;
1024
- -moz-border-radius: 2px;
1025
- -webkit-border-radius: 2px;
1026
- -moz-background-clip: padding;
1027
- -webkit-background-clip: padding-box;
1028
- background-clip: padding-box;
1029
- margin: 20px auto;
1030
- background: #353535;
1031
- -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1032
- -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1033
- box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1034
- border: 0px;
1035
- border-top: 5px solid #222222;
1036
- }
1037
- @media (min-width: 768px) and (max-width: 991px) {
1038
- .dark-theme.fr-modal .fr-modal-wrapper {
1039
- margin: 30px auto;
1040
- }
1041
- }
1042
- @media (min-width: 992px) {
1043
- .dark-theme.fr-modal .fr-modal-wrapper {
1044
- margin: 50px auto;
1045
- }
1046
- }
1047
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1048
- background: #353535;
1049
- -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1050
- -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1051
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1052
- border-bottom: 0px;
1053
- -webkit-transition: height 0.2s ease 0s;
1054
- -moz-transition: height 0.2s ease 0s;
1055
- -ms-transition: height 0.2s ease 0s;
1056
- -o-transition: height 0.2s ease 0s;
1057
- }
1058
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1059
- color: #ffffff;
1060
- top: 0;
1061
- right: 0;
1062
- -webkit-transition: color 0.2s ease 0s;
1063
- -moz-transition: color 0.2s ease 0s;
1064
- -ms-transition: color 0.2s ease 0s;
1065
- -o-transition: color 0.2s ease 0s;
1066
- }
1067
- .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1068
- margin: 0;
1069
- font-weight: 400;
1070
- }
1071
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1072
- outline: 0;
1073
- }
1074
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1075
- color: #42a5f5;
1076
- -webkit-transition: background 0.2s ease 0s;
1077
- -moz-transition: background 0.2s ease 0s;
1078
- -ms-transition: background 0.2s ease 0s;
1079
- -o-transition: background 0.2s ease 0s;
1080
- border-radius: 2px;
1081
- -moz-border-radius: 2px;
1082
- -webkit-border-radius: 2px;
1083
- -moz-background-clip: padding;
1084
- -webkit-background-clip: padding-box;
1085
- background-clip: padding-box;
1086
- }
1087
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
1088
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1089
- background: #3d3d3d;
1090
- color: #42a5f5;
1091
- }
1092
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1093
- background: #2e2e2e;
1094
- color: #42a5f5;
1095
- }
1096
- .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1097
- border: 0;
1098
- }
1099
- .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1100
- background: #3d3d3d;
1101
- }
1102
- .dark-theme.fr-overlay {
1103
- top: 0;
1104
- bottom: 0;
1105
- left: 0;
1106
- right: 0;
1107
- background: #000000;
1108
- }
1109
- .dark-theme.fr-popup {
1110
- color: #ffffff;
1111
- background: #353535;
1112
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1113
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1114
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1115
- border-radius: 2px;
1116
- -moz-border-radius: 2px;
1117
- -webkit-border-radius: 2px;
1118
- -moz-background-clip: padding;
1119
- -webkit-background-clip: padding-box;
1120
- background-clip: padding-box;
1121
- font-family: Arial, Helvetica, sans-serif;
1122
- border: 0px;
1123
- border-top: 5px solid #222222;
1124
- }
1125
- .dark-theme.fr-popup .fr-input-focus {
1126
- background: #363636;
1127
- }
1128
- .dark-theme.fr-popup.fr-above {
1129
- border-top: 0;
1130
- border-bottom: 5px solid #222222;
1131
- -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1132
- -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1133
- box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1134
- }
1135
- .dark-theme.fr-popup .fr-input-line {
1136
- padding: 8px 0;
1137
- }
1138
- .dark-theme.fr-popup .fr-input-line input[type="text"],
1139
- .dark-theme.fr-popup .fr-input-line textarea {
1140
- margin: 0px 0 1px 0;
1141
- border-bottom: solid 1px #bdbdbd;
1142
- color: #ffffff;
1143
- }
1144
- .dark-theme.fr-popup .fr-input-line input[type="text"]:focus,
1145
- .dark-theme.fr-popup .fr-input-line textarea:focus {
1146
- border-bottom: solid 2px #42a5f5;
1147
- }
1148
- .dark-theme.fr-popup .fr-input-line input + label,
1149
- .dark-theme.fr-popup .fr-input-line textarea + label {
1150
- top: 0;
1151
- left: 0;
1152
- -webkit-transition: color 0.2s ease 0s;
1153
- -moz-transition: color 0.2s ease 0s;
1154
- -ms-transition: color 0.2s ease 0s;
1155
- -o-transition: color 0.2s ease 0s;
1156
- background: #353535;
1157
- }
1158
- .dark-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
1159
- .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
1160
- color: #42a5f5;
1161
- }
1162
- .dark-theme.fr-popup .fr-input-line input.fr-not-empty + label,
1163
- .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1164
- color: #808080;
1165
- }
1166
- .dark-theme.fr-popup .fr-buttons {
1167
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1168
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1169
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1170
- padding: 0 2px;
1171
- line-height: 0;
1172
- border-bottom: 0px;
1173
- }
1174
- .dark-theme.fr-popup .fr-layer {
1175
- width: 225px;
1176
- }
1177
- @media (min-width: 768px) {
1178
- .dark-theme.fr-popup .fr-layer {
1179
- width: 300px;
1180
- }
1181
- }
1182
- .dark-theme.fr-popup .fr-action-buttons button.fr-command {
1183
- color: #42a5f5;
1184
- -webkit-transition: background 0.2s ease 0s;
1185
- -moz-transition: background 0.2s ease 0s;
1186
- -ms-transition: background 0.2s ease 0s;
1187
- -o-transition: background 0.2s ease 0s;
1188
- border-radius: 2px;
1189
- -moz-border-radius: 2px;
1190
- -webkit-border-radius: 2px;
1191
- -moz-background-clip: padding;
1192
- -webkit-background-clip: padding-box;
1193
- background-clip: padding-box;
1194
- }
1195
- .dark-theme.fr-popup .fr-action-buttons button.fr-command:hover,
1196
- .dark-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1197
- background: #3d3d3d;
1198
- color: #42a5f5;
1199
- }
1200
- .dark-theme.fr-popup .fr-action-buttons button.fr-command:active {
1201
- background: #2e2e2e;
1202
- color: #42a5f5;
1203
- }
1204
- .dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1205
- border: 0;
1206
- }
1207
- .dark-theme.fr-popup .fr-checkbox span {
1208
- border: solid 1px #ffffff;
1209
- border-radius: 2px;
1210
- -moz-border-radius: 2px;
1211
- -webkit-border-radius: 2px;
1212
- -moz-background-clip: padding;
1213
- -webkit-background-clip: padding-box;
1214
- background-clip: padding-box;
1215
- -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1216
- -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1217
- -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1218
- -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1219
- }
1220
- .dark-theme.fr-popup .fr-checkbox input {
1221
- margin: 0;
1222
- padding: 0;
1223
- }
1224
- .dark-theme.fr-popup .fr-checkbox input:checked + span {
1225
- background: #42a5f5;
1226
- border-color: #42a5f5;
1227
- }
1228
- .dark-theme.fr-popup .fr-checkbox input:focus + span {
1229
- border-color: #42a5f5;
1230
- }
1231
- .dark-theme.fr-popup.fr-rtl .fr-input-line input + label,
1232
- .dark-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
1233
- left: auto;
1234
- right: 0;
1235
- }
1236
- .dark-theme.fr-popup .fr-arrow {
1237
- width: 0;
1238
- height: 0;
1239
- border-left: 5px solid transparent;
1240
- border-right: 5px solid transparent;
1241
- border-bottom: 5px solid #222222;
1242
- top: -9px;
1243
- margin-left: -5px;
1244
- }
1245
- .dark-theme.fr-popup.fr-above .fr-arrow {
1246
- top: auto;
1247
- bottom: -9px;
1248
- border-bottom: 0;
1249
- border-top: 5px solid #222222;
1250
- }
1251
- .dark-theme.fr-toolbar {
1252
- color: #ffffff;
1253
- background: #353535;
1254
- font-family: Arial, Helvetica, sans-serif;
1255
- padding: 0 2px;
1256
- border-radius: 2px;
1257
- -moz-border-radius: 2px;
1258
- -webkit-border-radius: 2px;
1259
- -moz-background-clip: padding;
1260
- -webkit-background-clip: padding-box;
1261
- background-clip: padding-box;
1262
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1263
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1264
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1265
- border: 0px;
1266
- border-top: 5px solid #222222;
1267
- }
1268
- .dark-theme.fr-toolbar.fr-inline .fr-arrow {
1269
- width: 0;
1270
- height: 0;
1271
- border-left: 5px solid transparent;
1272
- border-right: 5px solid transparent;
1273
- border-bottom: 5px solid #222222;
1274
- top: -9px;
1275
- margin-left: -5px;
1276
- }
1277
- .dark-theme.fr-toolbar.fr-inline.fr-above {
1278
- -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1279
- -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1280
- box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1281
- border-bottom: 5px solid #222222;
1282
- border-top: 0;
1283
- }
1284
- .dark-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
1285
- top: auto;
1286
- bottom: -9px;
1287
- border-bottom: 0;
1288
- border-top-color: inherit;
1289
- border-top-width: 5px;
1290
- }
1291
- .dark-theme.fr-toolbar.fr-top {
1292
- top: 0;
1293
- border-radius: 2px 2px 0 0;
1294
- -moz-border-radius: 2px 2px 0 0;
1295
- -webkit-border-radius: 2px 2px 0 0;
1296
- -moz-background-clip: padding;
1297
- -webkit-background-clip: padding-box;
1298
- background-clip: padding-box;
1299
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1300
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1301
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1302
- }
1303
- .dark-theme.fr-toolbar.fr-bottom {
1304
- bottom: 0;
1305
- border-radius: 0 0 2px 2px;
1306
- -moz-border-radius: 0 0 2px 2px;
1307
- -webkit-border-radius: 0 0 2px 2px;
1308
- -moz-background-clip: padding;
1309
- -webkit-background-clip: padding-box;
1310
- background-clip: padding-box;
1311
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1312
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1313
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1314
- }
1315
- .dark-theme .fr-separator {
1316
- background: #595959;
1317
- }
1318
- .dark-theme .fr-separator.fr-vs {
1319
- height: 34px;
1320
- width: 1px;
1321
- margin: 2px;
1322
- }
1323
- .dark-theme .fr-separator.fr-hs {
1324
- height: 1px;
1325
- width: calc(100% - (2 * 2px));
1326
- margin: 0 2px;
1327
- }
1
+ /*!
2
+ * froala_editor v2.9.6 (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 .fr-element {
24
+ color: #000000;
25
+ padding: 16px;
26
+ overflow-x: auto;
27
+ min-height: 52px;
28
+ }
29
+ .dark-theme .fr-element {
30
+ -webkit-user-select: auto;
31
+ }
32
+ .dark-theme.fr-box a.fr-floating-btn {
33
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
34
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
35
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
36
+ height: 32px;
37
+ width: 32px;
38
+ background: #353535;
39
+ color: #42a5f5;
40
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
41
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
42
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
43
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
44
+ left: 0;
45
+ top: 0;
46
+ line-height: 32px;
47
+ border: none;
48
+ }
49
+ .dark-theme.fr-box a.fr-floating-btn svg {
50
+ -webkit-transition: transform 0.2s ease 0s;
51
+ -moz-transition: transform 0.2s ease 0s;
52
+ -ms-transition: transform 0.2s ease 0s;
53
+ -o-transition: transform 0.2s ease 0s;
54
+ fill: #42a5f5;
55
+ }
56
+ .dark-theme.fr-box a.fr-floating-btn i,
57
+ .dark-theme.fr-box a.fr-floating-btn svg {
58
+ font-size: 14px;
59
+ line-height: 32px;
60
+ }
61
+ .dark-theme.fr-box a.fr-floating-btn:hover {
62
+ background: #3d3d3d;
63
+ }
64
+ .dark-theme.fr-box a.fr-floating-btn:hover svg {
65
+ fill: #42a5f5;
66
+ }
67
+ .dark-theme .fr-wrapper .fr-placeholder {
68
+ font-size: 12px;
69
+ color: #aaaaaa;
70
+ top: 0;
71
+ left: 0;
72
+ right: 0;
73
+ }
74
+ .dark-theme .fr-wrapper ::-moz-selection {
75
+ background: #b5d6fd;
76
+ color: #000000;
77
+ }
78
+ .dark-theme .fr-wrapper ::selection {
79
+ background: #b5d6fd;
80
+ color: #000000;
81
+ }
82
+ .dark-theme.fr-box.fr-basic .fr-wrapper {
83
+ background: #ffffff;
84
+ border: 0px;
85
+ border-top: 0;
86
+ top: 0;
87
+ left: 0;
88
+ }
89
+ .dark-theme.fr-box.fr-basic.fr-top .fr-wrapper {
90
+ border-top: 0;
91
+ border-radius: 0 0 2px 2px;
92
+ -moz-border-radius: 0 0 2px 2px;
93
+ -webkit-border-radius: 0 0 2px 2px;
94
+ -moz-background-clip: padding;
95
+ -webkit-background-clip: padding-box;
96
+ background-clip: padding-box;
97
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
98
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
99
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
100
+ }
101
+ .dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
102
+ border-bottom: 0;
103
+ border-radius: 2px 2px 0 0;
104
+ -moz-border-radius: 2px 2px 0 0;
105
+ -webkit-border-radius: 2px 2px 0 0;
106
+ -moz-background-clip: padding;
107
+ -webkit-background-clip: padding-box;
108
+ background-clip: padding-box;
109
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
110
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
111
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
112
+ }
113
+ @media (min-width: 992px) {
114
+ .dark-theme .fr-box.fr-document .fr-wrapper .fr-element {
115
+ margin: auto;
116
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
117
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
118
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
119
+ z-index: auto;
120
+ }
121
+ }
122
+ .dark-theme .fr-sticky-on.fr-sticky-ios {
123
+ left: 0;
124
+ right: 0;
125
+ }
126
+ .dark-theme.fr-box .fr-counter {
127
+ color: #aaaaaa;
128
+ background: #ffffff;
129
+ border-top: solid 1px #ebebeb;
130
+ border-left: solid 1px #ebebeb;
131
+ border-radius: 2px 0 0 0;
132
+ -moz-border-radius: 2px 0 0 0;
133
+ -webkit-border-radius: 2px 0 0 0;
134
+ -moz-background-clip: padding;
135
+ -webkit-background-clip: padding-box;
136
+ background-clip: padding-box;
137
+ }
138
+ .dark-theme.fr-box.fr-rtl .fr-counter {
139
+ right: auto;
140
+ border-right: solid 1px #ebebeb;
141
+ border-radius: 0 2px 0 0;
142
+ -moz-border-radius: 0 2px 0 0;
143
+ -webkit-border-radius: 0 2px 0 0;
144
+ -moz-background-clip: padding;
145
+ -webkit-background-clip: padding-box;
146
+ background-clip: padding-box;
147
+ }
148
+ .dark-theme textarea.fr-code {
149
+ background: #ffffff;
150
+ color: #000000;
151
+ }
152
+ .dark-theme.fr-box.fr-code-view.fr-inline {
153
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
154
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
155
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
156
+ }
157
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
158
+ top: 0;
159
+ right: 0;
160
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
161
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
162
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
163
+ background: #ffffff;
164
+ color: #ffffff;
165
+ -moz-outline: 0;
166
+ outline: 0;
167
+ border: 0;
168
+ padding: 12px 12px;
169
+ -webkit-transition: background 0.2s ease 0s;
170
+ -moz-transition: background 0.2s ease 0s;
171
+ -ms-transition: background 0.2s ease 0s;
172
+ -o-transition: background 0.2s ease 0s;
173
+ }
174
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
175
+ font-size: 14px;
176
+ width: 14px;
177
+ }
178
+ .dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
179
+ background: #3d3d3d;
180
+ }
181
+ .dark-theme.fr-popup .fr-colors-tabs {
182
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
183
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
184
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
185
+ }
186
+ .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
187
+ color: #ffffff;
188
+ padding: 8px 0;
189
+ }
190
+ .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
191
+ .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
192
+ color: #42a5f5;
193
+ }
194
+ .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
195
+ bottom: 0;
196
+ left: 0;
197
+ background: #42a5f5;
198
+ -webkit-transition: transform 0.2s ease 0s;
199
+ -moz-transition: transform 0.2s ease 0s;
200
+ -ms-transition: transform 0.2s ease 0s;
201
+ -o-transition: transform 0.2s ease 0s;
202
+ }
203
+ .dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
204
+ color: #42a5f5;
205
+ }
206
+ .dark-theme.fr-popup .fr-color-hex-layer .fr-input-line {
207
+ padding: 8px 0 0;
208
+ }
209
+ .dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
210
+ background-color: #42a5f5;
211
+ border-radius: 2px;
212
+ -moz-border-radius: 2px;
213
+ -webkit-border-radius: 2px;
214
+ -moz-background-clip: padding;
215
+ -webkit-background-clip: padding-box;
216
+ background-clip: padding-box;
217
+ }
218
+ .dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command:hover {
219
+ background-color: #128ef2;
220
+ }
221
+ .dark-theme.fr-popup .fr-color-set {
222
+ line-height: 0;
223
+ }
224
+ .dark-theme.fr-popup .fr-color-set > span > i,
225
+ .dark-theme.fr-popup .fr-color-set > span > svg {
226
+ bottom: 0;
227
+ left: 0;
228
+ }
229
+ .dark-theme.fr-popup .fr-color-set > span .fr-selected-color {
230
+ color: #ffffff;
231
+ font-weight: 400;
232
+ top: 0;
233
+ bottom: 0;
234
+ right: 0;
235
+ left: 0;
236
+ }
237
+ .dark-theme.fr-popup .fr-color-set > span:hover,
238
+ .dark-theme.fr-popup .fr-color-set > span:focus {
239
+ outline: 1px solid #ffffff;
240
+ }
241
+ .dark-theme .fr-drag-helper {
242
+ background: #42a5f5;
243
+ z-index: 2147483640;
244
+ }
245
+ .dark-theme.fr-popup .fr-link:focus {
246
+ outline: 0;
247
+ background: #3d3d3d;
248
+ }
249
+ .dark-theme.fr-popup .fr-file-upload-layer {
250
+ border: dashed 2px #808080;
251
+ padding: 25px 0;
252
+ }
253
+ .dark-theme.fr-popup .fr-file-upload-layer:hover {
254
+ background: #3d3d3d;
255
+ }
256
+ .dark-theme.fr-popup .fr-file-upload-layer.fr-drop {
257
+ background: #3d3d3d;
258
+ border-color: #42a5f5;
259
+ }
260
+ .dark-theme.fr-popup .fr-file-upload-layer .fr-form {
261
+ top: 0;
262
+ bottom: 0;
263
+ left: 0;
264
+ right: 0;
265
+ z-index: 2147483640;
266
+ }
267
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > h3 {
268
+ margin: 10px 0;
269
+ }
270
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
271
+ background: #c6e4fc;
272
+ }
273
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
274
+ background: #42a5f5;
275
+ -webkit-transition: width 0.2s ease 0s;
276
+ -moz-transition: width 0.2s ease 0s;
277
+ -ms-transition: width 0.2s ease 0s;
278
+ -o-transition: width 0.2s ease 0s;
279
+ }
280
+ .dark-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
281
+ top: 0;
282
+ }
283
+ .dark-theme.fr-box.fr-fullscreen {
284
+ top: 0;
285
+ left: 0;
286
+ bottom: 0;
287
+ right: 0;
288
+ }
289
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
290
+ border: 0;
291
+ }
292
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
293
+ border-bottom: solid 1px #595959;
294
+ }
295
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
296
+ color: #ffffff;
297
+ }
298
+ .dark-theme .fr-image-resizer {
299
+ border: solid 1px #42a5f5;
300
+ }
301
+ .dark-theme .fr-image-resizer .fr-handler {
302
+ background: #42a5f5;
303
+ border: solid 1px #ffffff;
304
+ }
305
+ .dark-theme .fr-image-resizer .fr-handler {
306
+ width: 12px;
307
+ height: 12px;
308
+ }
309
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
310
+ left: -6px;
311
+ top: -6px;
312
+ }
313
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
314
+ right: -6px;
315
+ top: -6px;
316
+ }
317
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
318
+ left: -6px;
319
+ bottom: -6px;
320
+ }
321
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
322
+ right: -6px;
323
+ bottom: -6px;
324
+ }
325
+ @media (min-width: 1200px) {
326
+ .dark-theme .fr-image-resizer .fr-handler {
327
+ width: 10px;
328
+ height: 10px;
329
+ }
330
+ .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
331
+ left: -5px;
332
+ top: -5px;
333
+ }
334
+ .dark-theme .fr-image-resizer .fr-handler.fr-hne {
335
+ right: -5px;
336
+ top: -5px;
337
+ }
338
+ .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
339
+ left: -5px;
340
+ bottom: -5px;
341
+ }
342
+ .dark-theme .fr-image-resizer .fr-handler.fr-hse {
343
+ right: -5px;
344
+ bottom: -5px;
345
+ }
346
+ }
347
+ .dark-theme.fr-image-overlay {
348
+ top: 0;
349
+ left: 0;
350
+ bottom: 0;
351
+ right: 0;
352
+ z-index: 2147483640;
353
+ }
354
+ .dark-theme.fr-popup .fr-image-upload-layer {
355
+ border: dashed 2px #808080;
356
+ padding: 25px 0;
357
+ }
358
+ .dark-theme.fr-popup .fr-image-upload-layer:hover {
359
+ background: #3d3d3d;
360
+ }
361
+ .dark-theme.fr-popup .fr-image-upload-layer.fr-drop {
362
+ background: #3d3d3d;
363
+ border-color: #42a5f5;
364
+ }
365
+ .dark-theme.fr-popup .fr-image-upload-layer .fr-form {
366
+ top: 0;
367
+ bottom: 0;
368
+ left: 0;
369
+ right: 0;
370
+ z-index: 2147483640;
371
+ }
372
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > h3 {
373
+ margin: 10px 0;
374
+ }
375
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
376
+ background: #c6e4fc;
377
+ }
378
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
379
+ background: #42a5f5;
380
+ -webkit-transition: width 0.2s ease 0s;
381
+ -moz-transition: width 0.2s ease 0s;
382
+ -ms-transition: width 0.2s ease 0s;
383
+ -o-transition: width 0.2s ease 0s;
384
+ }
385
+ .dark-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
386
+ top: 0;
387
+ }
388
+ .dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more,
389
+ .dark-theme.fr-modal-head .fr-modal-head-line svg.fr-modal-more {
390
+ -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
391
+ -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
392
+ -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
393
+ -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
394
+ }
395
+ .dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available,
396
+ .dark-theme.fr-modal-head .fr-modal-head-line svg.fr-modal-more.fr-not-available {
397
+ opacity: 0;
398
+ width: 0;
399
+ padding: 12px 0;
400
+ }
401
+ .dark-theme.fr-modal-head .fr-modal-tags a {
402
+ opacity: 0;
403
+ border-radius: 2px;
404
+ -moz-border-radius: 2px;
405
+ -webkit-border-radius: 2px;
406
+ -moz-background-clip: padding;
407
+ -webkit-background-clip: padding-box;
408
+ background-clip: padding-box;
409
+ color: #42a5f5;
410
+ -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
411
+ -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
412
+ -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
413
+ -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
414
+ }
415
+ .dark-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
416
+ background: #2e2e2e;
417
+ }
418
+ .dark-themediv.fr-modal-body .fr-preloader {
419
+ margin: 50px auto;
420
+ }
421
+ .dark-themediv.fr-modal-body div.fr-image-list {
422
+ padding: 0;
423
+ }
424
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
425
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
426
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
427
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
428
+ border-radius: 2px;
429
+ -moz-border-radius: 2px;
430
+ -webkit-border-radius: 2px;
431
+ -moz-background-clip: padding;
432
+ -webkit-background-clip: padding-box;
433
+ background-clip: padding-box;
434
+ }
435
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
436
+ -webkit-transition: opacity 0.2s ease 0s;
437
+ -moz-transition: opacity 0.2s ease 0s;
438
+ -ms-transition: opacity 0.2s ease 0s;
439
+ -o-transition: opacity 0.2s ease 0s;
440
+ background: #000000;
441
+ top: 0;
442
+ left: 0;
443
+ bottom: 0;
444
+ right: 0;
445
+ }
446
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
447
+ color: #ffffff;
448
+ top: 0;
449
+ left: 0;
450
+ bottom: 0;
451
+ right: 0;
452
+ margin: auto;
453
+ }
454
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
455
+ background: #aaaaaa;
456
+ }
457
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
458
+ margin: auto;
459
+ top: 0;
460
+ bottom: 0;
461
+ left: 0;
462
+ right: 0;
463
+ }
464
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
465
+ -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
466
+ -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
467
+ -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
468
+ -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
469
+ }
470
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
471
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
472
+ -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
473
+ -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
474
+ -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
475
+ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
476
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
477
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
478
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
479
+ margin: 0;
480
+ }
481
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
482
+ background: #b8312f;
483
+ color: #ffffff;
484
+ }
485
+ .dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
486
+ background: #353535;
487
+ color: #42a5f5;
488
+ }
489
+ .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
490
+ background: #3d3d3d;
491
+ }
492
+ .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
493
+ background: #2e2e2e;
494
+ }
495
+ .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
496
+ background: #bf4644;
497
+ color: #ffffff;
498
+ }
499
+ .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
500
+ background: #3d3d3d;
501
+ }
502
+ .dark-theme .fr-line-breaker {
503
+ border-top: 1px solid #42a5f5;
504
+ }
505
+ .dark-theme .fr-line-breaker a.fr-floating-btn {
506
+ left: calc(50% - (32px / 2));
507
+ top: -16px;
508
+ }
509
+ .dark-theme .fr-qi-helper {
510
+ padding-left: 16px;
511
+ }
512
+ .dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
513
+ color: #ffffff;
514
+ }
515
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
516
+ border: 1px solid #aaaaaa;
517
+ }
518
+ .dark-theme .fr-element table td.fr-selected-cell,
519
+ .dark-theme .fr-element table th.fr-selected-cell {
520
+ border: 1px double #42a5f5;
521
+ }
522
+ .dark-theme .fr-table-resizer div {
523
+ border-right: 1px solid #42a5f5;
524
+ }
525
+ .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-input-line {
526
+ padding: 8px 0 0;
527
+ }
528
+ .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
529
+ background-color: #42a5f5;
530
+ border-radius: 2px;
531
+ -moz-border-radius: 2px;
532
+ -webkit-border-radius: 2px;
533
+ -moz-background-clip: padding;
534
+ -webkit-background-clip: padding-box;
535
+ background-clip: padding-box;
536
+ }
537
+ .dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
538
+ background-color: #128ef2;
539
+ }
540
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size {
541
+ line-height: 0;
542
+ }
543
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span {
544
+ padding: 0px 4px 4px 0;
545
+ }
546
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
547
+ border: 1px solid #dddddd;
548
+ }
549
+ .dark-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
550
+ background: rgba(66, 165, 245, 0.3);
551
+ border: solid 1px #42a5f5;
552
+ }
553
+ .dark-theme.fr-popup .fr-table-colors {
554
+ line-height: 0;
555
+ }
556
+ .dark-theme.fr-popup .fr-table-colors > span > i {
557
+ bottom: 0;
558
+ left: 0;
559
+ }
560
+ .dark-theme.fr-popup .fr-table-colors > span:focus {
561
+ outline: 1px solid #ffffff;
562
+ }
563
+ .dark-theme .fr-element .fr-video::after {
564
+ top: 0;
565
+ left: 0;
566
+ right: 0;
567
+ bottom: 0;
568
+ }
569
+ .dark-theme.fr-box .fr-video-resizer {
570
+ border: solid 1px #42a5f5;
571
+ }
572
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
573
+ background: #42a5f5;
574
+ border: solid 1px #ffffff;
575
+ }
576
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
577
+ width: 12px;
578
+ height: 12px;
579
+ }
580
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
581
+ left: -6px;
582
+ top: -6px;
583
+ }
584
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
585
+ right: -6px;
586
+ top: -6px;
587
+ }
588
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
589
+ left: -6px;
590
+ bottom: -6px;
591
+ }
592
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
593
+ right: -6px;
594
+ bottom: -6px;
595
+ }
596
+ @media (min-width: 1200px) {
597
+ .dark-theme.fr-box .fr-video-resizer .fr-handler {
598
+ width: 10px;
599
+ height: 10px;
600
+ }
601
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
602
+ left: -5px;
603
+ top: -5px;
604
+ }
605
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
606
+ right: -5px;
607
+ top: -5px;
608
+ }
609
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
610
+ left: -5px;
611
+ bottom: -5px;
612
+ }
613
+ .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
614
+ right: -5px;
615
+ bottom: -5px;
616
+ }
617
+ }
618
+ .dark-theme.fr-popup .fr-video-upload-layer {
619
+ border: dashed 2px #808080;
620
+ padding: 25px 0;
621
+ }
622
+ .dark-theme.fr-popup .fr-video-upload-layer:hover {
623
+ background: #3d3d3d;
624
+ }
625
+ .dark-theme.fr-popup .fr-video-upload-layer.fr-drop {
626
+ background: #3d3d3d;
627
+ border-color: #42a5f5;
628
+ }
629
+ .dark-theme.fr-popup .fr-video-upload-layer .fr-form {
630
+ top: 0;
631
+ bottom: 0;
632
+ left: 0;
633
+ right: 0;
634
+ z-index: 2147483640;
635
+ }
636
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > h3 {
637
+ margin: 10px 0;
638
+ }
639
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
640
+ background: #c6e4fc;
641
+ }
642
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
643
+ background: #42a5f5;
644
+ -webkit-transition: width 0.2s ease 0s;
645
+ -moz-transition: width 0.2s ease 0s;
646
+ -ms-transition: width 0.2s ease 0s;
647
+ -o-transition: width 0.2s ease 0s;
648
+ }
649
+ .dark-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
650
+ top: 0;
651
+ }
652
+ .dark-theme.fr-video-overlay {
653
+ top: 0;
654
+ left: 0;
655
+ bottom: 0;
656
+ right: 0;
657
+ z-index: 2147483640;
658
+ }
659
+ .dark-theme .fr-view span[style~="color:"] a {
660
+ color: inherit;
661
+ }
662
+ .dark-theme .fr-view strong {
663
+ font-weight: 700;
664
+ }
665
+ .dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
666
+ background: #d3d3d3;
667
+ }
668
+ .dark-theme .fr-view table td,
669
+ .dark-theme .fr-view table th {
670
+ border: 1px solid #dddddd;
671
+ }
672
+ .dark-theme .fr-view table th {
673
+ background: #e6e6e6;
674
+ }
675
+ .dark-theme .fr-view[dir="rtl"] blockquote {
676
+ border-right: solid 2px #5e35b1;
677
+ margin-right: 0;
678
+ }
679
+ .dark-theme .fr-view[dir="rtl"] blockquote blockquote {
680
+ border-color: #00bcd4;
681
+ }
682
+ .dark-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
683
+ border-color: #43a047;
684
+ }
685
+ .dark-theme .fr-view blockquote {
686
+ border-left: solid 2px #5e35b1;
687
+ margin-left: 0;
688
+ color: #5e35b1;
689
+ }
690
+ .dark-theme .fr-view blockquote blockquote {
691
+ border-color: #00bcd4;
692
+ color: #00bcd4;
693
+ }
694
+ .dark-theme .fr-view blockquote blockquote blockquote {
695
+ border-color: #43a047;
696
+ color: #43a047;
697
+ }
698
+ .dark-theme .fr-view span.fr-emoticon {
699
+ line-height: 0;
700
+ }
701
+ .dark-theme .fr-view span.fr-emoticon.fr-emoticon-img {
702
+ font-size: inherit;
703
+ }
704
+ .dark-theme .fr-view .fr-text-bordered {
705
+ padding: 10px 0;
706
+ }
707
+ .dark-theme .fr-view .fr-class-highlighted {
708
+ background-color: #ffff00;
709
+ }
710
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap {
711
+ margin: auto;
712
+ }
713
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap img {
714
+ margin: auto;
715
+ }
716
+ .dark-theme .fr-view .fr-img-caption .fr-img-wrap > span {
717
+ margin: auto;
718
+ }
719
+ .dark-theme .fr-element .fr-embedly::after {
720
+ top: 0;
721
+ left: 0;
722
+ right: 0;
723
+ bottom: 0;
724
+ }
725
+ .dark-theme.fr-box .fr-embedly-resizer {
726
+ border: solid 1px #42a5f5;
727
+ }
728
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-font-awesome-modal .fr-font-awesome-title {
729
+ border-bottom: solid 1px #e6e6e6;
730
+ }
731
+ .dark-theme .tui-image-editor-container {
732
+ top: 0;
733
+ left: 0;
734
+ bottom: 0;
735
+ right: 0;
736
+ z-index: 10;
737
+ }
738
+ .dark-theme .tui-editor-cancel-btn {
739
+ background-color: #ffffff;
740
+ border: 1px solid #aaaaaa;
741
+ }
742
+ .dark-theme .tui-editor-save-btn {
743
+ color: #ffffff;
744
+ }
745
+ .dark-theme .examples-variante > a {
746
+ font-size: 14px;
747
+ font-family: Arial, Helvetica, sans-serif;
748
+ }
749
+ .dark-theme .sc-cm-holder > .sc-cm {
750
+ border-top: 5px solid #222222 !important;
751
+ }
752
+ .dark-theme .sc-cm__item_dropdown:hover > a,
753
+ .dark-theme .sc-cm a:hover {
754
+ background-color: #3d3d3d !important;
755
+ }
756
+ .dark-theme .sc-cm__item_active > a,
757
+ .dark-theme .sc-cm__item_active > a:hover,
758
+ .dark-theme .sc-cm a:active,
759
+ .dark-theme .sc-cm a:focus {
760
+ background-color: #2e2e2e !important;
761
+ }
762
+ .dark-theme .sc-cm-holder > .sc-cm:before {
763
+ background-color: #3d3d3d !important;
764
+ }
765
+ .dark-theme .fr-tooltip {
766
+ top: 0;
767
+ left: 0;
768
+ border-radius: 2px;
769
+ -moz-border-radius: 2px;
770
+ -webkit-border-radius: 2px;
771
+ -moz-background-clip: padding;
772
+ -webkit-background-clip: padding-box;
773
+ background-clip: padding-box;
774
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
775
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
776
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
777
+ background: #222222;
778
+ color: #ffffff;
779
+ font-size: 11px;
780
+ line-height: 22px;
781
+ font-family: Arial, Helvetica, sans-serif;
782
+ -webkit-transition: opacity 0.2s ease 0s;
783
+ -moz-transition: opacity 0.2s ease 0s;
784
+ -ms-transition: opacity 0.2s ease 0s;
785
+ -o-transition: opacity 0.2s ease 0s;
786
+ }
787
+ .dark-theme.fr-toolbar .fr-command.fr-btn,
788
+ .dark-theme.fr-popup .fr-command.fr-btn {
789
+ color: #ffffff;
790
+ -moz-outline: 0;
791
+ outline: 0;
792
+ border: 0;
793
+ margin: 0px 2px;
794
+ -webkit-transition: background 0.2s ease 0s;
795
+ -moz-transition: background 0.2s ease 0s;
796
+ -ms-transition: background 0.2s ease 0s;
797
+ -o-transition: background 0.2s ease 0s;
798
+ padding: 0;
799
+ width: 38px;
800
+ height: 38px;
801
+ }
802
+ .dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
803
+ .dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
804
+ border: 0;
805
+ }
806
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
807
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
808
+ width: auto;
809
+ }
810
+ .dark-theme.fr-toolbar .fr-command.fr-btn i,
811
+ .dark-theme.fr-popup .fr-command.fr-btn i,
812
+ .dark-theme.fr-toolbar .fr-command.fr-btn svg,
813
+ .dark-theme.fr-popup .fr-command.fr-btn svg {
814
+ font-size: 14px;
815
+ width: 14px;
816
+ margin: 12px 12px;
817
+ }
818
+ .dark-theme.fr-toolbar .fr-command.fr-btn span,
819
+ .dark-theme.fr-popup .fr-command.fr-btn span {
820
+ font-size: 14px;
821
+ line-height: 17px;
822
+ min-width: 34px;
823
+ height: 17px;
824
+ padding: 0 2px;
825
+ }
826
+ .dark-theme.fr-toolbar .fr-command.fr-btn img,
827
+ .dark-theme.fr-popup .fr-command.fr-btn img {
828
+ margin: 12px 12px;
829
+ width: 14px;
830
+ }
831
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-active,
832
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-active {
833
+ color: #42a5f5;
834
+ background: transparent;
835
+ }
836
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
837
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
838
+ width: auto;
839
+ }
840
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
841
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
842
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
843
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
844
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
845
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
846
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
847
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg {
848
+ margin-left: 8px;
849
+ margin-right: 16px;
850
+ }
851
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
852
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
853
+ color: #ffffff;
854
+ background: #2e2e2e;
855
+ }
856
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
857
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
858
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
859
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
860
+ background: #2e2e2e !important;
861
+ color: #ffffff !important;
862
+ }
863
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
864
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
865
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
866
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
867
+ border-top-color: #ffffff !important;
868
+ }
869
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
870
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
871
+ width: 0;
872
+ height: 0;
873
+ border-left: 4px solid transparent;
874
+ border-right: 4px solid transparent;
875
+ border-top: 4px solid #ffffff;
876
+ right: 4px;
877
+ top: 17px;
878
+ }
879
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
880
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled {
881
+ color: #808080;
882
+ }
883
+ .dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
884
+ .dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
885
+ border-top-color: #808080 !important;
886
+ }
887
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn,
888
+ .dark-theme.fr-popup.fr-disabled .fr-btn,
889
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
890
+ .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active {
891
+ color: #808080;
892
+ }
893
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
894
+ .dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
895
+ .dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
896
+ .dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
897
+ border-top-color: #808080;
898
+ }
899
+ .dark-theme.fr-desktop .fr-command:hover,
900
+ .dark-theme.fr-desktop .fr-command:focus,
901
+ .dark-theme.fr-desktop .fr-command.fr-btn-hover,
902
+ .dark-theme.fr-desktop .fr-command.fr-expanded {
903
+ outline: 0;
904
+ color: #ffffff;
905
+ background: #3d3d3d;
906
+ }
907
+ .dark-theme.fr-desktop .fr-command:hover::after,
908
+ .dark-theme.fr-desktop .fr-command:focus::after,
909
+ .dark-theme.fr-desktop .fr-command.fr-btn-hover::after,
910
+ .dark-theme.fr-desktop .fr-command.fr-expanded::after {
911
+ border-top-color: #ffffff !important;
912
+ }
913
+ .dark-theme.fr-desktop .fr-command.fr-selected {
914
+ color: #ffffff;
915
+ background: #2e2e2e;
916
+ }
917
+ .dark-theme.fr-desktop .fr-command.fr-active:hover,
918
+ .dark-theme.fr-desktop .fr-command.fr-active:focus,
919
+ .dark-theme.fr-desktop .fr-command.fr-active.fr-btn-hover,
920
+ .dark-theme.fr-desktop .fr-command.fr-active.fr-expanded {
921
+ color: #42a5f5;
922
+ background: #3d3d3d;
923
+ }
924
+ .dark-theme.fr-desktop .fr-command.fr-active.fr-selected {
925
+ color: #42a5f5;
926
+ background: #2e2e2e;
927
+ }
928
+ .dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
929
+ .dark-theme.fr-popup.fr-mobile .fr-command.fr-blink {
930
+ background: transparent;
931
+ }
932
+ .dark-theme .fr-command.fr-btn.fr-options {
933
+ width: 16px;
934
+ margin-left: -5px;
935
+ }
936
+ .dark-theme .fr-command.fr-btn.fr-options.fr-btn-hover,
937
+ .dark-theme .fr-command.fr-btn.fr-options:hover,
938
+ .dark-theme .fr-command.fr-btn.fr-options:focus {
939
+ border-left: solid 1px #fafafa;
940
+ }
941
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu {
942
+ right: auto;
943
+ bottom: auto;
944
+ height: auto;
945
+ border-radius: 0 0 2px 2px;
946
+ -moz-border-radius: 0 0 2px 2px;
947
+ -webkit-border-radius: 0 0 2px 2px;
948
+ -moz-background-clip: padding;
949
+ -webkit-background-clip: padding-box;
950
+ background-clip: padding-box;
951
+ }
952
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
953
+ height: auto;
954
+ max-height: 275px;
955
+ }
956
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
957
+ background: #353535;
958
+ padding: 0;
959
+ margin: auto;
960
+ -webkit-transition: max-height 0.2s ease 0s;
961
+ -moz-transition: max-height 0.2s ease 0s;
962
+ -ms-transition: max-height 0.2s ease 0s;
963
+ -o-transition: max-height 0.2s ease 0s;
964
+ margin-top: 0;
965
+ max-height: 0;
966
+ height: 0;
967
+ }
968
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
969
+ overflow: auto;
970
+ max-height: 275px;
971
+ }
972
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
973
+ margin: 0;
974
+ padding: 0;
975
+ }
976
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
977
+ padding: 0;
978
+ margin: 0;
979
+ }
980
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
981
+ color: inherit;
982
+ }
983
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
984
+ background: #2e2e2e;
985
+ }
986
+ .dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
987
+ color: #808080;
988
+ }
989
+ .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu {
990
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
991
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
992
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
993
+ }
994
+ .dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
995
+ height: auto;
996
+ max-height: 275px;
997
+ }
998
+ .dark-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
999
+ border-radius: 2px 2px 0 0;
1000
+ -moz-border-radius: 2px 2px 0 0;
1001
+ -webkit-border-radius: 2px 2px 0 0;
1002
+ -moz-background-clip: padding;
1003
+ -webkit-background-clip: padding-box;
1004
+ background-clip: padding-box;
1005
+ }
1006
+ .dark-theme.fr-modal {
1007
+ color: #ffffff;
1008
+ font-family: Arial, Helvetica, sans-serif;
1009
+ overflow-x: auto;
1010
+ top: 0;
1011
+ left: 0;
1012
+ bottom: 0;
1013
+ right: 0;
1014
+ z-index: 2147483640;
1015
+ }
1016
+ .dark-theme.fr-modal.fr-middle .fr-modal-wrapper {
1017
+ margin-top: 0;
1018
+ margin-bottom: 0;
1019
+ margin-left: auto;
1020
+ margin-right: auto;
1021
+ }
1022
+ .dark-theme.fr-modal .fr-modal-wrapper {
1023
+ border-radius: 2px;
1024
+ -moz-border-radius: 2px;
1025
+ -webkit-border-radius: 2px;
1026
+ -moz-background-clip: padding;
1027
+ -webkit-background-clip: padding-box;
1028
+ background-clip: padding-box;
1029
+ margin: 20px auto;
1030
+ background: #353535;
1031
+ -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1032
+ -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1033
+ box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
1034
+ border: 0px;
1035
+ border-top: 5px solid #222222;
1036
+ }
1037
+ @media (min-width: 768px) and (max-width: 991px) {
1038
+ .dark-theme.fr-modal .fr-modal-wrapper {
1039
+ margin: 30px auto;
1040
+ }
1041
+ }
1042
+ @media (min-width: 992px) {
1043
+ .dark-theme.fr-modal .fr-modal-wrapper {
1044
+ margin: 50px auto;
1045
+ }
1046
+ }
1047
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
1048
+ background: #353535;
1049
+ -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1050
+ -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1051
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
1052
+ border-bottom: 0px;
1053
+ -webkit-transition: height 0.2s ease 0s;
1054
+ -moz-transition: height 0.2s ease 0s;
1055
+ -ms-transition: height 0.2s ease 0s;
1056
+ -o-transition: height 0.2s ease 0s;
1057
+ }
1058
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
1059
+ color: #ffffff;
1060
+ top: 0;
1061
+ right: 0;
1062
+ -webkit-transition: color 0.2s ease 0s;
1063
+ -moz-transition: color 0.2s ease 0s;
1064
+ -ms-transition: color 0.2s ease 0s;
1065
+ -o-transition: color 0.2s ease 0s;
1066
+ }
1067
+ .dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
1068
+ margin: 0;
1069
+ font-weight: 400;
1070
+ }
1071
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body {
1072
+ overflow-y: auto;
1073
+ }
1074
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
1075
+ outline: 0;
1076
+ }
1077
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
1078
+ color: #42a5f5;
1079
+ -webkit-transition: background 0.2s ease 0s;
1080
+ -moz-transition: background 0.2s ease 0s;
1081
+ -ms-transition: background 0.2s ease 0s;
1082
+ -o-transition: background 0.2s ease 0s;
1083
+ border-radius: 2px;
1084
+ -moz-border-radius: 2px;
1085
+ -webkit-border-radius: 2px;
1086
+ -moz-background-clip: padding;
1087
+ -webkit-background-clip: padding-box;
1088
+ background-clip: padding-box;
1089
+ }
1090
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
1091
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
1092
+ background: #3d3d3d;
1093
+ color: #42a5f5;
1094
+ }
1095
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
1096
+ background: #2e2e2e;
1097
+ color: #42a5f5;
1098
+ }
1099
+ .dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
1100
+ border: 0;
1101
+ }
1102
+ .dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
1103
+ background: #3d3d3d;
1104
+ }
1105
+ .dark-theme.fr-overlay {
1106
+ top: 0;
1107
+ bottom: 0;
1108
+ left: 0;
1109
+ right: 0;
1110
+ background: #000000;
1111
+ }
1112
+ .dark-theme.fr-popup {
1113
+ color: #ffffff;
1114
+ background: #353535;
1115
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1116
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1117
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1118
+ border-radius: 2px;
1119
+ -moz-border-radius: 2px;
1120
+ -webkit-border-radius: 2px;
1121
+ -moz-background-clip: padding;
1122
+ -webkit-background-clip: padding-box;
1123
+ background-clip: padding-box;
1124
+ font-family: Arial, Helvetica, sans-serif;
1125
+ border: 0px;
1126
+ border-top: 5px solid #222222;
1127
+ }
1128
+ .dark-theme.fr-popup .fr-input-focus {
1129
+ background: #363636;
1130
+ }
1131
+ .dark-theme.fr-popup.fr-above {
1132
+ border-top: 0;
1133
+ border-bottom: 5px solid #222222;
1134
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1135
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1136
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1137
+ }
1138
+ .dark-theme.fr-popup .fr-input-line {
1139
+ padding: 8px 0;
1140
+ }
1141
+ .dark-theme.fr-popup .fr-input-line input[type="text"],
1142
+ .dark-theme.fr-popup .fr-input-line textarea {
1143
+ margin: 0px 0 1px 0;
1144
+ border-bottom: solid 1px #bdbdbd;
1145
+ color: #ffffff;
1146
+ }
1147
+ .dark-theme.fr-popup .fr-input-line input[type="text"]:focus,
1148
+ .dark-theme.fr-popup .fr-input-line textarea:focus {
1149
+ border-bottom: solid 2px #42a5f5;
1150
+ }
1151
+ .dark-theme.fr-popup .fr-input-line input + label,
1152
+ .dark-theme.fr-popup .fr-input-line textarea + label {
1153
+ top: 0;
1154
+ left: 0;
1155
+ -webkit-transition: color 0.2s ease 0s;
1156
+ -moz-transition: color 0.2s ease 0s;
1157
+ -ms-transition: color 0.2s ease 0s;
1158
+ -o-transition: color 0.2s ease 0s;
1159
+ background: #353535;
1160
+ }
1161
+ .dark-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label,
1162
+ .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
1163
+ color: #42a5f5;
1164
+ }
1165
+ .dark-theme.fr-popup .fr-input-line input.fr-not-empty + label,
1166
+ .dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + label {
1167
+ color: #808080;
1168
+ }
1169
+ .dark-theme.fr-popup .fr-buttons {
1170
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1171
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1172
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1173
+ padding: 0 2px;
1174
+ line-height: 0;
1175
+ border-bottom: 0px;
1176
+ }
1177
+ .dark-theme.fr-popup .fr-layer {
1178
+ width: 225px;
1179
+ }
1180
+ @media (min-width: 768px) {
1181
+ .dark-theme.fr-popup .fr-layer {
1182
+ width: 300px;
1183
+ }
1184
+ }
1185
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command {
1186
+ color: #42a5f5;
1187
+ -webkit-transition: background 0.2s ease 0s;
1188
+ -moz-transition: background 0.2s ease 0s;
1189
+ -ms-transition: background 0.2s ease 0s;
1190
+ -o-transition: background 0.2s ease 0s;
1191
+ border-radius: 2px;
1192
+ -moz-border-radius: 2px;
1193
+ -webkit-border-radius: 2px;
1194
+ -moz-background-clip: padding;
1195
+ -webkit-background-clip: padding-box;
1196
+ background-clip: padding-box;
1197
+ }
1198
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command:hover,
1199
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command:focus {
1200
+ background: #3d3d3d;
1201
+ color: #42a5f5;
1202
+ }
1203
+ .dark-theme.fr-popup .fr-action-buttons button.fr-command:active {
1204
+ background: #2e2e2e;
1205
+ color: #42a5f5;
1206
+ }
1207
+ .dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
1208
+ border: 0;
1209
+ }
1210
+ .dark-theme.fr-popup .fr-checkbox span {
1211
+ border: solid 1px #ffffff;
1212
+ border-radius: 2px;
1213
+ -moz-border-radius: 2px;
1214
+ -webkit-border-radius: 2px;
1215
+ -moz-background-clip: padding;
1216
+ -webkit-background-clip: padding-box;
1217
+ background-clip: padding-box;
1218
+ -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1219
+ -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1220
+ -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1221
+ -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
1222
+ }
1223
+ .dark-theme.fr-popup .fr-checkbox input {
1224
+ margin: 0;
1225
+ padding: 0;
1226
+ }
1227
+ .dark-theme.fr-popup .fr-checkbox input:checked + span {
1228
+ background: #42a5f5;
1229
+ border-color: #42a5f5;
1230
+ }
1231
+ .dark-theme.fr-popup .fr-checkbox input:focus + span {
1232
+ border-color: #42a5f5;
1233
+ }
1234
+ .dark-theme.fr-popup.fr-rtl .fr-input-line input + label,
1235
+ .dark-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
1236
+ left: auto;
1237
+ right: 0;
1238
+ }
1239
+ .dark-theme.fr-popup .fr-arrow {
1240
+ width: 0;
1241
+ height: 0;
1242
+ border-left: 5px solid transparent;
1243
+ border-right: 5px solid transparent;
1244
+ border-bottom: 5px solid #222222;
1245
+ top: -9px;
1246
+ margin-left: -5px;
1247
+ }
1248
+ .dark-theme.fr-popup.fr-above .fr-arrow {
1249
+ top: auto;
1250
+ bottom: -9px;
1251
+ border-bottom: 0;
1252
+ border-top: 5px solid #222222;
1253
+ }
1254
+ .dark-theme.fr-toolbar {
1255
+ color: #ffffff;
1256
+ background: #353535;
1257
+ font-family: Arial, Helvetica, sans-serif;
1258
+ padding: 0 2px;
1259
+ border-radius: 2px;
1260
+ -moz-border-radius: 2px;
1261
+ -webkit-border-radius: 2px;
1262
+ -moz-background-clip: padding;
1263
+ -webkit-background-clip: padding-box;
1264
+ background-clip: padding-box;
1265
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1266
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1267
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1268
+ border: 0px;
1269
+ border-top: 5px solid #222222;
1270
+ }
1271
+ .dark-theme.fr-toolbar.fr-inline .fr-arrow {
1272
+ width: 0;
1273
+ height: 0;
1274
+ border-left: 5px solid transparent;
1275
+ border-right: 5px solid transparent;
1276
+ border-bottom: 5px solid #222222;
1277
+ top: -9px;
1278
+ margin-left: -5px;
1279
+ }
1280
+ .dark-theme.fr-toolbar.fr-inline.fr-above {
1281
+ -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1282
+ -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1283
+ box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
1284
+ border-bottom: 5px solid #222222;
1285
+ border-top: 0;
1286
+ }
1287
+ .dark-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
1288
+ top: auto;
1289
+ bottom: -9px;
1290
+ border-bottom: 0;
1291
+ border-top-color: inherit;
1292
+ border-top-width: 5px;
1293
+ }
1294
+ .dark-theme.fr-toolbar.fr-top {
1295
+ top: 0;
1296
+ border-radius: 2px 2px 0 0;
1297
+ -moz-border-radius: 2px 2px 0 0;
1298
+ -webkit-border-radius: 2px 2px 0 0;
1299
+ -moz-background-clip: padding;
1300
+ -webkit-background-clip: padding-box;
1301
+ background-clip: padding-box;
1302
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1303
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1304
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1305
+ }
1306
+ .dark-theme.fr-toolbar.fr-bottom {
1307
+ bottom: 0;
1308
+ border-radius: 0 0 2px 2px;
1309
+ -moz-border-radius: 0 0 2px 2px;
1310
+ -webkit-border-radius: 0 0 2px 2px;
1311
+ -moz-background-clip: padding;
1312
+ -webkit-background-clip: padding-box;
1313
+ background-clip: padding-box;
1314
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1315
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1316
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
1317
+ }
1318
+ .dark-theme .fr-separator {
1319
+ background: #595959;
1320
+ }
1321
+ .dark-theme .fr-separator.fr-vs {
1322
+ height: 34px;
1323
+ width: 1px;
1324
+ margin: 2px;
1325
+ }
1326
+ .dark-theme .fr-separator.fr-hs {
1327
+ height: 1px;
1328
+ width: calc(100% - (2 * 2px));
1329
+ margin: 0 2px;
1330
+ }