Файл: Main Website Files/assets/js/froala_editor/css/themes/gray.css
Строк: 290
/*!
* froala_editor v1.2.6 (http://editor.froala.com)
* License
http://editor.froala.com/license
* Copyright 2014-2015 Froala Labs
*/
.gray-theme.froala-box.fr-disabled .froala-element {
color:
#999999;
}
.gray-theme.froala-box.fr-disabled
button.fr-bttn,
.gray-theme.froala-box.fr-disabled button.fr-trigger {
color: #999999 !important;
}
.gray-theme.froala-box.fr-disabled
button.fr-bttn:after,
.gray-theme.froala-box.fr-disabled
button.fr-trigger:after {
border-top-color: #999999
!important;
}
.gray-theme.froala-box .html-switch {
border-color:
#999999;
}
.gray-theme.froala-box .froala-wrapper.f-basic {
border:
solid 1px #75706b;
}
.gray-theme.froala-box
.froala-wrapper.f-basic.f-placeholder + span.fr-placeholder {
margin:
10px;
}
.gray-theme.froala-box .froala-element hr {
border-top-color:
#d1d5d8;
}
.gray-theme.froala-box .froala-element.f-placeholder:before
{
color: #d1d5d8;
}
.gray-theme.froala-box .froala-element pre {
border: solid 1px #d1d5d8;
background: #fcfcfc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.gray-theme.froala-box .froala-element
blockquote {
border-left: solid 5px #d1d5d8;
}
.gray-theme.froala-box
.froala-element img {
min-width: 32px !important;
min-height: 32px
!important;
}
.gray-theme.froala-box .froala-element img.fr-fil {
padding: 10px 10px 10px 3px;
}
.gray-theme.froala-box .froala-element
img.fr-fir {
padding: 10px 3px 10px 10px;
}
.gray-theme.froala-box
.froala-element img.fr-fin {
padding: 10px 0;
}
.gray-theme.froala-box
.froala-element img::selection {
color:
#ffffff;
}
.gray-theme.froala-box .froala-element img::-moz-selection {
color: #ffffff;
}
.gray-theme.froala-box .froala-element
span.f-img-editor:before {
border: none !important;
outline: solid
1px #2c82c9 !important;
}
.gray-theme.froala-box .froala-element
span.f-img-editor.fr-fil {
margin: 10px 10px 10px
3px;
}
.gray-theme.froala-box .froala-element span.f-img-editor.fr-fir
{
margin: 10px 3px 10px 10px;
}
.gray-theme.froala-box .froala-element
span.f-img-editor.fr-fin {
margin: 10px 0;
}
.gray-theme.froala-box
.froala-element span.f-img-handle {
height: 8px;
width: 8px;
border: solid 1px #ffffff !important;
background:
#2c82c9;
}
.gray-theme.froala-box .froala-element
span.f-video-editor.active:after {
border: solid 1px
#75706b;
}
.gray-theme.froala-box .froala-element.f-basic {
background: #ffffff;
color: #444444;
padding:
10px;
}
.gray-theme.froala-box .froala-element.f-basic a {
color:
inherit;
}
.gray-theme.froala-box .froala-element table td {
border:
solid 1px #d1d5d8;
}
.gray-theme.froala-box.f-html .froala-element {
background: #202020;
color: #ffffff;
font-family: 'Courier New',
Monospace;
font-size: 13px;
}
.gray-theme.froala-editor {
background: #efefef;
border: solid 1px #75706b;
border-top: solid 5px
#75706b;
}
.gray-theme.froala-editor hr {
border-top-color:
#d1d5d8;
}
.gray-theme.froala-editor span.f-sep {
border-right: solid
1px #d1d5d8;
height: 35px;
}
.gray-theme.froala-editor
button.fr-bttn,
.gray-theme.froala-editor button.fr-trigger {
background: transparent;
color: #75706b;
font-size: 16px;
line-height: 35px;
width: 40px;
}
.gray-theme.froala-editor
button.fr-bttn img,
.gray-theme.froala-editor button.fr-trigger img {
max-width: 40px;
max-height: 35px;
}
.gray-theme.froala-editor
button.fr-bttn:disabled,
.gray-theme.froala-editor
button.fr-trigger:disabled {
color: #999999
!important;
}
.gray-theme.froala-editor
button.fr-bttn:disabled:after,
.gray-theme.froala-editor
button.fr-trigger:disabled:after {
border-top-color: #999999
!important;
}
.gray-theme.froala-editor.ie8
button.fr-bttn:hover,
.gray-theme.froala-editor.ie8
button.fr-trigger:hover {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-editor.ie8
button.fr-bttn:hover:after,
.gray-theme.froala-editor.ie8
button.fr-trigger:hover:after {
border-top-color:
#ffffff;
}
.gray-theme.froala-editor .bttn-wrapper:not(.touch)
button.fr-bttn:hover,
.gray-theme.froala-editor .froala-popup
button.fr-bttn:hover,
.gray-theme.froala-editor .bttn-wrapper:not(.touch)
button.fr-trigger:hover,
.gray-theme.froala-editor .froala-popup
button.fr-trigger:hover {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-editor .bttn-wrapper:not(.touch)
button.fr-bttn:hover:after,
.gray-theme.froala-editor .froala-popup
button.fr-bttn:hover:after,
.gray-theme.froala-editor
.bttn-wrapper:not(.touch)
button.fr-trigger:hover:after,
.gray-theme.froala-editor .froala-popup
button.fr-trigger:hover:after {
border-top-color:
#ffffff;
}
.gray-theme.froala-editor .fr-bttn.active {
color:
#28324e;
background: transparent;
}
.gray-theme.froala-editor
.fr-trigger:after {
border-top-color:
#75706b;
}
.gray-theme.froala-editor .fr-trigger.active {
color:
#ffffff;
background: #28324e;
}
.gray-theme.froala-editor
.fr-trigger.active:after {
border-top-color: #ffffff
!important;
}
.gray-theme.froala-editor .fr-dropdown .fr-trigger {
width: calc(40px - 2px);
}
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu {
background: #ffffff;
border: solid 1px
#75706b;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu
li.active a {
background: #28324e !important;
color: #ffffff
!important;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu li
a {
color: #28324e;
}
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu li a:hover {
background: #28324e !important;
color:
#ffffff !important;
}
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu.fr-table > li:hover > a,
.gray-theme.froala-editor
.fr-dropdown .fr-dropdown-menu.fr-table > li.hover > a {
background: #28324e;
color: #ffffff;
}
.gray-theme.froala-editor
.fr-dropdown .fr-dropdown-menu.fr-table > li > ul {
background:
#ffffff;
color: #28324e;
border: solid 1px
#75706b;
}
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu.fr-table > li > div {
background: #ffffff;
color: #28324e;
border: solid 1px #75706b;
}
.gray-theme.froala-editor
.fr-dropdown .fr-dropdown-menu.fr-table > li > div > span >
span {
border: solid 1px #d1d5d8;
}
.gray-theme.froala-editor
.fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover
> span,
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu.fr-table > li > div > span.hover > span {
background: rgba(40, 50, 78, 0.3);
border: solid 1px
#28324e;
}
.gray-theme.froala-editor .fr-dropdown
.fr-dropdown-menu.fr-table > hr {
border-top: solid 1px
#75706b;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker
.fr-dropdown-menu p {
color: #28324e;
}
.gray-theme.froala-editor
.fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn {
color:
#28324e;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker
.fr-dropdown-menu p a.fr-bttn:hover {
color:
#28324e;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker
.fr-dropdown-menu .fr-color-bttn.active {
outline: solid 1px
#75706b;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker
.fr-dropdown-menu .fr-color-bttn.active:after {
color:
#ffffff;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker
.fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) {
outline: solid 1px #75706b;
}
.gray-theme.froala-editor .froala-popup {
background: #ffffff;
}
.gray-theme.froala-editor .froala-popup h4 {
color: #28324e;
}
.gray-theme.froala-editor .froala-popup h4 i {
color: #d1d5d8;
}
.gray-theme.froala-editor .froala-popup h4
i.fa-external-link {
color: #28324e;
}
.gray-theme.froala-editor
.froala-popup h4 i.fa-external-link:hover {
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup h4 i:hover {
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn {
color: #ffffff;
}
.gray-theme.froala-editor .froala-popup
button.fr-p-bttn.f-ok {
background: #75706b;
color:
#ffffff;
}
.gray-theme.froala-editor .froala-popup
button.fr-p-bttn.f-unlink {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-editor .froala-popup
button.fr-p-bttn.f-unlink:hover {
background: #d1d5d8;
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup
button.fr-p-bttn:hover,
.gray-theme.froala-editor .froala-popup
button.fr-p-bttn:focus {
background: #d1d5d8;
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup
div.f-popup-line.f-popup-toolbar {
background:
#efefef;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line label
{
color: #28324e;
}
.gray-theme.froala-editor .froala-popup
div.f-popup-line input[type="text"] {
border: solid 1px
#d1d5d8;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line
input[type="text"]:focus {
border: solid 1px
#28324e;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line
input[type="text"]:disabled {
background: #ffffff;
color:
#999999;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line
textarea {
border: solid 1px #d1d5d8;
}
.gray-theme.froala-editor
.froala-popup div.f-popup-line textarea:focus {
border: solid 1px
#28324e;
}
.gray-theme.froala-editor
.froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line
{
border-top: solid 1px #d1d5d8;
}
.gray-theme.froala-editor
.froala-popup.froala-video-popup p.or {
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
div.f-popup-line.drop-upload div.f-upload {
color: #28324e;
border:
dashed 2px #d1d5d8;
}
.gray-theme.froala-editor
.froala-popup.froala-image-popup div.f-popup-line.drop-upload
div.f-upload:hover {
border: dashed 2px
#353535;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
div.f-popup-line.drop-upload div.f-upload.f-hover {
border: dashed 2px
#61bd6d;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
div.f-popup-line button.f-browse {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
div.f-popup-line button.f-browse:hover {
background: #d1d5d8;
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
div.f-popup-line + div.f-popup-line {
border-top: solid 1px
#d1d5d8;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup
p.f-progress {
background-color: #61bd6d;
}
.gray-theme.froala-editor
.froala-popup.froala-image-popup p.f-progress span {
background-color:
#61bd6d;
color: #ffffff;
}
.gray-theme.froala-editor
.froala-popup.froala-link-popup div.f-popup-line .f-browse-links {
background: #28324e;
color: #ffffff;
}
.gray-theme.froala-editor
.froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover {
background: #d1d5d8;
color: #28324e;
}
.gray-theme.froala-editor
.froala-popup.froala-link-popup div.f-popup-line ul {
background:
#ffffff;
border: solid 1px #75706b;
}
.gray-theme.froala-editor
.froala-popup.froala-link-popup div.f-popup-line ul li {
color:
#28324e;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup
div.f-popup-line ul li + li {
border-top: solid 1px
#75706b;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup
div.f-popup-line ul li:hover {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-modal .f-modal-wrapper {
background:
#ffffff;
border: solid 1px #75706b;
border-top: solid 5px
#75706b;
}
.gray-theme.froala-modal .f-modal-wrapper h4 {
color:
#28324e;
}
.gray-theme.froala-modal .f-modal-wrapper h4 i {
color:
#d1d5d8;
}
.gray-theme.froala-modal .f-modal-wrapper h4 i:hover {
color: #28324e;
}
.gray-theme.froala-modal .f-modal-wrapper
div.f-image-list div.f-empty {
background:
#d1d5d8;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list div
.f-delete-img {
background: #28324e;
color:
#ffffff;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list div
.f-delete-img:hover {
background: #d1d5d8;
color:
#28324e;
}
.gray-theme.froala-modal .f-modal-wrapper
div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover {
background: #d1d5d8;
color: #28324e;
}
.froala-overlay {
background: #75706b;
}