wysiwyg-rails 2.6.0 → 2.9.0

data/app/assets/stylesheets/themes/royal.css

@@ -1,7 +1,7 @@
 /*!
- * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v2.9.0 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2017 Froala Labs
+ * Copyright 2014-2018 Froala Labs
  */
 
 .clearfix::after {
@@ -22,9 +22,9 @@
 }
 .royal-theme.fr-box.fr-basic .fr-element {
   color: #000000;
-  padding: 10px;
+  padding: 16px;
   overflow-x: auto;
-  min-height: 40px;
+  min-height: 52px;
 }
 .royal-theme .fr-element {
   -webkit-user-select: auto;
@@ -53,7 +53,8 @@
   -o-transition: transform 0.2s ease 0s;
   fill: #553982;
 }
-.royal-theme.fr-box a.fr-floating-btn i {
+.royal-theme.fr-box a.fr-floating-btn i,
+.royal-theme.fr-box a.fr-floating-btn svg {
   font-size: 14px;
   line-height: 32px;
 }
@@ -70,11 +71,11 @@
   left: 0;
   right: 0;
 }
-.royal-theme .fr-wrapper ::selection {
+.royal-theme .fr-wrapper ::-moz-selection {
   background: #b5d6fd;
   color: #000000;
 }
-.royal-theme .fr-wrapper ::-moz-selection {
+.royal-theme .fr-wrapper ::selection {
   background: #b5d6fd;
   color: #000000;
 }
@@ -109,6 +110,14 @@
   -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
   box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
 }
+@media (min-width: 992px) {
+  .royal-theme .fr-box.fr-document .fr-wrapper .fr-element {
+    margin: auto;
+    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
+    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
+  }
+}
 .royal-theme .fr-sticky-on.fr-sticky-ios {
   left: 0;
   right: 0;
@@ -166,7 +175,7 @@
   width: 14px;
 }
 .royal-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme.fr-popup .fr-colors-tabs {
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
@@ -193,10 +202,26 @@
 .royal-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
   color: #553982;
 }
+.royal-theme.fr-popup .fr-color-hex-layer .fr-input-line {
+  padding: 8px 0 0;
+}
+.royal-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button {
+  background-color: #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;
+}
+.royal-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
+  background-color: #3e295f;
+}
 .royal-theme.fr-popup .fr-color-set {
   line-height: 0;
 }
-.royal-theme.fr-popup .fr-color-set > span > i {
+.royal-theme.fr-popup .fr-color-set > span > i,
+.royal-theme.fr-popup .fr-color-set > span > svg {
   bottom: 0;
   left: 0;
 }
@@ -214,42 +239,44 @@
 }
 .royal-theme .fr-drag-helper {
   background: #553982;
+  z-index: 2147483640;
 }
 .royal-theme.fr-popup .fr-link:focus {
   outline: 0;
-  background: #e6e6e6;
+  background: #ebebeb;
 }
