diff --git a/Resources/public/froala_editor_2.4.2/License.txt b/Resources/public/froala_editor_2.4.2/License.txt deleted file mode 100644 index fa0da6ed..00000000 --- a/Resources/public/froala_editor_2.4.2/License.txt +++ /dev/null @@ -1,5 +0,0 @@ -Froala WYSIWYG Editor -================ - -In order to use Froala Editor you have to purchase a license from: https://www.froala.com/wysiwyg-editor/pricing. -For more informations regarding the license please read https://www.froala.com/wysiwyg-editor/terms. diff --git a/Resources/public/froala_editor_2.4.2/bower.json b/Resources/public/froala_editor_2.4.2/bower.json deleted file mode 100644 index 6837a480..00000000 --- a/Resources/public/froala_editor_2.4.2/bower.json +++ /dev/null @@ -1,81 +0,0 @@ -{ - "name": "froala-wysiwyg-editor", - "description": "A beautiful jQuery WYSIWYG HTML rich text editor. High performance and modern design make it easy to use for developers and loved by users.", - "homepage": "https://www.froala.com/wysiwyg-editor", - "license": "https://www.froala.com/wysiwyg-editor/pricing", - "repository": { - "type": "git", - "url": "git://github.com/froala/wysiwyg-editor.git" - }, - "keywords": [ - "froala", - "froala-editor", - "froala-wysiwyg", - "html", - "text", - "editor", - "wysiwyg", - "jquery-plugin", - "rich editor", - "rich text editor", - "rte", - "javascript", - "jquery" - ], - "moduleType": "globals", - "main": [ - "css/froala_editor.min.css", - "css/froala_editor.pkgd.min.css", - "css/froala_style.min.css", - "css/plugins/char_counter.min.css", - "css/plugins/code_view.min.css", - "css/plugins/colors.min.css", - "css/plugins/draggable.min.css", - "css/plugins/emoticons.min.css", - "css/plugins/file.min.css", - "css/plugins/fullscreen.min.css", - "css/plugins/image_manager.min.css", - "css/plugins/image.min.css", - "css/plugins/line_breaker.min.css", - "css/plugins/quick_insert.min.css", - "css/plugins/table.min.css", - "css/plugins/video.min.css", - "js/froala_editor.min.js", - "js/froala_editor.pkgd.min.js", - "js/plugins/align.min.js", - "js/plugins/char_counter.min.js", - "js/plugins/code_beautifier.min.js", - "js/plugins/code_view.min.js", - "js/plugins/colors.min.js", - "js/plugins/draggable.min.js", - "js/plugins/emoticons.min.js", - "js/plugins/entities.min.js", - "js/plugins/file.min.js", - "js/plugins/font_family.min.js", - "js/plugins/font_size.min.js", - "js/plugins/fullscreen.min.js", - "js/plugins/image.min.js", - "js/plugins/image_manager.min.js", - "js/plugins/inline_style.min.js", - "js/plugins/line_breaker.min.js", - "js/plugins/link.min.js", - "js/plugins/lists.min.js", - "js/plugins/paragraph_format.min.js", - "js/plugins/paragraph_style.min.js", - "js/plugins/quick_insert.min.js", - "js/plugins/quote.min.js", - "js/plugins/save.min.js", - "js/plugins/table.min.js", - "js/plugins/url.min.js", - "js/plugins/video.min.js" - ], - "ignore": [ - "html", - "img", - "package.json" - ], - "dependencies": { - "jquery": ">=1.11.0", - "font-awesome": ">=4.4.0" - } -} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/composer.json b/Resources/public/froala_editor_2.4.2/composer.json deleted file mode 100644 index cc33c790..00000000 --- a/Resources/public/froala_editor_2.4.2/composer.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "froala/wysiwyg-editor", - "description": "A beautiful jQuery WYSIWYG HTML rich text editor. High performance and modern design make it easy to use for developers and loved by users.", - "type": "component", - "homepage": "https://www.froala.com/wysiwyg-editor", - "license": "proprietary", - "support": { - "issues": "https://www.froala.com/wysiwyg-editor/contact" - }, - "keywords": [ - "froala", - "froala-editor", - "froala-wysiwyg", - "html", - "text", - "editor", - "wysiwyg", - "jquery-plugin", - "rich editor", - "rich text editor", - "rte", - "javascript", - "jquery" - ], - "authors": [ - { - "name": "Froala Labs", - "email": "support@froala.com" - } - ] -} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/froala_editor.css b/Resources/public/froala_editor_2.4.2/css/froala_editor.css deleted file mode 100644 index 254fe775..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_editor.css +++ /dev/null @@ -1,1186 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -:focus { - outline: 0; -} -.fr-element, -.fr-element:focus { - outline: 0px solid transparent; -} -.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - overflow-x: auto; - min-height: 40px; -} -.fr-element { - background: transparent; - position: relative; - z-index: 2; - -webkit-user-select: auto; -} -.fr-element a { - user-select: auto; - -o-user-select: auto; - -moz-user-select: auto; - -khtml-user-select: auto; - -webkit-user-select: auto; - -ms-user-select: auto; -} -.fr-element.fr-disabled { - 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 [contenteditable="false"] { - 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 [contenteditable="true"] { - outline: 0px solid transparent; -} -.fr-box a.fr-floating-btn { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - height: 32px; - width: 32px; - background: #ffffff; - color: #1e88e5; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - outline: none; - left: 0; - top: 0; - line-height: 32px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - text-align: center; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: none; -} -.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #1e88e5; -} -.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.fr-box a.fr-floating-btn.fr-btn + .fr-btn { - margin-left: 10px; -} -.fr-box a.fr-floating-btn:hover { - background: #ebebeb; - cursor: pointer; -} -.fr-box a.fr-floating-btn:hover svg { - fill: #1e88e5; -} -.fr-box .fr-visible a.fr-floating-btn { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); -} -iframe.fr-iframe { - width: 100%; - border: none; - position: relative; - display: block; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-wrapper { - position: relative; - z-index: 1; -} -.fr-wrapper::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-wrapper .fr-placeholder { - position: absolute; - font-size: 12px; - color: #aaaaaa; - z-index: 1; - display: none; - top: 0; - left: 0; - right: 0; - overflow: hidden; -} -.fr-wrapper.show-placeholder .fr-placeholder { - display: block; -} -.fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: 0px; - border-top: 0; - top: 0; - left: 0; -} -.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-tooltip { - position: absolute; - top: 0; - left: 0; - padding: 0 8px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - left: -3000px; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - z-index: 9997; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-tooltip.fr-visible { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-toolbar .fr-command.fr-btn, -.fr-popup .fr-command.fr-btn { - background: transparent; - color: #222222; - -moz-outline: 0; - outline: 0; - border: 0; - line-height: 1; - cursor: pointer; - text-align: left; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - z-index: 2; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - float: left; - padding: 0; - width: 38px; - height: 38px; -} -.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; - padding: 0; -} -.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.fr-toolbar .fr-command.fr-btn i, -.fr-popup .fr-command.fr-btn i { - display: block; - font-size: 14px; - width: 14px; - margin: 12px 12px; - text-align: center; - float: none; -} -.fr-toolbar .fr-command.fr-btn span.fr-sr-only, -.fr-popup .fr-command.fr-btn span.fr-sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.fr-toolbar .fr-command.fr-btn span, -.fr-popup .fr-command.fr-btn span { - font-size: 14px; - display: block; - line-height: 17px; - min-width: 38px; - float: left; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - height: 17px; - font-weight: bold; - padding: 0 2px; -} -.fr-toolbar .fr-command.fr-btn img, -.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.fr-toolbar .fr-command.fr-btn.fr-active, -.fr-popup .fr-command.fr-btn.fr-active { - color: #1e88e5; - background: transparent; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span { - font-weight: normal; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.fr-popup .fr-command.fr-btn.fr-dropdown i, -.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.fr-popup .fr-command.fr-btn.fr-dropdown span, -.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #222222; - background: #d6d6d6; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #d6d6d6 !important; - color: #222222 !important; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #222222 !important; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.fr-popup .fr-command.fr-btn.fr-dropdown::after { - position: absolute; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #222222; - right: 4px; - top: 17px; - content: ""; -} -.fr-toolbar .fr-command.fr-btn.fr-disabled, -.fr-popup .fr-command.fr-btn.fr-disabled { - color: #bdbdbd; - cursor: default; -} -.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #bdbdbd !important; -} -.fr-toolbar .fr-command.fr-btn.fr-hidden, -.fr-popup .fr-command.fr-btn.fr-hidden { - display: none; -} -.fr-toolbar.fr-disabled .fr-btn, -.fr-popup.fr-disabled .fr-btn, -.fr-toolbar.fr-disabled .fr-btn.fr-active, -.fr-popup.fr-disabled .fr-btn.fr-active { - color: #bdbdbd; -} -.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #bdbdbd; -} -.fr-toolbar.fr-rtl .fr-command.fr-btn, -.fr-popup.fr-rtl .fr-command.fr-btn { - float: right; -} -.fr-toolbar.fr-inline .fr-command.fr-btn { - float: none; -} -.fr-desktop .fr-command:hover, -.fr-desktop .fr-command:focus { - color: #222222; - background: #ebebeb; -} -.fr-desktop .fr-command:hover::after, -.fr-desktop .fr-command:focus::after { - border-top-color: #222222 !important; -} -.fr-desktop .fr-command.fr-selected { - color: #222222; - background: #d6d6d6; -} -.fr-desktop .fr-command.fr-active:hover, -.fr-desktop .fr-command.fr-active:focus { - color: #1e88e5; - background: #ebebeb; -} -.fr-desktop .fr-command.fr-active.fr-selected { - color: #1e88e5; - background: #d6d6d6; -} -.fr-desktop .fr-command.fr-disabled:hover, -.fr-desktop .fr-command.fr-disabled:focus, -.fr-desktop .fr-command.fr-disabled.fr-selected { - background: transparent; -} -.fr-desktop.fr-disabled .fr-command:hover, -.fr-desktop.fr-disabled .fr-command:focus, -.fr-desktop.fr-disabled .fr-command.fr-selected { - background: transparent; -} -.fr-toolbar.fr-mobile .fr-command.fr-blink, -.fr-popup.fr-mobile .fr-command.fr-blink { - background: transparent; -} -.fr-command.fr-btn + .fr-dropdown-menu { - display: inline-block; - position: absolute; - right: auto; - bottom: auto; - height: auto; - z-index: 3; - -webkit-overflow-scrolling: touch; - overflow: hidden; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #ffffff; - padding: 0; - margin: auto; - display: inline-block; - text-align: left; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - float: left; - max-height: 0; - height: 0; - margin-top: 0 !important; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - position: relative; - max-height: 275px; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - list-style-type: none; - margin: 0; - padding: 0; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; - font-size: 15px; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - padding: 0 24px; - line-height: 200%; - display: block; - cursor: pointer; - white-space: nowrap; - color: inherit; - text-decoration: none; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #d6d6d6; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #bdbdbd; - cursor: default; -} -.fr-command.fr-btn.fr-active + .fr-dropdown-menu { - display: inline-block; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); -} -.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-toolbar.fr-rtl .fr-dropdown-wrapper, -.fr-popup.fr-rtl .fr-dropdown-wrapper { - text-align: right !important; -} -body.prevent-scroll { - overflow: hidden; - text-align: center; -} -body.prevent-scroll.fr-mobile { - position: fixed; - -webkit-overflow-scrolling: touch; -} -.fr-modal { - color: #222222; - font-family: Arial, Helvetica, sans-serif; - position: fixed; - overflow-x: auto; - overflow-y: scroll; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - z-index: 9999; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - display: inline-block; - background: #ffffff; - min-width: 300px; - -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - border: 0px; - border-top: 5px solid #222222; - overflow: hidden; - width: 90%; - padding-bottom: 10px; - position: relative; -} -@media (min-width: 768px) and (max-width: 991px) { - .fr-modal .fr-modal-wrapper { - margin: 30px auto; - width: 70%; - } -} -@media (min-width: 992px) { - .fr-modal .fr-modal-wrapper { - margin: 50px auto; - width: 600px; - } -} -.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #ffffff; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - border-bottom: 0px; - overflow: hidden; - position: absolute; - width: 100%; - min-height: 42px; - z-index: 3; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.fr-modal .fr-modal-wrapper .fr-modal-head i { - padding: 12px; - width: 20px; - font-size: 16px; - cursor: pointer; - line-height: 18px; - color: #222222; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - position: absolute; - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - font-size: 18px; - padding: 12px 10px; - margin: 0; - font-weight: 400; - line-height: 18px; - display: inline-block; - float: left; -} -.fr-modal .fr-modal-wrapper div.fr-modal-body { - height: 100%; - min-height: 150px; - overflow-y: scroll; -} -.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #ebebeb; -} -.fr-overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - -webkit-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - z-index: 9998; -} -.fr-popup { - position: absolute; - display: none; - color: #222222; - background: #ffffff; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - margin-top: 10px; - z-index: 9995; - text-align: left; - border: 0px; - border-top: 5px solid #222222; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.fr-popup.fr-above { - margin-top: -10px; - border-top: 0; - border-bottom: 5px solid #222222; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-popup.fr-active { - display: block; -} -.fr-popup.fr-hidden { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-popup .fr-hs { - display: block !important; -} -.fr-popup .fr-hs.fr-hidden { - display: none !important; -} -.fr-popup .fr-input-line { - position: relative; - padding: 8px 0; -} -.fr-popup .fr-input-line input[type="text"], -.fr-popup .fr-input-line textarea { - width: 100%; - margin: 0px 0 1px 0; - border: none; - border-bottom: solid 1px #bdbdbd; - color: #222222; - font-size: 14px; - padding: 6px 0 2px; - background: rgba(0, 0, 0, 0); - position: relative; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-popup .fr-input-line input[type="text"]:focus, -.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #1e88e5; - margin-bottom: 0px; -} -.fr-popup .fr-input-line input + label, -.fr-popup .fr-input-line textarea + label { - position: absolute; - top: 0; - left: 0; - font-size: 12px; - color: rgba(0, 0, 0, 0); - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - z-index: 3; - width: 100%; - display: block; - background: #ffffff; -} -.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #1e88e5; -} -.fr-popup .fr-input-line input.fr-not-empty + label, -.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.fr-popup input, -.fr-popup textarea { - user-select: text; - -o-user-select: text; - -moz-user-select: text; - -khtml-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - outline: none; -} -.fr-popup textarea { - resize: none; -} -.fr-popup .fr-buttons { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - padding: 0 2px; - white-space: nowrap; - line-height: 0; - border-bottom: 0px; -} -.fr-popup .fr-buttons::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-popup .fr-buttons .fr-btn { - display: inline-block; - float: none; -} -.fr-popup .fr-buttons .fr-btn i { - float: left; -} -.fr-popup .fr-buttons .fr-separator { - display: inline-block; - float: none; -} -.fr-popup .fr-layer { - width: 225px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 10px; - display: none; -} -@media (min-width: 768px) { - .fr-popup .fr-layer { - width: 300px; - } -} -.fr-popup .fr-layer.fr-active { - display: inline-block; -} -.fr-popup .fr-action-buttons { - z-index: 7; - height: 36px; - text-align: right; -} -.fr-popup .fr-action-buttons button.fr-command { - height: 36px; - line-height: 1; - color: #1e88e5; - padding: 10px; - cursor: pointer; - text-decoration: none; - border: none; - background: none; - font-size: 16px; - outline: none; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.fr-popup .fr-action-buttons button.fr-command + button { - margin-left: 24px; -} -.fr-popup .fr-action-buttons button.fr-command:hover, -.fr-popup .fr-action-buttons button.fr-command:focus { - background: #ebebeb; - color: #1e88e5; -} -.fr-popup .fr-action-buttons button.fr-command:active { - background: #d6d6d6; - color: #1e88e5; -} -.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.fr-popup .fr-checkbox { - position: relative; - display: inline-block; - width: 16px; - height: 16px; - line-height: 1; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - vertical-align: middle; -} -.fr-popup .fr-checkbox svg { - margin-left: 2px; - margin-top: 2px; - display: none; - width: 10px; - height: 10px; -} -.fr-popup .fr-checkbox span { - border: solid 1px #222222; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - width: 16px; - height: 16px; - display: inline-block; - position: relative; - z-index: 1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.fr-popup .fr-checkbox input { - position: absolute; - z-index: 2; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - border: 0 none; - cursor: pointer; - height: 16px; - margin: 0; - padding: 0; - width: 16px; - top: 1px; - left: 1px; -} -.fr-popup .fr-checkbox input:checked + span { - background: #1e88e5; - border-color: #1e88e5; -} -.fr-popup .fr-checkbox input:checked + span svg { - display: block; -} -.fr-popup .fr-checkbox input:focus + span { - border-color: #1e88e5; -} -.fr-popup .fr-checkbox-line { - font-size: 14px; - line-height: 1.4px; - margin-top: 10px; -} -.fr-popup .fr-checkbox-line label { - cursor: pointer; - margin: 0 5px; - vertical-align: middle; -} -.fr-popup.fr-rtl { - direction: rtl; - text-align: right; -} -.fr-popup.fr-rtl .fr-action-buttons { - text-align: left; -} -.fr-popup.fr-rtl .fr-input-line input + label, -.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs { - float: right; -} -.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - position: absolute; - top: -9px; - left: 50%; - margin-left: -5px; - display: inline-block; -} -.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #222222; -} -.fr-text-edit-layer { - width: 250px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block !important; -} -.fr-toolbar { - color: #222222; - background: #ffffff; - position: relative; - z-index: 4; - font-family: Arial, Helvetica, sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - text-align: left; - border: 0px; - border-top: 5px solid #222222; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-toolbar::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-toolbar.fr-rtl { - text-align: right; -} -.fr-toolbar.fr-inline { - display: none; - white-space: nowrap; - position: absolute; - margin-top: 10px; -} -.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - position: absolute; - top: -9px; - left: 50%; - margin-left: -5px; - display: inline-block; -} -.fr-toolbar.fr-inline.fr-above { - margin-top: -10px; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - border-bottom: 5px solid #222222; - border-top: 0; -} -.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-style: solid; - border-top-width: 5px; -} -.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-separator { - background: #ebebeb; - display: block; - vertical-align: top; - float: left; -} -.fr-separator + .fr-separator { - display: none; -} -.fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.fr-separator.fr-hs { - clear: both; - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} -.fr-separator.fr-hidden { - display: none !important; -} -.fr-rtl .fr-separator { - float: right; -} -.fr-toolbar.fr-inline .fr-separator.fr-hs { - float: none; -} -.fr-toolbar.fr-inline .fr-separator.fr-vs { - float: none; - display: inline-block; -} -.fr-visibility-helper { - display: none; - margin-left: 0px !important; -} -@media (min-width: 768px) { - .fr-visibility-helper { - margin-left: 1px !important; - } -} -@media (min-width: 992px) { - .fr-visibility-helper { - margin-left: 2px !important; - } -} -@media (min-width: 1200px) { - .fr-visibility-helper { - margin-left: 3px !important; - } -} -.fr-opacity-0 { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-box { - position: relative; -} -/** - * Postion sticky hacks. - */ -.fr-sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; - position: sticky; -} -.fr-sticky-off { - position: relative; -} -.fr-sticky-on { - position: fixed; -} -.fr-sticky-on.fr-sticky-ios { - position: absolute; - left: 0; - right: 0; - width: auto !important; -} -.fr-sticky-dummy { - display: none; -} -.fr-sticky-on + .fr-sticky-dummy, -.fr-sticky-box > .fr-sticky-dummy { - display: block; -} -span.fr-sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} diff --git a/Resources/public/froala_editor_2.4.2/css/froala_editor.min.css b/Resources/public/froala_editor_2.4.2/css/froala_editor.min.css deleted file mode 100644 index 9ffc6175..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_editor.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}:focus{outline:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-box.fr-basic .fr-element{color:#000;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;min-height:40px}.fr-element{background:0 0;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{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 [contenteditable=false]{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 [contenteditable=true]{outline:0 solid transparent}.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:32px;width:32px;background:#fff;color:#1e88e5;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;outline:0;left:0;top:0;line-height:32px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0}.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#1e88e5}.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#1e88e5}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:0;position:relative;display:block;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block}.fr-wrapper ::selection{background:#b5d6fd;color:#000}.fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:9997;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)"}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{background:0 0;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;padding:0;width:38px;height:38px}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i{display:block;font-size:14px;width:14px;margin:12px;text-align:center;float:none}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:38px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:700;padding:0 2px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active{color:#1e88e5;background:0 0}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:400}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#222;background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d6d6d6!important;color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.fr-popup .fr-command.fr-btn.fr-dropdown::after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #222;right:4px;top:17px;content:""}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd!important}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn.fr-active{color:#bdbdbd}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-command.fr-btn{float:right}.fr-toolbar.fr-inline .fr-command.fr-btn{float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus{color:#222;background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after{border-top-color:#222!important}.fr-desktop .fr-command.fr-selected{color:#222;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus{color:#1e88e5;background:#ebebeb}.fr-desktop .fr-command.fr-active.fr-selected{color:#1e88e5;background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:0 0}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.fr-command.fr-btn+.fr-dropdown-menu{display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:3;-webkit-overflow-scrolling:touch;overflow:hidden;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#fff;padding:0;margin:auto;display:inline-block;text-align:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;float:left;max-height:0;height:0;margin-top:0!important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;position:relative;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:0}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 24px;line-height:200%;display:block;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right!important}body.prevent-scroll{overflow:hidden;text-align:center}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222;font-family:Arial,Helvetica,sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:9999;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#fff;min-width:300px;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #222;overflow:hidden;width:90%;padding-bottom:10px;position:relative}@media (min-width:768px) and (max-width:991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width:992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:600px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head i{padding:12px;width:20px;font-size:16px;cursor:pointer;line-height:18px;color:#222;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{position:absolute;top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:18px;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:scroll}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";z-index:9998}.fr-popup{position:absolute;display:none;color:#222;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:9995;text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-popup .fr-input-focus{background:#f5f5f5}.fr-popup.fr-above{margin-top:-10px;border-top:0;border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-popup .fr-hs{display:block!important}.fr-popup .fr-hs.fr-hidden{display:none!important}.fr-popup .fr-input-line{position:relative;padding:8px 0}.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea{width:100%;margin:0 0 1px;border:0;border-bottom:solid 1px #bdbdbd;color:#222;font-size:14px;padding:6px 0 2px;background:rgba(0,0,0,0);position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-popup .fr-input-line input[type=text]:focus,.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #1e88e5;margin-bottom:0}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:0;left:0;font-size:12px;color:rgba(0,0,0,0);-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;z-index:3;width:100%;display:block;background:#fff}.fr-popup .fr-input-line input.fr-not-empty:focus+label,.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}.fr-popup .fr-buttons::after{clear:both;display:block;content:"";height:0}.fr-popup .fr-buttons .fr-btn{display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-layer{width:225px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px;display:none}@media (min-width:768px){.fr-popup .fr-layer{width:300px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#1e88e5}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:16px;height:16px;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border:solid 1px #222;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:16px;height:16px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border:0 none;cursor:pointer;height:16px;margin:0;padding:0;width:16px;top:1px;left:1px}.fr-popup .fr-checkbox input:checked+span{background:#1e88e5;border-color:#1e88e5}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:focus+span{border-color:#1e88e5}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #222}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important}.fr-toolbar{color:#222;background:#fff;position:relative;z-index:4;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #222;border-top:0}.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:34px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.fr-separator.fr-hidden{display:none!important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-visibility-helper{display:none;margin-left:0!important}@media (min-width:768px){.fr-visibility-helper{margin-left:1px!important}}@media (min-width:992px){.fr-visibility-helper{margin-left:2px!important}}@media (min-width:1200px){.fr-visibility-helper{margin-left:3px!important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:fixed}.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto!important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.css b/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.css deleted file mode 100644 index baec22e6..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.css +++ /dev/null @@ -1,2762 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -:focus { - outline: 0; -} -.fr-element, -.fr-element:focus { - outline: 0px solid transparent; -} -.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - overflow-x: auto; - min-height: 40px; -} -.fr-element { - background: transparent; - position: relative; - z-index: 2; - -webkit-user-select: auto; -} -.fr-element a { - user-select: auto; - -o-user-select: auto; - -moz-user-select: auto; - -khtml-user-select: auto; - -webkit-user-select: auto; - -ms-user-select: auto; -} -.fr-element.fr-disabled { - 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 [contenteditable="false"] { - 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 [contenteditable="true"] { - outline: 0px solid transparent; -} -.fr-box a.fr-floating-btn { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - height: 32px; - width: 32px; - background: #ffffff; - color: #1e88e5; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - outline: none; - left: 0; - top: 0; - line-height: 32px; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); - text-align: center; - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: none; -} -.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #1e88e5; -} -.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.fr-box a.fr-floating-btn.fr-btn + .fr-btn { - margin-left: 10px; -} -.fr-box a.fr-floating-btn:hover { - background: #ebebeb; - cursor: pointer; -} -.fr-box a.fr-floating-btn:hover svg { - fill: #1e88e5; -} -.fr-box .fr-visible a.fr-floating-btn { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); -} -iframe.fr-iframe { - width: 100%; - border: none; - position: relative; - display: block; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-wrapper { - position: relative; - z-index: 1; -} -.fr-wrapper::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-wrapper .fr-placeholder { - position: absolute; - font-size: 12px; - color: #aaaaaa; - z-index: 1; - display: none; - top: 0; - left: 0; - right: 0; - overflow: hidden; -} -.fr-wrapper.show-placeholder .fr-placeholder { - display: block; -} -.fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: 0px; - border-top: 0; - top: 0; - left: 0; -} -.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-tooltip { - position: absolute; - top: 0; - left: 0; - padding: 0 8px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - left: -3000px; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - z-index: 9997; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-tooltip.fr-visible { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-toolbar .fr-command.fr-btn, -.fr-popup .fr-command.fr-btn { - background: transparent; - color: #222222; - -moz-outline: 0; - outline: 0; - border: 0; - line-height: 1; - cursor: pointer; - text-align: left; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - z-index: 2; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - float: left; - padding: 0; - width: 38px; - height: 38px; -} -.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; - padding: 0; -} -.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.fr-toolbar .fr-command.fr-btn i, -.fr-popup .fr-command.fr-btn i { - display: block; - font-size: 14px; - width: 14px; - margin: 12px 12px; - text-align: center; - float: none; -} -.fr-toolbar .fr-command.fr-btn span.fr-sr-only, -.fr-popup .fr-command.fr-btn span.fr-sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.fr-toolbar .fr-command.fr-btn span, -.fr-popup .fr-command.fr-btn span { - font-size: 14px; - display: block; - line-height: 17px; - min-width: 38px; - float: left; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - height: 17px; - font-weight: bold; - padding: 0 2px; -} -.fr-toolbar .fr-command.fr-btn img, -.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.fr-toolbar .fr-command.fr-btn.fr-active, -.fr-popup .fr-command.fr-btn.fr-active { - color: #1e88e5; - background: transparent; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span { - font-weight: normal; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.fr-popup .fr-command.fr-btn.fr-dropdown i, -.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.fr-popup .fr-command.fr-btn.fr-dropdown span, -.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #222222; - background: #d6d6d6; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #d6d6d6 !important; - color: #222222 !important; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #222222 !important; -} -.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.fr-popup .fr-command.fr-btn.fr-dropdown::after { - position: absolute; - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #222222; - right: 4px; - top: 17px; - content: ""; -} -.fr-toolbar .fr-command.fr-btn.fr-disabled, -.fr-popup .fr-command.fr-btn.fr-disabled { - color: #bdbdbd; - cursor: default; -} -.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #bdbdbd !important; -} -.fr-toolbar .fr-command.fr-btn.fr-hidden, -.fr-popup .fr-command.fr-btn.fr-hidden { - display: none; -} -.fr-toolbar.fr-disabled .fr-btn, -.fr-popup.fr-disabled .fr-btn, -.fr-toolbar.fr-disabled .fr-btn.fr-active, -.fr-popup.fr-disabled .fr-btn.fr-active { - color: #bdbdbd; -} -.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #bdbdbd; -} -.fr-toolbar.fr-rtl .fr-command.fr-btn, -.fr-popup.fr-rtl .fr-command.fr-btn { - float: right; -} -.fr-toolbar.fr-inline .fr-command.fr-btn { - float: none; -} -.fr-desktop .fr-command:hover, -.fr-desktop .fr-command:focus { - color: #222222; - background: #ebebeb; -} -.fr-desktop .fr-command:hover::after, -.fr-desktop .fr-command:focus::after { - border-top-color: #222222 !important; -} -.fr-desktop .fr-command.fr-selected { - color: #222222; - background: #d6d6d6; -} -.fr-desktop .fr-command.fr-active:hover, -.fr-desktop .fr-command.fr-active:focus { - color: #1e88e5; - background: #ebebeb; -} -.fr-desktop .fr-command.fr-active.fr-selected { - color: #1e88e5; - background: #d6d6d6; -} -.fr-desktop .fr-command.fr-disabled:hover, -.fr-desktop .fr-command.fr-disabled:focus, -.fr-desktop .fr-command.fr-disabled.fr-selected { - background: transparent; -} -.fr-desktop.fr-disabled .fr-command:hover, -.fr-desktop.fr-disabled .fr-command:focus, -.fr-desktop.fr-disabled .fr-command.fr-selected { - background: transparent; -} -.fr-toolbar.fr-mobile .fr-command.fr-blink, -.fr-popup.fr-mobile .fr-command.fr-blink { - background: transparent; -} -.fr-command.fr-btn + .fr-dropdown-menu { - display: inline-block; - position: absolute; - right: auto; - bottom: auto; - height: auto; - z-index: 3; - -webkit-overflow-scrolling: touch; - overflow: hidden; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #ffffff; - padding: 0; - margin: auto; - display: inline-block; - text-align: left; - position: relative; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - float: left; - max-height: 0; - height: 0; - margin-top: 0 !important; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - position: relative; - max-height: 275px; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - list-style-type: none; - margin: 0; - padding: 0; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; - font-size: 15px; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - padding: 0 24px; - line-height: 200%; - display: block; - cursor: pointer; - white-space: nowrap; - color: inherit; - text-decoration: none; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #d6d6d6; -} -.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #bdbdbd; - cursor: default; -} -.fr-command.fr-btn.fr-active + .fr-dropdown-menu { - display: inline-block; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); -} -.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-toolbar.fr-rtl .fr-dropdown-wrapper, -.fr-popup.fr-rtl .fr-dropdown-wrapper { - text-align: right !important; -} -body.prevent-scroll { - overflow: hidden; - text-align: center; -} -body.prevent-scroll.fr-mobile { - position: fixed; - -webkit-overflow-scrolling: touch; -} -.fr-modal { - color: #222222; - font-family: Arial, Helvetica, sans-serif; - position: fixed; - overflow-x: auto; - overflow-y: scroll; - top: 0; - left: 0; - bottom: 0; - right: 0; - width: 100%; - z-index: 9999; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - display: inline-block; - background: #ffffff; - min-width: 300px; - -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - border: 0px; - border-top: 5px solid #222222; - overflow: hidden; - width: 90%; - padding-bottom: 10px; - position: relative; -} -@media (min-width: 768px) and (max-width: 991px) { - .fr-modal .fr-modal-wrapper { - margin: 30px auto; - width: 70%; - } -} -@media (min-width: 992px) { - .fr-modal .fr-modal-wrapper { - margin: 50px auto; - width: 600px; - } -} -.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #ffffff; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - border-bottom: 0px; - overflow: hidden; - position: absolute; - width: 100%; - min-height: 42px; - z-index: 3; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.fr-modal .fr-modal-wrapper .fr-modal-head i { - padding: 12px; - width: 20px; - font-size: 16px; - cursor: pointer; - line-height: 18px; - color: #222222; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - position: absolute; - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - font-size: 18px; - padding: 12px 10px; - margin: 0; - font-weight: 400; - line-height: 18px; - display: inline-block; - float: left; -} -.fr-modal .fr-modal-wrapper div.fr-modal-body { - height: 100%; - min-height: 150px; - overflow-y: scroll; -} -.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #ebebeb; -} -.fr-overlay { - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; - -webkit-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - z-index: 9998; -} -.fr-popup { - position: absolute; - display: none; - color: #222222; - background: #ffffff; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - margin-top: 10px; - z-index: 9995; - text-align: left; - border: 0px; - border-top: 5px solid #222222; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.fr-popup.fr-above { - margin-top: -10px; - border-top: 0; - border-bottom: 5px solid #222222; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-popup.fr-active { - display: block; -} -.fr-popup.fr-hidden { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-popup .fr-hs { - display: block !important; -} -.fr-popup .fr-hs.fr-hidden { - display: none !important; -} -.fr-popup .fr-input-line { - position: relative; - padding: 8px 0; -} -.fr-popup .fr-input-line input[type="text"], -.fr-popup .fr-input-line textarea { - width: 100%; - margin: 0px 0 1px 0; - border: none; - border-bottom: solid 1px #bdbdbd; - color: #222222; - font-size: 14px; - padding: 6px 0 2px; - background: rgba(0, 0, 0, 0); - position: relative; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-popup .fr-input-line input[type="text"]:focus, -.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #1e88e5; - margin-bottom: 0px; -} -.fr-popup .fr-input-line input + label, -.fr-popup .fr-input-line textarea + label { - position: absolute; - top: 0; - left: 0; - font-size: 12px; - color: rgba(0, 0, 0, 0); - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - z-index: 3; - width: 100%; - display: block; - background: #ffffff; -} -.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #1e88e5; -} -.fr-popup .fr-input-line input.fr-not-empty + label, -.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.fr-popup input, -.fr-popup textarea { - user-select: text; - -o-user-select: text; - -moz-user-select: text; - -khtml-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - outline: none; -} -.fr-popup textarea { - resize: none; -} -.fr-popup .fr-buttons { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - padding: 0 2px; - white-space: nowrap; - line-height: 0; - border-bottom: 0px; -} -.fr-popup .fr-buttons::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-popup .fr-buttons .fr-btn { - display: inline-block; - float: none; -} -.fr-popup .fr-buttons .fr-btn i { - float: left; -} -.fr-popup .fr-buttons .fr-separator { - display: inline-block; - float: none; -} -.fr-popup .fr-layer { - width: 225px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 10px; - display: none; -} -@media (min-width: 768px) { - .fr-popup .fr-layer { - width: 300px; - } -} -.fr-popup .fr-layer.fr-active { - display: inline-block; -} -.fr-popup .fr-action-buttons { - z-index: 7; - height: 36px; - text-align: right; -} -.fr-popup .fr-action-buttons button.fr-command { - height: 36px; - line-height: 1; - color: #1e88e5; - padding: 10px; - cursor: pointer; - text-decoration: none; - border: none; - background: none; - font-size: 16px; - outline: none; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.fr-popup .fr-action-buttons button.fr-command + button { - margin-left: 24px; -} -.fr-popup .fr-action-buttons button.fr-command:hover, -.fr-popup .fr-action-buttons button.fr-command:focus { - background: #ebebeb; - color: #1e88e5; -} -.fr-popup .fr-action-buttons button.fr-command:active { - background: #d6d6d6; - color: #1e88e5; -} -.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.fr-popup .fr-checkbox { - position: relative; - display: inline-block; - width: 16px; - height: 16px; - line-height: 1; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - vertical-align: middle; -} -.fr-popup .fr-checkbox svg { - margin-left: 2px; - margin-top: 2px; - display: none; - width: 10px; - height: 10px; -} -.fr-popup .fr-checkbox span { - border: solid 1px #222222; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - width: 16px; - height: 16px; - display: inline-block; - position: relative; - z-index: 1; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.fr-popup .fr-checkbox input { - position: absolute; - z-index: 2; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - border: 0 none; - cursor: pointer; - height: 16px; - margin: 0; - padding: 0; - width: 16px; - top: 1px; - left: 1px; -} -.fr-popup .fr-checkbox input:checked + span { - background: #1e88e5; - border-color: #1e88e5; -} -.fr-popup .fr-checkbox input:checked + span svg { - display: block; -} -.fr-popup .fr-checkbox input:focus + span { - border-color: #1e88e5; -} -.fr-popup .fr-checkbox-line { - font-size: 14px; - line-height: 1.4px; - margin-top: 10px; -} -.fr-popup .fr-checkbox-line label { - cursor: pointer; - margin: 0 5px; - vertical-align: middle; -} -.fr-popup.fr-rtl { - direction: rtl; - text-align: right; -} -.fr-popup.fr-rtl .fr-action-buttons { - text-align: left; -} -.fr-popup.fr-rtl .fr-input-line input + label, -.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs { - float: right; -} -.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - position: absolute; - top: -9px; - left: 50%; - margin-left: -5px; - display: inline-block; -} -.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #222222; -} -.fr-text-edit-layer { - width: 250px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block !important; -} -.fr-toolbar { - color: #222222; - background: #ffffff; - position: relative; - z-index: 4; - font-family: Arial, Helvetica, sans-serif; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - text-align: left; - border: 0px; - border-top: 5px solid #222222; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -.fr-toolbar::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-toolbar.fr-rtl { - text-align: right; -} -.fr-toolbar.fr-inline { - display: none; - white-space: nowrap; - position: absolute; - margin-top: 10px; -} -.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - position: absolute; - top: -9px; - left: 50%; - margin-left: -5px; - display: inline-block; -} -.fr-toolbar.fr-inline.fr-above { - margin-top: -10px; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - border-bottom: 5px solid #222222; - border-top: 0; -} -.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-style: solid; - border-top-width: 5px; -} -.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-separator { - background: #ebebeb; - display: block; - vertical-align: top; - float: left; -} -.fr-separator + .fr-separator { - display: none; -} -.fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.fr-separator.fr-hs { - clear: both; - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} -.fr-separator.fr-hidden { - display: none !important; -} -.fr-rtl .fr-separator { - float: right; -} -.fr-toolbar.fr-inline .fr-separator.fr-hs { - float: none; -} -.fr-toolbar.fr-inline .fr-separator.fr-vs { - float: none; - display: inline-block; -} -.fr-visibility-helper { - display: none; - margin-left: 0px !important; -} -@media (min-width: 768px) { - .fr-visibility-helper { - margin-left: 1px !important; - } -} -@media (min-width: 992px) { - .fr-visibility-helper { - margin-left: 2px !important; - } -} -@media (min-width: 1200px) { - .fr-visibility-helper { - margin-left: 3px !important; - } -} -.fr-opacity-0 { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-box { - position: relative; -} -/** - * Postion sticky hacks. - */ -.fr-sticky { - position: -webkit-sticky; - position: -moz-sticky; - position: -ms-sticky; - position: -o-sticky; - position: sticky; -} -.fr-sticky-off { - position: relative; -} -.fr-sticky-on { - position: fixed; -} -.fr-sticky-on.fr-sticky-ios { - position: absolute; - left: 0; - right: 0; - width: auto !important; -} -.fr-sticky-dummy { - display: none; -} -.fr-sticky-on + .fr-sticky-dummy, -.fr-sticky-box > .fr-sticky-dummy { - display: block; -} -span.fr-sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} - -.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-box .fr-counter { - position: absolute; - bottom: 0px; - padding: 5px; - right: 0px; - color: #cccccc; - content: attr(data-chars); - font-size: 15px; - font-family: "Times New Roman", Georgia, Serif; - z-index: 1; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-box.fr-rtl .fr-counter { - left: 0px; - right: auto; - border-left: none; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-box.fr-code-view .fr-counter { - display: none; -} - -.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; -} -textarea.fr-code { - display: none; - width: 100%; - resize: none; - -moz-resize: none; - -webkit-resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: none; - padding: 10px; - margin: 0px; - font-family: "Courier New", monospace; - font-size: 14px; - background: #ffffff; - color: #000000; - outline: none; -} -.fr-box.fr-rtl textarea.fr-code { - direction: rtl; -} -.fr-box .CodeMirror { - display: none; -} -.fr-box.fr-code-view textarea.fr-code { - display: block; -} -.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-box.fr-code-view .fr-element, -.fr-box.fr-code-view .fr-placeholder, -.fr-box.fr-code-view .fr-iframe { - display: none; -} -.fr-box.fr-code-view .CodeMirror { - display: block; -} -.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch { - display: block; -} -.fr-box.fr-inline .fr-command.fr-btn.html-switch { - position: absolute; - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - display: none; - background: #ffffff; - color: #222222; - -moz-outline: 0; - outline: 0; - border: 0; - line-height: 1; - cursor: pointer; - text-align: left; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: 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-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; - text-align: center; -} -.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #ebebeb; -} - -.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-popup .fr-colors-tabs { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - margin-bottom: 5px; - line-height: 16px; - margin-left: -2px; - margin-right: -2px; -} -.fr-popup .fr-colors-tabs .fr-colors-tab { - display: inline-block; - width: 50%; - cursor: pointer; - text-align: center; - color: #222222; - font-size: 13px; - padding: 8px 0; - position: relative; -} -.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #1e88e5; -} -.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 2px; - background: #1e88e5; - content: ''; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #1e88e5; -} -.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); -} -.fr-popup .fr-separator + .fr-colors-tabs { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - margin-left: 2px; - margin-right: 2px; -} -.fr-popup .fr-color-set { - line-height: 0; - display: none; -} -.fr-popup .fr-color-set.fr-selected-set { - display: block; -} -.fr-popup .fr-color-set > span { - display: inline-block; - width: 32px; - height: 32px; - position: relative; - z-index: 1; -} -.fr-popup .fr-color-set > span > i { - text-align: center; - line-height: 32px; - height: 32px; - width: 32px; - font-size: 13px; - position: absolute; - bottom: 0; - cursor: default; - left: 0; -} -.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-family: FontAwesome; - font-size: 13px; - font-weight: 400; - line-height: 32px; - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - text-align: center; - cursor: default; -} -.fr-popup .fr-color-set > span:hover, -.fr-popup .fr-color-set > span:focus { - outline: 1px solid #222222; - z-index: 2; -} -.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); -} - -.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-drag-helper { - background: #1e88e5; - height: 2px; - margin-top: -1px; - -webkit-opacity: 0.2; - -moz-opacity: 0.2; - opacity: 0.2; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - z-index: 9999; - display: none; -} -.fr-drag-helper.fr-visible { - display: block; -} -.fr-dragging { - -webkit-opacity: 0.4; - -moz-opacity: 0.4; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} - -.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-popup .fr-emoticon { - display: inline-block; - font-size: 20px; - width: 20px; - padding: 5px; - line-height: 1; - cursor: default; - font-weight: normal; - font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-popup .fr-emoticon img { - height: 20px; -} -.fr-popup .fr-link:focus { - background: #ebebeb; -} - -.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-file-upload-layer { - border: dashed 2px #bdbdbd; - padding: 25px 0; - position: relative; - font-size: 14px; - letter-spacing: 1px; - line-height: 140%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-align: center; -} -.fr-file-upload-layer:hover { - background: #ebebeb; -} -.fr-file-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-file-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-file-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-file-progress-bar-layer { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-file-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-file-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-file-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-file-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-file-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-file-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { - display: block; -} -@keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-webkit-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-moz-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-o-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} - -body.fr-fullscreen { - overflow: hidden; - height: 100%; - width: 100%; - position: fixed; -} -.fr-box.fr-fullscreen { - margin: 0 !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9990 !important; - width: auto !important; -} -.fr-box.fr-fullscreen .fr-toolbar.fr-top { - top: 0 !important; -} -.fr-box.fr-fullscreen .fr-toolbar.fr-bottom { - bottom: 0 !important; -} - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal { - text-align: left; - padding: 20px 20px 10px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table { - border-collapse: collapse; - font-size: 14px; - line-height: 1.5; - width: 100%; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table { - margin-top: 20px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td { - padding: 6px 0 4px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px #ebebeb; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - width: 60%; - color: #646464; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) { - letter-spacing: 0.5px; -} - -.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 img { - cursor: pointer; -} -.fr-image-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; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-image-resizer.fr-active { - display: block; -} -.fr-image-resizer .fr-handler { - display: block; - position: absolute; - background: #1e88e5; - border: solid 1px #ffffff; - z-index: 4; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-image-resizer .fr-handler.fr-hnw { - cursor: nw-resize; -} -.fr-image-resizer .fr-handler.fr-hne { - cursor: ne-resize; -} -.fr-image-resizer .fr-handler.fr-hsw { - cursor: sw-resize; -} -.fr-image-resizer .fr-handler.fr-hse { - cursor: se-resize; -} -.fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.fr-image-overlay { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9999; - display: none; -} -.fr-image-upload-layer { - border: dashed 2px #bdbdbd; - padding: 25px 0; - position: relative; - font-size: 14px; - letter-spacing: 1px; - line-height: 140%; - text-align: center; -} -.fr-image-upload-layer:hover { - background: #ebebeb; -} -.fr-image-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-image-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-image-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-image-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-image-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-image-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-image-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-image-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-image-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.fr-image-progress-bar-layer.fr-error > div.fr-action-buttons { - display: block; -} -.fr-image-size-layer .fr-image-group .fr-input-line { - width: calc(50% - 5px); - display: inline-block; -} -.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { - margin-left: 10px; -} -.fr-uploading { - -webkit-opacity: 0.4; - -moz-opacity: 0.4; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -@keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-webkit-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-moz-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-o-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} - -.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-modal-head .fr-modal-head-line::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-modal-head .fr-modal-head-line i.fr-modal-more { - float: left; - opacity: 1; - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.fr-modal-head .fr-modal-tags { - display: none; -} -.fr-modal-head .fr-modal-tags a { - display: inline-block; - opacity: 0; - padding: 6px 8px; - margin: 8px 0 8px 8px; - text-decoration: none; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #1e88e5; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - cursor: pointer; -} -.fr-modal-head .fr-modal-tags a:focus { - outline: none; -} -.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -div.fr-modal-body .fr-preloader { - display: block; - margin: 50px auto; -} -div.fr-modal-body div.fr-image-list { - text-align: center; - margin: 0 10px; - padding: 0; -} -div.fr-modal-body div.fr-image-list::after { - clear: both; - display: block; - content: ""; - height: 0; -} -div.fr-modal-body div.fr-image-list .fr-list-column { - float: left; - width: calc((100% - 10px) / 2); -} -@media (min-width: 768px) and (max-width: 1199px) { - div.fr-modal-body div.fr-image-list .fr-list-column { - width: calc((100% - 20px) / 3); - } -} -@media (min-width: 1200px) { - div.fr-modal-body div.fr-image-list .fr-list-column { - width: calc((100% - 30px) / 4); - } -} -div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column { - margin-left: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container { - position: relative; - width: 100%; - display: block; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - overflow: hidden; -} -div.fr-modal-body div.fr-image-list div.fr-image-container:first-child { - margin-top: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container + div { - margin-top: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - position: absolute; - -webkit-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - content: ""; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 2; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - content: attr(data-deleting); - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; - position: absolute; - z-index: 3; - font-size: 15px; - height: 20px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - height: 95px; - background: #cccccc; - z-index: 1; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - position: absolute; - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; - content: attr(data-loading); - display: inline-block; - height: 20px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container img { - width: 100%; - vertical-align: middle; - position: relative; - z-index: 2; - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img { - display: inline-block; -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - display: none; - top: 50%; - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - position: absolute; - cursor: pointer; - margin: 0; - width: 36px; - height: 36px; - line-height: 36px; - text-decoration: none; - z-index: 3; -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; - left: 50%; - -webkit-transform: translateY(-50%) translateX(25%); - -moz-transform: translateY(-50%) translateX(25%); - -ms-transform: translateY(-50%) translateX(25%); - -o-transform: translateY(-50%) translateX(25%); -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #ffffff; - color: #1e88e5; - left: 50%; - -webkit-transform: translateY(-50%) translateX(-125%); - -moz-transform: translateY(-50%) translateX(-125%); - -ms-transform: translateY(-50%) translateX(-125%); - -o-transform: translateY(-50%) translateX(-125%); -} -.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #ebebeb; -} -.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { - display: inline-block; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { - background: #bf4644; - color: #ffffff; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #ebebeb; -} - -.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-line-breaker { - cursor: text; - border-top: 1px solid #1e88e5; - position: fixed; - z-index: 2; - display: none; -} -.fr-line-breaker.fr-visible { - display: block; -} -.fr-line-breaker a.fr-floating-btn { - position: absolute; - left: calc(50% - (32px / 2)); - top: -16px; -} - -.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-quick-insert { - position: absolute; - z-index: 9998; - white-space: nowrap; - padding-right: 5px; - margin-left: -5px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-quick-insert.fr-on a.fr-floating-btn svg { - -webkit-transform: rotate(135deg); - -moz-transform: rotate(135deg); - -ms-transform: rotate(135deg); - -o-transform: rotate(135deg); -} -.fr-quick-insert.fr-hidden { - display: none; -} -.fr-qi-helper { - position: absolute; - z-index: 3; - padding-left: 10px; - white-space: nowrap; -} -.fr-qi-helper a.fr-btn.fr-floating-btn { - text-align: center; - display: inline-block; - color: #222222; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); -} -.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); -} - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal { - text-align: left; - padding: 20px 20px 10px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list { - margin-bottom: 20px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title { - font-weight: bold; - font-size: 14px; - padding: 6px 0 4px; - margin: 0 0 5px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - display: inline-block; - font-size: 16px; - width: 20px; - height: 20px; - padding: 5px; - line-height: 20px; - cursor: default; - font-weight: normal; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - text-align: center; - border: 1px solid #cccccc; - margin: -1px 0 0 -1px; -} - -.clearfix::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.hide-by-clipping { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.fr-element table td.fr-selected-cell, -.fr-element table th.fr-selected-cell { - border: 1px double #1e88e5; -} -.fr-element table tr { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-element table td, -.fr-element table th { - user-select: text; - -o-user-select: text; - -moz-user-select: text; - -khtml-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; -} -.fr-element .fr-no-selection table td, -.fr-element .fr-no-selection table th { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-table-resizer { - cursor: col-resize; - position: fixed; - z-index: 3; - display: none; -} -.fr-table-resizer.fr-moving { - z-index: 2; -} -.fr-table-resizer div { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - border-right: 1px solid #1e88e5; -} -.fr-no-selection { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-popup .fr-table-size .fr-table-size-info { - text-align: center; - font-size: 14px; - padding: 8px; -} -.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; - padding: 0 5px 5px; - white-space: nowrap; -} -.fr-popup .fr-table-size .fr-select-table-size > span { - display: inline-block; - padding: 0px 4px 4px 0; - background: transparent; -} -.fr-popup .fr-table-size .fr-select-table-size > span > span { - display: inline-block; - width: 18px; - height: 18px; - border: 1px solid #dddddd; -} -.fr-popup .fr-table-size .fr-select-table-size > span.hover { - background: transparent; -} -.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(30, 136, 229, 0.3); - border: solid 1px #1e88e5; -} -.fr-popup .fr-table-size .fr-select-table-size .new-line::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-popup.fr-above .fr-table-size .fr-select-table-size > span { - display: inline-block !important; -} -.fr-popup .fr-table-colors-buttons { - margin-bottom: 5px; -} -.fr-popup .fr-table-colors { - line-height: 0; - display: block; -} -.fr-popup .fr-table-colors > span { - display: inline-block; - width: 32px; - height: 32px; - position: relative; - z-index: 1; -} -.fr-popup .fr-table-colors > span > i { - text-align: center; - line-height: 32px; - height: 32px; - width: 32px; - font-size: 13px; - position: absolute; - bottom: 0; - cursor: default; - left: 0; -} -.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #222222; - z-index: 2; -} -.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { - width: 12px; - height: 12px; -} -.fr-insert-helper { - position: fixed; - z-index: 9999; - white-space: nowrap; -} - -.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: none; -} -.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 #ffffff; - 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-video-size-layer .fr-video-group .fr-input-line { - width: calc(50% - 5px); - display: inline-block; -} -.fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line { - margin-left: 10px; -} -.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-video-upload-layer:hover { - background: #ebebeb; -} -.fr-video-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-video-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-video-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-video-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-video-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-video-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-video-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-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-video-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.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: 9999; - display: none; -} diff --git a/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.min.css b/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.min.css deleted file mode 100644 index dffca504..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_editor.pkgd.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}:focus{outline:0}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-box.fr-basic .fr-element{color:#000;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;min-height:40px}.fr-element{background:0 0;position:relative;z-index:2;-webkit-user-select:auto}.fr-element a{user-select:auto;-o-user-select:auto;-moz-user-select:auto;-khtml-user-select:auto;-webkit-user-select:auto;-ms-user-select:auto}.fr-element.fr-disabled{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 [contenteditable=false]{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 [contenteditable=true]{outline:0 solid transparent}.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;height:32px;width:32px;background:#fff;color:#1e88e5;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;outline:0;left:0;top:0;line-height:32px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);text-align:center;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0}.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#1e88e5}.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.fr-box a.fr-floating-btn.fr-btn+.fr-btn{margin-left:10px}.fr-box a.fr-floating-btn:hover{background:#ebebeb;cursor:pointer}.fr-box a.fr-floating-btn:hover svg{fill:#1e88e5}.fr-box .fr-visible a.fr-floating-btn{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}iframe.fr-iframe{width:100%;border:0;position:relative;display:block;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-wrapper{position:relative;z-index:1}.fr-wrapper::after{clear:both;display:block;content:"";height:0}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0;right:0;overflow:hidden}.fr-wrapper.show-placeholder .fr-placeholder{display:block}.fr-wrapper ::selection{background:#b5d6fd;color:#000}.fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-tooltip{position:absolute;top:0;left:0;padding:0 8px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";left:-3000px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:9997;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)"}.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{background:0 0;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;float:left;padding:0;width:38px;height:38px}.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0;padding:0}.fr-toolbar .fr-command.fr-btn.fr-btn-text,.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i{display:block;font-size:14px;width:14px;margin:12px;text-align:center;float:none}.fr-toolbar .fr-command.fr-btn span.fr-sr-only,.fr-popup .fr-command.fr-btn span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{font-size:14px;display:block;line-height:17px;min-width:38px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:17px;font-weight:700;padding:0 2px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active{color:#1e88e5;background:0 0}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span{font-weight:400}.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.fr-popup .fr-command.fr-btn.fr-dropdown i,.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.fr-popup .fr-command.fr-btn.fr-dropdown span,.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#222;background:#d6d6d6}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d6d6d6!important;color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#222!important}.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.fr-popup .fr-command.fr-btn.fr-dropdown::after{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #222;right:4px;top:17px;content:""}.fr-toolbar .fr-command.fr-btn.fr-disabled,.fr-popup .fr-command.fr-btn.fr-disabled{color:#bdbdbd;cursor:default}.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#bdbdbd!important}.fr-toolbar .fr-command.fr-btn.fr-hidden,.fr-popup .fr-command.fr-btn.fr-hidden{display:none}.fr-toolbar.fr-disabled .fr-btn,.fr-popup.fr-disabled .fr-btn,.fr-toolbar.fr-disabled .fr-btn.fr-active,.fr-popup.fr-disabled .fr-btn.fr-active{color:#bdbdbd}.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#bdbdbd}.fr-toolbar.fr-rtl .fr-command.fr-btn,.fr-popup.fr-rtl .fr-command.fr-btn{float:right}.fr-toolbar.fr-inline .fr-command.fr-btn{float:none}.fr-desktop .fr-command:hover,.fr-desktop .fr-command:focus{color:#222;background:#ebebeb}.fr-desktop .fr-command:hover::after,.fr-desktop .fr-command:focus::after{border-top-color:#222!important}.fr-desktop .fr-command.fr-selected{color:#222;background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus{color:#1e88e5;background:#ebebeb}.fr-desktop .fr-command.fr-active.fr-selected{color:#1e88e5;background:#d6d6d6}.fr-desktop .fr-command.fr-disabled:hover,.fr-desktop .fr-command.fr-disabled:focus,.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.fr-desktop.fr-disabled .fr-command:hover,.fr-desktop.fr-disabled .fr-command:focus,.fr-desktop.fr-disabled .fr-command.fr-selected{background:0 0}.fr-toolbar.fr-mobile .fr-command.fr-blink,.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.fr-command.fr-btn+.fr-dropdown-menu{display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;z-index:3;-webkit-overflow-scrolling:touch;overflow:hidden;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#fff;padding:0;margin:auto;display:inline-block;text-align:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;float:left;max-height:0;height:0;margin-top:0!important}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;position:relative;max-height:275px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{list-style-type:none;margin:0;padding:0}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0;font-size:15px}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{padding:0 24px;line-height:200%;display:block;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#bdbdbd;cursor:default}.fr-command.fr-btn.fr-active+.fr-dropdown-menu{display:inline-block;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right!important}body.prevent-scroll{overflow:hidden;text-align:center}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{color:#222;font-family:Arial,Helvetica,sans-serif;position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;width:100%;z-index:9999;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;display:inline-block;background:#fff;min-width:300px;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #222;overflow:hidden;width:90%;padding-bottom:10px;position:relative}@media (min-width:768px) and (max-width:991px){.fr-modal .fr-modal-wrapper{margin:30px auto;width:70%}}@media (min-width:992px){.fr-modal .fr-modal-wrapper{margin:50px auto;width:600px}}.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;overflow:hidden;position:absolute;width:100%;min-height:42px;z-index:3;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head i{padding:12px;width:20px;font-size:16px;cursor:pointer;line-height:18px;color:#222;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{position:absolute;top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.fr-modal .fr-modal-wrapper .fr-modal-head h4{font-size:18px;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper div.fr-modal-body{height:100%;min-height:150px;overflow-y:scroll}.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#ebebeb}.fr-overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";z-index:9998}.fr-popup{position:absolute;display:none;color:#222;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-top:10px;z-index:9995;text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-popup .fr-input-focus{background:#f5f5f5}.fr-popup.fr-above{margin-top:-10px;border-top:0;border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.fr-popup.fr-active{display:block}.fr-popup.fr-hidden{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-popup .fr-hs{display:block!important}.fr-popup .fr-hs.fr-hidden{display:none!important}.fr-popup .fr-input-line{position:relative;padding:8px 0}.fr-popup .fr-input-line input[type=text],.fr-popup .fr-input-line textarea{width:100%;margin:0 0 1px;border:0;border-bottom:solid 1px #bdbdbd;color:#222;font-size:14px;padding:6px 0 2px;background:rgba(0,0,0,0);position:relative;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-popup .fr-input-line input[type=text]:focus,.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #1e88e5;margin-bottom:0}.fr-popup .fr-input-line input+label,.fr-popup .fr-input-line textarea+label{position:absolute;top:0;left:0;font-size:12px;color:rgba(0,0,0,0);-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;z-index:3;width:100%;display:block;background:#fff}.fr-popup .fr-input-line input.fr-not-empty:focus+label,.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+label,.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.fr-popup input,.fr-popup textarea{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0}.fr-popup textarea{resize:none}.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}.fr-popup .fr-buttons::after{clear:both;display:block;content:"";height:0}.fr-popup .fr-buttons .fr-btn{display:inline-block;float:none}.fr-popup .fr-buttons .fr-btn i{float:left}.fr-popup .fr-buttons .fr-separator{display:inline-block;float:none}.fr-popup .fr-layer{width:225px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:10px;display:none}@media (min-width:768px){.fr-popup .fr-layer{width:300px}}.fr-popup .fr-layer.fr-active{display:inline-block}.fr-popup .fr-action-buttons{z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button.fr-command{height:36px;line-height:1;color:#1e88e5;padding:10px;cursor:pointer;text-decoration:none;border:0;background:0 0;font-size:16px;outline:0;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.fr-popup .fr-action-buttons button.fr-command+button{margin-left:24px}.fr-popup .fr-action-buttons button.fr-command:hover,.fr-popup .fr-action-buttons button.fr-command:focus{background:#ebebeb;color:#1e88e5}.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#1e88e5}.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.fr-popup .fr-checkbox{position:relative;display:inline-block;width:16px;height:16px;line-height:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;vertical-align:middle}.fr-popup .fr-checkbox svg{margin-left:2px;margin-top:2px;display:none;width:10px;height:10px}.fr-popup .fr-checkbox span{border:solid 1px #222;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:16px;height:16px;display:inline-block;position:relative;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.fr-popup .fr-checkbox input{position:absolute;z-index:2;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border:0 none;cursor:pointer;height:16px;margin:0;padding:0;width:16px;top:1px;left:1px}.fr-popup .fr-checkbox input:checked+span{background:#1e88e5;border-color:#1e88e5}.fr-popup .fr-checkbox input:checked+span svg{display:block}.fr-popup .fr-checkbox input:focus+span{border-color:#1e88e5}.fr-popup .fr-checkbox-line{font-size:14px;line-height:1.4px;margin-top:10px}.fr-popup .fr-checkbox-line label{cursor:pointer;margin:0 5px;vertical-align:middle}.fr-popup.fr-rtl{direction:rtl;text-align:right}.fr-popup.fr-rtl .fr-action-buttons{text-align:left}.fr-popup.fr-rtl .fr-input-line input+label,.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs{float:right}.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #222}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important}.fr-toolbar{color:#222;background:#fff;position:relative;z-index:4;font-family:Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);text-align:left;border:0;border-top:5px solid #222;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fr-toolbar::after{clear:both;display:block;content:"";height:0}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none;white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;position:absolute;top:-9px;left:50%;margin-left:-5px;display:inline-block}.fr-toolbar.fr-inline.fr-above{margin-top:-10px;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #222;border-top:0}.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-separator{background:#ebebeb;display:block;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:34px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.fr-separator.fr-hidden{display:none!important}.fr-rtl .fr-separator{float:right}.fr-toolbar.fr-inline .fr-separator.fr-hs{float:none}.fr-toolbar.fr-inline .fr-separator.fr-vs{float:none;display:inline-block}.fr-visibility-helper{display:none;margin-left:0!important}@media (min-width:768px){.fr-visibility-helper{margin-left:1px!important}}@media (min-width:992px){.fr-visibility-helper{margin-left:2px!important}}@media (min-width:1200px){.fr-visibility-helper{margin-left:3px!important}}.fr-opacity-0{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)"}.fr-box{position:relative}.fr-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}.fr-sticky-off{position:relative}.fr-sticky-on{position:fixed}.fr-sticky-on.fr-sticky-ios{position:absolute;left:0;right:0;width:auto!important}.fr-sticky-dummy{display:none}.fr-sticky-on+.fr-sticky-dummy,.fr-sticky-box>.fr-sticky-dummy{display:block}span.fr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.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-box .fr-counter{position:absolute;bottom:0;padding:5px;right:0;color:#ccc;content:attr(data-chars);font-size:15px;font-family:"Times New Roman",Georgia,Serif;z-index:1;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:0;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none}.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}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#fff;color:#000;outline:0}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{position:absolute;top:0;right:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);display:none;background:#fff;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration: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-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}.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-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin-bottom:5px;line-height:16px;margin-left:-2px;margin-right:-2px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#222;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e88e5;content:'';-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}.fr-popup .fr-separator+.fr-colors-tabs{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)}.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-drag-helper{background:#1e88e5;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"alpha(Opacity=0)";position:absolute;z-index:9999;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}.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-popup .fr-emoticon{display:inline-block;font-size:20px;width:20px;padding:5px;line-height:1;cursor:default;font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-popup .fr-emoticon img{height:20px}.fr-popup .fr-link:focus{background:#ebebeb}.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-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.fr-file-upload-layer:hover{background:#ebebeb}.fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-file-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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-file-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-file-progress-bar-layer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-file-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-file-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-file-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-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0!important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9990!important;width:auto!important}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0!important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0!important}.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-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:.5px}.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 img{cursor:pointer}.fr-image-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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-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-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;display:none}.fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-image-upload-layer:hover{background:#ebebeb}.fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-image-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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-image-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-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-image-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-image-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-image-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-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}.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-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal-head .fr-modal-head-line i.fr-modal-more{float:left;opacity:1;-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal-head .fr-modal-tags{display:none}.fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 8px;margin:8px 0 8px 8px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#1e88e5;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s;cursor:pointer}.fr-modal-head .fr-modal-tags a:focus{outline:0}.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 10px;padding:0}div.fr-modal-body div.fr-image-list::after{clear:both;display:block;content:"";height:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px) / 2)}@media (min-width:768px) and (max-width:1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 20px) / 3)}}@media (min-width:1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 30px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#fff;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#1e88e5;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#ebebeb}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb}.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-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (32px / 2));top:-16px}.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-quick-insert{position:absolute;z-index:9998;white-space:nowrap;padding-right:5px;margin-left:-5px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:10px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;display:inline-block;color:#222;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.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-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list{margin-bottom:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title{font-weight:700;font-size:14px;padding:6px 0 4px;margin:0 0 5px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{display:inline-block;font-size:16px;width:20px;height:20px;padding:5px;line-height:20px;cursor:default;font-weight:400;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border:1px solid #ccc;margin:-1px 0 0 -1px}.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #1e88e5}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:fixed;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border-right:1px solid #1e88e5}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px;padding:8px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:0 5px 5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #ddd}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(30,136,229,.3);border:solid 1px #1e88e5}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block!important}.fr-popup .fr-table-colors-buttons{margin-bottom:5px}.fr-popup .fr-table-colors{line-height:0;display:block}.fr-popup .fr-table-colors>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-table-colors>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-table-colors>span:focus{outline:1px solid #222;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:fixed;z-index:9999;white-space:nowrap}.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-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.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-video-upload-layer:hover{background:#ebebeb}.fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.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-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-video-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.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-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-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.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:9999;display:none} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/froala_style.css b/Resources/public/froala_editor_2.4.2/css/froala_style.css deleted file mode 100644 index b9c847de..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_style.css +++ /dev/null @@ -1,300 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-view { - text-align: initial; -} -.fr-view strong { - font-weight: 700; -} -.fr-view table { - border: none; - border-collapse: collapse; - empty-cells: show; - max-width: 100%; -} -.fr-view table.fr-dashed-borders td, -.fr-view table.fr-dashed-borders th { - border-style: dashed; -} -.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { - background: #f5f5f5; -} -.fr-view table td, -.fr-view table th { - border: 1px solid #dddddd; -} -.fr-view table td:empty, -.fr-view table th:empty { - height: 20px; -} -.fr-view table td.fr-highlighted, -.fr-view table th.fr-highlighted { - border: 1px double red; -} -.fr-view table td.fr-thick, -.fr-view table th.fr-thick { - border-width: 2px; -} -.fr-view table th { - background: #e6e6e6; -} -.fr-view hr { - clear: both; - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - page-break-after: always; -} -.fr-view .fr-file { - position: relative; -} -.fr-view .fr-file::after { - position: relative; - content: "\1F4CE"; - font-weight: normal; -} -.fr-view pre { - white-space: pre-wrap; - word-wrap: break-word; -} -.fr-view[dir="rtl"] blockquote { - border-left: none; - border-right: solid 2px #5e35b1; - margin-right: 0; - padding-right: 5px; - padding-left: 0px; -} -.fr-view[dir="rtl"] blockquote blockquote { - border-color: #00bcd4; -} -.fr-view[dir="rtl"] blockquote blockquote blockquote { - border-color: #43a047; -} -.fr-view blockquote { - border-left: solid 2px #5e35b1; - margin-left: 0; - padding-left: 5px; - color: #5e35b1; -} -.fr-view blockquote blockquote { - border-color: #00bcd4; - color: #00bcd4; -} -.fr-view blockquote blockquote blockquote { - border-color: #43a047; - color: #43a047; -} -.fr-view span.fr-emoticon { - font-weight: normal; - font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; - display: inline; - line-height: 0; -} -.fr-view span.fr-emoticon.fr-emoticon-img { - background-repeat: no-repeat !important; - font-size: inherit; - height: 1em; - width: 1em; - min-height: 20px; - min-width: 20px; - display: inline-block; - margin: -0.1em 0.1em 0.1em; - line-height: 1; - vertical-align: middle; -} -.fr-view .fr-text-gray { - color: #AAA !important; -} -.fr-view .fr-text-bordered { - border-top: solid 1px #222; - border-bottom: solid 1px #222; - padding: 10px 0; -} -.fr-view .fr-text-spaced { - letter-spacing: 1px; -} -.fr-view .fr-text-uppercase { - text-transform: uppercase; -} -.fr-view img { - position: relative; - max-width: 100%; -} -.fr-view img.fr-dib { - margin: 5px auto; - display: block; - float: none; - vertical-align: top; -} -.fr-view img.fr-dib.fr-fil { - margin-left: 0; -} -.fr-view img.fr-dib.fr-fir { - margin-right: 0; -} -.fr-view img.fr-dii { - display: inline-block; - float: none; - vertical-align: bottom; - margin-left: 5px; - margin-right: 5px; - max-width: calc(100% - (2 * 5px)); -} -.fr-view img.fr-dii.fr-fil { - float: left; - margin: 5px 5px 5px 0; - max-width: calc(100% - 5px); -} -.fr-view img.fr-dii.fr-fir { - float: right; - margin: 5px 0 5px 5px; - max-width: calc(100% - 5px); -} -.fr-view img.fr-rounded { - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-view img.fr-bordered { - border: solid 10px #CCC; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-view .fr-video { - text-align: center; - position: relative; -} -.fr-view .fr-video > * { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - max-width: 100%; - border: none; -} -.fr-view .fr-video.fr-dvb { - display: block; - clear: both; -} -.fr-view .fr-video.fr-dvb.fr-fvl { - text-align: left; -} -.fr-view .fr-video.fr-dvb.fr-fvr { - text-align: right; -} -.fr-view .fr-video.fr-dvi { - display: inline-block; -} -.fr-view .fr-video.fr-dvi.fr-fvl { - float: left; -} -.fr-view .fr-video.fr-dvi.fr-fvr { - float: right; -} -.fr-view a.fr-strong { - font-weight: 700; -} -.fr-view a.fr-green { - color: green; -} -.fr-view button.fr-rounded, -.fr-view input.fr-rounded, -.fr-view textarea.fr-rounded { - border-radius: 10px; - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-view button.fr-large, -.fr-view input.fr-large, -.fr-view textarea.fr-large { - font-size: 24px; -} -/** - * Image style. - */ -a.fr-view.fr-strong { - font-weight: 700; -} -a.fr-view.fr-green { - color: green; -} -/** - * Link style. - */ -img.fr-view { - position: relative; - max-width: 100%; -} -img.fr-view.fr-dib { - margin: 5px auto; - display: block; - float: none; - vertical-align: top; -} -img.fr-view.fr-dib.fr-fil { - margin-left: 0; -} -img.fr-view.fr-dib.fr-fir { - margin-right: 0; -} -img.fr-view.fr-dii { - display: inline-block; - float: none; - vertical-align: bottom; - margin-left: 5px; - margin-right: 5px; - max-width: calc(100% - (2 * 5px)); -} -img.fr-view.fr-dii.fr-fil { - float: left; - margin: 5px 5px 5px 0; - max-width: calc(100% - 5px); -} -img.fr-view.fr-dii.fr-fir { - float: right; - margin: 5px 0 5px 5px; - max-width: calc(100% - 5px); -} -img.fr-view.fr-rounded { - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -img.fr-view.fr-bordered { - border: solid 10px #CCC; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} diff --git a/Resources/public/froala_editor_2.4.2/css/froala_style.min.css b/Resources/public/froala_editor_2.4.2/css/froala_style.min.css deleted file mode 100644 index da2dd5f9..00000000 --- a/Resources/public/froala_editor_2.4.2/css/froala_style.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-view{text-align:initial}.fr-view strong{font-weight:700}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.fr-view table td,.fr-view table th{border:1px solid #ddd}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#e6e6e6}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:"\1F4CE";font-weight:400}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.fr-view[dir=rtl] blockquote{border-left:0;border-right:solid 2px #5e35b1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;padding-left:5px;color:#5e35b1}.fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.fr-view span.fr-emoticon{font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat!important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA!important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0}.fr-view img.fr-dib.fr-fir{margin-right:0}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view img.fr-rounded{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-bordered{border:solid 10px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:0}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0}img.fr-view.fr-dib.fr-fir{margin-right:0}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}img.fr-view.fr-rounded{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}img.fr-view.fr-bordered{border:solid 10px #CCC;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.css b/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.css deleted file mode 100644 index 7a4c6bf6..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.css +++ /dev/null @@ -1,57 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-box .fr-counter { - position: absolute; - bottom: 0px; - padding: 5px; - right: 0px; - color: #cccccc; - content: attr(data-chars); - font-size: 15px; - font-family: "Times New Roman", Georgia, Serif; - z-index: 1; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-box.fr-rtl .fr-counter { - left: 0px; - right: auto; - border-left: none; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.fr-box.fr-code-view .fr-counter { - display: none; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.min.css deleted file mode 100644 index 4e1aaf7c..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/char_counter.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-box .fr-counter{position:absolute;bottom:0;padding:5px;right:0;color:#ccc;content:attr(data-chars);font-size:15px;font-family:"Times New Roman",Georgia,Serif;z-index:1;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-rtl .fr-counter{left:0;right:auto;border-left:0;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-box.fr-code-view .fr-counter{display:none} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/code_view.css b/Resources/public/froala_editor_2.4.2/css/plugins/code_view.css deleted file mode 100644 index 02c1387a..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/code_view.css +++ /dev/null @@ -1,112 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -textarea.fr-code { - display: none; - width: 100%; - resize: none; - -moz-resize: none; - -webkit-resize: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - border: none; - padding: 10px; - margin: 0px; - font-family: "Courier New", monospace; - font-size: 14px; - background: #ffffff; - color: #000000; - outline: none; -} -.fr-box.fr-rtl textarea.fr-code { - direction: rtl; -} -.fr-box .CodeMirror { - display: none; -} -.fr-box.fr-code-view textarea.fr-code { - display: block; -} -.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.fr-box.fr-code-view .fr-element, -.fr-box.fr-code-view .fr-placeholder, -.fr-box.fr-code-view .fr-iframe { - display: none; -} -.fr-box.fr-code-view .CodeMirror { - display: block; -} -.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch { - display: block; -} -.fr-box.fr-inline .fr-command.fr-btn.html-switch { - position: absolute; - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - display: none; - background: #ffffff; - color: #222222; - -moz-outline: 0; - outline: 0; - border: 0; - line-height: 1; - cursor: pointer; - text-align: left; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - border-radius: 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - z-index: 2; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: 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-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; - text-align: center; -} -.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #ebebeb; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/code_view.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/code_view.min.css deleted file mode 100644 index 8dcd26d1..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/code_view.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#fff;color:#000;outline:0}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{position:absolute;top:0;right:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);display:none;background:#fff;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration: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-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/colors.css b/Resources/public/froala_editor_2.4.2/css/plugins/colors.css deleted file mode 100644 index ab12260f..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/colors.css +++ /dev/null @@ -1,124 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-popup .fr-colors-tabs { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - margin-bottom: 5px; - line-height: 16px; - margin-left: -2px; - margin-right: -2px; -} -.fr-popup .fr-colors-tabs .fr-colors-tab { - display: inline-block; - width: 50%; - cursor: pointer; - text-align: center; - color: #222222; - font-size: 13px; - padding: 8px 0; - position: relative; -} -.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #1e88e5; -} -.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 2px; - background: #1e88e5; - content: ''; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #1e88e5; -} -.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { - -webkit-transform: translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); -} -.fr-popup .fr-separator + .fr-colors-tabs { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - margin-left: 2px; - margin-right: 2px; -} -.fr-popup .fr-color-set { - line-height: 0; - display: none; -} -.fr-popup .fr-color-set.fr-selected-set { - display: block; -} -.fr-popup .fr-color-set > span { - display: inline-block; - width: 32px; - height: 32px; - position: relative; - z-index: 1; -} -.fr-popup .fr-color-set > span > i { - text-align: center; - line-height: 32px; - height: 32px; - width: 32px; - font-size: 13px; - position: absolute; - bottom: 0; - cursor: default; - left: 0; -} -.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-family: FontAwesome; - font-size: 13px; - font-weight: 400; - line-height: 32px; - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - text-align: center; - cursor: default; -} -.fr-popup .fr-color-set > span:hover, -.fr-popup .fr-color-set > span:focus { - outline: 1px solid #222222; - z-index: 2; -} -.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { - -webkit-transform: translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/colors.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/colors.min.css deleted file mode 100644 index b8a41667..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/colors.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin-bottom:5px;line-height:16px;margin-left:-2px;margin-right:-2px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#222;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#1e88e5;content:'';-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#1e88e5}.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0)}.fr-popup .fr-separator+.fr-colors-tabs{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-left:2px;margin-right:2px}.fr-popup .fr-color-set{line-height:0;display:none}.fr-popup .fr-color-set.fr-selected-set{display:block}.fr-popup .fr-color-set>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-color-set>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-family:FontAwesome;font-size:13px;font-weight:400;line-height:32px;position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;cursor:default}.fr-popup .fr-color-set>span:hover,.fr-popup .fr-color-set>span:focus{outline:1px solid #222;z-index:2}.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0)} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/draggable.css b/Resources/public/froala_editor_2.4.2/css/plugins/draggable.css deleted file mode 100644 index 28128cba..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/draggable.css +++ /dev/null @@ -1,43 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-drag-helper { - background: #1e88e5; - height: 2px; - margin-top: -1px; - -webkit-opacity: 0.2; - -moz-opacity: 0.2; - opacity: 0.2; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - z-index: 9999; - display: none; -} -.fr-drag-helper.fr-visible { - display: block; -} -.fr-dragging { - -webkit-opacity: 0.4; - -moz-opacity: 0.4; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/draggable.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/draggable.min.css deleted file mode 100644 index 031b7c6d..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/draggable.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-drag-helper{background:#1e88e5;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"alpha(Opacity=0)";position:absolute;z-index:9999;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.css b/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.css deleted file mode 100644 index f01b64bb..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.css +++ /dev/null @@ -1,41 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-popup .fr-emoticon { - display: inline-block; - font-size: 20px; - width: 20px; - padding: 5px; - line-height: 1; - cursor: default; - font-weight: normal; - font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-popup .fr-emoticon img { - height: 20px; -} -.fr-popup .fr-link:focus { - background: #ebebeb; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.min.css deleted file mode 100644 index cbc61324..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/emoticons.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-popup .fr-emoticon{display:inline-block;font-size:20px;width:20px;padding:5px;line-height:1;cursor:default;font-weight:400;font-family:"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-popup .fr-emoticon img{height:20px}.fr-popup .fr-link:focus{background:#ebebeb} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/file.css b/Resources/public/froala_editor_2.4.2/css/plugins/file.css deleted file mode 100644 index 41754b3e..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/file.css +++ /dev/null @@ -1,146 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-file-upload-layer { - border: dashed 2px #bdbdbd; - padding: 25px 0; - position: relative; - font-size: 14px; - letter-spacing: 1px; - line-height: 140%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-align: center; -} -.fr-file-upload-layer:hover { - background: #ebebeb; -} -.fr-file-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-file-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-file-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-file-progress-bar-layer { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-file-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-file-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-file-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-file-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-file-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-file-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { - display: block; -} -@keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-webkit-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-moz-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-o-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/file.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/file.min.css deleted file mode 100644 index c59078a9..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/file.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-file-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.fr-file-upload-layer:hover{background:#ebebeb}.fr-file-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-file-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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-file-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-file-progress-bar-layer{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-file-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-file-progress-bar-layer>div.fr-action-buttons{display:none}.fr-file-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-file-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-file-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-file-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-file-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.css b/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.css deleted file mode 100644 index a980ea51..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.css +++ /dev/null @@ -1,28 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -body.fr-fullscreen { - overflow: hidden; - height: 100%; - width: 100%; - position: fixed; -} -.fr-box.fr-fullscreen { - margin: 0 !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9990 !important; - width: auto !important; -} -.fr-box.fr-fullscreen .fr-toolbar.fr-top { - top: 0 !important; -} -.fr-box.fr-fullscreen .fr-toolbar.fr-bottom { - bottom: 0 !important; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.min.css deleted file mode 100644 index 66349a84..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/fullscreen.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -body.fr-fullscreen{overflow:hidden;height:100%;width:100%;position:fixed}.fr-box.fr-fullscreen{margin:0!important;position:fixed;top:0;left:0;bottom:0;right:0;z-index:9990!important;width:auto!important}.fr-box.fr-fullscreen .fr-toolbar.fr-top{top:0!important}.fr-box.fr-fullscreen .fr-toolbar.fr-bottom{bottom:0!important} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/help.css b/Resources/public/froala_editor_2.4.2/css/plugins/help.css deleted file mode 100644 index 6b9f4541..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/help.css +++ /dev/null @@ -1,52 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal { - text-align: left; - padding: 20px 20px 10px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table { - border-collapse: collapse; - font-size: 14px; - line-height: 1.5; - width: 100%; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table { - margin-top: 20px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td { - padding: 6px 0 4px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px #ebebeb; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - width: 60%; - color: #646464; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) { - letter-spacing: 0.5px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/help.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/help.min.css deleted file mode 100644 index 86e01ff6..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/help.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table{border-collapse:collapse;font-size:14px;line-height:1.5;width:100%}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table{margin-top:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td{padding:6px 0 4px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{width:60%;color:#646464}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2){letter-spacing:.5px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/image.css b/Resources/public/froala_editor_2.4.2/css/plugins/image.css deleted file mode 100644 index fbca3e3b..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/image.css +++ /dev/null @@ -1,244 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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 img { - cursor: pointer; -} -.fr-image-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; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-image-resizer.fr-active { - display: block; -} -.fr-image-resizer .fr-handler { - display: block; - position: absolute; - background: #1e88e5; - border: solid 1px #ffffff; - z-index: 4; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.fr-image-resizer .fr-handler.fr-hnw { - cursor: nw-resize; -} -.fr-image-resizer .fr-handler.fr-hne { - cursor: ne-resize; -} -.fr-image-resizer .fr-handler.fr-hsw { - cursor: sw-resize; -} -.fr-image-resizer .fr-handler.fr-hse { - cursor: se-resize; -} -.fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.fr-image-overlay { - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9999; - display: none; -} -.fr-image-upload-layer { - border: dashed 2px #bdbdbd; - padding: 25px 0; - position: relative; - font-size: 14px; - letter-spacing: 1px; - line-height: 140%; - text-align: center; -} -.fr-image-upload-layer:hover { - background: #ebebeb; -} -.fr-image-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-image-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-image-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-image-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-image-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-image-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-image-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-image-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-image-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.fr-image-progress-bar-layer.fr-error > div.fr-action-buttons { - display: block; -} -.fr-image-size-layer .fr-image-group .fr-input-line { - width: calc(50% - 5px); - display: inline-block; -} -.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { - margin-left: 10px; -} -.fr-uploading { - -webkit-opacity: 0.4; - -moz-opacity: 0.4; - opacity: 0.4; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -@keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-webkit-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-moz-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} -@-o-keyframes loading { - from { - left: -25%; - } - to { - left: 100%; - } -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/image.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/image.min.css deleted file mode 100644 index 388875c1..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/image.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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 img{cursor:pointer}.fr-image-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;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-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-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;display:none}.fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-image-upload-layer:hover{background:#ebebeb}.fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.fr-image-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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.fr-image-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-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-image-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-image-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-image-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-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"alpha(Opacity=0)"}@keyframes loading{from{left:-25%}to{left:100%}}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.css b/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.css deleted file mode 100644 index c978e1b7..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.css +++ /dev/null @@ -1,264 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal-head .fr-modal-head-line::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-modal-head .fr-modal-head-line i.fr-modal-more { - float: left; - opacity: 1; - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.fr-modal-head .fr-modal-tags { - display: none; -} -.fr-modal-head .fr-modal-tags a { - display: inline-block; - opacity: 0; - padding: 6px 8px; - margin: 8px 0 8px 8px; - text-decoration: none; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #1e88e5; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - cursor: pointer; -} -.fr-modal-head .fr-modal-tags a:focus { - outline: none; -} -.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -div.fr-modal-body .fr-preloader { - display: block; - margin: 50px auto; -} -div.fr-modal-body div.fr-image-list { - text-align: center; - margin: 0 10px; - padding: 0; -} -div.fr-modal-body div.fr-image-list::after { - clear: both; - display: block; - content: ""; - height: 0; -} -div.fr-modal-body div.fr-image-list .fr-list-column { - float: left; - width: calc((100% - 10px) / 2); -} -@media (min-width: 768px) and (max-width: 1199px) { - div.fr-modal-body div.fr-image-list .fr-list-column { - width: calc((100% - 20px) / 3); - } -} -@media (min-width: 1200px) { - div.fr-modal-body div.fr-image-list .fr-list-column { - width: calc((100% - 30px) / 4); - } -} -div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column { - margin-left: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container { - position: relative; - width: 100%; - display: block; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - overflow: hidden; -} -div.fr-modal-body div.fr-image-list div.fr-image-container:first-child { - margin-top: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container + div { - margin-top: 10px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - position: absolute; - -webkit-opacity: 0.5; - -moz-opacity: 0.5; - opacity: 0.5; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - content: ""; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 2; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - content: attr(data-deleting); - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; - position: absolute; - z-index: 3; - font-size: 15px; - height: 20px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - height: 95px; - background: #cccccc; - z-index: 1; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - position: absolute; - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; - content: attr(data-loading); - display: inline-block; - height: 20px; -} -div.fr-modal-body div.fr-image-list div.fr-image-container img { - width: 100%; - vertical-align: middle; - position: relative; - z-index: 2; - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -webkit-transform: translateZ(0); - -moz-transform: translateZ(0); - -ms-transform: translateZ(0); - -o-transform: translateZ(0); -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, -div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img { - display: inline-block; -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - display: none; - top: 50%; - border-radius: 100%; - -moz-border-radius: 100%; - -webkit-border-radius: 100%; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - position: absolute; - cursor: pointer; - margin: 0; - width: 36px; - height: 36px; - line-height: 36px; - text-decoration: none; - z-index: 3; -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; - left: 50%; - -webkit-transform: translateY(-50%) translateX(25%); - -moz-transform: translateY(-50%) translateX(25%); - -ms-transform: translateY(-50%) translateX(25%); - -o-transform: translateY(-50%) translateX(25%); -} -div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #ffffff; - color: #1e88e5; - left: 50%; - -webkit-transform: translateY(-50%) translateX(-125%); - -moz-transform: translateY(-50%) translateX(-125%); - -ms-transform: translateY(-50%) translateX(-125%); - -o-transform: translateY(-50%) translateX(-125%); -} -.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #ebebeb; -} -.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { - -webkit-opacity: 0.75; - -moz-opacity: 0.75; - opacity: 0.75; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { - display: inline-block; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { - background: #bf4644; - color: #ffffff; -} -.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #ebebeb; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.min.css deleted file mode 100644 index 1b3c621d..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/image_manager.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal-head .fr-modal-head-line::after{clear:both;display:block;content:"";height:0}.fr-modal-head .fr-modal-head-line i.fr-modal-more{float:left;opacity:1;-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal-head .fr-modal-tags{display:none}.fr-modal-head .fr-modal-tags a{display:inline-block;opacity:0;padding:6px 8px;margin:8px 0 8px 8px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#1e88e5;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s;cursor:pointer}.fr-modal-head .fr-modal-tags a:focus{outline:0}.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}div.fr-modal-body .fr-preloader{display:block;margin:50px auto}div.fr-modal-body div.fr-image-list{text-align:center;margin:0 10px;padding:0}div.fr-modal-body div.fr-image-list::after{clear:both;display:block;content:"";height:0}div.fr-modal-body div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px) / 2)}@media (min-width:768px) and (max-width:1199px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 20px) / 3)}}@media (min-width:1200px){div.fr-modal-body div.fr-image-list .fr-list-column{width:calc((100% - 30px) / 4)}}div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}div.fr-modal-body div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}div.fr-modal-body div.fr-image-list div.fr-image-container:first-child{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container+div{margin-top:10px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{position:absolute;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;content:"";top:0;left:0;bottom:0;right:0;z-index:2}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{content:attr(data-deleting);color:#fff;top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;z-index:3;font-size:15px;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;content:attr(data-loading);display:inline-block;height:20px}div.fr-modal-body div.fr-image-list div.fr-image-container img{width:100%;vertical-align:middle;position:relative;z-index:2;-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{display:none;top:50%;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff;left:50%;-webkit-transform:translateY(-50%) translateX(25%);-moz-transform:translateY(-50%) translateX(25%);-ms-transform:translateY(-50%) translateX(25%);-o-transform:translateY(-50%) translateX(25%)}div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#1e88e5;left:50%;-webkit-transform:translateY(-50%) translateX(-125%);-moz-transform:translateY(-50%) translateX(-125%);-ms-transform:translateY(-50%) translateX(-125%);-o-transform:translateY(-50%) translateX(-125%)}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#ebebeb}.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#ebebeb} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.css b/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.css deleted file mode 100644 index b2745314..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.css +++ /dev/null @@ -1,37 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-line-breaker { - cursor: text; - border-top: 1px solid #1e88e5; - position: fixed; - z-index: 2; - display: none; -} -.fr-line-breaker.fr-visible { - display: block; -} -.fr-line-breaker a.fr-floating-btn { - position: absolute; - left: calc(50% - (32px / 2)); - top: -16px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.min.css deleted file mode 100644 index cb601917..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/line_breaker.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker.fr-visible{display:block}.fr-line-breaker a.fr-floating-btn{position:absolute;left:calc(50% - (32px / 2));top:-16px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.css b/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.css deleted file mode 100644 index ed8c55b1..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.css +++ /dev/null @@ -1,70 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-quick-insert { - position: absolute; - z-index: 9998; - white-space: nowrap; - padding-right: 5px; - margin-left: -5px; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.fr-quick-insert.fr-on a.fr-floating-btn svg { - -webkit-transform: rotate(135deg); - -moz-transform: rotate(135deg); - -ms-transform: rotate(135deg); - -o-transform: rotate(135deg); -} -.fr-quick-insert.fr-hidden { - display: none; -} -.fr-qi-helper { - position: absolute; - z-index: 3; - padding-left: 10px; - white-space: nowrap; -} -.fr-qi-helper a.fr-btn.fr-floating-btn { - text-align: center; - display: inline-block; - color: #222222; - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transform: scale(0); - -moz-transform: scale(0); - -ms-transform: scale(0); - -o-transform: scale(0); -} -.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { - -webkit-opacity: 1; - -moz-opacity: 1; - opacity: 1; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.min.css deleted file mode 100644 index 9c08de51..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/quick_insert.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-quick-insert{position:absolute;z-index:9998;white-space:nowrap;padding-right:5px;margin-left:-5px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:10px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;display:inline-block;color:#222;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.css b/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.css deleted file mode 100644 index 8350a365..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.css +++ /dev/null @@ -1,51 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal { - text-align: left; - padding: 20px 20px 10px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list { - margin-bottom: 20px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title { - font-weight: bold; - font-size: 14px; - padding: 6px 0 4px; - margin: 0 0 5px; -} -.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - display: inline-block; - font-size: 16px; - width: 20px; - height: 20px; - padding: 5px; - line-height: 20px; - cursor: default; - font-weight: normal; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - text-align: center; - border: 1px solid #cccccc; - margin: -1px 0 0 -1px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.min.css deleted file mode 100644 index 41f9e6c7..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/special_characters.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal{text-align:left;padding:20px 20px 10px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list{margin-bottom:20px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title{font-weight:700;font-size:14px;padding:6px 0 4px;margin:0 0 5px}.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{display:inline-block;font-size:16px;width:20px;height:20px;padding:5px;line-height:20px;cursor:default;font-weight:400;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border:1px solid #ccc;margin:-1px 0 0 -1px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/table.css b/Resources/public/froala_editor_2.4.2/css/plugins/table.css deleted file mode 100644 index 6a1ce4d5..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/table.css +++ /dev/null @@ -1,151 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.clearfix::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.hide-by-clipping { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.fr-element table td.fr-selected-cell, -.fr-element table th.fr-selected-cell { - border: 1px double #1e88e5; -} -.fr-element table tr { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-element table td, -.fr-element table th { - user-select: text; - -o-user-select: text; - -moz-user-select: text; - -khtml-user-select: text; - -webkit-user-select: text; - -ms-user-select: text; -} -.fr-element .fr-no-selection table td, -.fr-element .fr-no-selection table th { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-table-resizer { - cursor: col-resize; - position: fixed; - z-index: 3; - display: none; -} -.fr-table-resizer.fr-moving { - z-index: 2; -} -.fr-table-resizer div { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - border-right: 1px solid #1e88e5; -} -.fr-no-selection { - user-select: none; - -o-user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.fr-popup .fr-table-size .fr-table-size-info { - text-align: center; - font-size: 14px; - padding: 8px; -} -.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; - padding: 0 5px 5px; - white-space: nowrap; -} -.fr-popup .fr-table-size .fr-select-table-size > span { - display: inline-block; - padding: 0px 4px 4px 0; - background: transparent; -} -.fr-popup .fr-table-size .fr-select-table-size > span > span { - display: inline-block; - width: 18px; - height: 18px; - border: 1px solid #dddddd; -} -.fr-popup .fr-table-size .fr-select-table-size > span.hover { - background: transparent; -} -.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(30, 136, 229, 0.3); - border: solid 1px #1e88e5; -} -.fr-popup .fr-table-size .fr-select-table-size .new-line::after { - clear: both; - display: block; - content: ""; - height: 0; -} -.fr-popup.fr-above .fr-table-size .fr-select-table-size > span { - display: inline-block !important; -} -.fr-popup .fr-table-colors-buttons { - margin-bottom: 5px; -} -.fr-popup .fr-table-colors { - line-height: 0; - display: block; -} -.fr-popup .fr-table-colors > span { - display: inline-block; - width: 32px; - height: 32px; - position: relative; - z-index: 1; -} -.fr-popup .fr-table-colors > span > i { - text-align: center; - line-height: 32px; - height: 32px; - width: 32px; - font-size: 13px; - position: absolute; - bottom: 0; - cursor: default; - left: 0; -} -.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #222222; - z-index: 2; -} -.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { - width: 12px; - height: 12px; -} -.fr-insert-helper { - position: fixed; - z-index: 9999; - white-space: nowrap; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/table.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/table.min.css deleted file mode 100644 index e424f5d9..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/table.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.clearfix::after{clear:both;display:block;content:"";height:0}.hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #1e88e5}.fr-element table tr{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:fixed;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"alpha(Opacity=0)";border-right:1px solid #1e88e5}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px;padding:8px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:0 5px 5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #ddd}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:0 0}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(30,136,229,.3);border:solid 1px #1e88e5}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block!important}.fr-popup .fr-table-colors-buttons{margin-bottom:5px}.fr-popup .fr-table-colors{line-height:0;display:block}.fr-popup .fr-table-colors>span{display:inline-block;width:32px;height:32px;position:relative;z-index:1}.fr-popup .fr-table-colors>span>i{text-align:center;line-height:32px;height:32px;width:32px;font-size:13px;position:absolute;bottom:0;cursor:default;left:0}.fr-popup .fr-table-colors>span:focus{outline:1px solid #222;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:fixed;z-index:9999;white-space:nowrap} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/video.css b/Resources/public/froala_editor_2.4.2/css/plugins/video.css deleted file mode 100644 index 0d758298..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/video.css +++ /dev/null @@ -1,231 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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: none; -} -.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 #ffffff; - 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-video-size-layer .fr-video-group .fr-input-line { - width: calc(50% - 5px); - display: inline-block; -} -.fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line { - margin-left: 10px; -} -.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-video-upload-layer:hover { - background: #ebebeb; -} -.fr-video-upload-layer.fr-drop { - background: #ebebeb; - border-color: #1e88e5; -} -.fr-video-upload-layer .fr-form { - -webkit-opacity: 0; - -moz-opacity: 0; - opacity: 0; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 9999; - overflow: hidden; - margin: 0 !important; - padding: 0 !important; - width: 100% !important; -} -.fr-video-upload-layer .fr-form input { - cursor: pointer; - position: absolute; - right: 0px; - top: 0px; - bottom: 0px; - width: 500%; - height: 100%; - margin: 0px; - font-size: 400px; -} -.fr-video-progress-bar-layer > h3 { - font-size: 16px; - margin: 10px 0; - font-weight: normal; -} -.fr-video-progress-bar-layer > div.fr-action-buttons { - display: none; -} -.fr-video-progress-bar-layer > div.fr-loader { - background: #bcdbf7; - height: 10px; - width: 100%; - margin-top: 20px; - overflow: hidden; - position: relative; -} -.fr-video-progress-bar-layer > div.fr-loader span { - display: block; - height: 100%; - width: 0%; - background: #1e88e5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.fr-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-video-progress-bar-layer.fr-error > div.fr-loader { - display: none; -} -.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: 9999; - display: none; -} diff --git a/Resources/public/froala_editor_2.4.2/css/plugins/video.min.css b/Resources/public/froala_editor_2.4.2/css/plugins/video.min.css deleted file mode 100644 index c59ed713..00000000 --- a/Resources/public/froala_editor_2.4.2/css/plugins/video.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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-video-size-layer .fr-video-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line{margin-left:10px}.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-video-upload-layer:hover{background:#ebebeb}.fr-video-upload-layer.fr-drop{background:#ebebeb;border-color:#1e88e5}.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:9999;overflow:hidden;margin:0!important;padding:0!important;width:100%!important}.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-video-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:400}.fr-video-progress-bar-layer>div.fr-action-buttons{display:none}.fr-video-progress-bar-layer>div.fr-loader{background:#bcdbf7;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.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-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-video-progress-bar-layer.fr-error>div.fr-loader{display:none}.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:9999;display:none} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/themes/dark.css b/Resources/public/froala_editor_2.4.2/css/themes/dark.css deleted file mode 100644 index b5e3ef53..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/dark.css +++ /dev/null @@ -1,1156 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -.dark-theme:focus { - outline: 0; -} -.dark-theme.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - overflow-x: auto; - min-height: 40px; -} -.dark-theme .fr-element { - -webkit-user-select: auto; -} -.dark-theme.fr-box a.fr-floating-btn { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - height: 32px; - width: 32px; - background: #ffffff; - color: #42a5f5; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - left: 0; - top: 0; - line-height: 32px; - border: none; -} -.dark-theme.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #42a5f5; -} -.dark-theme.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.dark-theme.fr-box a.fr-floating-btn:hover { - background: #3d3d3d; -} -.dark-theme.fr-box a.fr-floating-btn:hover svg { - fill: #42a5f5; -} -.dark-theme .fr-wrapper .fr-placeholder { - font-size: 12px; - color: #aaaaaa; - top: 0; - left: 0; - right: 0; -} -.dark-theme .fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.dark-theme .fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.dark-theme.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: 0px; - border-top: 0; - top: 0; - left: 0; -} -.dark-theme.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme .fr-sticky-on.fr-sticky-ios { - left: 0; - right: 0; -} -.dark-theme.fr-box .fr-counter { - color: #aaaaaa; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.dark-theme.fr-box.fr-rtl .fr-counter { - right: auto; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.dark-theme textarea.fr-code { - background: #ffffff; - color: #000000; -} -.dark-theme.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - background: #ffffff; - color: #ffffff; - -moz-outline: 0; - outline: 0; - border: 0; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; -} -.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #3d3d3d; -} -.dark-theme.fr-popup .fr-colors-tabs { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab { - color: #ffffff; - padding: 8px 0; -} -.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #42a5f5; -} -.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - bottom: 0; - left: 0; - background: #42a5f5; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #42a5f5; -} -.dark-theme.fr-popup .fr-color-set { - line-height: 0; -} -.dark-theme.fr-popup .fr-color-set > span > i { - bottom: 0; - left: 0; -} -.dark-theme.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-weight: 400; - top: 0; - bottom: 0; - right: 0; - left: 0; -} -.dark-theme.fr-popup .fr-color-set > span:hover, -.dark-theme.fr-popup .fr-color-set > span:focus { - outline: 1px solid #ffffff; -} -.dark-theme .fr-drag-helper { - background: #42a5f5; -} -.dark-theme.fr-popup .fr-link:focus { - background: #3d3d3d; -} -.dark-theme .fr-file-upload-layer { - border: dashed 2px #808080; - padding: 25px 0; -} -.dark-theme .fr-file-upload-layer:hover { - background: #3d3d3d; -} -.dark-theme .fr-file-upload-layer.fr-drop { - background: #3d3d3d; - border-color: #42a5f5; -} -.dark-theme .fr-file-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.dark-theme .fr-file-progress-bar-layer > h3 { - margin: 10px 0; -} -.dark-theme .fr-file-progress-bar-layer > div.fr-loader { - background: #c6e4fc; -} -.dark-theme .fr-file-progress-bar-layer > div.fr-loader span { - background: #42a5f5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.dark-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.dark-theme.fr-box.fr-fullscreen { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px #595959; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - color: #ffffff; -} -.dark-theme .fr-image-resizer { - border: solid 1px #42a5f5; -} -.dark-theme .fr-image-resizer .fr-handler { - background: #42a5f5; - border: solid 1px #ffffff; -} -.dark-theme .fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.dark-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.dark-theme .fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.dark-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.dark-theme .fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .dark-theme .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .dark-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .dark-theme .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .dark-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .dark-theme .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.dark-theme.fr-image-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.dark-theme .fr-image-upload-layer { - border: dashed 2px #808080; - padding: 25px 0; -} -.dark-theme .fr-image-upload-layer:hover { - background: #3d3d3d; -} -.dark-theme .fr-image-upload-layer.fr-drop { - background: #3d3d3d; - border-color: #42a5f5; -} -.dark-theme .fr-image-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.dark-theme .fr-image-progress-bar-layer > h3 { - margin: 10px 0; -} -.dark-theme .fr-image-progress-bar-layer > div.fr-loader { - background: #c6e4fc; -} -.dark-theme .fr-image-progress-bar-layer > div.fr-loader span { - background: #42a5f5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.dark-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more { - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.dark-theme.fr-modal-head .fr-modal-tags a { - opacity: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #42a5f5; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -} -.dark-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #2e2e2e; -} -.dark-themediv.fr-modal-body .fr-preloader { - margin: 50px auto; -} -.dark-themediv.fr-modal-body div.fr-image-list { - padding: 0; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - background: #aaaaaa; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img { - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - margin: 0; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; -} -.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #353535; - color: #42a5f5; -} -.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #3d3d3d; -} -.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #2e2e2e; -} -.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 { - background: #bf4644; - color: #ffffff; -} -.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 { - background: #3d3d3d; -} -.dark-theme .fr-line-breaker { - border-top: 1px solid #42a5f5; -} -.dark-theme .fr-line-breaker a.fr-floating-btn { - left: calc(50% - (32px / 2)); - top: -16px; -} -.dark-theme .fr-qi-helper { - padding-left: 10px; -} -.dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn { - color: #ffffff; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - border: 1px solid #aaaaaa; -} -.dark-theme .fr-element table td.fr-selected-cell, -.dark-theme .fr-element table th.fr-selected-cell { - border: 1px double #42a5f5; -} -.dark-theme .fr-table-resizer div { - border-right: 1px solid #42a5f5; -} -.dark-theme.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; -} -.dark-theme.fr-popup .fr-table-size .fr-select-table-size > span { - padding: 0px 4px 4px 0; -} -.dark-theme.fr-popup .fr-table-size .fr-select-table-size > span > span { - border: 1px solid #dddddd; -} -.dark-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(66, 165, 245, 0.3); - border: solid 1px #42a5f5; -} -.dark-theme.fr-popup .fr-table-colors { - line-height: 0; -} -.dark-theme.fr-popup .fr-table-colors > span > i { - bottom: 0; - left: 0; -} -.dark-theme.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #ffffff; -} -.dark-theme .fr-element .fr-video::after { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.dark-theme.fr-box .fr-video-resizer { - border: solid 1px #42a5f5; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler { - background: #42a5f5; - border: solid 1px #ffffff; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler { - width: 12px; - height: 12px; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .dark-theme.fr-box .fr-video-resizer .fr-handler { - width: 10px; - height: 10px; - } - .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.dark-theme .fr-video-upload-layer { - border: dashed 2px #808080; - padding: 25px 0; -} -.dark-theme .fr-video-upload-layer:hover { - background: #3d3d3d; -} -.dark-theme .fr-video-upload-layer.fr-drop { - background: #3d3d3d; - border-color: #42a5f5; -} -.dark-theme .fr-video-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.dark-theme .fr-video-progress-bar-layer > h3 { - margin: 10px 0; -} -.dark-theme .fr-video-progress-bar-layer > div.fr-loader { - background: #c6e4fc; -} -.dark-theme .fr-video-progress-bar-layer > div.fr-loader span { - background: #42a5f5; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.dark-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.dark-theme.fr-video-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.dark-theme .fr-view strong { - font-weight: 700; -} -.dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { - background: #d3d3d3; -} -.dark-theme .fr-view table td, -.dark-theme .fr-view table th { - border: 1px solid #dddddd; -} -.dark-theme .fr-view table th { - background: #e6e6e6; -} -.dark-theme .fr-view[dir="rtl"] blockquote { - border-right: solid 2px #5e35b1; - margin-right: 0; -} -.dark-theme .fr-view[dir="rtl"] blockquote blockquote { - border-color: #00bcd4; -} -.dark-theme .fr-view[dir="rtl"] blockquote blockquote blockquote { - border-color: #43a047; -} -.dark-theme .fr-view blockquote { - border-left: solid 2px #5e35b1; - margin-left: 0; - color: #5e35b1; -} -.dark-theme .fr-view blockquote blockquote { - border-color: #00bcd4; - color: #00bcd4; -} -.dark-theme .fr-view blockquote blockquote blockquote { - border-color: #43a047; - color: #43a047; -} -.dark-theme .fr-view span.fr-emoticon { - line-height: 0; -} -.dark-theme .fr-view span.fr-emoticon.fr-emoticon-img { - font-size: inherit; -} -.dark-theme .fr-view .fr-text-bordered { - padding: 10px 0; -} -.dark-theme .fr-tooltip { - top: 0; - left: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; -} -.dark-theme.fr-toolbar .fr-command.fr-btn, -.dark-theme.fr-popup .fr-command.fr-btn { - color: #ffffff; - -moz-outline: 0; - outline: 0; - border: 0; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - padding: 0; - width: 38px; - height: 38px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.dark-theme.fr-toolbar .fr-command.fr-btn i, -.dark-theme.fr-popup .fr-command.fr-btn i { - font-size: 14px; - width: 14px; - margin: 12px 12px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn span, -.dark-theme.fr-popup .fr-command.fr-btn span { - font-size: 14px; - line-height: 17px; - min-width: 38px; - height: 17px; - padding: 0 2px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn img, -.dark-theme.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-active, -.dark-theme.fr-popup .fr-command.fr-btn.fr-active { - color: #42a5f5; - background: transparent; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #ffffff; - background: #2e2e2e; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #2e2e2e !important; - color: #ffffff !important; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #ffffff !important; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after { - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #ffffff; - right: 4px; - top: 17px; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, -.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled { - color: #808080; -} -.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #808080 !important; -} -.dark-theme.fr-toolbar.fr-disabled .fr-btn, -.dark-theme.fr-popup.fr-disabled .fr-btn, -.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, -.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active { - color: #808080; -} -.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #808080; -} -.dark-theme.fr-desktop .fr-command:hover, -.dark-theme.fr-desktop .fr-command:focus { - color: #ffffff; - background: #3d3d3d; -} -.dark-theme.fr-desktop .fr-command:hover::after, -.dark-theme.fr-desktop .fr-command:focus::after { - border-top-color: #ffffff !important; -} -.dark-theme.fr-desktop .fr-command.fr-selected { - color: #ffffff; - background: #2e2e2e; -} -.dark-theme.fr-desktop .fr-command.fr-active:hover, -.dark-theme.fr-desktop .fr-command.fr-active:focus { - color: #42a5f5; - background: #3d3d3d; -} -.dark-theme.fr-desktop .fr-command.fr-active.fr-selected { - color: #42a5f5; - background: #2e2e2e; -} -.dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, -.dark-theme.fr-popup.fr-mobile .fr-command.fr-blink { - background: transparent; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu { - right: auto; - bottom: auto; - height: auto; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #353535; - padding: 0; - margin: auto; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - max-height: 0; - height: 0; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - max-height: 275px; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - margin: 0; - padding: 0; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - color: inherit; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #2e2e2e; -} -.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #808080; -} -.dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu { - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); -} -.dark-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.dark-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.dark-theme.fr-modal { - color: #ffffff; - font-family: Arial, Helvetica, sans-serif; - overflow-x: auto; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.dark-theme.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - background: #ffffff; - -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - border: 0px; - border-top: 5px solid #222222; -} -@media (min-width: 768px) and (max-width: 991px) { - .dark-theme.fr-modal .fr-modal-wrapper { - margin: 30px auto; - } -} -@media (min-width: 992px) { - .dark-theme.fr-modal .fr-modal-wrapper { - margin: 50px auto; - } -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #353535; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - border-bottom: 0px; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head i { - color: #ffffff; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - margin: 0; - font-weight: 400; -} -.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #3d3d3d; -} -.dark-theme.fr-overlay { - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; -} -.dark-theme.fr-popup { - color: #ffffff; - background: #353535; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - border: 0px; - border-top: 5px solid #222222; -} -.dark-theme.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.dark-theme.fr-popup.fr-above { - border-top: 0; - border-bottom: 5px solid #222222; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme.fr-popup .fr-input-line { - padding: 8px 0; -} -.dark-theme.fr-popup .fr-input-line input[type="text"], -.dark-theme.fr-popup .fr-input-line textarea { - margin: 0px 0 1px 0; - border-bottom: solid 1px #bdbdbd; - color: #ffffff; -} -.dark-theme.fr-popup .fr-input-line input[type="text"]:focus, -.dark-theme.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #42a5f5; -} -.dark-theme.fr-popup .fr-input-line input + label, -.dark-theme.fr-popup .fr-input-line textarea + label { - top: 0; - left: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - background: #353535; -} -.dark-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #42a5f5; -} -.dark-theme.fr-popup .fr-input-line input.fr-not-empty + label, -.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.dark-theme.fr-popup .fr-buttons { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - padding: 0 2px; - line-height: 0; - border-bottom: 0px; -} -.dark-theme.fr-popup .fr-layer { - width: 225px; -} -@media (min-width: 768px) { - .dark-theme.fr-popup .fr-layer { - width: 300px; - } -} -.dark-theme.fr-popup .fr-action-buttons button.fr-command { - color: #42a5f5; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.dark-theme.fr-popup .fr-action-buttons button.fr-command:hover, -.dark-theme.fr-popup .fr-action-buttons button.fr-command:focus { - background: #3d3d3d; - color: #42a5f5; -} -.dark-theme.fr-popup .fr-action-buttons button.fr-command:active { - background: #2e2e2e; - color: #42a5f5; -} -.dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.dark-theme.fr-popup .fr-checkbox span { - border: solid 1px #ffffff; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.dark-theme.fr-popup .fr-checkbox input { - margin: 0; - padding: 0; -} -.dark-theme.fr-popup .fr-checkbox input:checked + span { - background: #42a5f5; - border-color: #42a5f5; -} -.dark-theme.fr-popup .fr-checkbox input:focus + span { - border-color: #42a5f5; -} -.dark-theme.fr-popup.fr-rtl .fr-input-line input + label, -.dark-theme.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.dark-theme.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - top: -9px; - margin-left: -5px; -} -.dark-theme.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #222222; -} -.dark-theme.fr-toolbar { - color: #ffffff; - background: #353535; - font-family: Arial, Helvetica, sans-serif; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border: 0px; - border-top: 5px solid #222222; -} -.dark-theme.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #222222; - top: -9px; - margin-left: -5px; -} -.dark-theme.fr-toolbar.fr-inline.fr-above { - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - border-bottom: 5px solid #222222; - border-top: 0; -} -.dark-theme.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-width: 5px; -} -.dark-theme.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.dark-theme .fr-separator { - background: #595959; -} -.dark-theme .fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.dark-theme .fr-separator.fr-hs { - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/themes/dark.min.css b/Resources/public/froala_editor_2.4.2/css/themes/dark.min.css deleted file mode 100644 index 42567941..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/dark.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}.dark-theme:focus{outline:0}.dark-theme.fr-box.fr-basic .fr-element{color:#000;padding:10px;overflow-x:auto;min-height:40px}.dark-theme .fr-element{-webkit-user-select:auto}.dark-theme.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);height:32px;width:32px;background:#fff;color:#42a5f5;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;left:0;top:0;line-height:32px;border:0}.dark-theme.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#42a5f5}.dark-theme.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.dark-theme.fr-box a.fr-floating-btn:hover{background:#3d3d3d}.dark-theme.fr-box a.fr-floating-btn:hover svg{fill:#42a5f5}.dark-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa;top:0;left:0;right:0}.dark-theme .fr-wrapper ::selection{background:#b5d6fd;color:#000}.dark-theme .fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.dark-theme.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.dark-theme.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.dark-theme .fr-sticky-on.fr-sticky-ios{left:0;right:0}.dark-theme.fr-box .fr-counter{color:#aaa;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.dark-theme.fr-box.fr-rtl .fr-counter{right:auto;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.dark-theme textarea.fr-code{background:#fff;color:#000}.dark-theme.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{top:0;right:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);background:#fff;color:#fff;-moz-outline:0;outline:0;border:0;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px}.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#3d3d3d}.dark-theme.fr-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#fff;padding:8px 0}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#42a5f5}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{bottom:0;left:0;background:#42a5f5;-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#42a5f5}.dark-theme.fr-popup .fr-color-set{line-height:0}.dark-theme.fr-popup .fr-color-set>span>i{bottom:0;left:0}.dark-theme.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-weight:400;top:0;bottom:0;right:0;left:0}.dark-theme.fr-popup .fr-color-set>span:hover,.dark-theme.fr-popup .fr-color-set>span:focus{outline:1px solid #fff}.dark-theme .fr-drag-helper{background:#42a5f5}.dark-theme.fr-popup .fr-link:focus{background:#3d3d3d}.dark-theme .fr-file-upload-layer{border:dashed 2px gray;padding:25px 0}.dark-theme .fr-file-upload-layer:hover{background:#3d3d3d}.dark-theme .fr-file-upload-layer.fr-drop{background:#3d3d3d;border-color:#42a5f5}.dark-theme .fr-file-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.dark-theme .fr-file-progress-bar-layer>h3{margin:10px 0}.dark-theme .fr-file-progress-bar-layer>div.fr-loader{background:#c6e4fc}.dark-theme .fr-file-progress-bar-layer>div.fr-loader span{background:#42a5f5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.dark-theme .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.dark-theme.fr-box.fr-fullscreen{top:0;left:0;bottom:0;right:0}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #595959}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{color:#fff}.dark-theme .fr-image-resizer{border:solid 1px #42a5f5}.dark-theme .fr-image-resizer .fr-handler{background:#42a5f5;border:solid 1px #fff}.dark-theme .fr-image-resizer .fr-handler{width:12px;height:12px}.dark-theme .fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.dark-theme .fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.dark-theme .fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.dark-theme .fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.dark-theme .fr-image-resizer .fr-handler{width:10px;height:10px}.dark-theme .fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.dark-theme .fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.dark-theme .fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.dark-theme .fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.dark-theme.fr-image-overlay{top:0;left:0;bottom:0;right:0}.dark-theme .fr-image-upload-layer{border:dashed 2px gray;padding:25px 0}.dark-theme .fr-image-upload-layer:hover{background:#3d3d3d}.dark-theme .fr-image-upload-layer.fr-drop{background:#3d3d3d;border-color:#42a5f5}.dark-theme .fr-image-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.dark-theme .fr-image-progress-bar-layer>h3{margin:10px 0}.dark-theme .fr-image-progress-bar-layer>div.fr-loader{background:#c6e4fc}.dark-theme .fr-image-progress-bar-layer>div.fr-loader span{background:#42a5f5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.dark-theme .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more{-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.dark-theme.fr-modal-head .fr-modal-tags a{opacity:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#42a5f5;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s}.dark-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#2e2e2e}.dark-themediv.fr-modal-body .fr-preloader{margin:50px auto}.dark-themediv.fr-modal-body div.fr-image-list{padding:0}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;top:0;left:0;bottom:0;right:0}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{color:#fff;top:0;left:0;bottom:0;right:0;margin:auto}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{background:#aaa}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{margin:auto;top:0;bottom:0;left:0;right:0}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img{-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin:0}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#353535;color:#42a5f5}.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#3d3d3d}.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#2e2e2e}.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{background:#bf4644;color:#fff}.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{background:#3d3d3d}.dark-theme .fr-line-breaker{border-top:1px solid #42a5f5}.dark-theme .fr-line-breaker a.fr-floating-btn{left:calc(50% - (32px / 2));top:-16px}.dark-theme .fr-qi-helper{padding-left:10px}.dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn{color:#fff}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{border:1px solid #aaa}.dark-theme .fr-element table td.fr-selected-cell,.dark-theme .fr-element table th.fr-selected-cell{border:1px double #42a5f5}.dark-theme .fr-table-resizer div{border-right:1px solid #42a5f5}.dark-theme.fr-popup .fr-table-size .fr-select-table-size{line-height:0}.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span{padding:0 4px 4px 0}.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span>span{border:1px solid #ddd}.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(66,165,245,.3);border:solid 1px #42a5f5}.dark-theme.fr-popup .fr-table-colors{line-height:0}.dark-theme.fr-popup .fr-table-colors>span>i{bottom:0;left:0}.dark-theme.fr-popup .fr-table-colors>span:focus{outline:1px solid #fff}.dark-theme .fr-element .fr-video::after{top:0;left:0;right:0;bottom:0}.dark-theme.fr-box .fr-video-resizer{border:solid 1px #42a5f5}.dark-theme.fr-box .fr-video-resizer .fr-handler{background:#42a5f5;border:solid 1px #fff}.dark-theme.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.dark-theme.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.dark-theme .fr-video-upload-layer{border:dashed 2px gray;padding:25px 0}.dark-theme .fr-video-upload-layer:hover{background:#3d3d3d}.dark-theme .fr-video-upload-layer.fr-drop{background:#3d3d3d;border-color:#42a5f5}.dark-theme .fr-video-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.dark-theme .fr-video-progress-bar-layer>h3{margin:10px 0}.dark-theme .fr-video-progress-bar-layer>div.fr-loader{background:#c6e4fc}.dark-theme .fr-video-progress-bar-layer>div.fr-loader span{background:#42a5f5;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.dark-theme .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.dark-theme.fr-video-overlay{top:0;left:0;bottom:0;right:0}.dark-theme .fr-view strong{font-weight:700}.dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#d3d3d3}.dark-theme .fr-view table td,.dark-theme .fr-view table th{border:1px solid #ddd}.dark-theme .fr-view table th{background:#e6e6e6}.dark-theme .fr-view[dir=rtl] blockquote{border-right:solid 2px #5e35b1;margin-right:0}.dark-theme .fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.dark-theme .fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.dark-theme .fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;color:#5e35b1}.dark-theme .fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.dark-theme .fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.dark-theme .fr-view span.fr-emoticon{line-height:0}.dark-theme .fr-view span.fr-emoticon.fr-emoticon-img{font-size:inherit}.dark-theme .fr-view .fr-text-bordered{padding:10px 0}.dark-theme .fr-tooltip{top:0;left:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s}.dark-theme.fr-toolbar .fr-command.fr-btn,.dark-theme.fr-popup .fr-command.fr-btn{color:#fff;-moz-outline:0;outline:0;border:0;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;padding:0;width:38px;height:38px}.dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,.dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.dark-theme.fr-toolbar .fr-command.fr-btn i,.dark-theme.fr-popup .fr-command.fr-btn i{font-size:14px;width:14px;margin:12px}.dark-theme.fr-toolbar .fr-command.fr-btn span,.dark-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:17px;min-width:38px;height:17px;padding:0 2px}.dark-theme.fr-toolbar .fr-command.fr-btn img,.dark-theme.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-active,.dark-theme.fr-popup .fr-command.fr-btn.fr-active{color:#42a5f5;background:0 0}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#fff;background:#2e2e2e}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#2e2e2e!important;color:#fff!important}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#fff!important}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:4px;top:17px}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled{color:gray}.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:gray!important}.dark-theme.fr-toolbar.fr-disabled .fr-btn,.dark-theme.fr-popup.fr-disabled .fr-btn,.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active{color:gray}.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:gray}.dark-theme.fr-desktop .fr-command:hover,.dark-theme.fr-desktop .fr-command:focus{color:#fff;background:#3d3d3d}.dark-theme.fr-desktop .fr-command:hover::after,.dark-theme.fr-desktop .fr-command:focus::after{border-top-color:#fff!important}.dark-theme.fr-desktop .fr-command.fr-selected{color:#fff;background:#2e2e2e}.dark-theme.fr-desktop .fr-command.fr-active:hover,.dark-theme.fr-desktop .fr-command.fr-active:focus{color:#42a5f5;background:#3d3d3d}.dark-theme.fr-desktop .fr-command.fr-active.fr-selected{color:#42a5f5;background:#2e2e2e}.dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,.dark-theme.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu{right:auto;bottom:auto;height:auto;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#353535;padding:0;margin:auto;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;max-height:0;height:0}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;max-height:275px}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{margin:0;padding:0}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{color:inherit}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#2e2e2e}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:gray}.dark-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.dark-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.dark-theme .fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.dark-theme.fr-modal{color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:auto;top:0;left:0;bottom:0;right:0}.dark-theme.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;background:#fff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #222}@media (min-width:768px) and (max-width:991px){.dark-theme.fr-modal .fr-modal-wrapper{margin:30px auto}}@media (min-width:992px){.dark-theme.fr-modal .fr-modal-wrapper{margin:50px auto}}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head{background:#353535;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head i{color:#fff}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4{margin:0;font-weight:400}.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#3d3d3d}.dark-theme.fr-overlay{top:0;bottom:0;left:0;right:0;background:#000}.dark-theme.fr-popup{color:#fff;background:#353535;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;border:0;border-top:5px solid #222}.dark-theme.fr-popup .fr-input-focus{background:#f5f5f5}.dark-theme.fr-popup.fr-above{border-top:0;border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.dark-theme.fr-popup .fr-input-line{padding:8px 0}.dark-theme.fr-popup .fr-input-line input[type=text],.dark-theme.fr-popup .fr-input-line textarea{margin:0 0 1px;border-bottom:solid 1px #bdbdbd;color:#fff}.dark-theme.fr-popup .fr-input-line input[type=text]:focus,.dark-theme.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #42a5f5}.dark-theme.fr-popup .fr-input-line input+label,.dark-theme.fr-popup .fr-input-line textarea+label{top:0;left:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;background:#353535}.dark-theme.fr-popup .fr-input-line input.fr-not-empty:focus+label,.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#42a5f5}.dark-theme.fr-popup .fr-input-line input.fr-not-empty+label,.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.dark-theme.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;line-height:0;border-bottom:0}.dark-theme.fr-popup .fr-layer{width:225px}@media (min-width:768px){.dark-theme.fr-popup .fr-layer{width:300px}}.dark-theme.fr-popup .fr-action-buttons button.fr-command{color:#42a5f5;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.dark-theme.fr-popup .fr-action-buttons button.fr-command:hover,.dark-theme.fr-popup .fr-action-buttons button.fr-command:focus{background:#3d3d3d;color:#42a5f5}.dark-theme.fr-popup .fr-action-buttons button.fr-command:active{background:#2e2e2e;color:#42a5f5}.dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.dark-theme.fr-popup .fr-checkbox span{border:solid 1px #fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.dark-theme.fr-popup .fr-checkbox input{margin:0;padding:0}.dark-theme.fr-popup .fr-checkbox input:checked+span{background:#42a5f5;border-color:#42a5f5}.dark-theme.fr-popup .fr-checkbox input:focus+span{border-color:#42a5f5}.dark-theme.fr-popup.fr-rtl .fr-input-line input+label,.dark-theme.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.dark-theme.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;top:-9px;margin-left:-5px}.dark-theme.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #222}.dark-theme.fr-toolbar{color:#fff;background:#353535;font-family:Arial,Helvetica,sans-serif;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border:0;border-top:5px solid #222}.dark-theme.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;top:-9px;margin-left:-5px}.dark-theme.fr-toolbar.fr-inline.fr-above{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #222;border-top:0}.dark-theme.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-width:5px}.dark-theme.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.dark-theme.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.dark-theme .fr-separator{background:#595959}.dark-theme .fr-separator.fr-vs{height:34px;width:1px;margin:2px}.dark-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/themes/gray.css b/Resources/public/froala_editor_2.4.2/css/themes/gray.css deleted file mode 100644 index ebc74ca0..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/gray.css +++ /dev/null @@ -1,1156 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -.gray-theme:focus { - outline: 0; -} -.gray-theme.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - overflow-x: auto; - min-height: 40px; -} -.gray-theme .fr-element { - -webkit-user-select: auto; -} -.gray-theme.fr-box a.fr-floating-btn { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - height: 32px; - width: 32px; - background: #ffffff; - color: #0097a7; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - left: 0; - top: 0; - line-height: 32px; - border: none; -} -.gray-theme.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #0097a7; -} -.gray-theme.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.gray-theme.fr-box a.fr-floating-btn:hover { - background: #e6e6e6; -} -.gray-theme.fr-box a.fr-floating-btn:hover svg { - fill: #0097a7; -} -.gray-theme .fr-wrapper .fr-placeholder { - font-size: 12px; - color: #aaaaaa; - top: 0; - left: 0; - right: 0; -} -.gray-theme .fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.gray-theme .fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.gray-theme.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: 0px; - border-top: 0; - top: 0; - left: 0; -} -.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme .fr-sticky-on.fr-sticky-ios { - left: 0; - right: 0; -} -.gray-theme.fr-box .fr-counter { - color: #cccccc; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.gray-theme.fr-box.fr-rtl .fr-counter { - right: auto; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.gray-theme textarea.fr-code { - background: #ffffff; - color: #000000; -} -.gray-theme.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - background: #ffffff; - color: #37474f; - -moz-outline: 0; - outline: 0; - border: 0; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; -} -.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #e6e6e6; -} -.gray-theme.fr-popup .fr-colors-tabs { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab { - color: #37474f; - padding: 8px 0; -} -.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #0097a7; -} -.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - bottom: 0; - left: 0; - background: #0097a7; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #0097a7; -} -.gray-theme.fr-popup .fr-color-set { - line-height: 0; -} -.gray-theme.fr-popup .fr-color-set > span > i { - bottom: 0; - left: 0; -} -.gray-theme.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-weight: 400; - top: 0; - bottom: 0; - right: 0; - left: 0; -} -.gray-theme.fr-popup .fr-color-set > span:hover, -.gray-theme.fr-popup .fr-color-set > span:focus { - outline: 1px solid #37474f; -} -.gray-theme .fr-drag-helper { - background: #0097a7; -} -.gray-theme.fr-popup .fr-link:focus { - background: #e6e6e6; -} -.gray-theme .fr-file-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.gray-theme .fr-file-upload-layer:hover { - background: #e6e6e6; -} -.gray-theme .fr-file-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #0097a7; -} -.gray-theme .fr-file-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.gray-theme .fr-file-progress-bar-layer > h3 { - margin: 10px 0; -} -.gray-theme .fr-file-progress-bar-layer > div.fr-loader { - background: #b3e0e5; -} -.gray-theme .fr-file-progress-bar-layer > div.fr-loader span { - background: #0097a7; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.gray-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.gray-theme.fr-box.fr-fullscreen { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px #ebebeb; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - color: #737e84; -} -.gray-theme .fr-image-resizer { - border: solid 1px #0097a7; -} -.gray-theme .fr-image-resizer .fr-handler { - background: #0097a7; - border: solid 1px #ffffff; -} -.gray-theme .fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.gray-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.gray-theme .fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.gray-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.gray-theme .fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .gray-theme .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .gray-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .gray-theme .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .gray-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .gray-theme .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.gray-theme.fr-image-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.gray-theme .fr-image-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.gray-theme .fr-image-upload-layer:hover { - background: #e6e6e6; -} -.gray-theme .fr-image-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #0097a7; -} -.gray-theme .fr-image-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.gray-theme .fr-image-progress-bar-layer > h3 { - margin: 10px 0; -} -.gray-theme .fr-image-progress-bar-layer > div.fr-loader { - background: #b3e0e5; -} -.gray-theme .fr-image-progress-bar-layer > div.fr-loader span { - background: #0097a7; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.gray-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.gray-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more { - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.gray-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.gray-theme.fr-modal-head .fr-modal-tags a { - opacity: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #0097a7; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -} -.gray-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.gray-themediv.fr-modal-body .fr-preloader { - margin: 50px auto; -} -.gray-themediv.fr-modal-body div.fr-image-list { - padding: 0; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - background: #cccccc; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container img { - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - margin: 0; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; -} -.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #f5f5f5; - color: #0097a7; -} -.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #e6e6e6; -} -.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { - background: #bf4644; - color: #ffffff; -} -.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #e6e6e6; -} -.gray-theme .fr-line-breaker { - border-top: 1px solid #0097a7; -} -.gray-theme .fr-line-breaker a.fr-floating-btn { - left: calc(50% - (32px / 2)); - top: -16px; -} -.gray-theme .fr-qi-helper { - padding-left: 10px; -} -.gray-theme .fr-qi-helper a.fr-btn.fr-floating-btn { - color: #37474f; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - border: 1px solid #cccccc; -} -.gray-theme .fr-element table td.fr-selected-cell, -.gray-theme .fr-element table th.fr-selected-cell { - border: 1px double #0097a7; -} -.gray-theme .fr-table-resizer div { - border-right: 1px solid #0097a7; -} -.gray-theme.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; -} -.gray-theme.fr-popup .fr-table-size .fr-select-table-size > span { - padding: 0px 4px 4px 0; -} -.gray-theme.fr-popup .fr-table-size .fr-select-table-size > span > span { - border: 1px solid #dddddd; -} -.gray-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(0, 151, 167, 0.3); - border: solid 1px #0097a7; -} -.gray-theme.fr-popup .fr-table-colors { - line-height: 0; -} -.gray-theme.fr-popup .fr-table-colors > span > i { - bottom: 0; - left: 0; -} -.gray-theme.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #37474f; -} -.gray-theme .fr-element .fr-video::after { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.gray-theme.fr-box .fr-video-resizer { - border: solid 1px #0097a7; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler { - background: #0097a7; - border: solid 1px #ffffff; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler { - width: 12px; - height: 12px; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .gray-theme.fr-box .fr-video-resizer .fr-handler { - width: 10px; - height: 10px; - } - .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.gray-theme .fr-video-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.gray-theme .fr-video-upload-layer:hover { - background: #e6e6e6; -} -.gray-theme .fr-video-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #0097a7; -} -.gray-theme .fr-video-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.gray-theme .fr-video-progress-bar-layer > h3 { - margin: 10px 0; -} -.gray-theme .fr-video-progress-bar-layer > div.fr-loader { - background: #b3e0e5; -} -.gray-theme .fr-video-progress-bar-layer > div.fr-loader span { - background: #0097a7; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.gray-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.gray-theme.fr-video-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.gray-theme .fr-view strong { - font-weight: 700; -} -.gray-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { - background: #f5f5f5; -} -.gray-theme .fr-view table td, -.gray-theme .fr-view table th { - border: 1px solid #dddddd; -} -.gray-theme .fr-view table th { - background: #e6e6e6; -} -.gray-theme .fr-view[dir="rtl"] blockquote { - border-right: solid 2px #5e35b1; - margin-right: 0; -} -.gray-theme .fr-view[dir="rtl"] blockquote blockquote { - border-color: #00bcd4; -} -.gray-theme .fr-view[dir="rtl"] blockquote blockquote blockquote { - border-color: #43a047; -} -.gray-theme .fr-view blockquote { - border-left: solid 2px #5e35b1; - margin-left: 0; - color: #5e35b1; -} -.gray-theme .fr-view blockquote blockquote { - border-color: #00bcd4; - color: #00bcd4; -} -.gray-theme .fr-view blockquote blockquote blockquote { - border-color: #43a047; - color: #43a047; -} -.gray-theme .fr-view span.fr-emoticon { - line-height: 0; -} -.gray-theme .fr-view span.fr-emoticon.fr-emoticon-img { - font-size: inherit; -} -.gray-theme .fr-view .fr-text-bordered { - padding: 10px 0; -} -.gray-theme .fr-tooltip { - top: 0; - left: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; -} -.gray-theme.fr-toolbar .fr-command.fr-btn, -.gray-theme.fr-popup .fr-command.fr-btn { - color: #37474f; - -moz-outline: 0; - outline: 0; - border: 0; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - padding: 0; - width: 38px; - height: 38px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.gray-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.gray-theme.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.gray-theme.fr-toolbar .fr-command.fr-btn i, -.gray-theme.fr-popup .fr-command.fr-btn i { - font-size: 14px; - width: 14px; - margin: 12px 12px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn span, -.gray-theme.fr-popup .fr-command.fr-btn span { - font-size: 14px; - line-height: 17px; - min-width: 38px; - height: 17px; - padding: 0 2px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn img, -.gray-theme.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-active, -.gray-theme.fr-popup .fr-command.fr-btn.fr-active { - color: #0097a7; - background: transparent; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #37474f; - background: #d6d6d6; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #d6d6d6 !important; - color: #37474f !important; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #37474f !important; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after { - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #37474f; - right: 4px; - top: 17px; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, -.gray-theme.fr-popup .fr-command.fr-btn.fr-disabled { - color: #b7bdc0; -} -.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.gray-theme.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #b7bdc0 !important; -} -.gray-theme.fr-toolbar.fr-disabled .fr-btn, -.gray-theme.fr-popup.fr-disabled .fr-btn, -.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, -.gray-theme.fr-popup.fr-disabled .fr-btn.fr-active { - color: #b7bdc0; -} -.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.gray-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.gray-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #b7bdc0; -} -.gray-theme.fr-desktop .fr-command:hover, -.gray-theme.fr-desktop .fr-command:focus { - color: #37474f; - background: #e6e6e6; -} -.gray-theme.fr-desktop .fr-command:hover::after, -.gray-theme.fr-desktop .fr-command:focus::after { - border-top-color: #37474f !important; -} -.gray-theme.fr-desktop .fr-command.fr-selected { - color: #37474f; - background: #d6d6d6; -} -.gray-theme.fr-desktop .fr-command.fr-active:hover, -.gray-theme.fr-desktop .fr-command.fr-active:focus { - color: #0097a7; - background: #e6e6e6; -} -.gray-theme.fr-desktop .fr-command.fr-active.fr-selected { - color: #0097a7; - background: #d6d6d6; -} -.gray-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, -.gray-theme.fr-popup.fr-mobile .fr-command.fr-blink { - background: transparent; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu { - right: auto; - bottom: auto; - height: auto; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #f5f5f5; - padding: 0; - margin: auto; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - max-height: 0; - height: 0; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - max-height: 275px; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - margin: 0; - padding: 0; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - color: inherit; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #d6d6d6; -} -.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #b7bdc0; -} -.gray-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu { - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); -} -.gray-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.gray-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.gray-theme.fr-modal { - color: #37474f; - font-family: Arial, Helvetica, sans-serif; - overflow-x: auto; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.gray-theme.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - background: #ffffff; - -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - border: 0px; - border-top: 5px solid #bdbdbd; -} -@media (min-width: 768px) and (max-width: 991px) { - .gray-theme.fr-modal .fr-modal-wrapper { - margin: 30px auto; - } -} -@media (min-width: 992px) { - .gray-theme.fr-modal .fr-modal-wrapper { - margin: 50px auto; - } -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #f5f5f5; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - border-bottom: 0px; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head i { - color: #37474f; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - margin: 0; - font-weight: 400; -} -.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #e6e6e6; -} -.gray-theme.fr-overlay { - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; -} -.gray-theme.fr-popup { - color: #37474f; - background: #f5f5f5; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - border: 0px; - border-top: 5px solid #bdbdbd; -} -.gray-theme.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.gray-theme.fr-popup.fr-above { - border-top: 0; - border-bottom: 5px solid #bdbdbd; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme.fr-popup .fr-input-line { - padding: 8px 0; -} -.gray-theme.fr-popup .fr-input-line input[type="text"], -.gray-theme.fr-popup .fr-input-line textarea { - margin: 0px 0 1px 0; - border-bottom: solid 1px #bdbdbd; - color: #37474f; -} -.gray-theme.fr-popup .fr-input-line input[type="text"]:focus, -.gray-theme.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #0097a7; -} -.gray-theme.fr-popup .fr-input-line input + label, -.gray-theme.fr-popup .fr-input-line textarea + label { - top: 0; - left: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - background: #f5f5f5; -} -.gray-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #0097a7; -} -.gray-theme.fr-popup .fr-input-line input.fr-not-empty + label, -.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.gray-theme.fr-popup .fr-buttons { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - padding: 0 2px; - line-height: 0; - border-bottom: 0px; -} -.gray-theme.fr-popup .fr-layer { - width: 225px; -} -@media (min-width: 768px) { - .gray-theme.fr-popup .fr-layer { - width: 300px; - } -} -.gray-theme.fr-popup .fr-action-buttons button.fr-command { - color: #0097a7; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.gray-theme.fr-popup .fr-action-buttons button.fr-command:hover, -.gray-theme.fr-popup .fr-action-buttons button.fr-command:focus { - background: #e6e6e6; - color: #0097a7; -} -.gray-theme.fr-popup .fr-action-buttons button.fr-command:active { - background: #d6d6d6; - color: #0097a7; -} -.gray-theme.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.gray-theme.fr-popup .fr-checkbox span { - border: solid 1px #37474f; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.gray-theme.fr-popup .fr-checkbox input { - margin: 0; - padding: 0; -} -.gray-theme.fr-popup .fr-checkbox input:checked + span { - background: #0097a7; - border-color: #0097a7; -} -.gray-theme.fr-popup .fr-checkbox input:focus + span { - border-color: #0097a7; -} -.gray-theme.fr-popup.fr-rtl .fr-input-line input + label, -.gray-theme.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.gray-theme.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #bdbdbd; - top: -9px; - margin-left: -5px; -} -.gray-theme.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #bdbdbd; -} -.gray-theme.fr-toolbar { - color: #37474f; - background: #f5f5f5; - font-family: Arial, Helvetica, sans-serif; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border: 0px; - border-top: 5px solid #bdbdbd; -} -.gray-theme.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #bdbdbd; - top: -9px; - margin-left: -5px; -} -.gray-theme.fr-toolbar.fr-inline.fr-above { - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - border-bottom: 5px solid #bdbdbd; - border-top: 0; -} -.gray-theme.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-width: 5px; -} -.gray-theme.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.gray-theme .fr-separator { - background: #ebebeb; -} -.gray-theme .fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.gray-theme .fr-separator.fr-hs { - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/themes/gray.min.css b/Resources/public/froala_editor_2.4.2/css/themes/gray.min.css deleted file mode 100644 index f1f9d541..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/gray.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}.gray-theme:focus{outline:0}.gray-theme.fr-box.fr-basic .fr-element{color:#000;padding:10px;overflow-x:auto;min-height:40px}.gray-theme .fr-element{-webkit-user-select:auto}.gray-theme.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);height:32px;width:32px;background:#fff;color:#0097a7;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;left:0;top:0;line-height:32px;border:0}.gray-theme.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#0097a7}.gray-theme.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.gray-theme.fr-box a.fr-floating-btn:hover{background:#e6e6e6}.gray-theme.fr-box a.fr-floating-btn:hover svg{fill:#0097a7}.gray-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa;top:0;left:0;right:0}.gray-theme .fr-wrapper ::selection{background:#b5d6fd;color:#000}.gray-theme .fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.gray-theme.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.gray-theme.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.gray-theme .fr-sticky-on.fr-sticky-ios{left:0;right:0}.gray-theme.fr-box .fr-counter{color:#ccc;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.gray-theme.fr-box.fr-rtl .fr-counter{right:auto;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.gray-theme textarea.fr-code{background:#fff;color:#000}.gray-theme.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{top:0;right:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);background:#fff;color:#37474f;-moz-outline:0;outline:0;border:0;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px}.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#e6e6e6}.gray-theme.fr-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#37474f;padding:8px 0}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#0097a7}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{bottom:0;left:0;background:#0097a7;-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#0097a7}.gray-theme.fr-popup .fr-color-set{line-height:0}.gray-theme.fr-popup .fr-color-set>span>i{bottom:0;left:0}.gray-theme.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-weight:400;top:0;bottom:0;right:0;left:0}.gray-theme.fr-popup .fr-color-set>span:hover,.gray-theme.fr-popup .fr-color-set>span:focus{outline:1px solid #37474f}.gray-theme .fr-drag-helper{background:#0097a7}.gray-theme.fr-popup .fr-link:focus{background:#e6e6e6}.gray-theme .fr-file-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.gray-theme .fr-file-upload-layer:hover{background:#e6e6e6}.gray-theme .fr-file-upload-layer.fr-drop{background:#e6e6e6;border-color:#0097a7}.gray-theme .fr-file-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.gray-theme .fr-file-progress-bar-layer>h3{margin:10px 0}.gray-theme .fr-file-progress-bar-layer>div.fr-loader{background:#b3e0e5}.gray-theme .fr-file-progress-bar-layer>div.fr-loader span{background:#0097a7;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.gray-theme .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.gray-theme.fr-box.fr-fullscreen{top:0;left:0;bottom:0;right:0}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{color:#737e84}.gray-theme .fr-image-resizer{border:solid 1px #0097a7}.gray-theme .fr-image-resizer .fr-handler{background:#0097a7;border:solid 1px #fff}.gray-theme .fr-image-resizer .fr-handler{width:12px;height:12px}.gray-theme .fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.gray-theme .fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.gray-theme .fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.gray-theme .fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.gray-theme .fr-image-resizer .fr-handler{width:10px;height:10px}.gray-theme .fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.gray-theme .fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.gray-theme .fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.gray-theme .fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.gray-theme.fr-image-overlay{top:0;left:0;bottom:0;right:0}.gray-theme .fr-image-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.gray-theme .fr-image-upload-layer:hover{background:#e6e6e6}.gray-theme .fr-image-upload-layer.fr-drop{background:#e6e6e6;border-color:#0097a7}.gray-theme .fr-image-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.gray-theme .fr-image-progress-bar-layer>h3{margin:10px 0}.gray-theme .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0e5}.gray-theme .fr-image-progress-bar-layer>div.fr-loader span{background:#0097a7;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.gray-theme .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.gray-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more{-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.gray-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.gray-theme.fr-modal-head .fr-modal-tags a{opacity:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#0097a7;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s}.gray-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.gray-themediv.fr-modal-body .fr-preloader{margin:50px auto}.gray-themediv.fr-modal-body div.fr-image-list{padding:0}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;top:0;left:0;bottom:0;right:0}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{color:#fff;top:0;left:0;bottom:0;right:0;margin:auto}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{margin:auto;top:0;bottom:0;left:0;right:0}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container img{-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin:0}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.gray-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#f5f5f5;color:#0097a7}.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#e6e6e6}.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#e6e6e6}.gray-theme .fr-line-breaker{border-top:1px solid #0097a7}.gray-theme .fr-line-breaker a.fr-floating-btn{left:calc(50% - (32px / 2));top:-16px}.gray-theme .fr-qi-helper{padding-left:10px}.gray-theme .fr-qi-helper a.fr-btn.fr-floating-btn{color:#37474f}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{border:1px solid #ccc}.gray-theme .fr-element table td.fr-selected-cell,.gray-theme .fr-element table th.fr-selected-cell{border:1px double #0097a7}.gray-theme .fr-table-resizer div{border-right:1px solid #0097a7}.gray-theme.fr-popup .fr-table-size .fr-select-table-size{line-height:0}.gray-theme.fr-popup .fr-table-size .fr-select-table-size>span{padding:0 4px 4px 0}.gray-theme.fr-popup .fr-table-size .fr-select-table-size>span>span{border:1px solid #ddd}.gray-theme.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,151,167,.3);border:solid 1px #0097a7}.gray-theme.fr-popup .fr-table-colors{line-height:0}.gray-theme.fr-popup .fr-table-colors>span>i{bottom:0;left:0}.gray-theme.fr-popup .fr-table-colors>span:focus{outline:1px solid #37474f}.gray-theme .fr-element .fr-video::after{top:0;left:0;right:0;bottom:0}.gray-theme.fr-box .fr-video-resizer{border:solid 1px #0097a7}.gray-theme.fr-box .fr-video-resizer .fr-handler{background:#0097a7;border:solid 1px #fff}.gray-theme.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.gray-theme.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.gray-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.gray-theme .fr-video-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.gray-theme .fr-video-upload-layer:hover{background:#e6e6e6}.gray-theme .fr-video-upload-layer.fr-drop{background:#e6e6e6;border-color:#0097a7}.gray-theme .fr-video-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.gray-theme .fr-video-progress-bar-layer>h3{margin:10px 0}.gray-theme .fr-video-progress-bar-layer>div.fr-loader{background:#b3e0e5}.gray-theme .fr-video-progress-bar-layer>div.fr-loader span{background:#0097a7;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.gray-theme .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.gray-theme.fr-video-overlay{top:0;left:0;bottom:0;right:0}.gray-theme .fr-view strong{font-weight:700}.gray-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.gray-theme .fr-view table td,.gray-theme .fr-view table th{border:1px solid #ddd}.gray-theme .fr-view table th{background:#e6e6e6}.gray-theme .fr-view[dir=rtl] blockquote{border-right:solid 2px #5e35b1;margin-right:0}.gray-theme .fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.gray-theme .fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.gray-theme .fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;color:#5e35b1}.gray-theme .fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.gray-theme .fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.gray-theme .fr-view span.fr-emoticon{line-height:0}.gray-theme .fr-view span.fr-emoticon.fr-emoticon-img{font-size:inherit}.gray-theme .fr-view .fr-text-bordered{padding:10px 0}.gray-theme .fr-tooltip{top:0;left:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s}.gray-theme.fr-toolbar .fr-command.fr-btn,.gray-theme.fr-popup .fr-command.fr-btn{color:#37474f;-moz-outline:0;outline:0;border:0;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;padding:0;width:38px;height:38px}.gray-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.gray-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,.gray-theme.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.gray-theme.fr-toolbar .fr-command.fr-btn i,.gray-theme.fr-popup .fr-command.fr-btn i{font-size:14px;width:14px;margin:12px}.gray-theme.fr-toolbar .fr-command.fr-btn span,.gray-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:17px;min-width:38px;height:17px;padding:0 2px}.gray-theme.fr-toolbar .fr-command.fr-btn img,.gray-theme.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-active,.gray-theme.fr-popup .fr-command.fr-btn.fr-active{color:#0097a7;background:0 0}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#37474f;background:#d6d6d6}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d6d6d6!important;color:#37474f!important}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#37474f!important}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.gray-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #37474f;right:4px;top:17px}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,.gray-theme.fr-popup .fr-command.fr-btn.fr-disabled{color:#b7bdc0}.gray-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.gray-theme.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#b7bdc0!important}.gray-theme.fr-toolbar.fr-disabled .fr-btn,.gray-theme.fr-popup.fr-disabled .fr-btn,.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,.gray-theme.fr-popup.fr-disabled .fr-btn.fr-active{color:#b7bdc0}.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.gray-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.gray-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.gray-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#b7bdc0}.gray-theme.fr-desktop .fr-command:hover,.gray-theme.fr-desktop .fr-command:focus{color:#37474f;background:#e6e6e6}.gray-theme.fr-desktop .fr-command:hover::after,.gray-theme.fr-desktop .fr-command:focus::after{border-top-color:#37474f!important}.gray-theme.fr-desktop .fr-command.fr-selected{color:#37474f;background:#d6d6d6}.gray-theme.fr-desktop .fr-command.fr-active:hover,.gray-theme.fr-desktop .fr-command.fr-active:focus{color:#0097a7;background:#e6e6e6}.gray-theme.fr-desktop .fr-command.fr-active.fr-selected{color:#0097a7;background:#d6d6d6}.gray-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,.gray-theme.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu{right:auto;bottom:auto;height:auto;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#f5f5f5;padding:0;margin:auto;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;max-height:0;height:0}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;max-height:275px}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{margin:0;padding:0}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{color:inherit}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#b7bdc0}.gray-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.gray-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.gray-theme .fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.gray-theme.fr-modal{color:#37474f;font-family:Arial,Helvetica,sans-serif;overflow-x:auto;top:0;left:0;bottom:0;right:0}.gray-theme.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;background:#fff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #bdbdbd}@media (min-width:768px) and (max-width:991px){.gray-theme.fr-modal .fr-modal-wrapper{margin:30px auto}}@media (min-width:992px){.gray-theme.fr-modal .fr-modal-wrapper{margin:50px auto}}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head{background:#f5f5f5;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head i{color:#37474f}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4{margin:0;font-weight:400}.gray-theme.gray-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#e6e6e6}.gray-theme.fr-overlay{top:0;bottom:0;left:0;right:0;background:#000}.gray-theme.fr-popup{color:#37474f;background:#f5f5f5;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;border:0;border-top:5px solid #bdbdbd}.gray-theme.fr-popup .fr-input-focus{background:#f5f5f5}.gray-theme.fr-popup.fr-above{border-top:0;border-bottom:5px solid #bdbdbd;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.gray-theme.fr-popup .fr-input-line{padding:8px 0}.gray-theme.fr-popup .fr-input-line input[type=text],.gray-theme.fr-popup .fr-input-line textarea{margin:0 0 1px;border-bottom:solid 1px #bdbdbd;color:#37474f}.gray-theme.fr-popup .fr-input-line input[type=text]:focus,.gray-theme.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #0097a7}.gray-theme.fr-popup .fr-input-line input+label,.gray-theme.fr-popup .fr-input-line textarea+label{top:0;left:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;background:#f5f5f5}.gray-theme.fr-popup .fr-input-line input.fr-not-empty:focus+label,.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#0097a7}.gray-theme.fr-popup .fr-input-line input.fr-not-empty+label,.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.gray-theme.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;line-height:0;border-bottom:0}.gray-theme.fr-popup .fr-layer{width:225px}@media (min-width:768px){.gray-theme.fr-popup .fr-layer{width:300px}}.gray-theme.fr-popup .fr-action-buttons button.fr-command{color:#0097a7;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.gray-theme.fr-popup .fr-action-buttons button.fr-command:hover,.gray-theme.fr-popup .fr-action-buttons button.fr-command:focus{background:#e6e6e6;color:#0097a7}.gray-theme.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#0097a7}.gray-theme.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.gray-theme.fr-popup .fr-checkbox span{border:solid 1px #37474f;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.gray-theme.fr-popup .fr-checkbox input{margin:0;padding:0}.gray-theme.fr-popup .fr-checkbox input:checked+span{background:#0097a7;border-color:#0097a7}.gray-theme.fr-popup .fr-checkbox input:focus+span{border-color:#0097a7}.gray-theme.fr-popup.fr-rtl .fr-input-line input+label,.gray-theme.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.gray-theme.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #bdbdbd;top:-9px;margin-left:-5px}.gray-theme.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #bdbdbd}.gray-theme.fr-toolbar{color:#37474f;background:#f5f5f5;font-family:Arial,Helvetica,sans-serif;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border:0;border-top:5px solid #bdbdbd}.gray-theme.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #bdbdbd;top:-9px;margin-left:-5px}.gray-theme.fr-toolbar.fr-inline.fr-above{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #bdbdbd;border-top:0}.gray-theme.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-width:5px}.gray-theme.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.gray-theme.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.gray-theme .fr-separator{background:#ebebeb}.gray-theme .fr-separator.fr-vs{height:34px;width:1px;margin:2px}.gray-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/themes/red.css b/Resources/public/froala_editor_2.4.2/css/themes/red.css deleted file mode 100644 index 9b1fb696..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/red.css +++ /dev/null @@ -1,1156 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -.red-theme:focus { - outline: 0; -} -.red-theme.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - overflow-x: auto; - min-height: 40px; -} -.red-theme .fr-element { - -webkit-user-select: auto; -} -.red-theme.fr-box a.fr-floating-btn { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - height: 32px; - width: 32px; - background: #ffffff; - color: #ffca28; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - left: 0; - top: 0; - line-height: 32px; - border: solid 1px #cccccc; -} -.red-theme.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #ffca28; -} -.red-theme.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.red-theme.fr-box a.fr-floating-btn:hover { - background: #ebebeb; -} -.red-theme.fr-box a.fr-floating-btn:hover svg { - fill: #ffca28; -} -.red-theme .fr-wrapper .fr-placeholder { - font-size: 12px; - color: #aaaaaa; - top: 0; - left: 0; - right: 0; -} -.red-theme .fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.red-theme .fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.red-theme.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: solid 1px #671b1a; - border-top: 0; - top: 0; - left: 0; -} -.red-theme.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme .fr-sticky-on.fr-sticky-ios { - left: 0; - right: 0; -} -.red-theme.fr-box .fr-counter { - color: #cccccc; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.red-theme.fr-box.fr-rtl .fr-counter { - right: auto; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.red-theme textarea.fr-code { - background: #ffffff; - color: #000000; -} -.red-theme.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { - top: 0; - right: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background: #ffffff; - color: #ffffff; - -moz-outline: 0; - outline: 0; - border: 0; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; -} -.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #c65a59; -} -.red-theme.fr-popup .fr-colors-tabs { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab { - color: #ffffff; - padding: 8px 0; -} -.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #ffca28; -} -.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - bottom: 0; - left: 0; - background: #ffca28; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #ffca28; -} -.red-theme.fr-popup .fr-color-set { - line-height: 0; -} -.red-theme.fr-popup .fr-color-set > span > i { - bottom: 0; - left: 0; -} -.red-theme.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-weight: 400; - top: 0; - bottom: 0; - right: 0; - left: 0; -} -.red-theme.fr-popup .fr-color-set > span:hover, -.red-theme.fr-popup .fr-color-set > span:focus { - outline: 1px solid #ffffff; -} -.red-theme .fr-drag-helper { - background: #ffca28; -} -.red-theme.fr-popup .fr-link:focus { - background: #c65a59; -} -.red-theme .fr-file-upload-layer { - border: dashed 2px #edc9c9; - padding: 25px 0; -} -.red-theme .fr-file-upload-layer:hover { - background: #c65a59; -} -.red-theme .fr-file-upload-layer.fr-drop { - background: #c65a59; - border-color: #ffca28; -} -.red-theme .fr-file-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.red-theme .fr-file-progress-bar-layer > h3 { - margin: 10px 0; -} -.red-theme .fr-file-progress-bar-layer > div.fr-loader { - background: #ffefbf; -} -.red-theme .fr-file-progress-bar-layer > div.fr-loader span { - background: #ffca28; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.red-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.red-theme.fr-box.fr-fullscreen { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px rgba(255, 255, 255, 0.3); -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - color: #ffffff; -} -.red-theme .fr-image-resizer { - border: solid 1px #ffca28; -} -.red-theme .fr-image-resizer .fr-handler { - background: #ffca28; - border: solid 1px #ffffff; -} -.red-theme .fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.red-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.red-theme .fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.red-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.red-theme .fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .red-theme .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .red-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .red-theme .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .red-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .red-theme .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.red-theme.fr-image-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.red-theme .fr-image-upload-layer { - border: dashed 2px #edc9c9; - padding: 25px 0; -} -.red-theme .fr-image-upload-layer:hover { - background: #c65a59; -} -.red-theme .fr-image-upload-layer.fr-drop { - background: #c65a59; - border-color: #ffca28; -} -.red-theme .fr-image-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.red-theme .fr-image-progress-bar-layer > h3 { - margin: 10px 0; -} -.red-theme .fr-image-progress-bar-layer > div.fr-loader { - background: #ffefbf; -} -.red-theme .fr-image-progress-bar-layer > div.fr-loader span { - background: #ffca28; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.red-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more { - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.red-theme.fr-modal-head .fr-modal-tags a { - opacity: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #ffca28; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -} -.red-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d48382; -} -.red-themediv.fr-modal-body .fr-preloader { - margin: 50px auto; -} -.red-themediv.fr-modal-body div.fr-image-list { - padding: 0; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - background: #cccccc; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container img { - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - margin: 0; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; -} -.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #b8312f; - color: #ffca28; -} -.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #c65a59; -} -.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d48382; -} -.red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { - background: #bf4644; - color: #ffffff; -} -.red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #c65a59; -} -.red-theme .fr-line-breaker { - border-top: 1px solid #ffca28; -} -.red-theme .fr-line-breaker a.fr-floating-btn { - left: calc(50% - (32px / 2)); - top: -16px; -} -.red-theme .fr-qi-helper { - padding-left: 10px; -} -.red-theme .fr-qi-helper a.fr-btn.fr-floating-btn { - color: #ffffff; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - border: 1px solid #cccccc; -} -.red-theme .fr-element table td.fr-selected-cell, -.red-theme .fr-element table th.fr-selected-cell { - border: 1px double #ffca28; -} -.red-theme .fr-table-resizer div { - border-right: 1px solid #ffca28; -} -.red-theme.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; -} -.red-theme.fr-popup .fr-table-size .fr-select-table-size > span { - padding: 0px 4px 4px 0; -} -.red-theme.fr-popup .fr-table-size .fr-select-table-size > span > span { - border: 1px solid #dddddd; -} -.red-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(255, 202, 40, 0.3); - border: solid 1px #ffca28; -} -.red-theme.fr-popup .fr-table-colors { - line-height: 0; -} -.red-theme.fr-popup .fr-table-colors > span > i { - bottom: 0; - left: 0; -} -.red-theme.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #ffffff; -} -.red-theme .fr-element .fr-video::after { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.red-theme.fr-box .fr-video-resizer { - border: solid 1px #ffca28; -} -.red-theme.fr-box .fr-video-resizer .fr-handler { - background: #ffca28; - border: solid 1px #ffffff; -} -.red-theme.fr-box .fr-video-resizer .fr-handler { - width: 12px; - height: 12px; -} -.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .red-theme.fr-box .fr-video-resizer .fr-handler { - width: 10px; - height: 10px; - } - .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.red-theme .fr-video-upload-layer { - border: dashed 2px #edc9c9; - padding: 25px 0; -} -.red-theme .fr-video-upload-layer:hover { - background: #c65a59; -} -.red-theme .fr-video-upload-layer.fr-drop { - background: #c65a59; - border-color: #ffca28; -} -.red-theme .fr-video-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.red-theme .fr-video-progress-bar-layer > h3 { - margin: 10px 0; -} -.red-theme .fr-video-progress-bar-layer > div.fr-loader { - background: #ffefbf; -} -.red-theme .fr-video-progress-bar-layer > div.fr-loader span { - background: #ffca28; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.red-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.red-theme.fr-video-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.red-theme .fr-view strong { - font-weight: 700; -} -.red-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { - background: #f5f5f5; -} -.red-theme .fr-view table td, -.red-theme .fr-view table th { - border: 1px solid #dddddd; -} -.red-theme .fr-view table th { - background: #e6e6e6; -} -.red-theme .fr-view[dir="rtl"] blockquote { - border-right: solid 2px #5e35b1; - margin-right: 0; -} -.red-theme .fr-view[dir="rtl"] blockquote blockquote { - border-color: #00bcd4; -} -.red-theme .fr-view[dir="rtl"] blockquote blockquote blockquote { - border-color: #43a047; -} -.red-theme .fr-view blockquote { - border-left: solid 2px #5e35b1; - margin-left: 0; - color: #5e35b1; -} -.red-theme .fr-view blockquote blockquote { - border-color: #00bcd4; - color: #00bcd4; -} -.red-theme .fr-view blockquote blockquote blockquote { - border-color: #43a047; - color: #43a047; -} -.red-theme .fr-view span.fr-emoticon { - line-height: 0; -} -.red-theme .fr-view span.fr-emoticon.fr-emoticon-img { - font-size: inherit; -} -.red-theme .fr-view .fr-text-bordered { - padding: 10px 0; -} -.red-theme .fr-tooltip { - top: 0; - left: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; -} -.red-theme.fr-toolbar .fr-command.fr-btn, -.red-theme.fr-popup .fr-command.fr-btn { - color: #ffffff; - -moz-outline: 0; - outline: 0; - border: 0; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - padding: 0; - width: 38px; - height: 38px; -} -.red-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.red-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.red-theme.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.red-theme.fr-toolbar .fr-command.fr-btn i, -.red-theme.fr-popup .fr-command.fr-btn i { - font-size: 14px; - width: 14px; - margin: 12px 12px; -} -.red-theme.fr-toolbar .fr-command.fr-btn span, -.red-theme.fr-popup .fr-command.fr-btn span { - font-size: 14px; - line-height: 17px; - min-width: 38px; - height: 17px; - padding: 0 2px; -} -.red-theme.fr-toolbar .fr-command.fr-btn img, -.red-theme.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-active, -.red-theme.fr-popup .fr-command.fr-btn.fr-active { - color: #ffca28; - background: transparent; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #ffffff; - background: #d48382; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #d48382 !important; - color: #ffffff !important; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #ffffff !important; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after { - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #ffffff; - right: 4px; - top: 17px; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, -.red-theme.fr-popup .fr-command.fr-btn.fr-disabled { - color: #edc9c9; -} -.red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.red-theme.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #edc9c9 !important; -} -.red-theme.fr-toolbar.fr-disabled .fr-btn, -.red-theme.fr-popup.fr-disabled .fr-btn, -.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, -.red-theme.fr-popup.fr-disabled .fr-btn.fr-active { - color: #edc9c9; -} -.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.red-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.red-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #edc9c9; -} -.red-theme.fr-desktop .fr-command:hover, -.red-theme.fr-desktop .fr-command:focus { - color: #ffffff; - background: #c65a59; -} -.red-theme.fr-desktop .fr-command:hover::after, -.red-theme.fr-desktop .fr-command:focus::after { - border-top-color: #ffffff !important; -} -.red-theme.fr-desktop .fr-command.fr-selected { - color: #ffffff; - background: #d48382; -} -.red-theme.fr-desktop .fr-command.fr-active:hover, -.red-theme.fr-desktop .fr-command.fr-active:focus { - color: #ffca28; - background: #c65a59; -} -.red-theme.fr-desktop .fr-command.fr-active.fr-selected { - color: #ffca28; - background: #d48382; -} -.red-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, -.red-theme.fr-popup.fr-mobile .fr-command.fr-blink { - background: transparent; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu { - right: auto; - bottom: auto; - height: auto; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #b8312f; - padding: 0; - margin: auto; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - max-height: 0; - height: 0; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - max-height: 275px; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - margin: 0; - padding: 0; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - color: inherit; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #d48382; -} -.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #edc9c9; -} -.red-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.red-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.red-theme.fr-modal { - color: #ffffff; - font-family: Arial, Helvetica, sans-serif; - overflow-x: auto; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.red-theme.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - background: #ffffff; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border: solid 1px #671b1a; - border-top: 5px solid #671b1a; -} -@media (min-width: 768px) and (max-width: 991px) { - .red-theme.fr-modal .fr-modal-wrapper { - margin: 30px auto; - } -} -@media (min-width: 992px) { - .red-theme.fr-modal .fr-modal-wrapper { - margin: 50px auto; - } -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #b8312f; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-bottom: solid 1px #671b1a; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head i { - color: #ffffff; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - margin: 0; - font-weight: 400; -} -.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #c65a59; -} -.red-theme.fr-overlay { - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; -} -.red-theme.fr-popup { - color: #ffffff; - background: #b8312f; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - border: solid 1px #671b1a; - border-top: 5px solid #671b1a; -} -.red-theme.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.red-theme.fr-popup.fr-above { - border-top: 0; - border-bottom: 5px solid #671b1a; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme.fr-popup .fr-input-line { - padding: 8px 0; -} -.red-theme.fr-popup .fr-input-line input[type="text"], -.red-theme.fr-popup .fr-input-line textarea { - margin: 0px 0 1px 0; - border-bottom: solid 1px #bdbdbd; - color: #ffffff; -} -.red-theme.fr-popup .fr-input-line input[type="text"]:focus, -.red-theme.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #ffca28; -} -.red-theme.fr-popup .fr-input-line input + label, -.red-theme.fr-popup .fr-input-line textarea + label { - top: 0; - left: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - background: #b8312f; -} -.red-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.red-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #ffca28; -} -.red-theme.fr-popup .fr-input-line input.fr-not-empty + label, -.red-theme.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.red-theme.fr-popup .fr-buttons { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - padding: 0 2px; - line-height: 0; - border-bottom: solid 1px #671b1a; -} -.red-theme.fr-popup .fr-layer { - width: 225px; -} -@media (min-width: 768px) { - .red-theme.fr-popup .fr-layer { - width: 300px; - } -} -.red-theme.fr-popup .fr-action-buttons button.fr-command { - color: #ffca28; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.red-theme.fr-popup .fr-action-buttons button.fr-command:hover, -.red-theme.fr-popup .fr-action-buttons button.fr-command:focus { - background: #c65a59; - color: #ffca28; -} -.red-theme.fr-popup .fr-action-buttons button.fr-command:active { - background: #d48382; - color: #ffca28; -} -.red-theme.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.red-theme.fr-popup .fr-checkbox span { - border: solid 1px #ffffff; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.red-theme.fr-popup .fr-checkbox input { - margin: 0; - padding: 0; -} -.red-theme.fr-popup .fr-checkbox input:checked + span { - background: #ffca28; - border-color: #ffca28; -} -.red-theme.fr-popup .fr-checkbox input:focus + span { - border-color: #ffca28; -} -.red-theme.fr-popup.fr-rtl .fr-input-line input + label, -.red-theme.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.red-theme.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #671b1a; - top: -9px; - margin-left: -5px; -} -.red-theme.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #671b1a; -} -.red-theme.fr-toolbar { - color: #ffffff; - background: #b8312f; - font-family: Arial, Helvetica, sans-serif; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border: solid 1px #671b1a; - border-top: 5px solid #671b1a; -} -.red-theme.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #671b1a; - top: -9px; - margin-left: -5px; -} -.red-theme.fr-toolbar.fr-inline.fr-above { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-bottom: 5px solid #671b1a; - border-top: 0; -} -.red-theme.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-width: 5px; -} -.red-theme.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; -} -.red-theme .fr-separator { - background: rgba(255, 255, 255, 0.3); -} -.red-theme .fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.red-theme .fr-separator.fr-hs { - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/themes/red.min.css b/Resources/public/froala_editor_2.4.2/css/themes/red.min.css deleted file mode 100644 index ff15d5e1..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/red.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}.red-theme:focus{outline:0}.red-theme.fr-box.fr-basic .fr-element{color:#000;padding:10px;overflow-x:auto;min-height:40px}.red-theme .fr-element{-webkit-user-select:auto}.red-theme.fr-box a.fr-floating-btn{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;height:32px;width:32px;background:#fff;color:#ffca28;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;left:0;top:0;line-height:32px;border:solid 1px #ccc}.red-theme.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#ffca28}.red-theme.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.red-theme.fr-box a.fr-floating-btn:hover{background:#ebebeb}.red-theme.fr-box a.fr-floating-btn:hover svg{fill:#ffca28}.red-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa;top:0;left:0;right:0}.red-theme .fr-wrapper ::selection{background:#b5d6fd;color:#000}.red-theme .fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.red-theme.fr-box.fr-basic .fr-wrapper{background:#fff;border:solid 1px #671b1a;border-top:0;top:0;left:0}.red-theme.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme .fr-sticky-on.fr-sticky-ios{left:0;right:0}.red-theme.fr-box .fr-counter{color:#ccc;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.red-theme.fr-box.fr-rtl .fr-counter{right:auto;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.red-theme textarea.fr-code{background:#fff;color:#000}.red-theme.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{top:0;right:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#fff;color:#fff;-moz-outline:0;outline:0;border:0;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px}.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#c65a59}.red-theme.fr-popup .fr-colors-tabs{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#fff;padding:8px 0}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#ffca28}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{bottom:0;left:0;background:#ffca28;-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#ffca28}.red-theme.fr-popup .fr-color-set{line-height:0}.red-theme.fr-popup .fr-color-set>span>i{bottom:0;left:0}.red-theme.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-weight:400;top:0;bottom:0;right:0;left:0}.red-theme.fr-popup .fr-color-set>span:hover,.red-theme.fr-popup .fr-color-set>span:focus{outline:1px solid #fff}.red-theme .fr-drag-helper{background:#ffca28}.red-theme.fr-popup .fr-link:focus{background:#c65a59}.red-theme .fr-file-upload-layer{border:dashed 2px #edc9c9;padding:25px 0}.red-theme .fr-file-upload-layer:hover{background:#c65a59}.red-theme .fr-file-upload-layer.fr-drop{background:#c65a59;border-color:#ffca28}.red-theme .fr-file-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.red-theme .fr-file-progress-bar-layer>h3{margin:10px 0}.red-theme .fr-file-progress-bar-layer>div.fr-loader{background:#ffefbf}.red-theme .fr-file-progress-bar-layer>div.fr-loader span{background:#ffca28;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.red-theme .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.red-theme.fr-box.fr-fullscreen{top:0;left:0;bottom:0;right:0}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px rgba(255,255,255,.3)}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{color:#fff}.red-theme .fr-image-resizer{border:solid 1px #ffca28}.red-theme .fr-image-resizer .fr-handler{background:#ffca28;border:solid 1px #fff}.red-theme .fr-image-resizer .fr-handler{width:12px;height:12px}.red-theme .fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.red-theme .fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.red-theme .fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.red-theme .fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.red-theme .fr-image-resizer .fr-handler{width:10px;height:10px}.red-theme .fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.red-theme .fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.red-theme .fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.red-theme .fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.red-theme.fr-image-overlay{top:0;left:0;bottom:0;right:0}.red-theme .fr-image-upload-layer{border:dashed 2px #edc9c9;padding:25px 0}.red-theme .fr-image-upload-layer:hover{background:#c65a59}.red-theme .fr-image-upload-layer.fr-drop{background:#c65a59;border-color:#ffca28}.red-theme .fr-image-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.red-theme .fr-image-progress-bar-layer>h3{margin:10px 0}.red-theme .fr-image-progress-bar-layer>div.fr-loader{background:#ffefbf}.red-theme .fr-image-progress-bar-layer>div.fr-loader span{background:#ffca28;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.red-theme .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more{-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.red-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.red-theme.fr-modal-head .fr-modal-tags a{opacity:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#ffca28;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s}.red-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d48382}.red-themediv.fr-modal-body .fr-preloader{margin:50px auto}.red-themediv.fr-modal-body div.fr-image-list{padding:0}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;top:0;left:0;bottom:0;right:0}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{color:#fff;top:0;left:0;bottom:0;right:0;margin:auto}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{margin:auto;top:0;bottom:0;left:0;right:0}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container img{-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin:0}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.red-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#b8312f;color:#ffca28}.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#c65a59}.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d48382}.red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.red-theme.red-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#c65a59}.red-theme .fr-line-breaker{border-top:1px solid #ffca28}.red-theme .fr-line-breaker a.fr-floating-btn{left:calc(50% - (32px / 2));top:-16px}.red-theme .fr-qi-helper{padding-left:10px}.red-theme .fr-qi-helper a.fr-btn.fr-floating-btn{color:#fff}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{border:1px solid #ccc}.red-theme .fr-element table td.fr-selected-cell,.red-theme .fr-element table th.fr-selected-cell{border:1px double #ffca28}.red-theme .fr-table-resizer div{border-right:1px solid #ffca28}.red-theme.fr-popup .fr-table-size .fr-select-table-size{line-height:0}.red-theme.fr-popup .fr-table-size .fr-select-table-size>span{padding:0 4px 4px 0}.red-theme.fr-popup .fr-table-size .fr-select-table-size>span>span{border:1px solid #ddd}.red-theme.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(255,202,40,.3);border:solid 1px #ffca28}.red-theme.fr-popup .fr-table-colors{line-height:0}.red-theme.fr-popup .fr-table-colors>span>i{bottom:0;left:0}.red-theme.fr-popup .fr-table-colors>span:focus{outline:1px solid #fff}.red-theme .fr-element .fr-video::after{top:0;left:0;right:0;bottom:0}.red-theme.fr-box .fr-video-resizer{border:solid 1px #ffca28}.red-theme.fr-box .fr-video-resizer .fr-handler{background:#ffca28;border:solid 1px #fff}.red-theme.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.red-theme.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.red-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.red-theme .fr-video-upload-layer{border:dashed 2px #edc9c9;padding:25px 0}.red-theme .fr-video-upload-layer:hover{background:#c65a59}.red-theme .fr-video-upload-layer.fr-drop{background:#c65a59;border-color:#ffca28}.red-theme .fr-video-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.red-theme .fr-video-progress-bar-layer>h3{margin:10px 0}.red-theme .fr-video-progress-bar-layer>div.fr-loader{background:#ffefbf}.red-theme .fr-video-progress-bar-layer>div.fr-loader span{background:#ffca28;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.red-theme .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.red-theme.fr-video-overlay{top:0;left:0;bottom:0;right:0}.red-theme .fr-view strong{font-weight:700}.red-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.red-theme .fr-view table td,.red-theme .fr-view table th{border:1px solid #ddd}.red-theme .fr-view table th{background:#e6e6e6}.red-theme .fr-view[dir=rtl] blockquote{border-right:solid 2px #5e35b1;margin-right:0}.red-theme .fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.red-theme .fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.red-theme .fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;color:#5e35b1}.red-theme .fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.red-theme .fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.red-theme .fr-view span.fr-emoticon{line-height:0}.red-theme .fr-view span.fr-emoticon.fr-emoticon-img{font-size:inherit}.red-theme .fr-view .fr-text-bordered{padding:10px 0}.red-theme .fr-tooltip{top:0;left:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s}.red-theme.fr-toolbar .fr-command.fr-btn,.red-theme.fr-popup .fr-command.fr-btn{color:#fff;-moz-outline:0;outline:0;border:0;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;padding:0;width:38px;height:38px}.red-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.red-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0}.red-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,.red-theme.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.red-theme.fr-toolbar .fr-command.fr-btn i,.red-theme.fr-popup .fr-command.fr-btn i{font-size:14px;width:14px;margin:12px}.red-theme.fr-toolbar .fr-command.fr-btn span,.red-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:17px;min-width:38px;height:17px;padding:0 2px}.red-theme.fr-toolbar .fr-command.fr-btn img,.red-theme.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.red-theme.fr-toolbar .fr-command.fr-btn.fr-active,.red-theme.fr-popup .fr-command.fr-btn.fr-active{color:#ffca28;background:0 0}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#fff;background:#d48382}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d48382!important;color:#fff!important}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#fff!important}.red-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.red-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:4px;top:17px}.red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,.red-theme.fr-popup .fr-command.fr-btn.fr-disabled{color:#edc9c9}.red-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.red-theme.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#edc9c9!important}.red-theme.fr-toolbar.fr-disabled .fr-btn,.red-theme.fr-popup.fr-disabled .fr-btn,.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,.red-theme.fr-popup.fr-disabled .fr-btn.fr-active{color:#edc9c9}.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.red-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.red-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.red-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#edc9c9}.red-theme.fr-desktop .fr-command:hover,.red-theme.fr-desktop .fr-command:focus{color:#fff;background:#c65a59}.red-theme.fr-desktop .fr-command:hover::after,.red-theme.fr-desktop .fr-command:focus::after{border-top-color:#fff!important}.red-theme.fr-desktop .fr-command.fr-selected{color:#fff;background:#d48382}.red-theme.fr-desktop .fr-command.fr-active:hover,.red-theme.fr-desktop .fr-command.fr-active:focus{color:#ffca28;background:#c65a59}.red-theme.fr-desktop .fr-command.fr-active.fr-selected{color:#ffca28;background:#d48382}.red-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,.red-theme.fr-popup.fr-mobile .fr-command.fr-blink{background:0 0}.red-theme .fr-command.fr-btn+.fr-dropdown-menu{right:auto;bottom:auto;height:auto;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#b8312f;padding:0;margin:auto;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;max-height:0;height:0}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;max-height:275px}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{margin:0;padding:0}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{color:inherit}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d48382}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#edc9c9}.red-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.red-theme .fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.red-theme.fr-modal{color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:auto;top:0;left:0;bottom:0;right:0}.red-theme.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:solid 1px #671b1a;border-top:5px solid #671b1a}@media (min-width:768px) and (max-width:991px){.red-theme.fr-modal .fr-modal-wrapper{margin:30px auto}}@media (min-width:992px){.red-theme.fr-modal .fr-modal-wrapper{margin:50px auto}}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head{background:#b8312f;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:solid 1px #671b1a;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head i{color:#fff}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4{margin:0;font-weight:400}.red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#c65a59}.red-theme.fr-overlay{top:0;bottom:0;left:0;right:0;background:#000}.red-theme.fr-popup{color:#fff;background:#b8312f;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;border:solid 1px #671b1a;border-top:5px solid #671b1a}.red-theme.fr-popup .fr-input-focus{background:#f5f5f5}.red-theme.fr-popup.fr-above{border-top:0;border-bottom:5px solid #671b1a;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-popup .fr-input-line{padding:8px 0}.red-theme.fr-popup .fr-input-line input[type=text],.red-theme.fr-popup .fr-input-line textarea{margin:0 0 1px;border-bottom:solid 1px #bdbdbd;color:#fff}.red-theme.fr-popup .fr-input-line input[type=text]:focus,.red-theme.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #ffca28}.red-theme.fr-popup .fr-input-line input+label,.red-theme.fr-popup .fr-input-line textarea+label{top:0;left:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;background:#b8312f}.red-theme.fr-popup .fr-input-line input.fr-not-empty:focus+label,.red-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#ffca28}.red-theme.fr-popup .fr-input-line input.fr-not-empty+label,.red-theme.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.red-theme.fr-popup .fr-buttons{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0 2px;line-height:0;border-bottom:solid 1px #671b1a}.red-theme.fr-popup .fr-layer{width:225px}@media (min-width:768px){.red-theme.fr-popup .fr-layer{width:300px}}.red-theme.fr-popup .fr-action-buttons button.fr-command{color:#ffca28;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.red-theme.fr-popup .fr-action-buttons button.fr-command:hover,.red-theme.fr-popup .fr-action-buttons button.fr-command:focus{background:#c65a59;color:#ffca28}.red-theme.fr-popup .fr-action-buttons button.fr-command:active{background:#d48382;color:#ffca28}.red-theme.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.red-theme.fr-popup .fr-checkbox span{border:solid 1px #fff;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.red-theme.fr-popup .fr-checkbox input{margin:0;padding:0}.red-theme.fr-popup .fr-checkbox input:checked+span{background:#ffca28;border-color:#ffca28}.red-theme.fr-popup .fr-checkbox input:focus+span{border-color:#ffca28}.red-theme.fr-popup.fr-rtl .fr-input-line input+label,.red-theme.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.red-theme.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #671b1a;top:-9px;margin-left:-5px}.red-theme.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #671b1a}.red-theme.fr-toolbar{color:#fff;background:#b8312f;font-family:Arial,Helvetica,sans-serif;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:solid 1px #671b1a;border-top:5px solid #671b1a}.red-theme.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #671b1a;top:-9px;margin-left:-5px}.red-theme.fr-toolbar.fr-inline.fr-above{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:5px solid #671b1a;border-top:0}.red-theme.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-width:5px}.red-theme.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme .fr-separator{background:rgba(255,255,255,.3)}.red-theme .fr-separator.fr-vs{height:34px;width:1px;margin:2px}.red-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/css/themes/royal.css b/Resources/public/froala_editor_2.4.2/css/themes/royal.css deleted file mode 100644 index 98ba20e0..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/royal.css +++ /dev/null @@ -1,1156 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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; -} -.royal-theme:focus { - outline: 0; -} -.royal-theme.fr-box.fr-basic .fr-element { - color: #000000; - padding: 10px; - overflow-x: auto; - min-height: 40px; -} -.royal-theme .fr-element { - -webkit-user-select: auto; -} -.royal-theme.fr-box a.fr-floating-btn { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - height: 32px; - width: 32px; - background: #ffffff; - color: #553982; - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s; - left: 0; - top: 0; - line-height: 32px; - border: none; -} -.royal-theme.fr-box a.fr-floating-btn svg { - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; - fill: #553982; -} -.royal-theme.fr-box a.fr-floating-btn i { - font-size: 14px; - line-height: 32px; -} -.royal-theme.fr-box a.fr-floating-btn:hover { - background: #9365b8; -} -.royal-theme.fr-box a.fr-floating-btn:hover svg { - fill: #ffffff; -} -.royal-theme .fr-wrapper .fr-placeholder { - font-size: 12px; - color: #aaaaaa; - top: 0; - left: 0; - right: 0; -} -.royal-theme .fr-wrapper ::selection { - background: #b5d6fd; - color: #000000; -} -.royal-theme .fr-wrapper ::-moz-selection { - background: #b5d6fd; - color: #000000; -} -.royal-theme.fr-box.fr-basic .fr-wrapper { - background: #ffffff; - border: 0px; - border-top: 0; - top: 0; - left: 0; -} -.royal-theme.fr-box.fr-basic.fr-top .fr-wrapper { - border-top: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme.fr-box.fr-basic.fr-bottom .fr-wrapper { - border-bottom: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme .fr-sticky-on.fr-sticky-ios { - left: 0; - right: 0; -} -.royal-theme.fr-box .fr-counter { - color: #cccccc; - background: #ffffff; - border-top: solid 1px #ebebeb; - border-left: solid 1px #ebebeb; - border-radius: 2px 0 0 0; - -moz-border-radius: 2px 0 0 0; - -webkit-border-radius: 2px 0 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.royal-theme.fr-box.fr-rtl .fr-counter { - right: auto; - border-right: solid 1px #ebebeb; - border-radius: 0 2px 0 0; - -moz-border-radius: 0 2px 0 0; - -webkit-border-radius: 0 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.royal-theme textarea.fr-code { - background: #ffffff; - color: #000000; -} -.royal-theme.fr-box.fr-code-view.fr-inline { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { - top: 0; - right: 0; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - background: #ffffff; - color: #553982; - -moz-outline: 0; - outline: 0; - border: 0; - padding: 12px 12px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { - font-size: 14px; - width: 14px; -} -.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { - background: #e6e6e6; -} -.royal-theme.fr-popup .fr-colors-tabs { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab { - color: #553982; - padding: 8px 0; -} -.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover, -.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus { - color: #553982; -} -.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after { - bottom: 0; - left: 0; - background: #553982; - -webkit-transition: transform 0.2s ease 0s; - -moz-transition: transform 0.2s ease 0s; - -ms-transition: transform 0.2s ease 0s; - -o-transition: transform 0.2s ease 0s; -} -.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab { - color: #553982; -} -.royal-theme.fr-popup .fr-color-set { - line-height: 0; -} -.royal-theme.fr-popup .fr-color-set > span > i { - bottom: 0; - left: 0; -} -.royal-theme.fr-popup .fr-color-set > span .fr-selected-color { - color: #ffffff; - font-weight: 400; - top: 0; - bottom: 0; - right: 0; - left: 0; -} -.royal-theme.fr-popup .fr-color-set > span:hover, -.royal-theme.fr-popup .fr-color-set > span:focus { - outline: 1px solid #553982; -} -.royal-theme .fr-drag-helper { - background: #553982; -} -.royal-theme.fr-popup .fr-link:focus { - background: #e6e6e6; -} -.royal-theme .fr-file-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.royal-theme .fr-file-upload-layer:hover { - background: #e6e6e6; -} -.royal-theme .fr-file-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #553982; -} -.royal-theme .fr-file-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.royal-theme .fr-file-progress-bar-layer > h3 { - margin: 10px 0; -} -.royal-theme .fr-file-progress-bar-layer > div.fr-loader { - background: #ccc4da; -} -.royal-theme .fr-file-progress-bar-layer > div.fr-loader span { - background: #553982; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.royal-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.royal-theme.fr-box.fr-fullscreen { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { - border: 0; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { - border-bottom: solid 1px #ebebeb; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { - color: #8874a8; -} -.royal-theme .fr-image-resizer { - border: solid 1px #553982; -} -.royal-theme .fr-image-resizer .fr-handler { - background: #553982; - border: solid 1px #ffffff; -} -.royal-theme .fr-image-resizer .fr-handler { - width: 12px; - height: 12px; -} -.royal-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.royal-theme .fr-image-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.royal-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.royal-theme .fr-image-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .royal-theme .fr-image-resizer .fr-handler { - width: 10px; - height: 10px; - } - .royal-theme .fr-image-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .royal-theme .fr-image-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .royal-theme .fr-image-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .royal-theme .fr-image-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.royal-theme.fr-image-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.royal-theme .fr-image-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.royal-theme .fr-image-upload-layer:hover { - background: #e6e6e6; -} -.royal-theme .fr-image-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #553982; -} -.royal-theme .fr-image-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.royal-theme .fr-image-progress-bar-layer > h3 { - margin: 10px 0; -} -.royal-theme .fr-image-progress-bar-layer > div.fr-loader { - background: #ccc4da; -} -.royal-theme .fr-image-progress-bar-layer > div.fr-loader span { - background: #553982; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.royal-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.royal-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more { - -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; - -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s; -} -.royal-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available { - opacity: 0; - width: 0; - padding: 12px 0; -} -.royal-theme.fr-modal-head .fr-modal-tags a { - opacity: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - color: #553982; - -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s; -} -.royal-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.royal-themediv.fr-modal-body .fr-preloader { - margin: 50px auto; -} -.royal-themediv.fr-modal-body div.fr-image-list { - padding: 0; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; - background: #000000; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { - color: #ffffff; - top: 0; - left: 0; - bottom: 0; - right: 0; - margin: auto; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { - background: #cccccc; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { - margin: auto; - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container img { - -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - margin: 0; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { - background: #b8312f; - color: #ffffff; -} -.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { - background: #ffffff; - color: #553982; -} -.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover { - background: #e6e6e6; -} -.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag { - background: #d6d6d6; -} -.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { - background: #bf4644; - color: #ffffff; -} -.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #e6e6e6; -} -.royal-theme .fr-line-breaker { - border-top: 1px solid #553982; -} -.royal-theme .fr-line-breaker a.fr-floating-btn { - left: calc(50% - (32px / 2)); - top: -16px; -} -.royal-theme .fr-qi-helper { - padding-left: 10px; -} -.royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn { - color: #553982; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character { - border: 1px solid #cccccc; -} -.royal-theme .fr-element table td.fr-selected-cell, -.royal-theme .fr-element table th.fr-selected-cell { - border: 1px double #553982; -} -.royal-theme .fr-table-resizer div { - border-right: 1px solid #553982; -} -.royal-theme.fr-popup .fr-table-size .fr-select-table-size { - line-height: 0; -} -.royal-theme.fr-popup .fr-table-size .fr-select-table-size > span { - padding: 0px 4px 4px 0; -} -.royal-theme.fr-popup .fr-table-size .fr-select-table-size > span > span { - border: 1px solid #dddddd; -} -.royal-theme.fr-popup .fr-table-size .fr-select-table-size > span.hover > span { - background: rgba(85, 57, 130, 0.3); - border: solid 1px #553982; -} -.royal-theme.fr-popup .fr-table-colors { - line-height: 0; -} -.royal-theme.fr-popup .fr-table-colors > span > i { - bottom: 0; - left: 0; -} -.royal-theme.fr-popup .fr-table-colors > span:focus { - outline: 1px solid #553982; -} -.royal-theme .fr-element .fr-video::after { - top: 0; - left: 0; - right: 0; - bottom: 0; -} -.royal-theme.fr-box .fr-video-resizer { - border: solid 1px #553982; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler { - background: #553982; - border: solid 1px #ffffff; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler { - width: 12px; - height: 12px; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -6px; - top: -6px; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -6px; - top: -6px; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -6px; - bottom: -6px; -} -.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -6px; - bottom: -6px; -} -@media (min-width: 1200px) { - .royal-theme.fr-box .fr-video-resizer .fr-handler { - width: 10px; - height: 10px; - } - .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; - } - .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; - } - .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; - } - .royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; - } -} -.royal-theme .fr-video-upload-layer { - border: dashed 2px #b7bdc0; - padding: 25px 0; -} -.royal-theme .fr-video-upload-layer:hover { - background: #e6e6e6; -} -.royal-theme .fr-video-upload-layer.fr-drop { - background: #e6e6e6; - border-color: #553982; -} -.royal-theme .fr-video-upload-layer .fr-form { - top: 0; - bottom: 0; - left: 0; - right: 0; -} -.royal-theme .fr-video-progress-bar-layer > h3 { - margin: 10px 0; -} -.royal-theme .fr-video-progress-bar-layer > div.fr-loader { - background: #ccc4da; -} -.royal-theme .fr-video-progress-bar-layer > div.fr-loader span { - background: #553982; - -webkit-transition: width 0.2s ease 0s; - -moz-transition: width 0.2s ease 0s; - -ms-transition: width 0.2s ease 0s; - -o-transition: width 0.2s ease 0s; -} -.royal-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { - top: 0; -} -.royal-theme.fr-video-overlay { - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.royal-theme .fr-view strong { - font-weight: 700; -} -.royal-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { - background: #f5f5f5; -} -.royal-theme .fr-view table td, -.royal-theme .fr-view table th { - border: 1px solid #dddddd; -} -.royal-theme .fr-view table th { - background: #e6e6e6; -} -.royal-theme .fr-view[dir="rtl"] blockquote { - border-right: solid 2px #5e35b1; - margin-right: 0; -} -.royal-theme .fr-view[dir="rtl"] blockquote blockquote { - border-color: #00bcd4; -} -.royal-theme .fr-view[dir="rtl"] blockquote blockquote blockquote { - border-color: #43a047; -} -.royal-theme .fr-view blockquote { - border-left: solid 2px #5e35b1; - margin-left: 0; - color: #5e35b1; -} -.royal-theme .fr-view blockquote blockquote { - border-color: #00bcd4; - color: #00bcd4; -} -.royal-theme .fr-view blockquote blockquote blockquote { - border-color: #43a047; - color: #43a047; -} -.royal-theme .fr-view span.fr-emoticon { - line-height: 0; -} -.royal-theme .fr-view span.fr-emoticon.fr-emoticon-img { - font-size: inherit; -} -.royal-theme .fr-view .fr-text-bordered { - padding: 10px 0; -} -.royal-theme .fr-tooltip { - top: 0; - left: 0; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - background: #222222; - color: #ffffff; - font-size: 11px; - line-height: 22px; - font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.2s ease 0s; - -moz-transition: opacity 0.2s ease 0s; - -ms-transition: opacity 0.2s ease 0s; - -o-transition: opacity 0.2s ease 0s; -} -.royal-theme.fr-toolbar .fr-command.fr-btn, -.royal-theme.fr-popup .fr-command.fr-btn { - color: #553982; - -moz-outline: 0; - outline: 0; - border: 0; - margin: 0px 2px; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; - padding: 0; - width: 38px; - height: 38px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner, -.royal-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner { - border: 0; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text, -.royal-theme.fr-popup .fr-command.fr-btn.fr-btn-text { - width: auto; -} -.royal-theme.fr-toolbar .fr-command.fr-btn i, -.royal-theme.fr-popup .fr-command.fr-btn i { - font-size: 14px; - width: 14px; - margin: 12px 12px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn span, -.royal-theme.fr-popup .fr-command.fr-btn span { - font-size: 14px; - line-height: 17px; - min-width: 38px; - height: 17px; - padding: 0 2px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn img, -.royal-theme.fr-popup .fr-command.fr-btn img { - margin: 12px 12px; - width: 14px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-active, -.royal-theme.fr-popup .fr-command.fr-btn.fr-active { - color: #ffffff; - background: #9365b8; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection { - width: auto; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown i, -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown span, -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown img { - margin-left: 8px; - margin-right: 16px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active { - color: #553982; - background: #d6d6d6; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus { - background: #d6d6d6 !important; - color: #553982 !important; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after { - border-top-color: #553982 !important; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after, -.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after { - width: 0; - height: 0; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #553982; - right: 4px; - top: 17px; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled, -.royal-theme.fr-popup .fr-command.fr-btn.fr-disabled { - color: #b7bdc0; -} -.royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after, -.royal-theme.fr-popup .fr-command.fr-btn.fr-disabled::after { - border-top-color: #b7bdc0 !important; -} -.royal-theme.fr-toolbar.fr-disabled .fr-btn, -.royal-theme.fr-popup.fr-disabled .fr-btn, -.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active, -.royal-theme.fr-popup.fr-disabled .fr-btn.fr-active { - color: #b7bdc0; -} -.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, -.royal-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after, -.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, -.royal-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after { - border-top-color: #b7bdc0; -} -.royal-theme.fr-desktop .fr-command:hover, -.royal-theme.fr-desktop .fr-command:focus { - color: #553982; - background: #e6e6e6; -} -.royal-theme.fr-desktop .fr-command:hover::after, -.royal-theme.fr-desktop .fr-command:focus::after { - border-top-color: #553982 !important; -} -.royal-theme.fr-desktop .fr-command.fr-selected { - color: #553982; - background: #d6d6d6; -} -.royal-theme.fr-desktop .fr-command.fr-active:hover, -.royal-theme.fr-desktop .fr-command.fr-active:focus { - color: #553982; - background: #e6e6e6; -} -.royal-theme.fr-desktop .fr-command.fr-active.fr-selected { - color: #553982; - background: #d6d6d6; -} -.royal-theme.fr-toolbar.fr-mobile .fr-command.fr-blink, -.royal-theme.fr-popup.fr-mobile .fr-command.fr-blink { - background: #9365b8; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu { - right: auto; - bottom: auto; - height: auto; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { - background: #ffffff; - padding: 0; - margin: auto; - -webkit-transition: max-height 0.2s ease 0s; - -moz-transition: max-height 0.2s ease 0s; - -ms-transition: max-height 0.2s ease 0s; - -o-transition: max-height 0.2s ease 0s; - margin-top: 0; - max-height: 0; - height: 0; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { - overflow: auto; - max-height: 275px; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { - margin: 0; - padding: 0; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { - padding: 0; - margin: 0; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { - color: inherit; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { - background: #d6d6d6; -} -.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { - color: #b7bdc0; -} -.royal-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu { - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); -} -.royal-theme .fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper { - height: auto; - max-height: 275px; -} -.royal-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; -} -.royal-theme.fr-modal { - color: #553982; - font-family: Arial, Helvetica, sans-serif; - overflow-x: auto; - top: 0; - left: 0; - bottom: 0; - right: 0; -} -.royal-theme.fr-modal .fr-modal-wrapper { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - margin: 20px auto; - background: #ffffff; - -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14); - border: 0px; - border-top: 5px solid #553982; -} -@media (min-width: 768px) and (max-width: 991px) { - .royal-theme.fr-modal .fr-modal-wrapper { - margin: 30px auto; - } -} -@media (min-width: 992px) { - .royal-theme.fr-modal .fr-modal-wrapper { - margin: 50px auto; - } -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head { - background: #ffffff; - -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14); - border-bottom: 0px; - -webkit-transition: height 0.2s ease 0s; - -moz-transition: height 0.2s ease 0s; - -ms-transition: height 0.2s ease 0s; - -o-transition: height 0.2s ease 0s; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i { - color: #553982; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close { - top: 0; - right: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; -} -.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 { - margin: 0; - font-weight: 400; -} -.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { - background: #e6e6e6; -} -.royal-theme.fr-overlay { - top: 0; - bottom: 0; - left: 0; - right: 0; - background: #000000; -} -.royal-theme.fr-popup { - color: #553982; - background: #ffffff; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - font-family: Arial, Helvetica, sans-serif; - border: 0px; - border-top: 5px solid #553982; -} -.royal-theme.fr-popup .fr-input-focus { - background: #f5f5f5; -} -.royal-theme.fr-popup.fr-above { - border-top: 0; - border-bottom: 5px solid #553982; - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme.fr-popup .fr-input-line { - padding: 8px 0; -} -.royal-theme.fr-popup .fr-input-line input[type="text"], -.royal-theme.fr-popup .fr-input-line textarea { - margin: 0px 0 1px 0; - border-bottom: solid 1px #bdbdbd; - color: #553982; -} -.royal-theme.fr-popup .fr-input-line input[type="text"]:focus, -.royal-theme.fr-popup .fr-input-line textarea:focus { - border-bottom: solid 2px #553982; -} -.royal-theme.fr-popup .fr-input-line input + label, -.royal-theme.fr-popup .fr-input-line textarea + label { - top: 0; - left: 0; - -webkit-transition: color 0.2s ease 0s; - -moz-transition: color 0.2s ease 0s; - -ms-transition: color 0.2s ease 0s; - -o-transition: color 0.2s ease 0s; - background: #ffffff; -} -.royal-theme.fr-popup .fr-input-line input.fr-not-empty:focus + label, -.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + label { - color: #553982; -} -.royal-theme.fr-popup .fr-input-line input.fr-not-empty + label, -.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty + label { - color: #808080; -} -.royal-theme.fr-popup .fr-buttons { - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - padding: 0 2px; - line-height: 0; - border-bottom: 0px; -} -.royal-theme.fr-popup .fr-layer { - width: 225px; -} -@media (min-width: 768px) { - .royal-theme.fr-popup .fr-layer { - width: 300px; - } -} -.royal-theme.fr-popup .fr-action-buttons button.fr-command { - color: #553982; - -webkit-transition: background 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s; - -o-transition: background 0.2s ease 0s; -} -.royal-theme.fr-popup .fr-action-buttons button.fr-command:hover, -.royal-theme.fr-popup .fr-action-buttons button.fr-command:focus { - background: #e6e6e6; - color: #553982; -} -.royal-theme.fr-popup .fr-action-buttons button.fr-command:active { - background: #d6d6d6; - color: #553982; -} -.royal-theme.fr-popup .fr-action-buttons button::-moz-focus-inner { - border: 0; -} -.royal-theme.fr-popup .fr-checkbox span { - border: solid 1px #553982; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; - -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; -} -.royal-theme.fr-popup .fr-checkbox input { - margin: 0; - padding: 0; -} -.royal-theme.fr-popup .fr-checkbox input:checked + span { - background: #553982; - border-color: #553982; -} -.royal-theme.fr-popup .fr-checkbox input:focus + span { - border-color: #553982; -} -.royal-theme.fr-popup.fr-rtl .fr-input-line input + label, -.royal-theme.fr-popup.fr-rtl .fr-input-line textarea + label { - left: auto; - right: 0; -} -.royal-theme.fr-popup .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #553982; - top: -9px; - margin-left: -5px; -} -.royal-theme.fr-popup.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top: 5px solid #553982; -} -.royal-theme.fr-toolbar { - color: #553982; - background: #ffffff; - font-family: Arial, Helvetica, sans-serif; - padding: 0 2px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - border: 0px; - border-top: 5px solid #553982; -} -.royal-theme.fr-toolbar.fr-inline .fr-arrow { - width: 0; - height: 0; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-bottom: 5px solid #553982; - top: -9px; - margin-left: -5px; -} -.royal-theme.fr-toolbar.fr-inline.fr-above { - -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16); - border-bottom: 5px solid #553982; - border-top: 0; -} -.royal-theme.fr-toolbar.fr-inline.fr-above .fr-arrow { - top: auto; - bottom: -9px; - border-bottom: 0; - border-top-color: inherit; - border-top-width: 5px; -} -.royal-theme.fr-toolbar.fr-top { - top: 0; - border-radius: 2px 2px 0 0; - -moz-border-radius: 2px 2px 0 0; - -webkit-border-radius: 2px 2px 0 0; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme.fr-toolbar.fr-bottom { - bottom: 0; - border-radius: 0 0 2px 2px; - -moz-border-radius: 0 0 2px 2px; - -webkit-border-radius: 0 0 2px 2px; - -moz-background-clip: padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16); -} -.royal-theme .fr-separator { - background: #ebebeb; -} -.royal-theme .fr-separator.fr-vs { - height: 34px; - width: 1px; - margin: 2px; -} -.royal-theme .fr-separator.fr-hs { - height: 1px; - width: calc(100% - (2 * 2px)); - margin: 0 2px; -} diff --git a/Resources/public/froala_editor_2.4.2/css/themes/royal.min.css b/Resources/public/froala_editor_2.4.2/css/themes/royal.min.css deleted file mode 100644 index 030e3a7c..00000000 --- a/Resources/public/froala_editor_2.4.2/css/themes/royal.min.css +++ /dev/null @@ -1,7 +0,0 @@ -/*! - * froala_editor v2.4.2 (https://www.froala.com/wysiwyg-editor) - * License https://froala.com/wysiwyg-editor/terms/ - * Copyright 2014-2017 Froala Labs - */ - -.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}.royal-theme:focus{outline:0}.royal-theme.fr-box.fr-basic .fr-element{color:#000;padding:10px;overflow-x:auto;min-height:40px}.royal-theme .fr-element{-webkit-user-select:auto}.royal-theme.fr-box a.fr-floating-btn{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);height:32px;width:32px;background:#fff;color:#553982;-webkit-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;left:0;top:0;line-height:32px;border:0}.royal-theme.fr-box a.fr-floating-btn svg{-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s;fill:#553982}.royal-theme.fr-box a.fr-floating-btn i{font-size:14px;line-height:32px}.royal-theme.fr-box a.fr-floating-btn:hover{background:#9365b8}.royal-theme.fr-box a.fr-floating-btn:hover svg{fill:#fff}.royal-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa;top:0;left:0;right:0}.royal-theme .fr-wrapper ::selection{background:#b5d6fd;color:#000}.royal-theme .fr-wrapper ::-moz-selection{background:#b5d6fd;color:#000}.royal-theme.fr-box.fr-basic .fr-wrapper{background:#fff;border:0;border-top:0;top:0;left:0}.royal-theme.fr-box.fr-basic.fr-top .fr-wrapper{border-top:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.royal-theme.fr-box.fr-basic.fr-bottom .fr-wrapper{border-bottom:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.royal-theme .fr-sticky-on.fr-sticky-ios{left:0;right:0}.royal-theme.fr-box .fr-counter{color:#ccc;background:#fff;border-top:solid 1px #ebebeb;border-left:solid 1px #ebebeb;border-radius:2px 0 0;-moz-border-radius:2px 0 0;-webkit-border-radius:2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.royal-theme.fr-box.fr-rtl .fr-counter{right:auto;border-right:solid 1px #ebebeb;border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.royal-theme textarea.fr-code{background:#fff;color:#000}.royal-theme.fr-box.fr-code-view.fr-inline{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{top:0;right:0;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);background:#fff;color:#553982;-moz-outline:0;outline:0;border:0;padding:12px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:14px;width:14px}.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#e6e6e6}.royal-theme.fr-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#553982;padding:8px 0}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus{color:#553982}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after{bottom:0;left:0;background:#553982;-webkit-transition:transform .2s ease 0s;-moz-transition:transform .2s ease 0s;-ms-transition:transform .2s ease 0s;-o-transition:transform .2s ease 0s}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab{color:#553982}.royal-theme.fr-popup .fr-color-set{line-height:0}.royal-theme.fr-popup .fr-color-set>span>i{bottom:0;left:0}.royal-theme.fr-popup .fr-color-set>span .fr-selected-color{color:#fff;font-weight:400;top:0;bottom:0;right:0;left:0}.royal-theme.fr-popup .fr-color-set>span:hover,.royal-theme.fr-popup .fr-color-set>span:focus{outline:1px solid #553982}.royal-theme .fr-drag-helper{background:#553982}.royal-theme.fr-popup .fr-link:focus{background:#e6e6e6}.royal-theme .fr-file-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.royal-theme .fr-file-upload-layer:hover{background:#e6e6e6}.royal-theme .fr-file-upload-layer.fr-drop{background:#e6e6e6;border-color:#553982}.royal-theme .fr-file-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.royal-theme .fr-file-progress-bar-layer>h3{margin:10px 0}.royal-theme .fr-file-progress-bar-layer>div.fr-loader{background:#ccc4da}.royal-theme .fr-file-progress-bar-layer>div.fr-loader span{background:#553982;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.royal-theme .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.royal-theme.fr-box.fr-fullscreen{top:0;left:0;bottom:0;right:0}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr{border:0}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr{border-bottom:solid 1px #ebebeb}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child{color:#8874a8}.royal-theme .fr-image-resizer{border:solid 1px #553982}.royal-theme .fr-image-resizer .fr-handler{background:#553982;border:solid 1px #fff}.royal-theme .fr-image-resizer .fr-handler{width:12px;height:12px}.royal-theme .fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.royal-theme .fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.royal-theme .fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.royal-theme .fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.royal-theme .fr-image-resizer .fr-handler{width:10px;height:10px}.royal-theme .fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.royal-theme .fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.royal-theme .fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.royal-theme .fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.royal-theme.fr-image-overlay{top:0;left:0;bottom:0;right:0}.royal-theme .fr-image-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.royal-theme .fr-image-upload-layer:hover{background:#e6e6e6}.royal-theme .fr-image-upload-layer.fr-drop{background:#e6e6e6;border-color:#553982}.royal-theme .fr-image-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.royal-theme .fr-image-progress-bar-layer>h3{margin:10px 0}.royal-theme .fr-image-progress-bar-layer>div.fr-loader{background:#ccc4da}.royal-theme .fr-image-progress-bar-layer>div.fr-loader span{background:#553982;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.royal-theme .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.royal-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more{-webkit-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-moz-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-ms-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;-o-transition:padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s}.royal-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.royal-theme.fr-modal-head .fr-modal-tags a{opacity:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#553982;-webkit-transition:opacity .2s ease 0s,background .2s ease 0s;-moz-transition:opacity .2s ease 0s,background .2s ease 0s;-ms-transition:opacity .2s ease 0s,background .2s ease 0s;-o-transition:opacity .2s ease 0s,background .2s ease 0s}.royal-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.royal-themediv.fr-modal-body .fr-preloader{margin:50px auto}.royal-themediv.fr-modal-body div.fr-image-list{padding:0}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after{-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s;background:#000;top:0;left:0;bottom:0;right:0}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before{color:#fff;top:0;left:0;bottom:0;right:0;margin:auto}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after{margin:auto;top:0;bottom:0;left:0;right:0}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container img{-webkit-transition:opacity .2s ease 0s,filter .2s ease 0s;-moz-transition:opacity .2s ease 0s,filter .2s ease 0s;-ms-transition:opacity .2s ease 0s,filter .2s ease 0s;-o-transition:opacity .2s ease 0s,filter .2s ease 0s}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{-webkit-transition:background .2s ease 0s,color .2s ease 0s;-moz-transition:background .2s ease 0s,color .2s ease 0s;-ms-transition:background .2s ease 0s,color .2s ease 0s;-o-transition:background .2s ease 0s,color .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);margin:0}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.royal-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#553982}.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover{background:#e6e6e6}.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#e6e6e6}.royal-theme .fr-line-breaker{border-top:1px solid #553982}.royal-theme .fr-line-breaker a.fr-floating-btn{left:calc(50% - (32px / 2));top:-16px}.royal-theme .fr-qi-helper{padding-left:10px}.royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn{color:#553982}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character{border:1px solid #ccc}.royal-theme .fr-element table td.fr-selected-cell,.royal-theme .fr-element table th.fr-selected-cell{border:1px double #553982}.royal-theme .fr-table-resizer div{border-right:1px solid #553982}.royal-theme.fr-popup .fr-table-size .fr-select-table-size{line-height:0}.royal-theme.fr-popup .fr-table-size .fr-select-table-size>span{padding:0 4px 4px 0}.royal-theme.fr-popup .fr-table-size .fr-select-table-size>span>span{border:1px solid #ddd}.royal-theme.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(85,57,130,.3);border:solid 1px #553982}.royal-theme.fr-popup .fr-table-colors{line-height:0}.royal-theme.fr-popup .fr-table-colors>span>i{bottom:0;left:0}.royal-theme.fr-popup .fr-table-colors>span:focus{outline:1px solid #553982}.royal-theme .fr-element .fr-video::after{top:0;left:0;right:0;bottom:0}.royal-theme.fr-box .fr-video-resizer{border:solid 1px #553982}.royal-theme.fr-box .fr-video-resizer .fr-handler{background:#553982;border:solid 1px #fff}.royal-theme.fr-box .fr-video-resizer .fr-handler{width:12px;height:12px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width:1200px){.royal-theme.fr-box .fr-video-resizer .fr-handler{width:10px;height:10px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.royal-theme.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.royal-theme .fr-video-upload-layer{border:dashed 2px #b7bdc0;padding:25px 0}.royal-theme .fr-video-upload-layer:hover{background:#e6e6e6}.royal-theme .fr-video-upload-layer.fr-drop{background:#e6e6e6;border-color:#553982}.royal-theme .fr-video-upload-layer .fr-form{top:0;bottom:0;left:0;right:0}.royal-theme .fr-video-progress-bar-layer>h3{margin:10px 0}.royal-theme .fr-video-progress-bar-layer>div.fr-loader{background:#ccc4da}.royal-theme .fr-video-progress-bar-layer>div.fr-loader span{background:#553982;-webkit-transition:width .2s ease 0s;-moz-transition:width .2s ease 0s;-ms-transition:width .2s ease 0s;-o-transition:width .2s ease 0s}.royal-theme .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span{top:0}.royal-theme.fr-video-overlay{top:0;left:0;bottom:0;right:0}.royal-theme .fr-view strong{font-weight:700}.royal-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:#f5f5f5}.royal-theme .fr-view table td,.royal-theme .fr-view table th{border:1px solid #ddd}.royal-theme .fr-view table th{background:#e6e6e6}.royal-theme .fr-view[dir=rtl] blockquote{border-right:solid 2px #5e35b1;margin-right:0}.royal-theme .fr-view[dir=rtl] blockquote blockquote{border-color:#00bcd4}.royal-theme .fr-view[dir=rtl] blockquote blockquote blockquote{border-color:#43a047}.royal-theme .fr-view blockquote{border-left:solid 2px #5e35b1;margin-left:0;color:#5e35b1}.royal-theme .fr-view blockquote blockquote{border-color:#00bcd4;color:#00bcd4}.royal-theme .fr-view blockquote blockquote blockquote{border-color:#43a047;color:#43a047}.royal-theme .fr-view span.fr-emoticon{line-height:0}.royal-theme .fr-view span.fr-emoticon.fr-emoticon-img{font-size:inherit}.royal-theme .fr-view .fr-text-bordered{padding:10px 0}.royal-theme .fr-tooltip{top:0;left:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .2s ease 0s;-moz-transition:opacity .2s ease 0s;-ms-transition:opacity .2s ease 0s;-o-transition:opacity .2s ease 0s}.royal-theme.fr-toolbar .fr-command.fr-btn,.royal-theme.fr-popup .fr-command.fr-btn{color:#553982;-moz-outline:0;outline:0;border:0;margin:0 2px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;padding:0;width:38px;height:38px}.royal-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,.royal-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner{border:0}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,.royal-theme.fr-popup .fr-command.fr-btn.fr-btn-text{width:auto}.royal-theme.fr-toolbar .fr-command.fr-btn i,.royal-theme.fr-popup .fr-command.fr-btn i{font-size:14px;width:14px;margin:12px}.royal-theme.fr-toolbar .fr-command.fr-btn span,.royal-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:17px;min-width:38px;height:17px;padding:0 2px}.royal-theme.fr-toolbar .fr-command.fr-btn img,.royal-theme.fr-popup .fr-command.fr-btn img{margin:12px;width:14px}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-active,.royal-theme.fr-popup .fr-command.fr-btn.fr-active{color:#fff;background:#9365b8}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection{width:auto}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown img{margin-left:8px;margin-right:16px}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active{color:#553982;background:#d6d6d6}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus{background:#d6d6d6!important;color:#553982!important}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after{border-top-color:#553982!important}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #553982;right:4px;top:17px}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,.royal-theme.fr-popup .fr-command.fr-btn.fr-disabled{color:#b7bdc0}.royal-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,.royal-theme.fr-popup .fr-command.fr-btn.fr-disabled::after{border-top-color:#b7bdc0!important}.royal-theme.fr-toolbar.fr-disabled .fr-btn,.royal-theme.fr-popup.fr-disabled .fr-btn,.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,.royal-theme.fr-popup.fr-disabled .fr-btn.fr-active{color:#b7bdc0}.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,.royal-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,.royal-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,.royal-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after{border-top-color:#b7bdc0}.royal-theme.fr-desktop .fr-command:hover,.royal-theme.fr-desktop .fr-command:focus{color:#553982;background:#e6e6e6}.royal-theme.fr-desktop .fr-command:hover::after,.royal-theme.fr-desktop .fr-command:focus::after{border-top-color:#553982!important}.royal-theme.fr-desktop .fr-command.fr-selected{color:#553982;background:#d6d6d6}.royal-theme.fr-desktop .fr-command.fr-active:hover,.royal-theme.fr-desktop .fr-command.fr-active:focus{color:#553982;background:#e6e6e6}.royal-theme.fr-desktop .fr-command.fr-active.fr-selected{color:#553982;background:#d6d6d6}.royal-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,.royal-theme.fr-popup.fr-mobile .fr-command.fr-blink{background:#9365b8}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu{right:auto;bottom:auto;height:auto;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper{background:#fff;padding:0;margin:auto;-webkit-transition:max-height .2s ease 0s;-moz-transition:max-height .2s ease 0s;-ms-transition:max-height .2s ease 0s;-o-transition:max-height .2s ease 0s;margin-top:0;max-height:0;height:0}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{overflow:auto;max-height:275px}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list{margin:0;padding:0}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li{padding:0;margin:0}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a{color:inherit}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{background:#d6d6d6}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled{color:#b7bdc0}.royal-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14)}.royal-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper{height:auto;max-height:275px}.royal-theme .fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu{border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.royal-theme.fr-modal{color:#553982;font-family:Arial,Helvetica,sans-serif;overflow-x:auto;top:0;left:0;bottom:0;right:0}.royal-theme.fr-modal .fr-modal-wrapper{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:20px auto;background:#fff;-webkit-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);-moz-box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);box-shadow:0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);border:0;border-top:5px solid #553982}@media (min-width:768px) and (max-width:991px){.royal-theme.fr-modal .fr-modal-wrapper{margin:30px auto}}@media (min-width:992px){.royal-theme.fr-modal .fr-modal-wrapper{margin:50px auto}}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);box-shadow:0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);border-bottom:0;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i{color:#553982}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close{top:0;right:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4{margin:0;font-weight:400}.royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover{background:#e6e6e6}.royal-theme.fr-overlay{top:0;bottom:0;left:0;right:0;background:#000}.royal-theme.fr-popup{color:#553982;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:Arial,Helvetica,sans-serif;border:0;border-top:5px solid #553982}.royal-theme.fr-popup .fr-input-focus{background:#f5f5f5}.royal-theme.fr-popup.fr-above{border-top:0;border-bottom:5px solid #553982;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16)}.royal-theme.fr-popup .fr-input-line{padding:8px 0}.royal-theme.fr-popup .fr-input-line input[type=text],.royal-theme.fr-popup .fr-input-line textarea{margin:0 0 1px;border-bottom:solid 1px #bdbdbd;color:#553982}.royal-theme.fr-popup .fr-input-line input[type=text]:focus,.royal-theme.fr-popup .fr-input-line textarea:focus{border-bottom:solid 2px #553982}.royal-theme.fr-popup .fr-input-line input+label,.royal-theme.fr-popup .fr-input-line textarea+label{top:0;left:0;-webkit-transition:color .2s ease 0s;-moz-transition:color .2s ease 0s;-ms-transition:color .2s ease 0s;-o-transition:color .2s ease 0s;background:#fff}.royal-theme.fr-popup .fr-input-line input.fr-not-empty:focus+label,.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+label{color:#553982}.royal-theme.fr-popup .fr-input-line input.fr-not-empty+label,.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty+label{color:gray}.royal-theme.fr-popup .fr-buttons{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);padding:0 2px;line-height:0;border-bottom:0}.royal-theme.fr-popup .fr-layer{width:225px}@media (min-width:768px){.royal-theme.fr-popup .fr-layer{width:300px}}.royal-theme.fr-popup .fr-action-buttons button.fr-command{color:#553982;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s}.royal-theme.fr-popup .fr-action-buttons button.fr-command:hover,.royal-theme.fr-popup .fr-action-buttons button.fr-command:focus{background:#e6e6e6;color:#553982}.royal-theme.fr-popup .fr-action-buttons button.fr-command:active{background:#d6d6d6;color:#553982}.royal-theme.fr-popup .fr-action-buttons button::-moz-focus-inner{border:0}.royal-theme.fr-popup .fr-checkbox span{border:solid 1px #553982;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-transition:background .2s ease 0s,border-color .2s ease 0s;-moz-transition:background .2s ease 0s,border-color .2s ease 0s;-ms-transition:background .2s ease 0s,border-color .2s ease 0s;-o-transition:background .2s ease 0s,border-color .2s ease 0s}.royal-theme.fr-popup .fr-checkbox input{margin:0;padding:0}.royal-theme.fr-popup .fr-checkbox input:checked+span{background:#553982;border-color:#553982}.royal-theme.fr-popup .fr-checkbox input:focus+span{border-color:#553982}.royal-theme.fr-popup.fr-rtl .fr-input-line input+label,.royal-theme.fr-popup.fr-rtl .fr-input-line textarea+label{left:auto;right:0}.royal-theme.fr-popup .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #553982;top:-9px;margin-left:-5px}.royal-theme.fr-popup.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top:5px solid #553982}.royal-theme.fr-toolbar{color:#553982;background:#fff;font-family:Arial,Helvetica,sans-serif;padding:0 2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);border:0;border-top:5px solid #553982}.royal-theme.fr-toolbar.fr-inline .fr-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #553982;top:-9px;margin-left:-5px}.royal-theme.fr-toolbar.fr-inline.fr-above{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);border-bottom:5px solid #553982;border-top:0}.royal-theme.fr-toolbar.fr-inline.fr-above .fr-arrow{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-width:5px}.royal-theme.fr-toolbar.fr-top{top:0;border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.royal-theme.fr-toolbar.fr-bottom{bottom:0;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16)}.royal-theme .fr-separator{background:#ebebeb}.royal-theme .fr-separator.fr-vs{height:34px;width:1px;margin:2px}.royal-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px} \ No newline at end of file diff --git a/Resources/public/froala_editor_2.4.2/html/3rd-party/at.js.html b/Resources/public/froala_editor_2.4.2/html/3rd-party/at.js.html deleted file mode 100644 index d5c3c95b..00000000 --- a/Resources/public/froala_editor_2.4.2/html/3rd-party/at.js.html +++ /dev/null @@ -1,133 +0,0 @@ - - -
- - - - - - - - - - - - - - - - - - - - - - - -Froala WYSIWYG Editor can easily be integrated with the amazing At.js library. Type an @ to display the autocomplete list.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
The code_view.min.js plugin can be used as is or you can use also use it together with Code Mirror. All there is to be done is to include the corresponding Code Mirror CSS and JS files.
-asdasd | asdasdasd |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-You can use at any time in your code the following snippet to get the content inside the Froala WYSIWYG HTML Editor
-$('div#selector').froalaEditor('html.get');
The buttons above will initialize and destroy the rich text editor again.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
Click the insert HTML button in the toolbar to insert some HTML.
-This example allows you to see when the contentChanged event is triggered and how the rich text editor's content appears outside the editable area.
- -Start typing and you can preview the code of the WYSIWYG HTML editor as you type below the editing box.
-This example allows you to see when the contentChanged event is triggered and how the rich text editor's content appears outside the editable area.
- -Start typing and you can preview the content of the WYSIWYG HTML editor as you type below the editing box.
-You can see the new buttons added after the separator in the toolbar.
- -Froala WYSIWYG HTML Editor covers a lot of functionalities through the default buttons. However, you might need buttons with another behavior to be integrated in the toolbar. This can be done by defining a custom command and then passing the command in the buttons list. More details about defining a custom command can be found in the Custom Button concept.
- -After defining custom buttons you need to add them to the toolbar buttons list, using the following options: toolbarButtons, toolbarButtonsMD, toolbarButtonsSM and toolbarButtonsXS as explained in the Custom Toolbar example.
-An example of custom dropdown for the WYSIWYG HTML editor.
- -More details about defining a custom dropdown can be found in the Custom Dropdown concept.
- -After defining custom buttons you need to add them to the toolbar buttons list, using the following options: toolbarButtons, toolbarButtonsMD, toolbarButtonsSM and toolbarButtonsXS as explained in the Custom Toolbar example.
-This example illustrates how to clear the text using a button external to the Froala WYSIWYG HTML Editor interface.
-To use subscript
and superscript
, just make sure that you include these buttons in the buttons list using the toolbarButtons option.
This example allows you to see when the blur and the focus events are triggered. Open the browser console to follow the event flow.
-Use the input below to test focus and blur events together with an input.
-This example allows you to see when the contentChanged event is triggered. Open the browser console to follow the event.
-Drag & Drop the box above into the editable area to see the drop event being triggered. Don't forget to open the browser console to follow the event.
-In this example you can see how the image.removed event is fired. Don't forget to open the browser console.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.This example allows you to see when the initialized and destroy events are triggered. Open the browser console to follow the events.
-You can destroy and initialize the editor again to see the events being triggered.
-asdasd | asdasdasd |
Click on the image to see the custom image button.
- -An example of custom button for the image editing popup. More details about defining a custom image button can be found in the Custom Button concept.
- -After defining custom buttons you need to add them to the image popup buttons list, using the imageEditButtons option.
-Images inserted in the editor have a default width of 300px. This can be changed using the imageDefaultWidth option.
- -Setting this option to 0 will not set any width to the inserted image.
-The classes should be defined in CSS, otherwise no changes will be visible on the image's appearance.
- - - -You can define your own image styles using the imageStyles
option. This option is an Object where the key represents the class name and its value is the style name that appears in the dropdown list. It is important to have unique keys otherwise they will not work properly.
By default you can select multiple image styles at a time. If you want to toggle them and allow only one style to be selected at a time use the imageMultipleStyles
option.
Using the image.beforeUpload
event, the images can be inserted as base64 instead of being uploaded to the server.
asdasd | asdasdasd |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the initOnClick option if you have more rich text editors on the same page.
- -Click here to initialize the WYSIWYG HTML editor on this text.
-Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the initOnClick option if you have more rich text editors on the same page.
- -Click here to initialize the WYSIWYG HTML editor on this text.
-Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the initOnClick option if you have more rich text editors on the same page.
- -Click here to initialize the WYSIWYG HTML editor on this text.
-It is possible to initialize the WYSIWYG HTML editor only on a button.
- -Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the initOnClick option if you have more rich text editors on the same page.
- -Click here to initialize the WYSIWYG HTML editor on this text.
-Using the image.min.js
plugin it is possible to initialize the WYSIWYG HTML editor only on an image.
Using the link.min.js
plugin it is possible to initialize the WYSIWYG HTML editor only on a link.
The rich text editor will be initialized only on this following link: Froala WYSIWYG HTML editor website
-This example allows you to see when the initialized event is triggered. Open the browser console to follow the event.
-You can destroy and initialize the editor again to see the event being triggered.
-The rich text editor has full RTL support. Set the direction option to rtl and writing in Arabic or Farsi will feel naturally.
- - Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.testing rtl | -rtl | -testing rtl | -rtl | -
testing rtl | -rtl | -testing rtl | -rtl | -
The rich text editor's language can be easily changed using the language option. You can see the complete list of available languages in Languages.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
Custom buttons for RTL and LTR to change direction for the current selection.
- - - -The rich text editor has full RTL support. Set the direction option to rtl and writing in Arabic or Farsi will feel naturally.
- - Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.testing rtl | -rtl | -testing rtl | -rtl | -
testing rtl | -rtl | -testing rtl | -rtl | -
It is possible to define your own link validation method. If you insert a link in the editor that contains google string then it won't be allowed.
- -It is possible to add custom style on the selected link inside the WYSIWYG HTML editor.
- -The classes should be defined in CSS, otherwise no changes will be visible on the link's appearance.
- -it is possible to define a predefined list of links. The user can select from this list when inserting or editing a link.
- -The list of predefined links can be defined using the linkList option.
-The black border is the editable area. Select some text so that the editor appears. The editable area is inside a scrollable container.
-This is a scrollable container
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Scrollable container also works with inline toolbar.
-The black border is the editable area. Select some text so that the editor appears. The editable area is inside a scrollable container.
-This a scrollable container
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-BR
tags. When ENTER key is hit, a BR
tag is inserted.asdasd | asdasdasd |
DIV
tags. When ENTER key is hit, a new DIV
tag is created.asdasd | asdasdasd |
P
tags. When ENTER key is hit, a new P
tag is created.asdasd | asdasdasd |
Using the pasteDeniedAttrs option you can specify attributes that are removed when pasting something into the rich text editor. By default the removed attributes are class
, id
and style
When pastePlain option is enabled, Froala WYSIWYG HTML Editor filters the pasted content and keeps only plain text by removing all its rich formatting.
- -Using the pasteDeniedTags option you can specify tags that are removed when pasting something into the rich text editor. By default there are no tags removed when pasting into the editor.
-Using the char_counter.min.js
plugin it is possible to limit the number of characters that can be introduced into the WYSIWYG HTML editor.
You can type only 140 characters.
-The maximum number of characters can be changed using the charCounterMax option.
-Using the fullscreen.min.js
plugin it is possible to use the WYSIWYG HTML editor in fullscreen mode.
Make sure that the fullscreen
button is included in the toolbarButtons list. By default the fullscreen button is already in the list, but if you changed the buttons list just make sure you don't omit the fullscreen button.
Using the line_breaker.min.js
plugin it is possible to insert a new paragraph between HTML elements where the cursor cannot be placed.
There are 2 options related to the line breaker:
-- |
|
- - | - | ||||
- | - | - | - |
- | - | - | - |
- | - | - | - |
Quick Insert makes WYSIWYG HTML editing awesome.
- -The quick insert button will appear when you have focus on an empty line. To see it in action hit enter at the end of this line.
- -There are 2 options related to the quick insert:
-This zone can't be edited.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
BR
tags. When ENTER key is hit, a BR
tag is inserted.asdasd | asdasdasd |
This is the full featured Froala WYSIWYG HTML editor.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
This is some dummy text so you can see the sticky toolbar in action.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. -Using the fullPage option allows the usage of HTML
, HEAD
, BODY
tags and DOCTYPE
declaration. Switch to Code view to see the HTML code.
- | - | - | - |
- | - | - | - |
Using the iframe the editor's content will be placed in an iframe and isolated from the rest of the page.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
Init on click improves the page performance by initializing only the basic code when the page is loaded and the rest of the code when clicking in the editable area. It is highly recommended to use the initOnClick option if you have more rich text editors on the same page.
- -Click here to initialize the WYSIWYG HTML editor on this text.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.You have full control over the rich text editor's toolbar functionality. Simply customize what buttons are available, their order in the toolbar and also group them the way you want.
- -The toolbar's buttons can be customized based on the screen size using the following options:
-Buttons can be grouped together by adding separators between them. There are 2 types of separators: Vertical |
and horizontal -
. Separators can be added by passing them to any of the options above.
This is the inline example for the Froala WYSIWYG HTML Editor. For this you have to set the toolbarInline option to true
.
- | - | - | - |
- | - | - | - |
The first instance should have a higher zIndex than the second one.
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-This gray container has z-index 8. Without using the zIndex option the editor wouldn't be visible.
- -asdasd | asdasdasd |
Using the colors.min.js
plugin you can add in the WYSIWYG HTML editor the color picker feature.
There are 4 options that can be used to customize the color picker:
-This is an example of how to create your own popup.
-Using the emoticons.min.js
plugin you can insert emoticons in the WYSIWYG HTML editor.
There are 2 options that can be used to customize the insert emoticon popup:
-The editor's height will automatically adjust between the heightMin
and heightMax
values to fit the content inside the editable area.
When using the font_family.min.js plugin it is possible to add your own fonts to be used inside the WYSIWYG HTML editor.
- -First you have to include the font on your webpage. In this example we are adding 4 Google fonts: Roboto, Oswald, Montserrat and Open Sans Condensed. Then you have to define the fonts that should appear in the Font Family dropdown using the fontFamily option. This option is an Object where the key represents the font name (just the way you would pass it to the font-family CSS rule e.g. font-family: 'Roboto', sans-serif;) and its value is the font name that appears in the dropdown list e.g. Roboto.
- -By default the font family icon is visible in the editor's toolbar. If you want to be able to see the actual font family for the selected text you can use the fontFamilySelection option.
-Set a specific height to the WYSIWYG HTML editor using the height option. If the text inside is longer, then the rich text editor will get a vertical scrollbar.
-Using the inline_style.min.js
plugin it is possible to add custom style on the selected text inside the WYSIWYG HTML editor.
Use the Inline Style dropdown to select the desired inline style for the selected text inside the rich text editor.
- -Make sure that the inlineStyle
button is included in the toolbarButtons list. By default the inlineStyle button is already in the list, but if you changed the buttons list just make sure you don't omit the inlineStyle button.
You can define your own inline styles using the inlineStyles option. This option is an Object where the key of each property represents the name of the new style and its value specifies the CSS properties for it. It is important to have unique names for the styles or they will not work properly.
-Using the paragraph_style.min.js
plugin it is possible to add custom style on the selected paragraph inside the WYSIWYG HTML editor.
The classes should be defined in CSS, otherwise no changes will be visible on the paragraph's appearance.
- -You can define your own paragraph styles using the paragraphStyles option. This option is an Object where the key represents the class name and its value is the style name that appears in the dropdown list. It is important to have unique keys otherwise they will not work properly.
- -By default you can select multiple paragraph styles at a time. If you want to toggle them and allow only one style to be selected at a time use the paragraphMultipleStyles option.
-The placeholder text can be customized using the placeholderText option.
-Set a specific width to the WYSIWYG HTML editor using the width option.
-The table.min.js
plugin it is possible to add custom style on the selected table cell inside the WYSIWYG HTML editor.
The classes should be defined in CSS, otherwise no changes will be visible on the table's appearance.
- -
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
You can define your own table cell styles using the tableCellStyles option. This option is an Object where the key represents the class name and its value is the style name that appears in the dropdown list. It is important to have unique keys otherwise they will not work properly.
-By default you can select multiple table cell styles at a time. If you want to toggle them and allow only one style to be selected at a time use the tableCellMultipleStyles option.
-The table.min.js
plugin also offers a tool that allows you to insert rows and columns easier, just by going to the endge of the table.
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
There are 2 options that are related to the table insert helper works:
- -In this example you can test advanced actions on nested tables.
- -row 1, col 1 | -
-
|
- row 1, col 3 | -row 1, col 4 | -||||||
row 2, col 1 | -row 2, col 2 | -row 2, col 3 | -row 2, col 4 | -
h1 | -h2 | -h3 | -h4 | -
---|---|---|---|
row 1, col 1 | row 1, col 2 | row 1, col 3 | row 1, col 4 |
row 2, col 1 | row 2, col 2 | row 2, col 3 | row 2, col 4 |
row 3, col 1 | row 3, col 2 | row 3, col 3 | row 3, col 4 |
row 4, col 1 | row 4, col 2 | row 4, col 3 | row 4, col 4 |
a | -b | -c | -d | -e | -f | -g | -h | -i | -j | -k | -
l | -m | -n | -o | -p | -q | -r | -||||
s | -t | -u | -v | -w | -x | -|||||
y | -z | -za | -
|
- zc | -zd | -ze | -zf | -zg | -zh | -
The table.min.js
plugin also offers the possibility to resize a table in the WYSIWYG HTML editor.
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
There are 2 options that can be used to customize the way table resize works:
- -The table.min.js
plugin it is possible to add custom style on the selected table inside the WYSIWYG HTML editor.also offers the possibility to resize a table in the WYSIWYG HTML editor.
The classes should be defined in CSS, otherwise no changes will be visible on the table's appearance.
- -
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
- - |
-
You can define your own table styles using the tableStyles option. This option is an Object where the key represents the class name and its value is the style name that appears in the dropdown list. It is important to have unique keys otherwise they will not work properly.
-By default you can select multiple table styles at a time. If you want to toggle them and allow only one style to be selected at a time use the tableMultipleStyles option.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-In this example the editor contains only core features. These are builtin functionalities of the editor, with no additional plugins.
- - - -asdasd | -
-
|
- asdasdasd | -asdasdasd | -||||||
asdasd | asdasdasd | asdasdasd | asdasdasd |
This is the full featured Froala WYSIWYG HTML editor using ENTER_BR.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. -- | - | - | - |
- | - | - | - |
This is some dummy text so you can see the sticky toolbar in action.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. -This example is a combination of both Full Page and Toolbar Bottom examples.
- -Using the fullPage option allows the usage of HTML
, HEAD
, BODY
tags and DOCTYPE
declaration. Switch to Code view to see the HTML code.
- | - | - | - |
- | - | - | - |
The Image Manager will help you browse images from your server. You can either insert an image or try to replace an existing one and the "Browse" button will open the Image Manager.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
asdasd | asdasdasd |
asdasd | asdasdasd |
You can have more than one editor instance on the same page. However, this will not affect the editing experience. You can even drag and drop images from one editor to the other.
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui. Vivamus nec rutrum augue, pharetra faucibus purus. Maecenas non orci sagittis, vehicula lorem et, dignissim nunc. Suspendisse suscipit, diam non varius facilisis, enim libero tincidunt magna, sit amet iaculis eros libero sit amet eros. Vestibulum a rhoncus felis. Nam lacus nulla, consequat ac lacus sit amet, accumsan pellentesque risus. Aenean viverra mi at urna mattis fermentum. Curabitur porta metus in tortor elementum, in semper nulla ullamcorper. Vestibulum mattis tempor tortor quis gravida. In rhoncus risus nibh. Nullam condimentum dapibus massa vel fringilla. Sed hendrerit sed est quis facilisis. Ut sit amet nibh sem. Pellentesque imperdiet mollis libero.
- -Aenean sed hendrerit velit. Nullam eu mi dolor. Maecenas et erat risus. Nulla ac auctor diam, non aliquet ante. Fusce ullamcorper, ipsum id tempor lacinia, sem tellus malesuada libero, quis ornare sem massa in orci. Sed dictum dictum tristique. Proin eros turpis, ultricies eu sapien eget, ornare rutrum ipsum. Pellentesque eros nisl, ornare nec ipsum sed, aliquet sollicitudin erat. Nulla tincidunt porta vehicula.
- -Nullam laoreet imperdiet orci ac euismod. Curabitur vel lectus nisi. Phasellus accumsan aliquet augue, eu rutrum tellus iaculis in. Nunc viverra ultrices mollis. Curabitur malesuada nunc massa, ut imperdiet arcu lobortis sed. Cras ac arcu mauris. Maecenas id lectus nisl. Donec consectetur scelerisque quam at ultricies. Nam quis magna iaculis, condimentum metus ut, elementum metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus id tempus nisi.
-The default theme of the WYSIWYG HTML editor can be changed to one that better fits the color palette of your website. You can also create your own theme and customize the rich text editor's interface the way you want using our customizer.
- -The desired theme can be set using the theme option. Don't forget to include the corresponding CSS theme file.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.asdasd | asdasdasd |
The default theme of the WYSIWYG HTML editor can be changed to one that better fits the color palette of your website. You can also create your own theme and customize the rich text editor's interface the way you want using our customizer.
- -The desired theme can be set using the theme option. Don't forget to include the corresponding CSS theme file.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.asdasd | asdasdasd |
The default theme of the WYSIWYG HTML editor can be changed to one that better fits the color palette of your website. You can also create your own theme and customize the rich text editor's interface the way you want using our customizer.
- -The desired theme can be set using the theme option. Don't forget to include the corresponding CSS theme file.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.asdasd | asdasdasd |
The default theme of the WYSIWYG HTML editor can be changed to one that better fits the color palette of your website. You can also create your own theme and customize the rich text editor's interface the way you want using our customizer.
- -The desired theme can be set using the theme option. Don't forget to include the corresponding CSS theme file.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.asdasd | asdasdasd |
Scroll down to see how the sticky toolbar works at the when the toolbar is at bottom of the editing box.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - -This is the full featured editor with the toolbar at the bottom, using the toolbarBottom option.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
Scroll down to see how the sticky toolbar and offset works at the when the toolbar is at bottom of the editing box.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - -This example is a combination of both Toolbar Offset and Toolbar Bottom examples.
- -The toolbarStickyOffset option also works when toolbarBottom option is set to true
. In this case the offset is relative to the bottom of the page.
The toolbar's buttons can be customized based on the screen size using the following options:
- -Buttons can be grouped together by adding separators between them. There are 2 types of separators: Vertical |
and horizontal -
. Separators can be added by passing them to any of the options above.
You can have more than one editor instance on the same page. However, this will not affect the editing experience. You can even drag and drop images from one editor to the other.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-This is a combination of inline and external shared toolbar. There are 2 editors initialized below.
- -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.
-This is the inline example for the Froala WYSIWYG HTML Editor. For this you have to set the toolbarInline option to true
.
- | - | - | - |
- | - | - | - |
This is the inline example without selection for the Froala WYSIWYG HTML Editor. Enabling the toolbarVisibleWithoutSelection option makes the inline WYSIWYG HTML editor to appear as soon as you click in the editable area and not only when you select text.
-The toolbarStickyOffset option is useful if you have toolbarSticky: true
and you need the toolbar not to go all the way to the top of the page. E.g. you have a sticky header on the page and the editor's toolbar should remain below the header.
This is some dummy text so you can see the sticky toolbar in action together with the toolbat offset.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. -Using the fontFamilySelection, fontSizeSelection and paragraphFormatSelection options you can immediately view the selected font family, font size and paragraph format in the WYSIWYG HTML editor's toolbar.
-This is the full featured Froala WYSIWYG HTML editor with Sticky Toolbar.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis diam in odio iaculis blandit. Nunc eu mauris sit amet purus viverra gravida ut a dui.- | - | - | - |
- | - | - | - |
This is some dummy text so you can see the sticky toolbar in action.
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium efficitur lectus, porttitor ornare dolor luctus eu. Vivamus auctor nunc non vestibulum tempor. Integer tristique massa sit amet mi auctor euismod. In finibus nec purus et volutpat. Nullam consectetur est id lorem posuere, quis blandit eros dignissim. Curabitur fringilla iaculis est sed porttitor. Duis in nisi felis. - - Suspendisse ex sem, eleifend vitae felis eu, finibus malesuada odio. Duis eget risus in sem facilisis venenatis eget nec turpis. Aliquam ac sapien dictum, tempor libero sed, feugiat odio. Mauris bibendum nisi justo, eu pulvinar neque tempor ac. Vivamus suscipit in elit interdum euismod. Etiam porta molestie lobortis. Nam consectetur malesuada ante non sagittis. Nunc nec odio ex. Duis non hendrerit diam. Integer vulputate, mi a gravida pretium, ligula libero laoreet libero, in vestibulum arcu velit at velit. - - Suspendisse at neque commodo, sollicitudin lectus sed, blandit sem. Curabitur pharetra suscipit elit ac ultrices. Quisque ullamcorper quis massa et fringilla. Donec euismod, metus id porttitor semper, tortor velit accumsan metus, ut malesuada risus elit eu lorem. Mauris magna odio, efficitur et elit eu, suscipit fermentum sapien. Donec lacinia aliquet augue eu convallis. Suspendisse tincidunt lacus ac ipsum mattis malesuada. Curabitur pellentesque nec nulla ut commodo. Suspendisse pretium nunc in risus iaculis dignissim. Donec faucibus tempus lectus, vel ultrices lectus tincidunt et. Mauris pulvinar ut est in iaculis. Maecenas facilisis enim nec pharetra mattis. Aliquam laoreet egestas lacus, et porta nisl. Ut euismod laoreet purus sed eleifend. Vivamus ullamcorper sodales arcu, sit amet accumsan augue placerat semper. Duis condimentum mattis nulla sed consequat. - - Donec non dui ligula. Aliquam id efficitur massa. Donec tristique aliquet dolor, quis rhoncus felis dignissim sit amet. Duis pellentesque orci eget rhoncus lacinia. Ut dapibus neque id ex fringilla, vitae lobortis turpis interdum. Donec mi lectus, finibus id placerat ut, molestie sit amet erat. Vivamus laoreet semper dui, id efficitur eros. Etiam mollis a nisi a ullamcorper. Vivamus ut porta odio. Maecenas dictum dignissim faucibus. Vestibulum lectus lacus, tempus pulvinar fermentum in, suscipit eget ex. Sed mollis non libero at dignissim. Curabitur non justo vel dui convallis feugiat. Suspendisse quis dictum augue, et pharetra arcu. - - Curabitur sem purus, sagittis quis lorem ac, iaculis laoreet lacus. Fusce eleifend congue massa a ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sodales, tortor ut hendrerit lacinia, velit metus commodo libero, eu consequat est metus sit amet odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque eu sem vehicula, vulputate est sit amet, mattis nisi. Nullam consequat at turpis vitae pretium. Nulla risus velit, pharetra ac sollicitudin sed, volutpat nec felis. -Using the keepFormatOnDelete option you can keep format of the selected text when it is deleted.
-Change what shortcuts should be available in the WYSIWYG HTML editor using the shortcutsEnabled option.
-Shortcuts are also be visible in the button tooltips. Disable this feature using the shortcutsHint option.
-Froala WYSIWYG HTML Editor does not interfere with the natural TAB key behavior allowing you to easily navigate through pages. You can also change this behaviour and use the TAB key to indent a specified number of spaces at a time. Use the tabSpaces option to specify the number of spaces.
-