xmt_froala 0.3.1

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