diff --git a/css/froala_editor.css b/css/froala_editor.css index fc1c9eda5..6b61919dd 100644 --- a/css/froala_editor.css +++ b/css/froala_editor.css @@ -71,6 +71,8 @@ iframe.fr-iframe { } .fr-box.fr-basic .fr-wrapper { background: #ffffff; + border: 0px; + border-top: 0; } .fr-box.fr-basic .fr-wrapper .fr-placeholder { top: 10px; @@ -84,6 +86,8 @@ iframe.fr-iframe { -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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-box.fr-basic.fr-bottom .fr-wrapper { @@ -94,6 +98,8 @@ iframe.fr-iframe { -webkit-background-clip: padding-box; background-clip: padding-box; border-bottom: 0; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-tooltip { @@ -107,16 +113,18 @@ iframe.fr-iframe { -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 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); background: #222222; color: #ffffff; font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; - -webkit-transition: opacity 0.25s; - -moz-transition: opacity 0.25s; - -ms-transition: opacity 0.25s; - -o-transition: opacity 0.25s; + -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; @@ -137,6 +145,7 @@ iframe.fr-iframe { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .fr-toolbar { + color: #222222; background: #ffffff; position: relative; z-index: 4; @@ -151,15 +160,18 @@ iframe.fr-iframe { -webkit-user-select: none; -ms-user-select: none; padding: 0 2px; - border-top: solid 5px #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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); text-align: left; + border: 0px; + border-top: 5px solid #222222; } .fr-toolbar:after { clear: both; @@ -182,9 +194,7 @@ iframe.fr-iframe { height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; - border-bottom-color: inherit; - border-bottom-style: solid; - border-bottom-width: 5px; + border-bottom: 5px solid #222222; content: ''; position: absolute; top: -9px; @@ -193,8 +203,10 @@ iframe.fr-iframe { } .fr-toolbar.fr-inline.fr-desktop.fr-above { margin-top: -10px; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - border-bottom: solid 5px #222222; + border-bottom: 5px solid #222222; border-top: 0; } .fr-toolbar.fr-inline.fr-desktop.fr-above:before { @@ -218,6 +230,8 @@ iframe.fr-iframe { -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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-toolbar.fr-bottom { @@ -228,6 +242,8 @@ iframe.fr-iframe { -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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-separator { @@ -314,10 +330,10 @@ iframe.fr-iframe { cursor: pointer; text-align: left; margin: 0px 2px; - -webkit-transition: background linear 0.1s; - -moz-transition: background linear 0.1s; - -ms-transition: background linear 0.1s; - -o-transition: background linear 0.1s; + -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; @@ -392,6 +408,7 @@ iframe.fr-iframe { .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-popup .fr-command.fr-btn.fr-dropdown { @@ -416,6 +433,13 @@ iframe.fr-iframe { .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 { @@ -463,16 +487,24 @@ iframe.fr-iframe { } .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, @@ -487,7 +519,7 @@ iframe.fr-iframe { } .fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink { - background: #d6d6d6; + background: transparent; } .fr-command.fr-btn + .fr-dropdown-menu { display: inline-block; @@ -495,6 +527,8 @@ iframe.fr-iframe { right: auto; bottom: auto; height: auto; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 3; -webkit-overflow-scrolling: touch; @@ -508,6 +542,8 @@ iframe.fr-iframe { } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { background: #ffffff; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 0; margin: auto; @@ -517,10 +553,10 @@ iframe.fr-iframe { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - -webkit-transition: max-height 0.25s; - -moz-transition: max-height 0.25s; - -ms-transition: max-height 0.25s; - -o-transition: max-height 0.25s; + -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; @@ -572,7 +608,6 @@ iframe.fr-iframe { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; - box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper { @@ -581,7 +616,10 @@ iframe.fr-iframe { .fr-popup { position: absolute; display: none; + color: #222222; background: #ffffff; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 2px; -moz-border-radius: 2px; @@ -590,7 +628,6 @@ iframe.fr-iframe { -webkit-background-clip: padding-box; background-clip: padding-box; font-family: Arial, Helvetica, sans-serif; - border-top: solid 5px #222222; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -603,11 +640,15 @@ iframe.fr-iframe { margin-top: 10px; z-index: 9995; text-align: left; + border: 0px; + border-top: 5px solid #222222; } .fr-popup.fr-above { margin-top: -10px; border-top: 0; - border-bottom: solid 5px #222222; + border-bottom: 5px solid #222222; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-popup.fr-active { @@ -632,6 +673,7 @@ iframe.fr-iframe { 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); @@ -684,10 +726,13 @@ iframe.fr-iframe { resize: none; } .fr-popup .fr-buttons { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 0 2px; white-space: nowrap; line-height: 0; + border-bottom: 0px; } .fr-popup .fr-buttons:after { clear: both; @@ -722,12 +767,11 @@ iframe.fr-iframe { display: inline-block; } .fr-popup .fr-action-buttons { - background: #ffffff; z-index: 7; height: 36px; text-align: right; } -.fr-popup .fr-action-buttons button { +.fr-popup .fr-action-buttons button.fr-command { height: 36px; line-height: 1; color: #1e88e5; @@ -743,14 +787,17 @@ iframe.fr-iframe { -ms-transition: background 0.2s ease 0s; -o-transition: background 0.2s ease 0s; } -.fr-popup .fr-action-buttons button + button { +.fr-popup .fr-action-buttons button.fr-command + button { margin-left: 24px; } -.fr-popup .fr-action-buttons button:focus { +.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:active { +.fr-popup .fr-action-buttons button.fr-command:active { background: #d6d6d6; + color: #1e88e5; } .fr-popup .fr-action-buttons button::-moz-focus-inner { border: 0; @@ -774,7 +821,7 @@ iframe.fr-iframe { height: 10px; } .fr-popup .fr-checkbox span { - border: solid 1px #000000; + border: solid 1px #222222; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -846,9 +893,7 @@ iframe.fr-iframe { height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; - border-bottom-color: inherit; - border-bottom-style: solid; - border-bottom-width: 5px; + border-bottom: 5px solid #222222; content: ''; position: absolute; top: -9px; diff --git a/css/froala_editor.min.css b/css/froala_editor.min.css index 37727cecc..ab6990495 100644 --- a/css/froala_editor.min.css +++ b/css/froala_editor.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-element{background:0 0;color:#000;position:relative;z-index:2;text-align:initial;-webkit-user-select:auto}.fr-element img{max-width:100%}.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-box.fr-basic .fr-element{padding:10px}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;overflow:auto;z-index:1}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0}.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}.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.fr-box.fr-basic.fr-bottom .fr-wrapper{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;border-bottom:0;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);background:#222;color:#fff;font-size:11px;line-height:22px;font-family:Arial,Helvetica,sans-serif;-webkit-transition:opacity .25s;-moz-transition:opacity .25s;-ms-transition:opacity .25s;-o-transition:opacity .25s;-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}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)"}.fr-toolbar{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-top:solid 5px #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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);text-align:left}.fr-toolbar:after{clear:both;display:block;content:""}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none}.fr-toolbar.fr-inline.fr-desktop{white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline.fr-desktop:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:5px;content:'';position:absolute;top:-9px;left:50%;margin-left:-5px}.fr-toolbar.fr-inline.fr-desktop.fr-above{margin-top:-10px;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-bottom:solid 5px #222;border-top:0}.fr-toolbar.fr-inline.fr-desktop.fr-above:before{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-inline.fr-mobile{left:0;right:0;width:auto!important}.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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.fr-separator{background:#ebebeb;display:none;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:33px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2 * 2px));margin:0 2px}@media (max-width:767px){.fr-separator.fr-visible-xs{display:block}}@media (min-width:768px) and (max-width:991px){.fr-separator.fr-visible-sm{display:block}}@media (min-width:992px) and (max-width:1199px){.fr-separator.fr-visible-md{display:block}}@media (min-width:1200px){.fr-separator{display:block}}.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}@media (max-width:767px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-xs{display:inline-block}}@media (min-width:768px) and (max-width:991px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-sm{display:inline-block}}@media (min-width:992px) and (max-width:1199px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-md{display:inline-block}}@media (min-width:1200px){.fr-toolbar.fr-inline .fr-separator.fr-vs{display:inline-block}}.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;display:none;cursor:pointer;text-align:left;margin:0 2px;-webkit-transition:background linear .1s;-moz-transition:background linear .1s;-ms-transition:background linear .1s;-o-transition:background linear .1s;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}@media (max-width:767px){.fr-toolbar .fr-command.fr-btn.fr-visible-xs,.fr-popup .fr-command.fr-btn.fr-visible-xs{display:inline-block}}@media (min-width:768px) and (max-width:991px){.fr-toolbar .fr-command.fr-btn.fr-visible-sm,.fr-popup .fr-command.fr-btn.fr-visible-sm{display:inline-block}}@media (min-width:992px) and (max-width:1199px){.fr-toolbar .fr-command.fr-btn.fr-visible-md,.fr-popup .fr-command.fr-btn.fr-visible-md{display:inline-block}}@media (min-width:1200px){.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{display:inline-block}}.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px;text-align:center;float:none}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{font-size:14px;display:block;line-height:14px;margin:11px 11.5px;min-width:15px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:15px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.fr-toolbar .fr-command.fr-btn.fr-active,.fr-popup .fr-command.fr-btn.fr-active{color:#1e88e5}.fr-toolbar .fr-command.fr-btn.fr-dropdown,.fr-popup .fr-command.fr-btn.fr-dropdown{width:auto}.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:7.5px;margin-right:15.5px}.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}.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:3.75px;top:16.5px;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}.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{background:#ebebeb}.fr-desktop .fr-command.fr-selected{background:#d6d6d6}.fr-desktop .fr-command.fr-active:hover,.fr-desktop .fr-command.fr-active:focus{background:#ebebeb}.fr-desktop .fr-command.fr-active.fr-selected{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:#d6d6d6}.fr-command.fr-btn+.fr-dropdown-menu{display:inline-block;position:absolute;right:auto;bottom:auto;height:auto;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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 .25s;-moz-transition:max-height .25s;-ms-transition:max-height .25s;-o-transition:max-height .25s;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}.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;box-shadow:0 -3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.fr-toolbar.fr-rtl .fr-dropdown-wrapper,.fr-popup.fr-rtl .fr-dropdown-wrapper{text-align:right!important}.fr-popup{position:absolute;display:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-top:solid 5px #222;-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}.fr-popup.fr-above{margin-top:-10px;border-top:0;border-bottom:solid 5px #222;box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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-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;font-size:14px;padding:6px 0 2px;background:rgba(0,0,0,0);position:relative;z-index:2}.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+span,.fr-popup .fr-input-line textarea+span{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:1}.fr-popup .fr-input-line input.fr-not-empty:focus+span,.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+span,.fr-popup .fr-input-line textarea.fr-not-empty+span{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{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:0 2px;white-space:nowrap;line-height:0}.fr-popup .fr-buttons:after{clear:both;display:block;content:""}.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{background:#fff;z-index:7;height:36px;text-align:right}.fr-popup .fr-action-buttons button{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+button{margin-left:24px}.fr-popup .fr-action-buttons button:focus{background:#ebebeb}.fr-popup .fr-action-buttons button:active{background:#d6d6d6}.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 #000;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{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+span,.fr-popup.fr-rtl .fr-input-line textarea+span{left:auto;right:0}.fr-popup.fr-desktop:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:5px;content:'';position:absolute;top:-9px;left:50%;margin-left:-5px}.fr-popup.fr-desktop.fr-above:before{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important}.fr-visibility-helper{display:none;margin-left:0}@media (min-width:768px){.fr-visibility-helper{margin-left:1px}}@media (min-width:992px){.fr-visibility-helper{margin-left:2px}}@media (min-width:1200px){.fr-visibility-helper{margin-left:3px}}.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{display:block} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}.fr-element,.fr-element:focus{outline:0 solid transparent}.fr-element{background:0 0;color:#000;position:relative;z-index:2;text-align:initial;-webkit-user-select:auto}.fr-element img{max-width:100%}.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-box.fr-basic .fr-element{padding:10px}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;overflow:auto;z-index:1}.fr-wrapper .fr-placeholder{position:absolute;font-size:12px;color:#aaa;z-index:1;display:none;top:0;left:0}.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}.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.fr-box.fr-basic.fr-bottom .fr-wrapper{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;border-bottom:0;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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}.fr-tooltip.fr-visible{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"alpha(Opacity=0)"}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);text-align:left;border:0;border-top:5px solid #222}.fr-toolbar:after{clear:both;display:block;content:""}.fr-toolbar.fr-rtl{text-align:right}.fr-toolbar.fr-inline{display:none}.fr-toolbar.fr-inline.fr-desktop{white-space:nowrap;position:absolute;margin-top:10px}.fr-toolbar.fr-inline.fr-desktop:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;content:'';position:absolute;top:-9px;left:50%;margin-left:-5px}.fr-toolbar.fr-inline.fr-desktop.fr-above{margin-top:-10px;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-bottom:5px solid #222;border-top:0}.fr-toolbar.fr-inline.fr-desktop.fr-above:before{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-toolbar.fr-inline.fr-mobile{left:0;right:0;width:auto!important}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.fr-separator{background:#ebebeb;display:none;vertical-align:top;float:left}.fr-separator+.fr-separator{display:none}.fr-separator.fr-vs{height:33px;width:1px;margin:2px}.fr-separator.fr-hs{clear:both;height:1px;width:calc(100% - (2 * 2px));margin:0 2px}@media (max-width:767px){.fr-separator.fr-visible-xs{display:block}}@media (min-width:768px) and (max-width:991px){.fr-separator.fr-visible-sm{display:block}}@media (min-width:992px) and (max-width:1199px){.fr-separator.fr-visible-md{display:block}}@media (min-width:1200px){.fr-separator{display:block}}.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}@media (max-width:767px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-xs{display:inline-block}}@media (min-width:768px) and (max-width:991px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-sm{display:inline-block}}@media (min-width:992px) and (max-width:1199px){.fr-toolbar.fr-inline .fr-separator.fr-vs.fr-visible-md{display:inline-block}}@media (min-width:1200px){.fr-toolbar.fr-inline .fr-separator.fr-vs{display:inline-block}}.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;display:none;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}@media (max-width:767px){.fr-toolbar .fr-command.fr-btn.fr-visible-xs,.fr-popup .fr-command.fr-btn.fr-visible-xs{display:inline-block}}@media (min-width:768px) and (max-width:991px){.fr-toolbar .fr-command.fr-btn.fr-visible-sm,.fr-popup .fr-command.fr-btn.fr-visible-sm{display:inline-block}}@media (min-width:992px) and (max-width:1199px){.fr-toolbar .fr-command.fr-btn.fr-visible-md,.fr-popup .fr-command.fr-btn.fr-visible-md{display:inline-block}}@media (min-width:1200px){.fr-toolbar .fr-command.fr-btn,.fr-popup .fr-command.fr-btn{display:inline-block}}.fr-toolbar .fr-command.fr-btn i,.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px;text-align:center;float:none}.fr-toolbar .fr-command.fr-btn span,.fr-popup .fr-command.fr-btn span{font-size:14px;display:block;line-height:14px;margin:11px 11.5px;min-width:15px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:15px}.fr-toolbar .fr-command.fr-btn img,.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.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-popup .fr-command.fr-btn.fr-dropdown{width:auto}.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:7.5px;margin-right:15.5px}.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:3.75px;top:16.5px;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}.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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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}.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}.fr-popup{position:absolute;display:none;color:#222;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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-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}.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+span,.fr-popup .fr-input-line textarea+span{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:1}.fr-popup .fr-input-line input.fr-not-empty:focus+span,.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#1e88e5}.fr-popup .fr-input-line input.fr-not-empty+span,.fr-popup .fr-input-line textarea.fr-not-empty+span{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}.fr-popup .fr-buttons:after{clear:both;display:block;content:""}.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{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+span,.fr-popup.fr-rtl .fr-input-line textarea+span{left:auto;right:0}.fr-popup.fr-desktop:before{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #222;content:'';position:absolute;top:-9px;left:50%;margin-left:-5px}.fr-popup.fr-desktop.fr-above:before{top:auto;bottom:-9px;border-bottom:0;border-top-color:inherit;border-top-style:solid;border-top-width:5px}.fr-text-edit-layer{width:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important}.fr-visibility-helper{display:none;margin-left:0}@media (min-width:768px){.fr-visibility-helper{margin-left:1px}}@media (min-width:992px){.fr-visibility-helper{margin-left:2px}}@media (min-width:1200px){.fr-visibility-helper{margin-left:3px}}.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{display:block} \ No newline at end of file diff --git a/css/froala_style.css b/css/froala_style.css index 54caac8b1..e2fcde5ee 100644 --- a/css/froala_style.css +++ b/css/froala_style.css @@ -57,18 +57,18 @@ word-wrap: break-word; } .fr-view blockquote { - border-left: solid 2px #5E35B1; + border-left: solid 2px #5e35b1; margin-left: 0; padding-left: 5px; - color: #5E35B1; + color: #5e35b1; } .fr-view blockquote blockquote { - border-color: #00BCD4; - color: #00BCD4; + border-color: #00bcd4; + color: #00bcd4; } .fr-view blockquote blockquote blockquote { - border-color: #43A047; - color: #43A047; + border-color: #43a047; + color: #43a047; } .fr-view a.fr-strong { font-weight: 700; diff --git a/css/froala_style.min.css b/css/froala_style.min.css index be474ce5d..096769de3 100644 --- a/css/froala_style.min.css +++ b/css/froala_style.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.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-color:red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view img{z-index:3;position:relative;overflow:auto;cursor:pointer}.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}.fr-view .fr-file{position:relative}.fr-view .fr-file:after{position:relative;content:"\1F4CE"}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.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 a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}img.fr-dib{margin:auto;display:block;float:none;vertical-align:top;margin-top:5px;margin-bottom:5px}img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}img.fr-dii{margin:auto;display:inline-block;float:none;margin-top:5px;margin-bottom:5px}img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px;float:left}img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px;float:right}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}img.fr-bordered{border:solid 10px #CCC}.fr-video{text-align:center;position:relative}.fr-video.fr-dvb{display:block;clear:both}.fr-video.fr-dvb.fr-fvl{text-align:left}.fr-video.fr-dvb.fr-fvr{text-align:right}.fr-video.fr-dvi{display:inline-block}.fr-video.fr-dvi.fr-fvl{float:left}.fr-video.fr-dvi.fr-fvr{float:right} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}.fr-view table{border:0;border-collapse:collapse;empty-cells:show;max-width:100%}.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-color:red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view img{z-index:3;position:relative;overflow:auto;cursor:pointer}.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}.fr-view .fr-file{position:relative}.fr-view .fr-file:after{position:relative;content:"\1F4CE"}.fr-view pre{white-space:pre-wrap;word-wrap:break-word}.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 a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}img.fr-dib{margin:auto;display:block;float:none;vertical-align:top;margin-top:5px;margin-bottom:5px}img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}img.fr-dii{margin:auto;display:inline-block;float:none;margin-top:5px;margin-bottom:5px}img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px;float:left}img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px;float:right}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}img.fr-bordered{border:solid 10px #CCC}.fr-video{text-align:center;position:relative}.fr-video.fr-dvb{display:block;clear:both}.fr-video.fr-dvb.fr-fvl{text-align:left}.fr-video.fr-dvb.fr-fvr{text-align:right}.fr-video.fr-dvi{display:inline-block}.fr-video.fr-dvi.fr-fvl{float:left}.fr-video.fr-dvi.fr-fvr{float:right} \ No newline at end of file diff --git a/css/plugins/char_counter.css b/css/plugins/char_counter.css index 691fe6cd9..6dc11e44a 100644 --- a/css/plugins/char_counter.css +++ b/css/plugins/char_counter.css @@ -7,7 +7,7 @@ position: absolute; bottom: 5px; right: 7px; - color: #CCC; + color: #cccccc; content: attr(data-chars); font-size: 15px; font-family: "Times New Roman", Georgia, Serif; diff --git a/css/plugins/char_counter.min.css b/css/plugins/char_counter.min.css index c8c0af655..66895ea88 100644 --- a/css/plugins/char_counter.min.css +++ b/css/plugins/char_counter.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.fr-box .fr-counter{position:absolute;bottom:5px;right:7px;color:#CCC;content:attr(data-chars);font-size:15px;font-family:"Times New Roman",Georgia,Serif;z-index:1}.fr-box.fr-rtl .fr-counter{left:7px;right:auto}.fr-box.fr-code-view .fr-counter{display:none} \ No newline at end of file + */.fr-box .fr-counter{position:absolute;bottom:5px;right:7px;color:#ccc;content:attr(data-chars);font-size:15px;font-family:"Times New Roman",Georgia,Serif;z-index:1}.fr-box.fr-rtl .fr-counter{left:7px;right:auto}.fr-box.fr-code-view .fr-counter{display:none} \ No newline at end of file diff --git a/css/plugins/code_view.css b/css/plugins/code_view.css index 9924a60c5..222e26cbf 100644 --- a/css/plugins/code_view.css +++ b/css/plugins/code_view.css @@ -36,6 +36,8 @@ 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .fr-box.fr-code-view .fr-element, @@ -53,6 +55,8 @@ textarea.fr-code { position: absolute; top: 0; right: 0; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); display: none; background: #ffffff; @@ -64,10 +68,10 @@ textarea.fr-code { cursor: pointer; text-align: left; padding: 11px 11.5px; - -webkit-transition: background linear 0.1s; - -moz-transition: background linear 0.1s; - -ms-transition: background linear 0.1s; - -o-transition: background linear 0.1s; + -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; diff --git a/css/plugins/code_view.min.css b/css/plugins/code_view.min.css index f8c3ed9af..7e3a8c292 100644 --- a/css/plugins/code_view.min.css +++ b/css/plugins/code_view.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}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{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:none;background:#fff;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:11px 11.5px;-webkit-transition:background linear .1s;-moz-transition:background linear .1s;-ms-transition:background linear .1s;-o-transition:background linear .1s;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:15px;width:15px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:none;background:#fff;color:#222;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:11px 11.5px;-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:15px;width:15px;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/css/plugins/colors.css b/css/plugins/colors.css index cbf4073f4..772781ab8 100644 --- a/css/plugins/colors.css +++ b/css/plugins/colors.css @@ -9,6 +9,8 @@ content: ""; } .fr-popup .fr-colors-tabs { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); margin-bottom: 5px; } @@ -17,7 +19,7 @@ width: 50%; cursor: pointer; text-align: center; - color: #444444; + color: #222222; font-size: 13px; padding: 8px 0; position: relative; @@ -89,7 +91,7 @@ } .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span.fr-selected-color { - outline: 1px solid #444444; + 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 { diff --git a/css/plugins/colors.min.css b/css/plugins/colors.min.css index 7d6a7b00d..30b13eee9 100644 --- a/css/plugins/colors.min.css +++ b/css/plugins/colors.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.fr-popup .fr-colors-tabs{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin-bottom:5px}.fr-popup .fr-colors-tabs .fr-colors-tab{display:inline-block;width:50%;cursor:pointer;text-align:center;color:#444;font-size:13px;padding:8px 0;position:relative}.fr-popup .fr-colors-tabs .fr-colors-tab:hover{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-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:after{color:#fff;content:"\f00c";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.fr-selected-color{outline:1px solid #444;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 + */.clearfix:after{clear:both;display:block;content:""}.fr-popup .fr-colors-tabs{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);margin-bottom:5px}.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{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-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:after{color:#fff;content:"\f00c";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.fr-selected-color{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/css/plugins/file.css b/css/plugins/file.css index 738f745cc..9784edd6f 100644 --- a/css/plugins/file.css +++ b/css/plugins/file.css @@ -79,10 +79,10 @@ height: 100%; width: 0%; background: #1e88e5; - -webkit-transition: width 0.2s; - -moz-transition: width 0.2s; - -ms-transition: width 0.2s; - -o-transition: width 0.2s; + -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; diff --git a/css/plugins/file.min.css b/css/plugins/file.min.css index 97c97d5b9..a53300c83 100644 --- a/css/plugins/file.min.css +++ b/css/plugins/file.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.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 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;padding:0}.fr-file-upload-layer form input{cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;margin:0;height:100%}.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;-moz-transition:width .2s;-ms-transition:width .2s;-o-transition:width .2s}.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 + */.clearfix:after{clear:both;display:block;content:""}.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 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;padding:0}.fr-file-upload-layer form input{cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;margin:0;height:100%}.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/css/plugins/image.css b/css/plugins/image.css index 7061cc086..b6d8d0ea1 100644 --- a/css/plugins/image.css +++ b/css/plugins/image.css @@ -161,10 +161,10 @@ height: 100%; width: 0%; background: #1e88e5; - -webkit-transition: width 0.2s; - -moz-transition: width 0.2s; - -ms-transition: width 0.2s; - -o-transition: width 0.2s; + -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; diff --git a/css/plugins/image.min.css b/css/plugins/image.min.css index 9169cdb2e..42afa821b 100644 --- a/css/plugins/image.min.css +++ b/css/plugins/image.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.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 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;padding:0}.fr-image-upload-layer form input{cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;margin:0}.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;-moz-transition:width .2s;-ms-transition:width .2s;-o-transition:width .2s}.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}@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 + */.clearfix:after{clear:both;display:block;content:""}.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 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;padding:0}.fr-image-upload-layer form input{cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;margin:0}.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}@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/css/plugins/image_manager.css b/css/plugins/image_manager.css index effa10106..c7fce401f 100644 --- a/css/plugins/image_manager.css +++ b/css/plugins/image_manager.css @@ -39,8 +39,11 @@ body.prevent-scroll.fr-mobile { background: #ffffff; min-width: 300px; text-align: center; + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); - border-top: solid 5px #222222; + border: 0px; + border-top: 5px solid #222222; overflow: hidden; width: 90%; padding-bottom: 10px; @@ -64,7 +67,10 @@ body.prevent-scroll.fr-mobile { } .fr-modal .fr-modal-wrapper .fr-modal-title { background: #ffffff; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-bottom: 0px; overflow: hidden; position: absolute; width: 100%; @@ -81,7 +87,7 @@ body.prevent-scroll.fr-mobile { } .fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 { font-size: 18px; - color: #444444; + color: #222222; padding: 12px 10px; margin: 0; font-weight: 400; @@ -95,7 +101,7 @@ body.prevent-scroll.fr-mobile { font-size: 16px; cursor: pointer; line-height: 18px; - color: #444444; + color: #222222; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; @@ -143,6 +149,7 @@ body.prevent-scroll.fr-mobile { -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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:focus { outline: none; @@ -185,6 +192,8 @@ body.prevent-scroll.fr-mobile { position: relative; width: 100%; display: block; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 2px; -moz-border-radius: 2px; @@ -289,6 +298,8 @@ body.prevent-scroll.fr-mobile { -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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); position: absolute; cursor: pointer; @@ -309,7 +320,7 @@ body.prevent-scroll.fr-mobile { -o-transform: translateY(-50%) translateX(25%); } .fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img { - background: #ebebeb; + background: #ffffff; color: #1e88e5; left: 50%; -webkit-transform: translateY(-50%) translateX(-125%); @@ -341,7 +352,7 @@ body.prevent-scroll.fr-mobile { color: #ffffff; } .fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover { - background: #d6d6d6; + background: #ebebeb; } .fr-overlay { position: fixed; diff --git a/css/plugins/image_manager.min.css b/css/plugins/image_manager.min.css index 693d4094f..1be6e1510 100644 --- a/css/plugins/image_manager.min.css +++ b/css/plugins/image_manager.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}body.prevent-scroll{overflow:hidden}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;text-align:center;width:100%;z-index:9999}.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;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border-top:solid 5px #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-preloader{display:block;margin:50px auto}.fr-modal .fr-modal-wrapper .fr-modal-title{background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);overflow:hidden;position:absolute;width:100%;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-title .fr-modal-title-line:after{clear:both;display:block;content:""}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{font-size:18px;color:#444;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i{padding:12px;width:20px;font-size:16px;cursor:pointer;line-height:18px;color:#444;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line 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-title .fr-modal-tags{text-align:left;display:none}.fr-modal .fr-modal-wrapper .fr-modal-title .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}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:focus{outline:0}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-modal .fr-modal-wrapper div.fr-scroller{height:100%;min-height:150px;overflow-y:scroll}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list{margin:0 10px;padding:0}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list:after{clear:both;display:block;content:""}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px) / 2)}@media (min-width:768px) and (max-width:1199px){.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{width:calc((100% - 20px) / 3)}}@media (min-width:1200px){.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{width:calc((100% - 30px) / 4)}}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container{position:relative;width:100%;display:block;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:first-child{margin-top:10px}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container+div{margin-top:10px}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller 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)}.fr-modal .fr-modal-wrapper div.fr-scroller 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)"}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.fr-modal .fr-modal-wrapper div.fr-scroller 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;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}.fr-modal .fr-modal-wrapper div.fr-scroller 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%)}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img{background:#ebebeb;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-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#ebebeb}.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#ebebeb}.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#d6d6d6}.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} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}body.prevent-scroll{overflow:hidden}body.prevent-scroll.fr-mobile{position:fixed;-webkit-overflow-scrolling:touch}.fr-modal{position:fixed;overflow-x:auto;overflow-y:scroll;top:0;left:0;bottom:0;right:0;text-align:center;width:100%;z-index:9999}.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;text-align:center;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);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-preloader{display:block;margin:50px auto}.fr-modal .fr-modal-wrapper .fr-modal-title{background:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-bottom:0;overflow:hidden;position:absolute;width:100%;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-title .fr-modal-title-line:after{clear:both;display:block;content:""}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{font-size:18px;color:#222;padding:12px 10px;margin:0;font-weight:400;line-height:18px;display:inline-block;float:left}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line 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-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-more.fr-not-available{opacity:0;width:0;padding:12px 0}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line 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-title .fr-modal-tags{text-align:left;display:none}.fr-modal .fr-modal-wrapper .fr-modal-title .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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:focus{outline:0}.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-modal .fr-modal-wrapper div.fr-scroller{height:100%;min-height:150px;overflow-y:scroll}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list{margin:0 10px;padding:0}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list:after{clear:both;display:block;content:""}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{float:left;width:calc((100% - 10px) / 2)}@media (min-width:768px) and (max-width:1199px){.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{width:calc((100% - 20px) / 3)}}@media (min-width:1200px){.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column{width:calc((100% - 30px) / 4)}}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list .fr-list-column+.fr-list-column{margin-left:10px}.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:first-child{margin-top:10px}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container+div{margin-top:10px}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{height:95px;background:#ccc;z-index:1}.fr-modal .fr-modal-wrapper div.fr-scroller 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}.fr-modal .fr-modal-wrapper div.fr-scroller 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)}.fr-modal .fr-modal-wrapper div.fr-scroller 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)"}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img{display:inline-block}.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);position:absolute;cursor:pointer;margin:0;width:36px;height:36px;line-height:36px;text-decoration:none;z-index:3}.fr-modal .fr-modal-wrapper div.fr-scroller 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%)}.fr-modal .fr-modal-wrapper div.fr-scroller 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-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#ebebeb}.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#ebebeb}.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover img{-webkit-opacity:.75;-moz-opacity:.75;opacity:.75;-ms-filter:"alpha(Opacity=0)"}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-delete-img,.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container:hover .fr-insert-img{display:inline-block}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img: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} \ No newline at end of file diff --git a/css/plugins/line_breaker.css b/css/plugins/line_breaker.css index ed8840824..784647833 100644 --- a/css/plugins/line_breaker.css +++ b/css/plugins/line_breaker.css @@ -16,6 +16,8 @@ display: none; } .fr-line-breaker a { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-radius: 100%; -moz-border-radius: 100%; @@ -37,7 +39,7 @@ -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; } .fr-line-breaker a:hover { - background: #353535; + background: #222222; color: #ffffff; cursor: pointer; } diff --git a/css/plugins/line_breaker.min.css b/css/plugins/line_breaker.min.css index 1262dec1d..472b0ffc1 100644 --- a/css/plugins/line_breaker.min.css +++ b/css/plugins/line_breaker.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.fr-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker a{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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:24px;width:24px;text-align:center;position:absolute;left:50%;top:-12px;background:#1e88e5;color:#fff;-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}.fr-line-breaker a:hover{background:#353535;color:#fff;cursor:pointer}.fr-line-breaker a i{line-height:24px} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}.fr-line-breaker{cursor:text;border-top:1px solid #1e88e5;position:fixed;z-index:2;display:none}.fr-line-breaker a{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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:24px;width:24px;text-align:center;position:absolute;left:50%;top:-12px;background:#1e88e5;color:#fff;-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}.fr-line-breaker a:hover{background:#222;color:#fff;cursor:pointer}.fr-line-breaker a i{line-height:24px} \ No newline at end of file diff --git a/css/plugins/table.css b/css/plugins/table.css index e388ca9ec..dbe327e21 100644 --- a/css/plugins/table.css +++ b/css/plugins/table.css @@ -142,7 +142,7 @@ table th { } .fr-popup .fr-table-colors > span:hover, .fr-popup .fr-table-colors > span.fr-selected-color { - outline: 1px solid #444444; + outline: 1px solid #222222; z-index: 2; } .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { diff --git a/css/plugins/table.min.css b/css/plugins/table.min.css index 136ed51e9..59dd7356d 100644 --- a/css/plugins/table.min.css +++ b/css/plugins/table.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}table td.fr-selected-cell,table th.fr-selected-cell{border:1px double #1e88e5}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}table td,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-no-selection table td,.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:2;display:none;padding:0 5px}.fr-table-resizer.fr-moving{z-index:1}.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}.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,.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,.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:""}.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.fr-selected-color:after{color:#fff;content:"\f00c";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-table-colors>span:hover,.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #444;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}table td.fr-selected-cell,table th.fr-selected-cell{border:1px double #1e88e5}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}table td,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-no-selection table td,.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:2;display:none;padding:0 5px}.fr-table-resizer.fr-moving{z-index:1}.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}.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,.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,.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:""}.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.fr-selected-color:after{color:#fff;content:"\f00c";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-table-colors>span:hover,.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #222;z-index:2}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px} \ No newline at end of file diff --git a/css/plugins/video.css b/css/plugins/video.css index f16c039dc..f7a16de66 100644 --- a/css/plugins/video.css +++ b/css/plugins/video.css @@ -43,8 +43,6 @@ } .fr-box .fr-video-resizer .fr-handler { display: block; - width: 10px; - height: 10px; position: absolute; background: #1e88e5; border: solid 1px #ffffff; @@ -54,25 +52,59 @@ box-sizing: border-box; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { - left: -5px; - top: -5px; cursor: nw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hne { - right: -5px; - top: -5px; cursor: ne-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { - left: -5px; - bottom: -5px; cursor: sw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hse { - right: -5px; - bottom: -5px; 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; diff --git a/css/plugins/video.min.css b/css/plugins/video.min.css index d6d3f42e5..1cee9b941 100644 --- a/css/plugins/video.min.css +++ b/css/plugins/video.min.css @@ -2,4 +2,4 @@ * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) * License http://editor.froala.com/license * Copyright 2014-2015 Froala Labs - */.clearfix:after{clear:both;display:block;content:""}.fr-video:after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer}.fr-video.fr-active>*{z-index:2;position:relative}.fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.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;width:10px;height:10px;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{left:-5px;top:-5px;cursor:nw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hne{right:-5px;top:-5px;cursor:ne-resize}.fr-box .fr-video-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px;cursor:sw-resize}.fr-box .fr-video-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px;cursor:se-resize}.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-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;display:none} \ No newline at end of file + */.clearfix:after{clear:both;display:block;content:""}.fr-video:after{position:absolute;content:'';z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer}.fr-video.fr-active>*{z-index:2;position:relative}.fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.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-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/css/themes/dark.css b/css/themes/dark.css new file mode 100644 index 000000000..443897b1f --- /dev/null +++ b/css/themes/dark.css @@ -0,0 +1,825 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */ +.clearfix:after { + clear: both; + display: block; + content: ""; +} +.dark-theme .fr-view table td, +.dark-theme .fr-view table th { + border: 1px solid #dddddd; +} +.dark-theme .fr-view blockquote { + border-left: solid 2px #5e35b1; + 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 img.fr-dib { + margin-top: 5px; + margin-bottom: 5px; +} +.dark-theme img.fr-dib.fr-fil { + margin: 5px auto 5px 0; + left: 5px; +} +.dark-theme img.fr-dib.fr-fir { + margin: 5px 0 5px auto; + right: 5px; +} +.dark-theme img.fr-dii { + margin-top: 5px; + margin-bottom: 5px; +} +.dark-theme img.fr-dii.fr-fil { + margin: 5px 10px 5px 0; + left: 5px; +} +.dark-theme img.fr-dii.fr-fir { + margin: 5px 0 5px 10px; + right: 5px; +} +.dark-theme .fr-tooltip { + 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 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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-element { + color: #000000; +} +.dark-theme.fr-box.fr-basic .fr-element { + padding: 10px; +} +.dark-theme .fr-wrapper .fr-placeholder { + font-size: 12px; + color: #aaaaaa; +} +.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; +} +.dark-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder { + top: 10px; + left: 10px; +} +.dark-theme.fr-box.fr-basic.fr-top .fr-wrapper { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-box.fr-basic.fr-bottom .fr-wrapper { + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-toolbar .fr-command.fr-btn, +.dark-theme.fr-popup .fr-command.fr-btn { + color: #ffffff; + 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; +} +.dark-theme.fr-toolbar .fr-command.fr-btn i, +.dark-theme.fr-popup .fr-command.fr-btn i { + font-size: 15px; + width: 15px; + margin: 11px 11.5px; +} +.dark-theme.fr-toolbar .fr-command.fr-btn span, +.dark-theme.fr-popup .fr-command.fr-btn span { + font-size: 14px; + line-height: 14px; + margin: 11px 11.5px; + min-width: 15px; + height: 15px; +} +.dark-theme.fr-toolbar .fr-command.fr-btn img, +.dark-theme.fr-popup .fr-command.fr-btn img { + margin: 11px 11.5px; + width: 15px; +} +.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 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: 7.5px; + margin-right: 15.5px; +} +.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 { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid #ffffff; + right: 3.75px; + top: 16.5px; +} +.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; +} +.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-desktop .fr-command.fr-disabled:hover, +.dark-theme.fr-desktop .fr-command.fr-disabled:focus, +.dark-theme.fr-desktop .fr-command.fr-disabled.fr-selected { + background: transparent; +} +.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 { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -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; +} +.dark-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { + max-height: 275px; +} +.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 .fr-dropdown-wrapper { + 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-popup { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + color: #ffffff; + background: #353535; + 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-above { + border-bottom: 5px solid #222222; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-popup .fr-input-line input[type="text"], +.dark-theme.fr-popup .fr-input-line textarea { + color: #ffffff; + border-bottom: solid 1px #bdbdbd; +} +.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 + span, +.dark-theme.fr-popup .fr-input-line textarea + span { + -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-popup .fr-input-line input.fr-not-empty:focus + span, +.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + span { + color: #42a5f5; +} +.dark-theme.fr-popup .fr-input-line input.fr-not-empty + span, +.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty + span { + color: #808080; +} +.dark-theme.fr-popup .fr-buttons { + padding: 0 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-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:checked + span { + background: #42a5f5; + border-color: #42a5f5; +} +.dark-theme.fr-popup .fr-checkbox input:focus + span { + border-color: #42a5f5; +} +.dark-theme.fr-popup.fr-desktop:before { + 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-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border: 0px; + border-top: 5px solid #222222; +} +.dark-theme.fr-toolbar.fr-inline.fr-desktop:before { + 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-desktop.fr-above { + border-bottom: 5px solid #222222; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.dark-theme.fr-toolbar.fr-top { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-toolbar.fr-bottom { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme .fr-separator { + background: #595959; +} +.dark-theme .fr-separator.fr-vs { + height: 33px; + width: 1px; + margin: 2px; +} +.dark-theme .fr-separator.fr-hs { + height: 1px; + width: calc(100% - (2 * 2px)); + margin: 0 2px; +} +.dark-theme.fr-box .fr-counter { + color: #aaaaaa; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { + background: #ffffff; + color: #ffffff; + padding: 11px 11.5px; + -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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { + font-size: 15px; + width: 15px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab { + color: #ffffff; +} +.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover { + color: #42a5f5; +} +.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]:after { + 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 > span.fr-selected-color:after { + color: #ffffff; +} +.dark-theme.fr-popup .fr-color-set > span:hover, +.dark-theme.fr-popup .fr-color-set > span.fr-selected-color { + outline: 1px solid #ffffff; +} +.dark-theme .fr-file-upload-layer { + border: dashed 2px #808080; +} +.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-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-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-upload-layer { + border: dashed 2px #808080; +} +.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-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-line-breaker { + border-top: 1px solid #42a5f5; +} +.dark-theme .fr-line-breaker a { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 24px; + width: 24px; + top: -12px; + background: #42a5f5; + color: #000000; + -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; +} +.dark-theme .fr-line-breaker a:hover { + background: #222222; + color: #ffffff; +} +.dark-theme .fr-line-breaker a i { + line-height: 24px; +} +.dark-theme table td.fr-selected-cell, +.dark-theme 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 > span > span { + border: 1px solid #dddddd; +} +.dark-theme.fr-popup .fr-table-size .fr-select-table-size > span:hover > span, +.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 > span.fr-selected-color:after { + color: #ffffff; +} +.dark-theme.fr-popup .fr-table-colors > span:hover, +.dark-theme.fr-popup .fr-table-colors > span.fr-selected-color { + outline: 1px solid #ffffff; +} +.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-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; + background: #ffffff; + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + border: 0px; + border-top: 5px solid #222222; +} +.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title { + background: #353535; + -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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-bottom: 0px; +} +.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 { + color: #ffffff; +} +.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i { + color: #ffffff; +} +.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close { + -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-title .fr-modal-tags a { + 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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #2e2e2e; +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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; +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before { + color: #ffffff; +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty { + background: #aaaaaa; +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img, +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img { + background: #b8312f; + color: #ffffff; +} +.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img { + background: #353535; + color: #42a5f5; +} +.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover { + background: #3d3d3d; +} +.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover { + background: #3d3d3d; +} +.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #2e2e2e; +} +.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover { + background: #bf4644; + color: #ffffff; +} +.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover { + background: #3d3d3d; +} +.dark-theme.fr-overlay { + background: #000000; +} diff --git a/css/themes/dark.min.css b/css/themes/dark.min.css new file mode 100644 index 000000000..973164206 --- /dev/null +++ b/css/themes/dark.min.css @@ -0,0 +1,5 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */.clearfix:after{clear:both;display:block;content:""}.dark-theme .fr-view table td,.dark-theme .fr-view table th{border:1px solid #ddd}.dark-theme .fr-view blockquote{border-left:solid 2px #5e35b1;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 img.fr-dib{margin-top:5px;margin-bottom:5px}.dark-theme img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}.dark-theme img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}.dark-theme img.fr-dii{margin-top:5px;margin-bottom:5px}.dark-theme img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px}.dark-theme img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px}.dark-theme .fr-tooltip{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 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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-element{color:#000}.dark-theme.fr-box.fr-basic .fr-element{padding:10px}.dark-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa}.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}.dark-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.dark-theme.fr-box.fr-basic.fr-top .fr-wrapper{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-box.fr-basic.fr-bottom .fr-wrapper{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-toolbar .fr-command.fr-btn,.dark-theme.fr-popup .fr-command.fr-btn{color:#fff;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}.dark-theme.fr-toolbar .fr-command.fr-btn i,.dark-theme.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px}.dark-theme.fr-toolbar .fr-command.fr-btn span,.dark-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:14px;margin:11px 11.5px;min-width:15px;height:15px}.dark-theme.fr-toolbar .fr-command.fr-btn img,.dark-theme.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.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 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:7.5px;margin-right:15.5px}.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{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:3.75px;top:16.5px}.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}.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-desktop .fr-command.fr-disabled:hover,.dark-theme.fr-desktop .fr-command.fr-disabled:focus,.dark-theme.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.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{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-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}.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{max-height:275px}.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 .fr-dropdown-wrapper{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-popup{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#fff;background:#353535;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-above{border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-popup .fr-input-line input[type=text],.dark-theme.fr-popup .fr-input-line textarea{color:#fff;border-bottom:solid 1px #bdbdbd}.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+span,.dark-theme.fr-popup .fr-input-line textarea+span{-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-popup .fr-input-line input.fr-not-empty:focus+span,.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#42a5f5}.dark-theme.fr-popup .fr-input-line input.fr-not-empty+span,.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty+span{color:gray}.dark-theme.fr-popup .fr-buttons{padding:0 2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-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:checked+span{background:#42a5f5;border-color:#42a5f5}.dark-theme.fr-popup .fr-checkbox input:focus+span{border-color:#42a5f5}.dark-theme.fr-popup.fr-desktop:before{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-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:0;border-top:5px solid #222}.dark-theme.fr-toolbar.fr-inline.fr-desktop:before{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-desktop.fr-above{border-bottom:5px solid #222;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.dark-theme.fr-toolbar.fr-top{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-toolbar.fr-bottom{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme .fr-separator{background:#595959}.dark-theme .fr-separator.fr-vs{height:33px;width:1px;margin:2px}.dark-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.dark-theme.fr-box .fr-counter{color:#aaa}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{background:#fff;color:#fff;padding:11px 11.5px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:15px;width:15px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#fff}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover{color:#42a5f5}.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]:after{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>span.fr-selected-color:after{color:#fff}.dark-theme.fr-popup .fr-color-set>span:hover,.dark-theme.fr-popup .fr-color-set>span.fr-selected-color{outline:1px solid #fff}.dark-theme .fr-file-upload-layer{border:dashed 2px gray}.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-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-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-upload-layer{border:dashed 2px gray}.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-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-line-breaker{border-top:1px solid #42a5f5}.dark-theme .fr-line-breaker a{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:24px;width:24px;top:-12px;background:#42a5f5;color:#000;-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}.dark-theme .fr-line-breaker a:hover{background:#222;color:#fff}.dark-theme .fr-line-breaker a i{line-height:24px}.dark-theme table td.fr-selected-cell,.dark-theme 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>span>span{border:1px solid #ddd}.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span:hover>span,.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>span.fr-selected-color:after{color:#fff}.dark-theme.fr-popup .fr-table-colors>span:hover,.dark-theme.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #fff}.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-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;background:#fff;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border:0;border-top:5px solid #222}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title{background:#353535;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-bottom:0}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{color:#fff}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i{color:#fff}.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close{-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-title .fr-modal-tags a{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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#2e2e2e}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before{color:#fff}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{background:#aaa}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.dark-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img{background:#353535;color:#42a5f5}.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#3d3d3d}.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#3d3d3d}.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#2e2e2e}.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.dark-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#3d3d3d}.dark-theme.fr-overlay{background:#000} \ No newline at end of file diff --git a/css/themes/gray.css b/css/themes/gray.css new file mode 100644 index 000000000..6c4536ced --- /dev/null +++ b/css/themes/gray.css @@ -0,0 +1,825 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */ +.clearfix:after { + clear: both; + display: block; + content: ""; +} +.gray-theme .fr-view table td, +.gray-theme .fr-view table th { + border: 1px solid #dddddd; +} +.gray-theme .fr-view blockquote { + border-left: solid 2px #5e35b1; + 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 img.fr-dib { + margin-top: 5px; + margin-bottom: 5px; +} +.gray-theme img.fr-dib.fr-fil { + margin: 5px auto 5px 0; + left: 5px; +} +.gray-theme img.fr-dib.fr-fir { + margin: 5px 0 5px auto; + right: 5px; +} +.gray-theme img.fr-dii { + margin-top: 5px; + margin-bottom: 5px; +} +.gray-theme img.fr-dii.fr-fil { + margin: 5px 10px 5px 0; + left: 5px; +} +.gray-theme img.fr-dii.fr-fir { + margin: 5px 0 5px 10px; + right: 5px; +} +.gray-theme .fr-tooltip { + 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 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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-element { + color: #000000; +} +.gray-theme.fr-box.fr-basic .fr-element { + padding: 10px; +} +.gray-theme .fr-wrapper .fr-placeholder { + font-size: 12px; + color: #aaaaaa; +} +.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; +} +.gray-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder { + top: 10px; + left: 10px; +} +.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-box.fr-basic.fr-bottom .fr-wrapper { + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-toolbar .fr-command.fr-btn, +.gray-theme.fr-popup .fr-command.fr-btn { + color: #37474f; + 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; +} +.gray-theme.fr-toolbar .fr-command.fr-btn i, +.gray-theme.fr-popup .fr-command.fr-btn i { + font-size: 15px; + width: 15px; + margin: 11px 11.5px; +} +.gray-theme.fr-toolbar .fr-command.fr-btn span, +.gray-theme.fr-popup .fr-command.fr-btn span { + font-size: 14px; + line-height: 14px; + margin: 11px 11.5px; + min-width: 15px; + height: 15px; +} +.gray-theme.fr-toolbar .fr-command.fr-btn img, +.gray-theme.fr-popup .fr-command.fr-btn img { + margin: 11px 11.5px; + width: 15px; +} +.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 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: 7.5px; + margin-right: 15.5px; +} +.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 { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid #37474f; + right: 3.75px; + top: 16.5px; +} +.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; +} +.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-desktop .fr-command.fr-disabled:hover, +.gray-theme.fr-desktop .fr-command.fr-disabled:focus, +.gray-theme.fr-desktop .fr-command.fr-disabled.fr-selected { + background: transparent; +} +.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 { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -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; +} +.gray-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { + max-height: 275px; +} +.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 .fr-dropdown-wrapper { + 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-popup { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + color: #37474f; + background: #f5f5f5; + 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-above { + border-bottom: 5px solid #bdbdbd; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-popup .fr-input-line input[type="text"], +.gray-theme.fr-popup .fr-input-line textarea { + color: #37474f; + border-bottom: solid 1px #bdbdbd; +} +.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 + span, +.gray-theme.fr-popup .fr-input-line textarea + span { + -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-popup .fr-input-line input.fr-not-empty:focus + span, +.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + span { + color: #0097a7; +} +.gray-theme.fr-popup .fr-input-line input.fr-not-empty + span, +.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty + span { + color: #808080; +} +.gray-theme.fr-popup .fr-buttons { + padding: 0 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-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:checked + span { + background: #0097a7; + border-color: #0097a7; +} +.gray-theme.fr-popup .fr-checkbox input:focus + span { + border-color: #0097a7; +} +.gray-theme.fr-popup.fr-desktop:before { + 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-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border: 0px; + border-top: 5px solid #bdbdbd; +} +.gray-theme.fr-toolbar.fr-inline.fr-desktop:before { + 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-desktop.fr-above { + border-bottom: 5px solid #bdbdbd; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.gray-theme.fr-toolbar.fr-top { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-toolbar.fr-bottom { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme .fr-separator { + background: #ebebeb; +} +.gray-theme .fr-separator.fr-vs { + height: 33px; + width: 1px; + margin: 2px; +} +.gray-theme .fr-separator.fr-hs { + height: 1px; + width: calc(100% - (2 * 2px)); + margin: 0 2px; +} +.gray-theme.fr-box .fr-counter { + color: #cccccc; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { + background: #ffffff; + color: #37474f; + padding: 11px 11.5px; + -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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { + font-size: 15px; + width: 15px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab { + color: #37474f; +} +.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover { + color: #0097a7; +} +.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]:after { + 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 > span.fr-selected-color:after { + color: #ffffff; +} +.gray-theme.fr-popup .fr-color-set > span:hover, +.gray-theme.fr-popup .fr-color-set > span.fr-selected-color { + outline: 1px solid #37474f; +} +.gray-theme .fr-file-upload-layer { + border: dashed 2px #b7bdc0; +} +.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-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-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-upload-layer { + border: dashed 2px #b7bdc0; +} +.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-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-line-breaker { + border-top: 1px solid #0097a7; +} +.gray-theme .fr-line-breaker a { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 24px; + width: 24px; + top: -12px; + background: #0097a7; + color: #ffffff; + -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; +} +.gray-theme .fr-line-breaker a:hover { + background: #bdbdbd; + color: #000000; +} +.gray-theme .fr-line-breaker a i { + line-height: 24px; +} +.gray-theme table td.fr-selected-cell, +.gray-theme 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 > span > span { + border: 1px solid #dddddd; +} +.gray-theme.fr-popup .fr-table-size .fr-select-table-size > span:hover > span, +.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 > span.fr-selected-color:after { + color: #ffffff; +} +.gray-theme.fr-popup .fr-table-colors > span:hover, +.gray-theme.fr-popup .fr-table-colors > span.fr-selected-color { + outline: 1px solid #37474f; +} +.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-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; + background: #ffffff; + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + border: 0px; + border-top: 5px solid #bdbdbd; +} +.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title { + background: #f5f5f5; + -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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-bottom: 0px; +} +.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 { + color: #37474f; +} +.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i { + color: #37474f; +} +.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close { + -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-title .fr-modal-tags a { + 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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d6d6d6; +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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; +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before { + color: #ffffff; +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty { + background: #cccccc; +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img, +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img { + background: #b8312f; + color: #ffffff; +} +.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img { + background: #f5f5f5; + color: #0097a7; +} +.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover { + background: #e6e6e6; +} +.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover { + background: #e6e6e6; +} +.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d6d6d6; +} +.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover { + background: #bf4644; + color: #ffffff; +} +.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover { + background: #e6e6e6; +} +.gray-theme.fr-overlay { + background: #000000; +} diff --git a/css/themes/gray.min.css b/css/themes/gray.min.css new file mode 100644 index 000000000..68cd737f1 --- /dev/null +++ b/css/themes/gray.min.css @@ -0,0 +1,5 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */.clearfix:after{clear:both;display:block;content:""}.gray-theme .fr-view table td,.gray-theme .fr-view table th{border:1px solid #ddd}.gray-theme .fr-view blockquote{border-left:solid 2px #5e35b1;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 img.fr-dib{margin-top:5px;margin-bottom:5px}.gray-theme img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}.gray-theme img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}.gray-theme img.fr-dii{margin-top:5px;margin-bottom:5px}.gray-theme img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px}.gray-theme img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px}.gray-theme .fr-tooltip{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 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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-element{color:#000}.gray-theme.fr-box.fr-basic .fr-element{padding:10px}.gray-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa}.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}.gray-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.gray-theme.fr-box.fr-basic.fr-top .fr-wrapper{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-box.fr-basic.fr-bottom .fr-wrapper{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-toolbar .fr-command.fr-btn,.gray-theme.fr-popup .fr-command.fr-btn{color:#37474f;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}.gray-theme.fr-toolbar .fr-command.fr-btn i,.gray-theme.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px}.gray-theme.fr-toolbar .fr-command.fr-btn span,.gray-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:14px;margin:11px 11.5px;min-width:15px;height:15px}.gray-theme.fr-toolbar .fr-command.fr-btn img,.gray-theme.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.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 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:7.5px;margin-right:15.5px}.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{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #37474f;right:3.75px;top:16.5px}.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}.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-desktop .fr-command.fr-disabled:hover,.gray-theme.fr-desktop .fr-command.fr-disabled:focus,.gray-theme.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.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{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-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}.gray-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{max-height:275px}.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 .fr-dropdown-wrapper{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-popup{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#37474f;background:#f5f5f5;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-above{border-bottom:5px solid #bdbdbd;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-popup .fr-input-line input[type=text],.gray-theme.fr-popup .fr-input-line textarea{color:#37474f;border-bottom:solid 1px #bdbdbd}.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+span,.gray-theme.fr-popup .fr-input-line textarea+span{-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-popup .fr-input-line input.fr-not-empty:focus+span,.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#0097a7}.gray-theme.fr-popup .fr-input-line input.fr-not-empty+span,.gray-theme.fr-popup .fr-input-line textarea.fr-not-empty+span{color:gray}.gray-theme.fr-popup .fr-buttons{padding:0 2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-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:checked+span{background:#0097a7;border-color:#0097a7}.gray-theme.fr-popup .fr-checkbox input:focus+span{border-color:#0097a7}.gray-theme.fr-popup.fr-desktop:before{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-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:0;border-top:5px solid #bdbdbd}.gray-theme.fr-toolbar.fr-inline.fr-desktop:before{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-desktop.fr-above{border-bottom:5px solid #bdbdbd;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.gray-theme.fr-toolbar.fr-top{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-toolbar.fr-bottom{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme .fr-separator{background:#ebebeb}.gray-theme .fr-separator.fr-vs{height:33px;width:1px;margin:2px}.gray-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.gray-theme.fr-box .fr-counter{color:#ccc}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{background:#fff;color:#37474f;padding:11px 11.5px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:15px;width:15px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#37474f}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover{color:#0097a7}.gray-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]:after{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>span.fr-selected-color:after{color:#fff}.gray-theme.fr-popup .fr-color-set>span:hover,.gray-theme.fr-popup .fr-color-set>span.fr-selected-color{outline:1px solid #37474f}.gray-theme .fr-file-upload-layer{border:dashed 2px #b7bdc0}.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-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-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-upload-layer{border:dashed 2px #b7bdc0}.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-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-line-breaker{border-top:1px solid #0097a7}.gray-theme .fr-line-breaker a{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:24px;width:24px;top:-12px;background:#0097a7;color:#fff;-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}.gray-theme .fr-line-breaker a:hover{background:#bdbdbd;color:#000}.gray-theme .fr-line-breaker a i{line-height:24px}.gray-theme table td.fr-selected-cell,.gray-theme 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>span>span{border:1px solid #ddd}.gray-theme.fr-popup .fr-table-size .fr-select-table-size>span:hover>span,.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>span.fr-selected-color:after{color:#fff}.gray-theme.fr-popup .fr-table-colors>span:hover,.gray-theme.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #37474f}.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-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;background:#fff;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border:0;border-top:5px solid #bdbdbd}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title{background:#f5f5f5;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-bottom:0}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{color:#37474f}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i{color:#37474f}.gray-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close{-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-title .fr-modal-tags a{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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before{color:#fff}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.gray-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img{background:#f5f5f5;color:#0097a7}.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#e6e6e6}.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#e6e6e6}.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.gray-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#e6e6e6}.gray-theme.fr-overlay{background:#000} \ No newline at end of file diff --git a/css/themes/red.css b/css/themes/red.css new file mode 100644 index 000000000..37d16152f --- /dev/null +++ b/css/themes/red.css @@ -0,0 +1,825 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */ +.clearfix:after { + clear: both; + display: block; + content: ""; +} +.red-theme .fr-view table td, +.red-theme .fr-view table th { + border: 1px solid #dddddd; +} +.red-theme .fr-view blockquote { + border-left: solid 2px #5e35b1; + 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 img.fr-dib { + margin-top: 5px; + margin-bottom: 5px; +} +.red-theme img.fr-dib.fr-fil { + margin: 5px auto 5px 0; + left: 5px; +} +.red-theme img.fr-dib.fr-fir { + margin: 5px 0 5px auto; + right: 5px; +} +.red-theme img.fr-dii { + margin-top: 5px; + margin-bottom: 5px; +} +.red-theme img.fr-dii.fr-fil { + margin: 5px 10px 5px 0; + left: 5px; +} +.red-theme img.fr-dii.fr-fir { + margin: 5px 0 5px 10px; + right: 5px; +} +.red-theme .fr-tooltip { + 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-element { + color: #000000; +} +.red-theme.fr-box.fr-basic .fr-element { + padding: 10px; +} +.red-theme .fr-wrapper .fr-placeholder { + font-size: 12px; + color: #aaaaaa; +} +.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; +} +.red-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder { + top: 10px; + left: 10px; +} +.red-theme.fr-box.fr-basic.fr-top .fr-wrapper { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + 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-box.fr-basic.fr-bottom .fr-wrapper { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + 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-toolbar .fr-command.fr-btn, +.red-theme.fr-popup .fr-command.fr-btn { + color: #ffffff; + 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; +} +.red-theme.fr-toolbar .fr-command.fr-btn i, +.red-theme.fr-popup .fr-command.fr-btn i { + font-size: 15px; + width: 15px; + margin: 11px 11.5px; +} +.red-theme.fr-toolbar .fr-command.fr-btn span, +.red-theme.fr-popup .fr-command.fr-btn span { + font-size: 14px; + line-height: 14px; + margin: 11px 11.5px; + min-width: 15px; + height: 15px; +} +.red-theme.fr-toolbar .fr-command.fr-btn img, +.red-theme.fr-popup .fr-command.fr-btn img { + margin: 11px 11.5px; + width: 15px; +} +.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 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: 7.5px; + margin-right: 15.5px; +} +.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 { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid #ffffff; + right: 3.75px; + top: 16.5px; +} +.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; +} +.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-desktop .fr-command.fr-disabled:hover, +.red-theme.fr-desktop .fr-command.fr-disabled:focus, +.red-theme.fr-desktop .fr-command.fr-disabled.fr-selected { + background: transparent; +} +.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 { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + 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; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + -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; +} +.red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { + max-height: 275px; +} +.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 .fr-dropdown-wrapper { + 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-popup { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + color: #ffffff; + background: #b8312f; + 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-above { + border-bottom: 5px solid #671b1a; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.red-theme.fr-popup .fr-input-line input[type="text"], +.red-theme.fr-popup .fr-input-line textarea { + color: #ffffff; + border-bottom: solid 1px #bdbdbd; +} +.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 + span, +.red-theme.fr-popup .fr-input-line textarea + span { + -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-popup .fr-input-line input.fr-not-empty:focus + span, +.red-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + span { + color: #ffca28; +} +.red-theme.fr-popup .fr-input-line input.fr-not-empty + span, +.red-theme.fr-popup .fr-input-line textarea.fr-not-empty + span { + color: #808080; +} +.red-theme.fr-popup .fr-buttons { + padding: 0 2px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + 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-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:checked + span { + background: #ffca28; + border-color: #ffca28; +} +.red-theme.fr-popup .fr-checkbox input:focus + span { + border-color: #ffca28; +} +.red-theme.fr-popup.fr-desktop:before { + 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-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.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-desktop:before { + 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-desktop.fr-above { + border-bottom: 5px solid #671b1a; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.red-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.red-theme.fr-toolbar.fr-top { + 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 { + 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: 33px; + width: 1px; + margin: 2px; +} +.red-theme .fr-separator.fr-hs { + height: 1px; + width: calc(100% - (2 * 2px)); + margin: 0 2px; +} +.red-theme.fr-box .fr-counter { + color: #cccccc; +} +.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 { + background: #ffffff; + color: #ffffff; + padding: 11px 11.5px; + -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; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { + font-size: 15px; + width: 15px; +} +.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; +} +.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover { + color: #ffca28; +} +.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]:after { + 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 > span.fr-selected-color:after { + color: #ffffff; +} +.red-theme.fr-popup .fr-color-set > span:hover, +.red-theme.fr-popup .fr-color-set > span.fr-selected-color { + outline: 1px solid #ffffff; +} +.red-theme .fr-file-upload-layer { + border: dashed 2px #edc9c9; +} +.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-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-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-upload-layer { + border: dashed 2px #edc9c9; +} +.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-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-line-breaker { + border-top: 1px solid #ffca28; +} +.red-theme .fr-line-breaker a { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + height: 24px; + width: 24px; + top: -12px; + background: #ffca28; + color: #000000; + -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; +} +.red-theme .fr-line-breaker a:hover { + background: #671b1a; + color: #ffffff; +} +.red-theme .fr-line-breaker a i { + line-height: 24px; +} +.red-theme table td.fr-selected-cell, +.red-theme 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 > span > span { + border: 1px solid #dddddd; +} +.red-theme.fr-popup .fr-table-size .fr-select-table-size > span:hover > span, +.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 > span.fr-selected-color:after { + color: #ffffff; +} +.red-theme.fr-popup .fr-table-colors > span:hover, +.red-theme.fr-popup .fr-table-colors > span.fr-selected-color { + outline: 1px solid #ffffff; +} +.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-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; + background: #ffffff; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: solid 1px #671b1a; + border-top: 5px solid #671b1a; +} +.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title { + background: #b8312f; + -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; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-bottom: solid 1px #671b1a; +} +.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 { + color: #ffffff; +} +.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i { + color: #ffffff; +} +.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close { + -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-title .fr-modal-tags a { + 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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d48382; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container { + 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; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before { + color: #ffffff; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty { + background: #cccccc; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img, +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img { + background: #b8312f; + color: #ffffff; +} +.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img { + background: #b8312f; + color: #ffca28; +} +.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover { + background: #c65a59; +} +.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover { + background: #c65a59; +} +.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d48382; +} +.red-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover { + background: #bf4644; + color: #ffffff; +} +.red-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover { + background: #c65a59; +} +.red-theme.fr-overlay { + background: #000000; +} diff --git a/css/themes/red.min.css b/css/themes/red.min.css new file mode 100644 index 000000000..fbdf862dc --- /dev/null +++ b/css/themes/red.min.css @@ -0,0 +1,5 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */.clearfix:after{clear:both;display:block;content:""}.red-theme .fr-view table td,.red-theme .fr-view table th{border:1px solid #ddd}.red-theme .fr-view blockquote{border-left:solid 2px #5e35b1;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 img.fr-dib{margin-top:5px;margin-bottom:5px}.red-theme img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}.red-theme img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}.red-theme img.fr-dii{margin-top:5px;margin-bottom:5px}.red-theme img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px}.red-theme img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px}.red-theme .fr-tooltip{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-element{color:#000}.red-theme.fr-box.fr-basic .fr-element{padding:10px}.red-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa}.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}.red-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.red-theme.fr-box.fr-basic.fr-top .fr-wrapper{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;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-box.fr-basic.fr-bottom .fr-wrapper{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;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-toolbar .fr-command.fr-btn,.red-theme.fr-popup .fr-command.fr-btn{color:#fff;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}.red-theme.fr-toolbar .fr-command.fr-btn i,.red-theme.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px}.red-theme.fr-toolbar .fr-command.fr-btn span,.red-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:14px;margin:11px 11.5px;min-width:15px;height:15px}.red-theme.fr-toolbar .fr-command.fr-btn img,.red-theme.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.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 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:7.5px;margin-right:15.5px}.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{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:3.75px;top:16.5px}.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}.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-desktop .fr-command.fr-disabled:hover,.red-theme.fr-desktop .fr-command.fr-disabled:focus,.red-theme.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.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{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;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;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-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}.red-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{max-height:275px}.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 .fr-dropdown-wrapper{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-popup{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;background:#b8312f;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-above{border-bottom:5px solid #671b1a;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-popup .fr-input-line input[type=text],.red-theme.fr-popup .fr-input-line textarea{color:#fff;border-bottom:solid 1px #bdbdbd}.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+span,.red-theme.fr-popup .fr-input-line textarea+span{-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-popup .fr-input-line input.fr-not-empty:focus+span,.red-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#ffca28}.red-theme.fr-popup .fr-input-line input.fr-not-empty+span,.red-theme.fr-popup .fr-input-line textarea.fr-not-empty+span{color:gray}.red-theme.fr-popup .fr-buttons{padding:0 2px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;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-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:checked+span{background:#ffca28;border-color:#ffca28}.red-theme.fr-popup .fr-checkbox input:focus+span{border-color:#ffca28}.red-theme.fr-popup.fr-desktop:before{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-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.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-desktop:before{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-desktop.fr-above{border-bottom:5px solid #671b1a;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.red-theme.fr-toolbar.fr-top{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{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:33px;width:1px;margin:2px}.red-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.red-theme.fr-box .fr-counter{color:#ccc}.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{background:#fff;color:#fff;padding:11px 11.5px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.red-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:15px;width:15px}.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}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover{color:#ffca28}.red-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]:after{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>span.fr-selected-color:after{color:#fff}.red-theme.fr-popup .fr-color-set>span:hover,.red-theme.fr-popup .fr-color-set>span.fr-selected-color{outline:1px solid #fff}.red-theme .fr-file-upload-layer{border:dashed 2px #edc9c9}.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-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-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-upload-layer{border:dashed 2px #edc9c9}.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-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-line-breaker{border-top:1px solid #ffca28}.red-theme .fr-line-breaker a{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;height:24px;width:24px;top:-12px;background:#ffca28;color:#000;-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}.red-theme .fr-line-breaker a:hover{background:#671b1a;color:#fff}.red-theme .fr-line-breaker a i{line-height:24px}.red-theme table td.fr-selected-cell,.red-theme 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>span>span{border:1px solid #ddd}.red-theme.fr-popup .fr-table-size .fr-select-table-size>span:hover>span,.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>span.fr-selected-color:after{color:#fff}.red-theme.fr-popup .fr-table-colors>span:hover,.red-theme.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #fff}.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-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;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:solid 1px #671b1a;border-top:5px solid #671b1a}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title{background:#b8312f;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:solid 1px #671b1a}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{color:#fff}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i{color:#fff}.red-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close{-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-title .fr-modal-tags a{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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d48382}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container{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}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before{color:#fff}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.red-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img{background:#b8312f;color:#ffca28}.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#c65a59}.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#c65a59}.red-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d48382}.red-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.red-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#c65a59}.red-theme.fr-overlay{background:#000} \ No newline at end of file diff --git a/css/themes/royal.css b/css/themes/royal.css new file mode 100644 index 000000000..a62183dde --- /dev/null +++ b/css/themes/royal.css @@ -0,0 +1,825 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */ +.clearfix:after { + clear: both; + display: block; + content: ""; +} +.royal-theme .fr-view table td, +.royal-theme .fr-view table th { + border: 1px solid #dddddd; +} +.royal-theme .fr-view blockquote { + border-left: solid 2px #5e35b1; + 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 img.fr-dib { + margin-top: 5px; + margin-bottom: 5px; +} +.royal-theme img.fr-dib.fr-fil { + margin: 5px auto 5px 0; + left: 5px; +} +.royal-theme img.fr-dib.fr-fir { + margin: 5px 0 5px auto; + right: 5px; +} +.royal-theme img.fr-dii { + margin-top: 5px; + margin-bottom: 5px; +} +.royal-theme img.fr-dii.fr-fil { + margin: 5px 10px 5px 0; + left: 5px; +} +.royal-theme img.fr-dii.fr-fir { + margin: 5px 0 5px 10px; + right: 5px; +} +.royal-theme .fr-tooltip { + 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 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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-element { + color: #000000; +} +.royal-theme.fr-box.fr-basic .fr-element { + padding: 10px; +} +.royal-theme .fr-wrapper .fr-placeholder { + font-size: 12px; + color: #aaaaaa; +} +.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; +} +.royal-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder { + top: 10px; + left: 10px; +} +.royal-theme.fr-box.fr-basic.fr-top .fr-wrapper { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-box.fr-basic.fr-bottom .fr-wrapper { + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-toolbar .fr-command.fr-btn, +.royal-theme.fr-popup .fr-command.fr-btn { + color: #553982; + 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; +} +.royal-theme.fr-toolbar .fr-command.fr-btn i, +.royal-theme.fr-popup .fr-command.fr-btn i { + font-size: 15px; + width: 15px; + margin: 11px 11.5px; +} +.royal-theme.fr-toolbar .fr-command.fr-btn span, +.royal-theme.fr-popup .fr-command.fr-btn span { + font-size: 14px; + line-height: 14px; + margin: 11px 11.5px; + min-width: 15px; + height: 15px; +} +.royal-theme.fr-toolbar .fr-command.fr-btn img, +.royal-theme.fr-popup .fr-command.fr-btn img { + margin: 11px 11.5px; + width: 15px; +} +.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 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: 7.5px; + margin-right: 15.5px; +} +.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 { + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 4px solid #553982; + right: 3.75px; + top: 16.5px; +} +.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; +} +.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-desktop .fr-command.fr-disabled:hover, +.royal-theme.fr-desktop .fr-command.fr-disabled:focus, +.royal-theme.fr-desktop .fr-command.fr-disabled.fr-selected { + background: transparent; +} +.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 { + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + 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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -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; +} +.royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { + max-height: 275px; +} +.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 .fr-dropdown-wrapper { + 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-popup { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + color: #553982; + background: #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; + font-family: Arial, Helvetica, sans-serif; + border: 0px; + border-top: 5px solid #553982; +} +.royal-theme.fr-popup.fr-above { + border-bottom: 5px solid #553982; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-popup .fr-input-line input[type="text"], +.royal-theme.fr-popup .fr-input-line textarea { + color: #553982; + border-bottom: solid 1px #bdbdbd; +} +.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 + span, +.royal-theme.fr-popup .fr-input-line textarea + span { + -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-popup .fr-input-line input.fr-not-empty:focus + span, +.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus + span { + color: #553982; +} +.royal-theme.fr-popup .fr-input-line input.fr-not-empty + span, +.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty + span { + color: #808080; +} +.royal-theme.fr-popup .fr-buttons { + padding: 0 2px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + 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-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:checked + span { + background: #553982; + border-color: #553982; +} +.royal-theme.fr-popup .fr-checkbox input:focus + span { + border-color: #553982; +} +.royal-theme.fr-popup.fr-desktop:before { + 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-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border: 0px; + border-top: 5px solid #553982; +} +.royal-theme.fr-toolbar.fr-inline.fr-desktop:before { + 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-desktop.fr-above { + border-bottom: 5px solid #553982; + -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before { + bottom: -9px; + border-top-width: 5px; +} +.royal-theme.fr-toolbar.fr-top { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-toolbar.fr-bottom { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme .fr-separator { + background: #ebebeb; +} +.royal-theme .fr-separator.fr-vs { + height: 33px; + width: 1px; + margin: 2px; +} +.royal-theme .fr-separator.fr-hs { + height: 1px; + width: calc(100% - (2 * 2px)); + margin: 0 2px; +} +.royal-theme.fr-box .fr-counter { + color: #cccccc; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch { + background: #ffffff; + color: #553982; + padding: 11px 11.5px; + -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; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i { + font-size: 15px; + width: 15px; +} +.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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab { + color: #553982; +} +.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover { + color: #553982; +} +.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]:after { + 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 > span.fr-selected-color:after { + color: #ffffff; +} +.royal-theme.fr-popup .fr-color-set > span:hover, +.royal-theme.fr-popup .fr-color-set > span.fr-selected-color { + outline: 1px solid #553982; +} +.royal-theme .fr-file-upload-layer { + border: dashed 2px #b7bdc0; +} +.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-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-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-upload-layer { + border: dashed 2px #b7bdc0; +} +.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-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-line-breaker { + border-top: 1px solid #553982; +} +.royal-theme .fr-line-breaker a { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + height: 24px; + width: 24px; + top: -12px; + background: #553982; + color: #ffffff; + -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; +} +.royal-theme .fr-line-breaker a:hover { + background: #553982; + color: #ffffff; +} +.royal-theme .fr-line-breaker a i { + line-height: 24px; +} +.royal-theme table td.fr-selected-cell, +.royal-theme 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 > span > span { + border: 1px solid #dddddd; +} +.royal-theme.fr-popup .fr-table-size .fr-select-table-size > span:hover > span, +.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 > span.fr-selected-color:after { + color: #ffffff; +} +.royal-theme.fr-popup .fr-table-colors > span:hover, +.royal-theme.fr-popup .fr-table-colors > span.fr-selected-color { + outline: 1px solid #553982; +} +.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-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; + background: #ffffff; + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); + border: 0px; + border-top: 5px solid #553982; +} +.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title { + background: #ffffff; + -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; + -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + border-bottom: 0px; +} +.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4 { + color: #553982; +} +.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i { + color: #553982; +} +.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close { + -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-title .fr-modal-tags a { + 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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d6d6d6; +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container { + 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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; +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before { + color: #ffffff; +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty { + background: #cccccc; +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img, +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0, 0, 0, 0.24); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img { + background: #b8312f; + color: #ffffff; +} +.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img { + background: #ffffff; + color: #553982; +} +.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover { + background: #e6e6e6; +} +.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover { + background: #e6e6e6; +} +.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag { + background: #d6d6d6; +} +.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover { + background: #bf4644; + color: #ffffff; +} +.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover { + background: #e6e6e6; +} +.royal-theme.fr-overlay { + background: #000000; +} diff --git a/css/themes/royal.min.css b/css/themes/royal.min.css new file mode 100644 index 000000000..e132d4770 --- /dev/null +++ b/css/themes/royal.min.css @@ -0,0 +1,5 @@ +/*! + * froala_editor v2.0.0-rc.2 (https://www.froala.com/wysiwyg-editor/v2.0) + * License http://editor.froala.com/license + * Copyright 2014-2015 Froala Labs + */.clearfix:after{clear:both;display:block;content:""}.royal-theme .fr-view table td,.royal-theme .fr-view table th{border:1px solid #ddd}.royal-theme .fr-view blockquote{border-left:solid 2px #5e35b1;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 img.fr-dib{margin-top:5px;margin-bottom:5px}.royal-theme img.fr-dib.fr-fil{margin:5px auto 5px 0;left:5px}.royal-theme img.fr-dib.fr-fir{margin:5px 0 5px auto;right:5px}.royal-theme img.fr-dii{margin-top:5px;margin-bottom:5px}.royal-theme img.fr-dii.fr-fil{margin:5px 10px 5px 0;left:5px}.royal-theme img.fr-dii.fr-fir{margin:5px 0 5px 10px;right:5px}.royal-theme .fr-tooltip{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 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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-element{color:#000}.royal-theme.fr-box.fr-basic .fr-element{padding:10px}.royal-theme .fr-wrapper .fr-placeholder{font-size:12px;color:#aaa}.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}.royal-theme.fr-box.fr-basic .fr-wrapper .fr-placeholder{top:10px;left:10px}.royal-theme.fr-box.fr-basic.fr-top .fr-wrapper{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-box.fr-basic.fr-bottom .fr-wrapper{-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-toolbar .fr-command.fr-btn,.royal-theme.fr-popup .fr-command.fr-btn{color:#553982;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}.royal-theme.fr-toolbar .fr-command.fr-btn i,.royal-theme.fr-popup .fr-command.fr-btn i{font-size:15px;width:15px;margin:11px 11.5px}.royal-theme.fr-toolbar .fr-command.fr-btn span,.royal-theme.fr-popup .fr-command.fr-btn span{font-size:14px;line-height:14px;margin:11px 11.5px;min-width:15px;height:15px}.royal-theme.fr-toolbar .fr-command.fr-btn img,.royal-theme.fr-popup .fr-command.fr-btn img{margin:11px 11.5px;width:15px}.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 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:7.5px;margin-right:15.5px}.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{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #553982;right:3.75px;top:16.5px}.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}.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-desktop .fr-command.fr-disabled:hover,.royal-theme.fr-desktop .fr-command.fr-disabled:focus,.royal-theme.fr-desktop .fr-command.fr-disabled.fr-selected{background:0 0}.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{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);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;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-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}.royal-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content{max-height:275px}.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 .fr-dropdown-wrapper{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-popup{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);color:#553982;background:#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;font-family:Arial,Helvetica,sans-serif;border:0;border-top:5px solid #553982}.royal-theme.fr-popup.fr-above{border-bottom:5px solid #553982;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-popup .fr-input-line input[type=text],.royal-theme.fr-popup .fr-input-line textarea{color:#553982;border-bottom:solid 1px #bdbdbd}.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+span,.royal-theme.fr-popup .fr-input-line textarea+span{-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-popup .fr-input-line input.fr-not-empty:focus+span,.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+span{color:#553982}.royal-theme.fr-popup .fr-input-line input.fr-not-empty+span,.royal-theme.fr-popup .fr-input-line textarea.fr-not-empty+span{color:gray}.royal-theme.fr-popup .fr-buttons{padding:0 2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);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-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:checked+span{background:#553982;border-color:#553982}.royal-theme.fr-popup .fr-checkbox input:focus+span{border-color:#553982}.royal-theme.fr-popup.fr-desktop:before{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-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:0;border-top:5px solid #553982}.royal-theme.fr-toolbar.fr-inline.fr-desktop:before{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-desktop.fr-above{border-bottom:5px solid #553982;-webkit-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-toolbar.fr-inline.fr-desktop.fr-above:before{bottom:-9px;border-top-width:5px}.royal-theme.fr-toolbar.fr-top{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-toolbar.fr-bottom{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme .fr-separator{background:#ebebeb}.royal-theme .fr-separator.fr-vs{height:33px;width:1px;margin:2px}.royal-theme .fr-separator.fr-hs{height:1px;width:calc(100% - (2 * 2px));margin:0 2px}.royal-theme.fr-box .fr-counter{color:#ccc}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch{background:#fff;color:#553982;padding:11px 11.5px;-webkit-transition:background .2s ease 0s;-moz-transition:background .2s ease 0s;-ms-transition:background .2s ease 0s;-o-transition:background .2s ease 0s;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:15px;width:15px}.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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab{color:#553982}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover{color:#553982}.royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]:after{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>span.fr-selected-color:after{color:#fff}.royal-theme.fr-popup .fr-color-set>span:hover,.royal-theme.fr-popup .fr-color-set>span.fr-selected-color{outline:1px solid #553982}.royal-theme .fr-file-upload-layer{border:dashed 2px #b7bdc0}.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-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-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-upload-layer{border:dashed 2px #b7bdc0}.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-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-line-breaker{border-top:1px solid #553982}.royal-theme .fr-line-breaker a{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:24px;width:24px;top:-12px;background:#553982;color:#fff;-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}.royal-theme .fr-line-breaker a:hover{background:#553982;color:#fff}.royal-theme .fr-line-breaker a i{line-height:24px}.royal-theme table td.fr-selected-cell,.royal-theme 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>span>span{border:1px solid #ddd}.royal-theme.fr-popup .fr-table-size .fr-select-table-size>span:hover>span,.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>span.fr-selected-color:after{color:#fff}.royal-theme.fr-popup .fr-table-colors>span:hover,.royal-theme.fr-popup .fr-table-colors>span.fr-selected-color{outline:1px solid #553982}.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-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;background:#fff;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);-moz-box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border:0;border-top:5px solid #553982}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title{background:#fff;-webkit-transition:height .2s ease 0s;-moz-transition:height .2s ease 0s;-ms-transition:height .2s ease 0s;-o-transition:height .2s ease 0s;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);border-bottom:0}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line h4{color:#553982}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i{color:#553982}.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-title .fr-modal-title-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 .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i.fr-modal-close{-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-title .fr-modal-tags a{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 .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container{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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-image-deleting:before{color:#fff}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container.fr-empty{background:#ccc}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img,.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller 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 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img{background:#b8312f;color:#fff}.royal-theme.fr-modal .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img{background:#fff;color:#553982}.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-title-line i:hover{background:#e6e6e6}.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a:hover{background:#e6e6e6}.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper .fr-modal-title .fr-modal-tags a.fr-selected-tag{background:#d6d6d6}.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-delete-img:hover{background:#bf4644;color:#fff}.royal-theme.fr-modal.fr-desktop .fr-modal-wrapper div.fr-scroller div.fr-image-list div.fr-image-container .fr-insert-img:hover{background:#e6e6e6}.royal-theme.fr-overlay{background:#000} \ No newline at end of file diff --git a/html/boostrap/content.html b/html/boostrap/content.html index 6219bf58f..460e3cdfc 100644 --- a/html/boostrap/content.html +++ b/html/boostrap/content.html @@ -12,7 +12,6 @@ - @@ -32,7 +31,7 @@ } div#editor { - width: 80%; + width: 81%; margin: auto; text-align: left; } @@ -65,30 +64,30 @@ - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + @@ -99,10 +98,6 @@ $('#edit').froalaEditor({ enter: $.FroalaEditor.ENTER_BR }) - - $('#x').click(function (e) { - $('#edit').data('froala.editor').html.set('

foo' + $.FroalaEditor.MARKERS + 'bar

'); - }) }); diff --git a/html/boostrap/modal.html b/html/boostrap/modal.html index 28cb9564d..b7939f7ad 100644 --- a/html/boostrap/modal.html +++ b/html/boostrap/modal.html @@ -12,7 +12,6 @@ - @@ -32,7 +31,7 @@ } div#editor { - width: 80%; + width: 81%; margin: auto; text-align: left; } @@ -59,7 +58,6 @@