-.royal-theme .fr-file-upload-layer {
+.royal-theme.fr-popup .fr-file-upload-layer {
   border: dashed 2px #b7bdc0;
   padding: 25px 0;
 }
-.royal-theme .fr-file-upload-layer:hover {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-file-upload-layer:hover {
+  background: #ebebeb;
 }
-.royal-theme .fr-file-upload-layer.fr-drop {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-file-upload-layer.fr-drop {
+  background: #ebebeb;
   border-color: #553982;
 }
-.royal-theme .fr-file-upload-layer .fr-form {
+.royal-theme.fr-popup .fr-file-upload-layer .fr-form {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 2147483640;
 }
-.royal-theme .fr-file-progress-bar-layer > h3 {
+.royal-theme.fr-popup .fr-file-progress-bar-layer > h3 {
   margin: 10px 0;
 }
-.royal-theme .fr-file-progress-bar-layer > div.fr-loader {
+.royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
   background: #ccc4da;
 }
-.royal-theme .fr-file-progress-bar-layer > div.fr-loader span {
+.royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
   background: #553982;
   -webkit-transition: width 0.2s ease 0s;
   -moz-transition: width 0.2s ease 0s;
   -ms-transition: width 0.2s ease 0s;
   -o-transition: width 0.2s ease 0s;
 }
-.royal-theme .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
+.royal-theme.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
   top: 0;
 }
 .royal-theme.fr-box.fr-fullscreen {
@@ -321,38 +348,40 @@
   left: 0;
   bottom: 0;
   right: 0;
+  z-index: 2147483640;
 }
-.royal-theme .fr-image-upload-layer {
+.royal-theme.fr-popup .fr-image-upload-layer {
   border: dashed 2px #b7bdc0;
   padding: 25px 0;
 }
-.royal-theme .fr-image-upload-layer:hover {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-image-upload-layer:hover {
+  background: #ebebeb;
 }
-.royal-theme .fr-image-upload-layer.fr-drop {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-image-upload-layer.fr-drop {
+  background: #ebebeb;
   border-color: #553982;
 }
-.royal-theme .fr-image-upload-layer .fr-form {
+.royal-theme.fr-popup .fr-image-upload-layer .fr-form {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 2147483640;
 }
-.royal-theme .fr-image-progress-bar-layer > h3 {
+.royal-theme.fr-popup .fr-image-progress-bar-layer > h3 {
   margin: 10px 0;
 }
-.royal-theme .fr-image-progress-bar-layer > div.fr-loader {
+.royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
   background: #ccc4da;
 }
-.royal-theme .fr-image-progress-bar-layer > div.fr-loader span {
+.royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
   background: #553982;
   -webkit-transition: width 0.2s ease 0s;
   -moz-transition: width 0.2s ease 0s;
   -ms-transition: width 0.2s ease 0s;
   -o-transition: width 0.2s ease 0s;
 }
-.royal-theme .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
+.royal-theme.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
   top: 0;
 }
 .royal-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
@@ -455,7 +484,7 @@
   color: #553982;
 }
 .royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
   background: #d6d6d6;
@@ -465,7 +494,7 @@
   color: #ffffff;
 }
 .royal-theme.royal-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme .fr-line-breaker {
   border-top: 1px solid #553982;
@@ -475,7 +504,7 @@
   top: -16px;
 }
 .royal-theme .fr-qi-helper {
-  padding-left: 10px;
+  padding-left: 16px;
 }
 .royal-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
   color: #553982;
@@ -490,6 +519,21 @@
 .royal-theme .fr-table-resizer div {
   border-right: 1px solid #553982;
 }
+.royal-theme.fr-popup .fr-table-colors-hex-layer .fr-input-line {
+  padding: 8px 0 0;
+}
+.royal-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
+  background-color: #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;
+}
+.royal-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
+  background-color: #3e295f;
+}
 .royal-theme.fr-popup .fr-table-size .fr-select-table-size {
   line-height: 0;
 }
@@ -568,37 +612,38 @@
     bottom: -5px;
   }
 }
-.royal-theme .fr-video-upload-layer {
+.royal-theme.fr-popup .fr-video-upload-layer {
   border: dashed 2px #b7bdc0;
   padding: 25px 0;
 }
-.royal-theme .fr-video-upload-layer:hover {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-video-upload-layer:hover {
+  background: #ebebeb;
 }
-.royal-theme .fr-video-upload-layer.fr-drop {
-  background: #e6e6e6;
+.royal-theme.fr-popup .fr-video-upload-layer.fr-drop {
+  background: #ebebeb;
   border-color: #553982;
 }
-.royal-theme .fr-video-upload-layer .fr-form {
+.royal-theme.fr-popup .fr-video-upload-layer .fr-form {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 2147483640;
 }
-.royal-theme .fr-video-progress-bar-layer > h3 {
+.royal-theme.fr-popup .fr-video-progress-bar-layer > h3 {
   margin: 10px 0;
 }
-.royal-theme .fr-video-progress-bar-layer > div.fr-loader {
+.royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
   background: #ccc4da;
 }
-.royal-theme .fr-video-progress-bar-layer > div.fr-loader span {
+.royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
   background: #553982;
   -webkit-transition: width 0.2s ease 0s;
   -moz-transition: width 0.2s ease 0s;
   -ms-transition: width 0.2s ease 0s;
   -o-transition: width 0.2s ease 0s;
 }
-.royal-theme .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
+.royal-theme.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
   top: 0;
 }
 .royal-theme.fr-video-overlay {
@@ -606,6 +651,7 @@
   left: 0;
   bottom: 0;
   right: 0;
+  z-index: 2147483640;
 }
 .royal-theme .fr-view span[style~="color:"] a {
   color: inherit;
@@ -655,6 +701,64 @@
 .royal-theme .fr-view .fr-text-bordered {
   padding: 10px 0;
 }
+.royal-theme .fr-view .fr-class-highlighted {
+  background-color: #ffff00;
+}
+.royal-theme .fr-view .fr-img-caption .fr-img-wrap {
+  margin: auto;
+}
+.royal-theme .fr-view .fr-img-caption .fr-img-wrap img {
+  margin: auto;
+}
+.royal-theme .fr-view .fr-img-caption .fr-img-wrap > span {
+  margin: auto;
+}
+.royal-theme .fr-element .fr-embedly::after {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.royal-theme.fr-box .fr-embedly-resizer {
+  border: solid 1px #553982;
+}
+.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-font-awesome-modal .fr-font-awesome-title {
+  border-bottom: solid 1px #f0f0f0;
+}
+.royal-theme .tui-image-editor-container {
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 10;
+}
+.royal-theme .tui-editor-cancel-btn {
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+}
+.royal-theme .tui-editor-save-btn {
+  color: #ffffff;
+}
+.royal-theme .examples-variante > a {
+  font-size: 14px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+.royal-theme .sc-cm-holder > .sc-cm {
+  border-top: 5px solid #553982 !important;
+}
+.royal-theme .sc-cm__item_dropdown:hover > a,
+.royal-theme .sc-cm a:hover {
+  background-color: #ebebeb !important;
+}
+.royal-theme .sc-cm__item_active > a,
+.royal-theme .sc-cm__item_active > a:hover,
+.royal-theme .sc-cm a:active,
+.royal-theme .sc-cm a:focus {
+  background-color: #d6d6d6 !important;
+}
+.royal-theme .sc-cm-holder > .sc-cm:before {
+  background-color: #ebebeb !important;
+}
 .royal-theme .fr-tooltip {
   top: 0;
   left: 0;
@@ -701,7 +805,9 @@
   width: auto;
 }
 .royal-theme.fr-toolbar .fr-command.fr-btn i,
-.royal-theme.fr-popup .fr-command.fr-btn i {
+.royal-theme.fr-popup .fr-command.fr-btn i,
+.royal-theme.fr-toolbar .fr-command.fr-btn svg,
+.royal-theme.fr-popup .fr-command.fr-btn svg {
   font-size: 14px;
   width: 14px;
   margin: 12px 12px;
@@ -710,7 +816,7 @@
 .royal-theme.fr-popup .fr-command.fr-btn span {
   font-size: 14px;
   line-height: 17px;
-  min-width: 38px;
+  min-width: 34px;
   height: 17px;
   padding: 0 2px;
 }
@@ -733,7 +839,9 @@
 .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 {
+.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
+.royal-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
+.royal-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg {
   margin-left: 8px;
   margin-right: 16px;
 }
@@ -786,13 +894,17 @@
   border-top-color: #b7bdc0;
 }
 .royal-theme.fr-desktop .fr-command:hover,
-.royal-theme.fr-desktop .fr-command:focus {
+.royal-theme.fr-desktop .fr-command:focus,
+.royal-theme.fr-desktop .fr-command.fr-btn-hover,
+.royal-theme.fr-desktop .fr-command.fr-expanded {
   outline: 0;
   color: #553982;
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme.fr-desktop .fr-command:hover::after,
-.royal-theme.fr-desktop .fr-command:focus::after {
+.royal-theme.fr-desktop .fr-command:focus::after,
+.royal-theme.fr-desktop .fr-command.fr-btn-hover::after,
+.royal-theme.fr-desktop .fr-command.fr-expanded::after {
   border-top-color: #553982 !important;
 }
 .royal-theme.fr-desktop .fr-command.fr-selected {
@@ -800,9 +912,11 @@
   background: #d6d6d6;
 }
 .royal-theme.fr-desktop .fr-command.fr-active:hover,
-.royal-theme.fr-desktop .fr-command.fr-active:focus {
+.royal-theme.fr-desktop .fr-command.fr-active:focus,
+.royal-theme.fr-desktop .fr-command.fr-active.fr-btn-hover,
+.royal-theme.fr-desktop .fr-command.fr-active.fr-expanded {
   color: #553982;
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme.fr-desktop .fr-command.fr-active.fr-selected {
   color: #553982;
@@ -823,6 +937,10 @@
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
 }
+.royal-theme .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
+  height: auto;
+  max-height: 275px;
+}
 .royal-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
   background: #ffffff;
   padding: 0;
@@ -881,6 +999,13 @@
   left: 0;
   bottom: 0;
   right: 0;
+  z-index: 2147483640;
+}
+.royal-theme.fr-modal.fr-middle .fr-modal-wrapper {
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-left: auto;
+  margin-right: auto;
 }
 .royal-theme.fr-modal .fr-modal-wrapper {
   border-radius: 2px;
@@ -918,10 +1043,8 @@
   -ms-transition: height 0.2s ease 0s;
   -o-transition: height 0.2s ease 0s;
 }
-.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
+.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
   color: #553982;
-}
-.royal-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
   top: 0;
   right: 0;
   -webkit-transition: color 0.2s ease 0s;
@@ -936,8 +1059,33 @@
 .royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
   outline: 0;
 }
+.royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body 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;
+  border-radius: 2px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+.royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
+.royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
+  background: #ebebeb;
+  color: #553982;
+}
+.royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
+  background: #d6d6d6;
+  color: #553982;
+}
+.royal-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
+  border: 0;
+}
 .royal-theme.royal-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
-  background: #e6e6e6;
+  background: #ebebeb;
 }
 .royal-theme.fr-overlay {
   top: 0;
@@ -1025,10 +1173,16 @@
   -moz-transition: background 0.2s ease 0s;
   -ms-transition: background 0.2s ease 0s;
   -o-transition: background 0.2s ease 0s;
+  border-radius: 2px;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
 }
 .royal-theme.fr-popup .fr-action-buttons button.fr-command:hover,
 .royal-theme.fr-popup .fr-action-buttons button.fr-command:focus {
-  background: #e6e6e6;
+  background: #ebebeb;
   color: #553982;
 }
 .royal-theme.fr-popup .fr-action-buttons button.fr-command:active {