red.css in wysiwyg-rails-2.6.4

- old
+ new

@@ -1,7 +1,7 @@
 /*!
- * froala_editor v2.5.1 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v2.6.4 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2017 Froala Labs
  */
 
 .clearfix::after {
@@ -653,10 +653,30 @@
   font-size: inherit;
 }
 .red-theme .fr-view .fr-text-bordered {
   padding: 10px 0;
 }
+.red-theme .examples-variante > a {
+  font-size: 14px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+.red-theme .sc-cm-holder > .sc-cm {
+  border-top: 5px solid #671b1a !important;
+}
+.red-theme .sc-cm__item_dropdown:hover > a,
+.red-theme .sc-cm a:hover {
+  background-color: #c65a59 !important;
+}
+.red-theme .sc-cm__item_active > a,
+.red-theme .sc-cm__item_active > a:hover,
+.red-theme .sc-cm a:active,
+.red-theme .sc-cm a:focus {
+  background-color: #d48382 !important;
+}
+.red-theme .sc-cm-holder > .sc-cm:before {
+  background-color: #c65a59 !important;
+}
 .red-theme .fr-tooltip {
   top: 0;
   left: 0;
   border-radius: 2px;
   -moz-border-radius: 2px;
@@ -708,11 +728,11 @@
 }
 .red-theme.fr-toolbar .fr-command.fr-btn span,
 .red-theme.fr-popup .fr-command.fr-btn span {
   font-size: 14px;
   line-height: 17px;
-  min-width: 38px;
+  min-width: 34px;
   height: 17px;
   padding: 0 2px;
 }
 .red-theme.fr-toolbar .fr-command.fr-btn img,
 .red-theme.fr-popup .fr-command.fr-btn img {
@@ -821,10 +841,14 @@
   -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.test-height .fr-dropdown-wrapper {
+  height: auto;
+  max-height: 275px;
+}
 .red-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
   background: #b8312f;
   padding: 0;
   margin: auto;
   -webkit-transition: max-height 0.2s ease 0s;
@@ -880,10 +904,16 @@
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
 }
+.red-theme.fr-modal.fr-middle .fr-modal-wrapper {
+  margin-top: 0;
+  margin-bottom: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
 .red-theme.fr-modal .fr-modal-wrapper {
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-background-clip: padding;
@@ -933,9 +963,28 @@
   margin: 0;
   font-weight: 400;
 }
 .red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
   outline: 0;
+}
+.red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body 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-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
+.red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
+  background: #c65a59;
+  color: #ffca28;
+}
+.red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
+  background: #d48382;
+  color: #ffca28;
+}
+.red-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
+  border: 0;
 }
 .red-theme.red-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
   background: #c65a59;
 }
 .red-theme.fr-overlay {