forked from wangjiadong/comp
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3045 lines
72 KiB
3045 lines
72 KiB
/** |
|
* Copyright (c) Tiny Technologies, Inc. All rights reserved. |
|
* Licensed under the LGPL or a commercial license. |
|
* For LGPL see License.txt in the project root for license information. |
|
* For commercial licenses see https://www.tiny.cloud/ |
|
*/ |
|
.tox { |
|
box-shadow: none; |
|
box-sizing: content-box; |
|
color: rgba(84, 111, 94, 0.85); |
|
cursor: auto; |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 10px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: normal; |
|
-webkit-tap-highlight-color: transparent; |
|
text-decoration: none; |
|
text-shadow: none; |
|
text-transform: none; |
|
vertical-align: initial; |
|
white-space: normal; |
|
} |
|
.tox *:not(svg):not(rect) { |
|
box-sizing: inherit; |
|
color: inherit; |
|
cursor: inherit; |
|
direction: inherit; |
|
font-family: inherit; |
|
font-size: inherit; |
|
font-style: inherit; |
|
font-weight: inherit; |
|
line-height: inherit; |
|
-webkit-tap-highlight-color: inherit; |
|
text-align: inherit; |
|
text-decoration: inherit; |
|
text-shadow: inherit; |
|
text-transform: inherit; |
|
vertical-align: inherit; |
|
white-space: inherit; |
|
} |
|
.tox *:not(svg):not(rect) { |
|
/* stylelint-disable-line no-duplicate-selectors */ |
|
background: transparent; |
|
border: 0; |
|
box-shadow: none; |
|
float: none; |
|
height: auto; |
|
margin: 0; |
|
max-width: none; |
|
outline: 0; |
|
padding: 0; |
|
position: static; |
|
width: auto; |
|
} |
|
.tox:not([dir=rtl]) { |
|
direction: ltr; |
|
text-align: left; |
|
} |
|
.tox[dir=rtl] { |
|
direction: rtl; |
|
text-align: right; |
|
} |
|
.tox-tinymce { |
|
border: 1px solid #d9d9d9; |
|
border-radius: 0px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
display: flex; |
|
flex-direction: column; |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
overflow: hidden; |
|
position: relative; |
|
visibility: inherit !important; |
|
} |
|
.tox-tinymce-inline { |
|
border: none; |
|
box-shadow: none; |
|
} |
|
.tox-tinymce-inline .tox-editor-header { |
|
background-color: transparent; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 0px; |
|
box-shadow: none; |
|
} |
|
.tox-tinymce-aux { |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
z-index: 1300; |
|
} |
|
.tox-tinymce *:focus, |
|
.tox-tinymce-aux *:focus { |
|
outline: none; |
|
} |
|
button::-moz-focus-inner { |
|
border: 0; |
|
} |
|
.tox[dir=rtl] .tox-icon--flip svg { |
|
transform: rotateY(180deg); |
|
} |
|
.tox .accessibility-issue__header { |
|
align-items: center; |
|
display: flex; |
|
margin-bottom: 2.5px; |
|
} |
|
.tox .accessibility-issue__description { |
|
align-items: stretch; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
display: flex; |
|
justify-content: space-between; |
|
} |
|
.tox .accessibility-issue__description > div { |
|
padding-bottom: 2.5px; |
|
} |
|
.tox .accessibility-issue__description > div > div { |
|
align-items: center; |
|
display: flex; |
|
margin-bottom: 2.5px; |
|
} |
|
.tox .accessibility-issue__description > *:last-child:not(:only-child) { |
|
border-color: #d9d9d9; |
|
border-style: solid; |
|
} |
|
.tox .accessibility-issue__repair { |
|
margin-top: 16px; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { |
|
background-color: rgba(10, 143, 233, 0.1); |
|
border-color: rgba(10, 143, 233, 0.4); |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { |
|
border-color: rgba(10, 143, 233, 0.4); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { |
|
color: #0a8fe9; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg { |
|
fill: #0a8fe9; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { |
|
color: #0a8fe9; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { |
|
background-color: rgba(255, 165, 0, 0.1); |
|
border-color: rgba(255, 165, 0, 0.5); |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { |
|
border-color: rgba(255, 165, 0, 0.5); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { |
|
color: #cc8500; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg { |
|
fill: #cc8500; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { |
|
color: #cc8500; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { |
|
background-color: rgba(204, 0, 0, 0.1); |
|
border-color: rgba(204, 0, 0, 0.4); |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { |
|
border-color: rgba(204, 0, 0, 0.4); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { |
|
color: #c00; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg { |
|
fill: #c00; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { |
|
color: #c00; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { |
|
background-color: rgba(120, 171, 70, 0.1); |
|
border-color: rgba(120, 171, 70, 0.4); |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { |
|
border-color: rgba(120, 171, 70, 0.4); |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { |
|
color: #78AB46; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { |
|
fill: #78AB46; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { |
|
color: #78AB46; |
|
} |
|
.tox .tox-dialog__body-content .accessibility-issue__header h1, |
|
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { |
|
margin-top: 0; |
|
} |
|
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { |
|
margin-left: 2.5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { |
|
margin-left: auto; |
|
} |
|
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { |
|
padding: 2.5px 2.5px 2.5px 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { |
|
border-left-width: 1px; |
|
padding-left: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { |
|
margin-right: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { |
|
margin-right: auto; |
|
} |
|
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { |
|
padding: 2.5px 5px 2.5px 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { |
|
border-right-width: 1px; |
|
padding-right: 2.5px; |
|
} |
|
.tox .tox-anchorbar { |
|
display: flex; |
|
flex: 0 0 auto; |
|
} |
|
.tox .tox-bar { |
|
display: flex; |
|
flex: 0 0 auto; |
|
} |
|
.tox .tox-button { |
|
background-color: #0a8fe9; |
|
background-image: none; |
|
background-position: 0 0; |
|
background-repeat: repeat; |
|
border-color: #0a8fe9; |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
color: #fff; |
|
cursor: pointer; |
|
display: inline-block; |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
letter-spacing: normal; |
|
line-height: 24px; |
|
margin: 0; |
|
outline: none; |
|
padding: 2.5px 10px; |
|
text-align: center; |
|
text-decoration: none; |
|
text-transform: none; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-button[disabled] { |
|
background-color: #0a8fe9; |
|
background-image: none; |
|
border-color: #0a8fe9; |
|
box-shadow: none; |
|
color: rgba(255, 255, 255, 0.5); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-button:focus:not(:disabled) { |
|
background-color: #0980d1; |
|
background-image: none; |
|
border-color: #0980d1; |
|
box-shadow: none; |
|
color: #fff; |
|
} |
|
.tox .tox-button:hover:not(:disabled) { |
|
background-color: #0980d1; |
|
background-image: none; |
|
border-color: #0980d1; |
|
box-shadow: none; |
|
color: #fff; |
|
} |
|
.tox .tox-button:active:not(:disabled) { |
|
background-color: #0871b8; |
|
background-image: none; |
|
border-color: #0871b8; |
|
box-shadow: none; |
|
color: #fff; |
|
} |
|
.tox .tox-button--secondary { |
|
background-color: #f0f0f0; |
|
background-image: none; |
|
background-position: 0 0; |
|
background-repeat: repeat; |
|
border-color: #f0f0f0; |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
letter-spacing: normal; |
|
outline: none; |
|
padding: 2.5px 10px; |
|
text-decoration: none; |
|
text-transform: none; |
|
} |
|
.tox .tox-button--secondary[disabled] { |
|
background-color: #f0f0f0; |
|
background-image: none; |
|
border-color: #f0f0f0; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox .tox-button--secondary:focus:not(:disabled) { |
|
background-color: #e3e3e3; |
|
background-image: none; |
|
border-color: #e3e3e3; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--secondary:hover:not(:disabled) { |
|
background-color: #e3e3e3; |
|
background-image: none; |
|
border-color: #e3e3e3; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--secondary:active:not(:disabled) { |
|
background-color: #d6d6d6; |
|
background-image: none; |
|
border-color: #d6d6d6; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--icon, |
|
.tox .tox-button.tox-button--icon, |
|
.tox .tox-button.tox-button--secondary.tox-button--icon { |
|
padding: 2.5px; |
|
} |
|
.tox .tox-button--icon .tox-icon svg, |
|
.tox .tox-button.tox-button--icon .tox-icon svg, |
|
.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg { |
|
display: block; |
|
fill: currentColor; |
|
} |
|
.tox .tox-button-link { |
|
background: 0; |
|
border: none; |
|
box-sizing: border-box; |
|
cursor: pointer; |
|
display: inline-block; |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 10px; |
|
font-weight: normal; |
|
line-height: 1.3; |
|
margin: 0; |
|
padding: 0; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-button-link--sm { |
|
font-size: 8.75px; |
|
} |
|
.tox .tox-button--naked { |
|
background-color: transparent; |
|
border-color: transparent; |
|
box-shadow: unset; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--naked[disabled] { |
|
background-color: #f0f0f0; |
|
border-color: #f0f0f0; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox .tox-button--naked:hover:not(:disabled) { |
|
background-color: #e3e3e3; |
|
border-color: #e3e3e3; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--naked:focus:not(:disabled) { |
|
background-color: #e3e3e3; |
|
border-color: #e3e3e3; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--naked:active:not(:disabled) { |
|
background-color: #d6d6d6; |
|
border-color: #d6d6d6; |
|
box-shadow: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-button--naked .tox-icon svg { |
|
fill: currentColor; |
|
} |
|
.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-checkbox { |
|
align-items: center; |
|
border-radius: 3px; |
|
cursor: pointer; |
|
display: flex; |
|
height: 36px; |
|
min-width: 36px; |
|
} |
|
.tox .tox-checkbox__input { |
|
/* Hide from view but visible to screen readers */ |
|
height: 1px; |
|
overflow: hidden; |
|
position: absolute; |
|
top: auto; |
|
width: 1px; |
|
} |
|
.tox .tox-checkbox__icons { |
|
align-items: center; |
|
border-radius: 3px; |
|
box-shadow: 0 0 0 2px transparent; |
|
box-sizing: content-box; |
|
display: flex; |
|
height: 24px; |
|
justify-content: center; |
|
padding: calc(2.5px - 1px); |
|
width: 24px; |
|
} |
|
.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
|
display: block; |
|
fill: rgba(84, 111, 94, 0.3); |
|
} |
|
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
|
display: none; |
|
fill: #0a8fe9; |
|
} |
|
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
|
display: none; |
|
fill: #0a8fe9; |
|
} |
|
.tox .tox-checkbox--disabled { |
|
color: rgba(84, 111, 94, 0.5); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
|
fill: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
|
fill: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
|
fill: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
|
display: none; |
|
} |
|
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { |
|
display: block; |
|
} |
|
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { |
|
display: none; |
|
} |
|
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { |
|
display: block; |
|
} |
|
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons { |
|
border-radius: 3px; |
|
box-shadow: inset 0 0 0 1px #0a8fe9; |
|
padding: calc(2.5px - 1px); |
|
} |
|
.tox:not([dir=rtl]) .tox-checkbox__label { |
|
margin-left: 2.5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-checkbox__input { |
|
left: -10000px; |
|
} |
|
.tox:not([dir=rtl]) .tox-bar .tox-checkbox { |
|
margin-left: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-checkbox__label { |
|
margin-right: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-checkbox__input { |
|
right: -10000px; |
|
} |
|
.tox[dir=rtl] .tox-bar .tox-checkbox { |
|
margin-right: 2.5px; |
|
} |
|
.tox { |
|
/* stylelint-disable-next-line no-descending-specificity */ |
|
} |
|
.tox .tox-collection--toolbar .tox-collection__group { |
|
display: flex; |
|
padding: 0; |
|
} |
|
.tox .tox-collection--grid .tox-collection__group { |
|
display: flex; |
|
flex-wrap: wrap; |
|
max-height: 208px; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
padding: 0; |
|
} |
|
.tox .tox-collection--list .tox-collection__group { |
|
border-bottom-width: 0; |
|
border-color: #d9d9d9; |
|
border-left-width: 0; |
|
border-right-width: 0; |
|
border-style: solid; |
|
border-top-width: 1px; |
|
padding: 2.5px 0; |
|
} |
|
.tox .tox-collection--list .tox-collection__group:first-child { |
|
border-top-width: 0; |
|
} |
|
.tox .tox-collection__group-heading { |
|
background-color: #f3f3f3; |
|
color: rgba(84, 111, 94, 0.7); |
|
cursor: default; |
|
font-size: 12px; |
|
font-style: normal; |
|
font-weight: normal; |
|
margin-bottom: 2.5px; |
|
margin-top: -2.5px; |
|
padding: 2.5px 5px; |
|
text-transform: none; |
|
-webkit-touch-callout: none; |
|
-webkit-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
.tox .tox-collection__item { |
|
align-items: center; |
|
color: rgba(84, 111, 94, 0.85); |
|
cursor: pointer; |
|
display: flex; |
|
-webkit-touch-callout: none; |
|
-webkit-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
.tox .tox-collection--list .tox-collection__item { |
|
padding: 2.5px 5px; |
|
} |
|
.tox .tox-collection--toolbar .tox-collection__item { |
|
border-radius: 3px; |
|
padding: 2.5px; |
|
} |
|
.tox .tox-collection--grid .tox-collection__item { |
|
border-radius: 3px; |
|
padding: 2.5px; |
|
} |
|
.tox .tox-collection--list .tox-collection__item--enabled { |
|
background-color: #fff; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection--list .tox-collection__item--active { |
|
background-color: #e5e9e7; |
|
} |
|
.tox .tox-collection--toolbar .tox-collection__item--enabled { |
|
background-color: #e5e9e7; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection--toolbar .tox-collection__item--active { |
|
background-color: #e5e9e7; |
|
} |
|
.tox .tox-collection--grid .tox-collection__item--enabled { |
|
background-color: #e5e9e7; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
|
background-color: #e5e9e7; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection__item-icon, |
|
.tox .tox-collection__item-checkmark { |
|
align-items: center; |
|
display: flex; |
|
height: 24px; |
|
justify-content: center; |
|
width: 24px; |
|
} |
|
.tox .tox-collection__item-icon svg, |
|
.tox .tox-collection__item-checkmark svg { |
|
fill: currentColor; |
|
} |
|
.tox .tox-collection--toolbar-lg .tox-collection__item-icon { |
|
height: 48px; |
|
width: 48px; |
|
} |
|
.tox .tox-collection__item-label { |
|
color: currentColor; |
|
display: inline-block; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: 24px; |
|
text-transform: none; |
|
word-break: break-all; |
|
} |
|
.tox .tox-collection__item-accessory { |
|
color: rgba(84, 111, 94, 0.7); |
|
display: inline-block; |
|
font-size: 8.75px; |
|
height: 24px; |
|
line-height: 24px; |
|
text-transform: none; |
|
} |
|
.tox .tox-collection__item-caret { |
|
align-items: center; |
|
display: flex; |
|
min-height: 24px; |
|
} |
|
.tox .tox-collection__item-caret::after { |
|
content: ''; |
|
font-size: 0; |
|
min-height: inherit; |
|
} |
|
.tox .tox-collection__item-caret svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-collection__item--state-disabled { |
|
background-color: transparent; |
|
color: rgba(84, 111, 94, 0.5); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg { |
|
fill: rgba(84, 111, 94, 0.5); |
|
} |
|
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { |
|
display: none; |
|
} |
|
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { |
|
display: none; |
|
} |
|
.tox .tox-collection--horizontal { |
|
background-color: #fff; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
|
display: flex; |
|
flex: 0 0 auto; |
|
flex-shrink: 0; |
|
flex-wrap: nowrap; |
|
margin-bottom: 0; |
|
overflow-x: auto; |
|
padding: 0; |
|
} |
|
.tox .tox-collection--horizontal .tox-collection__group { |
|
align-items: center; |
|
display: flex; |
|
flex-wrap: nowrap; |
|
margin: 0; |
|
padding: 0 2.5px; |
|
} |
|
.tox .tox-collection--horizontal .tox-collection__item { |
|
height: 34px; |
|
margin: 2px 0 3px 0; |
|
padding: 0 4px; |
|
} |
|
.tox .tox-collection--horizontal .tox-collection__item-label { |
|
white-space: nowrap; |
|
} |
|
.tox .tox-collection--horizontal .tox-collection__item-caret { |
|
margin-left: 4px; |
|
} |
|
.tox .tox-collection__item-container { |
|
display: flex; |
|
} |
|
.tox .tox-collection__item-container--row { |
|
align-items: center; |
|
flex: 1 1 auto; |
|
flex-direction: row; |
|
} |
|
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left { |
|
margin-right: auto; |
|
} |
|
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right { |
|
justify-content: flex-end; |
|
margin-left: auto; |
|
} |
|
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { |
|
align-items: flex-start; |
|
margin-bottom: auto; |
|
} |
|
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { |
|
align-items: center; |
|
} |
|
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { |
|
align-items: flex-end; |
|
margin-top: auto; |
|
} |
|
.tox .tox-collection__item-container--column { |
|
-ms-grid-row-align: center; |
|
align-self: center; |
|
flex: 1 1 auto; |
|
flex-direction: column; |
|
} |
|
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left { |
|
align-items: flex-start; |
|
} |
|
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right { |
|
align-items: flex-end; |
|
} |
|
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { |
|
align-self: flex-start; |
|
} |
|
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { |
|
-ms-grid-row-align: center; |
|
align-self: center; |
|
} |
|
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { |
|
align-self: flex-end; |
|
} |
|
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { |
|
border-right: 1px solid #d9d9d9; |
|
} |
|
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { |
|
margin-left: 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { |
|
margin-left: 2.5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-collection__item-accessory { |
|
margin-left: 10px; |
|
text-align: right; |
|
} |
|
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { |
|
margin-left: 10px; |
|
} |
|
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { |
|
border-left: 1px solid #d9d9d9; |
|
} |
|
.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { |
|
margin-right: 5px; |
|
} |
|
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { |
|
margin-right: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-collection__item-accessory { |
|
margin-right: 10px; |
|
text-align: left; |
|
} |
|
.tox[dir=rtl] .tox-collection .tox-collection__item-caret { |
|
margin-right: 10px; |
|
transform: rotateY(180deg); |
|
} |
|
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { |
|
margin-right: 4px; |
|
} |
|
.tox .tox-color-picker-container { |
|
display: flex; |
|
flex-direction: row; |
|
height: 225px; |
|
margin: 0; |
|
} |
|
.tox .tox-sv-palette { |
|
box-sizing: border-box; |
|
display: flex; |
|
height: 100%; |
|
} |
|
.tox .tox-sv-palette-spectrum { |
|
height: 100%; |
|
} |
|
.tox .tox-sv-palette, |
|
.tox .tox-sv-palette-spectrum { |
|
width: 225px; |
|
} |
|
.tox .tox-sv-palette-thumb { |
|
background: none; |
|
border: 1px solid black; |
|
border-radius: 50%; |
|
box-sizing: content-box; |
|
height: 12px; |
|
position: absolute; |
|
width: 12px; |
|
} |
|
.tox .tox-sv-palette-inner-thumb { |
|
border: 1px solid white; |
|
border-radius: 50%; |
|
height: 10px; |
|
position: absolute; |
|
width: 10px; |
|
} |
|
.tox .tox-hue-slider { |
|
box-sizing: border-box; |
|
height: 100%; |
|
width: 25px; |
|
} |
|
.tox .tox-hue-slider-spectrum { |
|
background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); |
|
height: 100%; |
|
width: 100%; |
|
} |
|
.tox .tox-hue-slider, |
|
.tox .tox-hue-slider-spectrum { |
|
width: 20px; |
|
} |
|
.tox .tox-hue-slider-thumb { |
|
background: white; |
|
border: 1px solid black; |
|
box-sizing: content-box; |
|
height: 4px; |
|
width: 100%; |
|
} |
|
.tox .tox-rgb-form { |
|
display: flex; |
|
flex-direction: column; |
|
justify-content: space-between; |
|
} |
|
.tox .tox-rgb-form div { |
|
align-items: center; |
|
display: flex; |
|
justify-content: space-between; |
|
margin-bottom: 5px; |
|
width: inherit; |
|
} |
|
.tox .tox-rgb-form input { |
|
width: 6em; |
|
} |
|
.tox .tox-rgb-form input.tox-invalid { |
|
/* Need !important to override Chrome's focus styling unfortunately */ |
|
border: 1px solid red !important; |
|
} |
|
.tox .tox-rgb-form .tox-rgba-preview { |
|
border: 1px solid black; |
|
flex-grow: 2; |
|
margin-bottom: 0; |
|
} |
|
.tox:not([dir=rtl]) .tox-sv-palette { |
|
margin-right: 15px; |
|
} |
|
.tox:not([dir=rtl]) .tox-hue-slider { |
|
margin-right: 15px; |
|
} |
|
.tox:not([dir=rtl]) .tox-hue-slider-thumb { |
|
margin-left: -1px; |
|
} |
|
.tox:not([dir=rtl]) .tox-rgb-form label { |
|
margin-right: 0.5em; |
|
} |
|
.tox[dir=rtl] .tox-sv-palette { |
|
margin-left: 15px; |
|
} |
|
.tox[dir=rtl] .tox-hue-slider { |
|
margin-left: 15px; |
|
} |
|
.tox[dir=rtl] .tox-hue-slider-thumb { |
|
margin-right: -1px; |
|
} |
|
.tox[dir=rtl] .tox-rgb-form label { |
|
margin-left: 0.5em; |
|
} |
|
.tox .tox-toolbar .tox-swatches, |
|
.tox .tox-toolbar__primary .tox-swatches, |
|
.tox .tox-toolbar__overflow .tox-swatches { |
|
margin: 2px 0 3px 4px; |
|
} |
|
.tox .tox-collection--list .tox-collection__group .tox-swatches-menu { |
|
border: 0; |
|
margin: -2.5px 0; |
|
} |
|
.tox .tox-swatches__row { |
|
display: flex; |
|
} |
|
.tox .tox-swatch { |
|
height: 30px; |
|
transition: transform 0.15s, box-shadow 0.15s; |
|
width: 30px; |
|
} |
|
.tox .tox-swatch:hover, |
|
.tox .tox-swatch:focus { |
|
box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset; |
|
transform: scale(0.8); |
|
} |
|
.tox .tox-swatch--remove { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
.tox .tox-swatch--remove svg path { |
|
stroke: #e74c3c; |
|
} |
|
.tox .tox-swatches__picker-btn { |
|
align-items: center; |
|
background-color: transparent; |
|
border: 0; |
|
cursor: pointer; |
|
display: flex; |
|
height: 30px; |
|
justify-content: center; |
|
outline: none; |
|
padding: 0; |
|
width: 30px; |
|
} |
|
.tox .tox-swatches__picker-btn svg { |
|
height: 24px; |
|
width: 24px; |
|
} |
|
.tox .tox-swatches__picker-btn:hover { |
|
background: #e5e9e7; |
|
} |
|
.tox:not([dir=rtl]) .tox-swatches__picker-btn { |
|
margin-left: auto; |
|
} |
|
.tox[dir=rtl] .tox-swatches__picker-btn { |
|
margin-right: auto; |
|
} |
|
.tox .tox-comment-thread { |
|
background: #fff; |
|
position: relative; |
|
} |
|
.tox .tox-comment-thread > *:not(:first-child) { |
|
margin-top: 5px; |
|
} |
|
.tox .tox-comment { |
|
background: #fff; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
box-shadow: 0 4px 8px 0 rgba(84, 111, 94, 0.1); |
|
padding: 5px 5px 10px 5px; |
|
position: relative; |
|
} |
|
.tox .tox-comment__header { |
|
align-items: center; |
|
color: rgba(84, 111, 94, 0.85); |
|
display: flex; |
|
justify-content: space-between; |
|
} |
|
.tox .tox-comment__date { |
|
color: rgba(84, 111, 94, 0.7); |
|
font-size: 12px; |
|
} |
|
.tox .tox-comment__body { |
|
color: rgba(84, 111, 94, 0.85); |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: 1.3; |
|
margin-top: 5px; |
|
position: relative; |
|
text-transform: initial; |
|
} |
|
.tox .tox-comment__body textarea { |
|
resize: none; |
|
white-space: normal; |
|
width: 100%; |
|
} |
|
.tox .tox-comment__expander { |
|
padding-top: 5px; |
|
} |
|
.tox .tox-comment__expander p { |
|
color: rgba(84, 111, 94, 0.7); |
|
font-size: 8.75px; |
|
font-style: normal; |
|
} |
|
.tox .tox-comment__body p { |
|
margin: 0; |
|
} |
|
.tox .tox-comment__buttonspacing { |
|
padding-top: 10px; |
|
text-align: center; |
|
} |
|
.tox .tox-comment-thread__overlay::after { |
|
background: #fff; |
|
bottom: 0; |
|
content: ""; |
|
display: flex; |
|
left: 0; |
|
opacity: 0.9; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
z-index: 5; |
|
} |
|
.tox .tox-comment__reply { |
|
display: flex; |
|
flex-shrink: 0; |
|
flex-wrap: wrap; |
|
justify-content: flex-end; |
|
margin-top: 5px; |
|
} |
|
.tox .tox-comment__reply > *:first-child { |
|
margin-bottom: 5px; |
|
width: 100%; |
|
} |
|
.tox .tox-comment__edit { |
|
display: flex; |
|
flex-wrap: wrap; |
|
justify-content: flex-end; |
|
margin-top: 10px; |
|
} |
|
.tox .tox-comment__gradient::after { |
|
background: linear-gradient(rgba(255, 255, 255, 0), #fff); |
|
bottom: 0; |
|
content: ""; |
|
display: block; |
|
height: 5em; |
|
margin-top: -40px; |
|
position: absolute; |
|
width: 100%; |
|
} |
|
.tox .tox-comment__overlay { |
|
background: #fff; |
|
bottom: 0; |
|
display: flex; |
|
flex-direction: column; |
|
flex-grow: 1; |
|
left: 0; |
|
opacity: 0.9; |
|
position: absolute; |
|
right: 0; |
|
text-align: center; |
|
top: 0; |
|
z-index: 5; |
|
} |
|
.tox .tox-comment__loading-text { |
|
align-items: center; |
|
color: rgba(84, 111, 94, 0.85); |
|
display: flex; |
|
flex-direction: column; |
|
position: relative; |
|
} |
|
.tox .tox-comment__loading-text > div { |
|
padding-bottom: 10px; |
|
} |
|
.tox .tox-comment__overlaytext { |
|
bottom: 0; |
|
flex-direction: column; |
|
font-size: 8.75px; |
|
left: 0; |
|
padding: 1em; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
z-index: 10; |
|
} |
|
.tox .tox-comment__overlaytext p { |
|
background-color: #fff; |
|
box-shadow: 0 0 8px 8px #fff; |
|
color: rgba(84, 111, 94, 0.85); |
|
text-align: center; |
|
} |
|
.tox .tox-comment__overlaytext div:nth-of-type(2) { |
|
font-size: 0.8em; |
|
} |
|
.tox .tox-comment__busy-spinner { |
|
align-items: center; |
|
background-color: #fff; |
|
bottom: 0; |
|
display: flex; |
|
justify-content: center; |
|
left: 0; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
z-index: 20; |
|
} |
|
.tox .tox-comment__scroll { |
|
display: flex; |
|
flex-direction: column; |
|
flex-shrink: 1; |
|
overflow: auto; |
|
} |
|
.tox .tox-conversations { |
|
margin: 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-comment__edit { |
|
margin-left: 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, |
|
.tox:not([dir=rtl]) .tox-comment__edit > *:last-child, |
|
.tox:not([dir=rtl]) .tox-comment__reply > *:last-child { |
|
margin-left: 5px; |
|
} |
|
.tox[dir=rtl] .tox-comment__edit { |
|
margin-right: 5px; |
|
} |
|
.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, |
|
.tox[dir=rtl] .tox-comment__edit > *:last-child, |
|
.tox[dir=rtl] .tox-comment__reply > *:last-child { |
|
margin-right: 5px; |
|
} |
|
.tox .tox-user { |
|
align-items: center; |
|
display: flex; |
|
} |
|
.tox .tox-user__avatar svg { |
|
fill: rgba(84, 111, 94, 0.7); |
|
} |
|
.tox .tox-user__name { |
|
color: rgba(84, 111, 94, 0.7); |
|
font-size: 12px; |
|
font-style: normal; |
|
font-weight: normal; |
|
text-transform: uppercase; |
|
} |
|
.tox:not([dir=rtl]) .tox-user__avatar svg { |
|
margin-right: 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { |
|
margin-left: 5px; |
|
} |
|
.tox[dir=rtl] .tox-user__avatar svg { |
|
margin-left: 5px; |
|
} |
|
.tox[dir=rtl] .tox-user__avatar + .tox-user__name { |
|
margin-right: 5px; |
|
} |
|
.tox .tox-dialog-wrap { |
|
align-items: center; |
|
bottom: 0; |
|
display: flex; |
|
justify-content: center; |
|
left: 0; |
|
position: fixed; |
|
right: 0; |
|
top: 0; |
|
z-index: 1100; |
|
} |
|
.tox .tox-dialog-wrap__backdrop { |
|
background-color: rgba(255, 255, 255, 0.75); |
|
bottom: 0; |
|
left: 0; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
z-index: 1; |
|
} |
|
.tox .tox-dialog-wrap__backdrop--opaque { |
|
background-color: #fff; |
|
} |
|
.tox .tox-dialog { |
|
background-color: #fff; |
|
border-color: #d9d9d9; |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: 0 16px 16px -10px rgba(84, 111, 94, 0.15), 0 0 40px 1px rgba(84, 111, 94, 0.15); |
|
display: flex; |
|
flex-direction: column; |
|
max-height: 100%; |
|
max-width: 480px; |
|
overflow: hidden; |
|
position: relative; |
|
width: 95vw; |
|
z-index: 2; |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox .tox-dialog { |
|
align-self: flex-start; |
|
margin: 5px auto; |
|
width: calc(100vw - 10px); |
|
} |
|
} |
|
.tox .tox-dialog-inline { |
|
z-index: 1100; |
|
} |
|
.tox .tox-dialog__header { |
|
align-items: center; |
|
background-color: #fff; |
|
border-bottom: none; |
|
color: rgba(84, 111, 94, 0.85); |
|
display: flex; |
|
font-size: 10px; |
|
justify-content: space-between; |
|
padding: 5px 10px 0 10px; |
|
position: relative; |
|
} |
|
.tox .tox-dialog__header .tox-button { |
|
z-index: 1; |
|
} |
|
.tox .tox-dialog__draghandle { |
|
cursor: grab; |
|
height: 100%; |
|
left: 0; |
|
position: absolute; |
|
top: 0; |
|
width: 100%; |
|
} |
|
.tox .tox-dialog__draghandle:active { |
|
cursor: grabbing; |
|
} |
|
.tox .tox-dialog__dismiss { |
|
margin-left: auto; |
|
} |
|
.tox .tox-dialog__title { |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 12.5px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: 1.3; |
|
margin: 0; |
|
text-transform: none; |
|
} |
|
.tox .tox-dialog__body { |
|
color: rgba(84, 111, 94, 0.85); |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
font-size: 10px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: 1.3; |
|
min-width: 0; |
|
text-align: left; |
|
text-transform: none; |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox .tox-dialog__body { |
|
flex-direction: column; |
|
} |
|
} |
|
.tox .tox-dialog__body-nav { |
|
align-items: flex-start; |
|
display: flex; |
|
flex-direction: column; |
|
padding: 10px 10px; |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { |
|
flex-direction: row; |
|
-webkit-overflow-scrolling: touch; |
|
overflow-x: auto; |
|
padding-bottom: 0; |
|
} |
|
} |
|
.tox .tox-dialog__body-nav-item { |
|
border-bottom: 2px solid transparent; |
|
color: rgba(84, 111, 94, 0.7); |
|
display: inline-block; |
|
font-size: 8.75px; |
|
line-height: 1.3; |
|
margin-bottom: 5px; |
|
text-decoration: none; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-dialog__body-nav-item:focus { |
|
background-color: rgba(10, 143, 233, 0.1); |
|
} |
|
.tox .tox-dialog__body-nav-item--active { |
|
border-bottom: 2px solid #0a8fe9; |
|
color: #0a8fe9; |
|
} |
|
.tox .tox-dialog__body-content { |
|
box-sizing: border-box; |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
-ms-flex-preferred-size: auto; |
|
max-height: 650px; |
|
overflow: auto; |
|
-webkit-overflow-scrolling: touch; |
|
padding: 10px 10px; |
|
} |
|
.tox .tox-dialog__body-content > * { |
|
margin-bottom: 0; |
|
margin-top: 10px; |
|
} |
|
.tox .tox-dialog__body-content > *:first-child { |
|
margin-top: 0; |
|
} |
|
.tox .tox-dialog__body-content > *:last-child { |
|
margin-bottom: 0; |
|
} |
|
.tox .tox-dialog__body-content > *:only-child { |
|
margin-bottom: 0; |
|
margin-top: 0; |
|
} |
|
.tox .tox-dialog__body-content a { |
|
color: #0a8fe9; |
|
cursor: pointer; |
|
text-decoration: none; |
|
} |
|
.tox .tox-dialog__body-content a:hover, |
|
.tox .tox-dialog__body-content a:focus { |
|
color: #0871b8; |
|
text-decoration: none; |
|
} |
|
.tox .tox-dialog__body-content a:active { |
|
color: #0871b8; |
|
text-decoration: none; |
|
} |
|
.tox .tox-dialog__body-content svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-dialog__body-content ul { |
|
display: block; |
|
list-style-type: disc; |
|
margin-bottom: 10px; |
|
-webkit-margin-end: 0; |
|
margin-inline-end: 0; |
|
-webkit-margin-start: 0; |
|
margin-inline-start: 0; |
|
-webkit-padding-start: 2.5rem; |
|
padding-inline-start: 2.5rem; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group h1 { |
|
color: rgba(84, 111, 94, 0.85); |
|
font-size: 12.5px; |
|
font-style: normal; |
|
font-weight: normal; |
|
letter-spacing: normal; |
|
margin-bottom: 10px; |
|
margin-top: 2rem; |
|
text-transform: none; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group h2 { |
|
color: rgba(84, 111, 94, 0.85); |
|
font-size: 10px; |
|
font-style: normal; |
|
font-weight: normal; |
|
letter-spacing: normal; |
|
margin-bottom: 10px; |
|
margin-top: 2rem; |
|
text-transform: none; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group p { |
|
margin-bottom: 10px; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group h1:first-child, |
|
.tox .tox-dialog__body-content .tox-form__group h2:first-child, |
|
.tox .tox-dialog__body-content .tox-form__group p:first-child { |
|
margin-top: 0; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group h1:last-child, |
|
.tox .tox-dialog__body-content .tox-form__group h2:last-child, |
|
.tox .tox-dialog__body-content .tox-form__group p:last-child { |
|
margin-bottom: 0; |
|
} |
|
.tox .tox-dialog__body-content .tox-form__group h1:only-child, |
|
.tox .tox-dialog__body-content .tox-form__group h2:only-child, |
|
.tox .tox-dialog__body-content .tox-form__group p:only-child { |
|
margin-bottom: 0; |
|
margin-top: 0; |
|
} |
|
.tox .tox-dialog--width-lg { |
|
height: 650px; |
|
max-width: 1200px; |
|
} |
|
.tox .tox-dialog--width-md { |
|
max-width: 800px; |
|
} |
|
.tox .tox-dialog--width-md .tox-dialog__body-content { |
|
overflow: auto; |
|
} |
|
.tox .tox-dialog__body-content--centered { |
|
text-align: center; |
|
} |
|
.tox .tox-dialog__footer { |
|
align-items: center; |
|
background-color: #fff; |
|
border-top: 1px solid #d9d9d9; |
|
display: flex; |
|
justify-content: space-between; |
|
padding: 5px 10px; |
|
} |
|
.tox .tox-dialog__footer-start, |
|
.tox .tox-dialog__footer-end { |
|
display: flex; |
|
} |
|
.tox .tox-dialog__busy-spinner { |
|
align-items: center; |
|
background-color: rgba(255, 255, 255, 0.75); |
|
bottom: 0; |
|
display: flex; |
|
justify-content: center; |
|
left: 0; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
z-index: 3; |
|
} |
|
.tox .tox-dialog__table { |
|
border-collapse: collapse; |
|
width: 100%; |
|
} |
|
.tox .tox-dialog__table thead th { |
|
font-weight: normal; |
|
padding-bottom: 5px; |
|
} |
|
.tox .tox-dialog__table tbody tr { |
|
border-bottom: 1px solid #d9d9d9; |
|
} |
|
.tox .tox-dialog__table tbody tr:last-child { |
|
border-bottom: none; |
|
} |
|
.tox .tox-dialog__table td { |
|
padding-bottom: 5px; |
|
padding-top: 5px; |
|
} |
|
.tox .tox-dialog__popups { |
|
position: absolute; |
|
width: 100%; |
|
z-index: 1100; |
|
} |
|
.tox .tox-dialog__body-iframe { |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-dialog__body-iframe .tox-navobj { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) { |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
height: 100%; |
|
} |
|
.tox .tox-dialog-dock-fadeout { |
|
opacity: 0; |
|
visibility: hidden; |
|
} |
|
.tox .tox-dialog-dock-fadein { |
|
opacity: 1; |
|
visibility: visible; |
|
} |
|
.tox .tox-dialog-dock-transition { |
|
transition: visibility 0s linear 0.3s, opacity 0.3s ease; |
|
} |
|
.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein { |
|
transition-delay: 0s; |
|
} |
|
.tox.tox-platform-ie { |
|
/* IE11 CSS styles go here */ |
|
} |
|
.tox.tox-platform-ie .tox-dialog-wrap { |
|
position: -ms-device-fixed; |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { |
|
margin-right: 0; |
|
} |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { |
|
margin-left: 5px; |
|
} |
|
} |
|
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, |
|
.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { |
|
margin-left: 5px; |
|
} |
|
.tox[dir=rtl] .tox-dialog__body { |
|
text-align: right; |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { |
|
margin-left: 0; |
|
} |
|
} |
|
@media only screen and (max-width:767px) { |
|
body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { |
|
margin-right: 5px; |
|
} |
|
} |
|
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, |
|
.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { |
|
margin-right: 5px; |
|
} |
|
body.tox-dialog__disable-scroll { |
|
overflow: hidden; |
|
} |
|
.tox .tox-dropzone-container { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-dropzone { |
|
align-items: center; |
|
background: #fff; |
|
border: 2px dashed #d9d9d9; |
|
box-sizing: border-box; |
|
display: flex; |
|
flex-direction: column; |
|
flex-grow: 1; |
|
justify-content: center; |
|
min-height: 100px; |
|
padding: 10px; |
|
} |
|
.tox .tox-dropzone p { |
|
color: rgba(84, 111, 94, 0.7); |
|
margin: 0 0 10px 0; |
|
} |
|
.tox .tox-edit-area { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
overflow: hidden; |
|
position: relative; |
|
} |
|
.tox .tox-edit-area__iframe { |
|
background-color: #fff; |
|
border: 0; |
|
box-sizing: border-box; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
height: 100%; |
|
position: absolute; |
|
width: 100%; |
|
} |
|
.tox.tox-inline-edit-area { |
|
border: 1px dotted #d9d9d9; |
|
} |
|
.tox .tox-editor-container { |
|
display: flex; |
|
flex: 1 1 auto; |
|
flex-direction: column; |
|
overflow: hidden; |
|
} |
|
.tox .tox-editor-header { |
|
z-index: 1; |
|
} |
|
.tox:not(.tox-tinymce-inline) .tox-editor-header { |
|
box-shadow: none; |
|
transition: box-shadow 0.5s; |
|
} |
|
.tox.tox-tinymce--toolbar-bottom .tox-editor-header, |
|
.tox.tox-tinymce-inline .tox-editor-header { |
|
margin-bottom: -1px; |
|
} |
|
.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header { |
|
background-color: transparent; |
|
box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); |
|
} |
|
.tox-editor-dock-fadeout { |
|
opacity: 0; |
|
visibility: hidden; |
|
} |
|
.tox-editor-dock-fadein { |
|
opacity: 1; |
|
visibility: visible; |
|
} |
|
.tox-editor-dock-transition { |
|
transition: visibility 0s linear 0.25s, opacity 0.25s ease; |
|
} |
|
.tox-editor-dock-transition.tox-editor-dock-fadein { |
|
transition-delay: 0s; |
|
} |
|
.tox .tox-control-wrap { |
|
flex: 1; |
|
position: relative; |
|
} |
|
.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, |
|
.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, |
|
.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { |
|
display: none; |
|
} |
|
.tox .tox-control-wrap svg { |
|
display: block; |
|
} |
|
.tox .tox-control-wrap__status-icon-wrap { |
|
position: absolute; |
|
top: 50%; |
|
transform: translateY(-50%); |
|
} |
|
.tox .tox-control-wrap__status-icon-invalid svg { |
|
fill: #c00; |
|
} |
|
.tox .tox-control-wrap__status-icon-unknown svg { |
|
fill: orange; |
|
} |
|
.tox .tox-control-wrap__status-icon-valid svg { |
|
fill: green; |
|
} |
|
.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, |
|
.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, |
|
.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { |
|
padding-right: 20px; |
|
} |
|
.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { |
|
right: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, |
|
.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, |
|
.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { |
|
padding-left: 20px; |
|
} |
|
.tox[dir=rtl] .tox-control-wrap__status-icon-wrap { |
|
left: 2.5px; |
|
} |
|
.tox .tox-autocompleter { |
|
max-width: 25em; |
|
} |
|
.tox .tox-autocompleter .tox-menu { |
|
max-width: 25em; |
|
} |
|
.tox .tox-autocompleter .tox-autocompleter-highlight { |
|
font-weight: normal; |
|
} |
|
.tox .tox-color-input { |
|
display: flex; |
|
position: relative; |
|
z-index: 1; |
|
} |
|
.tox .tox-color-input .tox-textfield { |
|
z-index: -1; |
|
} |
|
.tox .tox-color-input span { |
|
border-color: rgba(84, 111, 94, 0.2); |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
height: 24px; |
|
position: absolute; |
|
top: 6px; |
|
width: 24px; |
|
} |
|
.tox .tox-color-input span:hover:not([aria-disabled=true]), |
|
.tox .tox-color-input span:focus:not([aria-disabled=true]) { |
|
border-color: #0a8fe9; |
|
cursor: pointer; |
|
} |
|
.tox .tox-color-input span::before { |
|
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%); |
|
background-position: 0 0, 0 6px, 6px -6px, -6px 0; |
|
background-size: 12px 12px; |
|
border: 1px solid #fff; |
|
border-radius: 3px; |
|
box-sizing: border-box; |
|
content: ''; |
|
height: 24px; |
|
left: -1px; |
|
position: absolute; |
|
top: -1px; |
|
width: 24px; |
|
z-index: -1; |
|
} |
|
.tox .tox-color-input span[aria-disabled=true] { |
|
cursor: not-allowed; |
|
} |
|
.tox:not([dir=rtl]) .tox-color-input { |
|
/* stylelint-disable-next-line no-descending-specificity */ |
|
} |
|
.tox:not([dir=rtl]) .tox-color-input .tox-textfield { |
|
padding-left: 36px; |
|
} |
|
.tox:not([dir=rtl]) .tox-color-input span { |
|
left: 6px; |
|
} |
|
.tox[dir="rtl"] .tox-color-input { |
|
/* stylelint-disable-next-line no-descending-specificity */ |
|
} |
|
.tox[dir="rtl"] .tox-color-input .tox-textfield { |
|
padding-right: 36px; |
|
} |
|
.tox[dir="rtl"] .tox-color-input span { |
|
right: 6px; |
|
} |
|
.tox .tox-label, |
|
.tox .tox-toolbar-label { |
|
color: rgba(84, 111, 94, 0.7); |
|
display: block; |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
line-height: 1.3; |
|
padding: 0 5px 0 0; |
|
text-transform: none; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-toolbar-label { |
|
padding: 0 5px; |
|
} |
|
.tox[dir=rtl] .tox-label { |
|
padding: 0 0 0 5px; |
|
} |
|
.tox .tox-form { |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-form__group { |
|
box-sizing: border-box; |
|
margin-bottom: 2.5px; |
|
} |
|
.tox .tox-form-group--maximize { |
|
flex: 1; |
|
} |
|
.tox .tox-form__group--error { |
|
color: #c00; |
|
} |
|
.tox .tox-form__group--collection { |
|
display: flex; |
|
} |
|
.tox .tox-form__grid { |
|
display: flex; |
|
flex-direction: row; |
|
flex-wrap: wrap; |
|
justify-content: space-between; |
|
} |
|
.tox .tox-form__grid--2col > .tox-form__group { |
|
width: calc(50% - (5px / 2)); |
|
} |
|
.tox .tox-form__grid--3col > .tox-form__group { |
|
width: calc(100% / 3 - (5px / 2)); |
|
} |
|
.tox .tox-form__grid--4col > .tox-form__group { |
|
width: calc(25% - (5px / 2)); |
|
} |
|
.tox .tox-form__controls-h-stack { |
|
align-items: center; |
|
display: flex; |
|
} |
|
.tox .tox-form__group--inline { |
|
align-items: center; |
|
display: flex; |
|
} |
|
.tox .tox-form__group--stretched { |
|
display: flex; |
|
flex: 1; |
|
flex-direction: column; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-form__group--stretched .tox-textarea { |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-form__group--stretched .tox-navobj { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-form__group--stretched .tox-navobj :nth-child(2) { |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
height: 100%; |
|
} |
|
.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { |
|
margin-left: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { |
|
margin-right: 2.5px; |
|
} |
|
.tox .tox-lock.tox-locked .tox-lock-icon__unlock, |
|
.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock { |
|
display: none; |
|
} |
|
.tox .tox-textfield, |
|
.tox .tox-toolbar-textfield, |
|
.tox .tox-listboxfield .tox-listbox--select, |
|
.tox .tox-textarea { |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
background-color: #fff; |
|
border-color: #d9d9d9; |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
color: rgba(84, 111, 94, 0.85); |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 10px; |
|
line-height: 24px; |
|
margin: 0; |
|
min-height: 34px; |
|
outline: none; |
|
padding: 5px 3.25px; |
|
resize: none; |
|
width: 100%; |
|
} |
|
.tox .tox-textfield[disabled], |
|
.tox .tox-textarea[disabled] { |
|
background-color: #f2f2f2; |
|
color: rgba(84, 111, 94, 0.85); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-textfield:focus, |
|
.tox .tox-listboxfield .tox-listbox--select:focus, |
|
.tox .tox-textarea:focus { |
|
background-color: #fff; |
|
border-color: #0a8fe9; |
|
box-shadow: none; |
|
outline: none; |
|
} |
|
.tox .tox-toolbar-textfield { |
|
border-width: 0; |
|
margin-bottom: 3px; |
|
margin-top: 2px; |
|
max-width: 250px; |
|
} |
|
.tox .tox-naked-btn { |
|
background-color: transparent; |
|
border: 0; |
|
border-color: transparent; |
|
box-shadow: unset; |
|
color: #0a8fe9; |
|
cursor: pointer; |
|
display: block; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
.tox .tox-naked-btn svg { |
|
display: block; |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox:not([dir=rtl]) .tox-toolbar-textfield + * { |
|
margin-left: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-toolbar-textfield + * { |
|
margin-right: 2.5px; |
|
} |
|
.tox .tox-listboxfield { |
|
cursor: pointer; |
|
position: relative; |
|
} |
|
.tox .tox-listboxfield .tox-listbox--select[disabled] { |
|
background-color: #f2f2f2; |
|
color: rgba(84, 111, 94, 0.85); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-listbox__select-label { |
|
cursor: default; |
|
flex: 1; |
|
margin: 0 4px; |
|
} |
|
.tox .tox-listbox__select-chevron { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
width: 10px; |
|
} |
|
.tox .tox-listbox__select-chevron svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-listboxfield .tox-listbox--select { |
|
align-items: center; |
|
display: flex; |
|
} |
|
.tox:not([dir=rtl]) .tox-listboxfield svg { |
|
right: 5px; |
|
} |
|
.tox[dir=rtl] .tox-listboxfield svg { |
|
left: 5px; |
|
} |
|
.tox .tox-selectfield { |
|
cursor: pointer; |
|
position: relative; |
|
} |
|
.tox .tox-selectfield select { |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
background-color: #fff; |
|
border-color: #d9d9d9; |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
color: rgba(84, 111, 94, 0.85); |
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
|
font-size: 10px; |
|
line-height: 24px; |
|
margin: 0; |
|
min-height: 34px; |
|
outline: none; |
|
padding: 5px 3.25px; |
|
resize: none; |
|
width: 100%; |
|
} |
|
.tox .tox-selectfield select[disabled] { |
|
background-color: #f2f2f2; |
|
color: rgba(84, 111, 94, 0.85); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-selectfield select::-ms-expand { |
|
display: none; |
|
} |
|
.tox .tox-selectfield select:focus { |
|
background-color: #fff; |
|
border-color: #0a8fe9; |
|
box-shadow: none; |
|
outline: none; |
|
} |
|
.tox .tox-selectfield svg { |
|
pointer-events: none; |
|
position: absolute; |
|
top: 50%; |
|
transform: translateY(-50%); |
|
} |
|
.tox:not([dir=rtl]) .tox-selectfield select[size="0"], |
|
.tox:not([dir=rtl]) .tox-selectfield select[size="1"] { |
|
padding-right: 15px; |
|
} |
|
.tox:not([dir=rtl]) .tox-selectfield svg { |
|
right: 5px; |
|
} |
|
.tox[dir=rtl] .tox-selectfield select[size="0"], |
|
.tox[dir=rtl] .tox-selectfield select[size="1"] { |
|
padding-left: 15px; |
|
} |
|
.tox[dir=rtl] .tox-selectfield svg { |
|
left: 5px; |
|
} |
|
.tox .tox-textarea { |
|
-webkit-appearance: textarea; |
|
-moz-appearance: textarea; |
|
appearance: textarea; |
|
white-space: pre-wrap; |
|
} |
|
.tox-fullscreen { |
|
border: 0; |
|
height: 100%; |
|
left: 0; |
|
margin: 0; |
|
overflow: hidden; |
|
-ms-scroll-chaining: none; |
|
overscroll-behavior: none; |
|
padding: 0; |
|
position: fixed; |
|
top: 0; |
|
touch-action: pinch-zoom; |
|
width: 100%; |
|
} |
|
.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle { |
|
display: none; |
|
} |
|
.tox.tox-tinymce.tox-fullscreen { |
|
background-color: transparent; |
|
z-index: 1200; |
|
} |
|
.tox-shadowhost.tox-fullscreen { |
|
z-index: 1200; |
|
} |
|
.tox-fullscreen .tox.tox-tinymce-aux, |
|
.tox-fullscreen ~ .tox.tox-tinymce-aux { |
|
z-index: 1201; |
|
} |
|
.tox .tox-help__more-link { |
|
list-style: none; |
|
margin-top: 1em; |
|
} |
|
.tox .tox-image-tools { |
|
width: 100%; |
|
} |
|
.tox .tox-image-tools__toolbar { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
.tox .tox-image-tools__image { |
|
background-color: #666; |
|
height: 380px; |
|
overflow: auto; |
|
position: relative; |
|
width: 100%; |
|
} |
|
.tox .tox-image-tools__image, |
|
.tox .tox-image-tools__image + .tox-image-tools__toolbar { |
|
margin-top: 5px; |
|
} |
|
.tox .tox-image-tools__image-bg { |
|
background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==); |
|
} |
|
.tox .tox-image-tools__toolbar > .tox-spacer { |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-croprect-block { |
|
background: black; |
|
filter: alpha(opacity=50); |
|
opacity: 0.5; |
|
position: absolute; |
|
zoom: 1; |
|
} |
|
.tox .tox-croprect-handle { |
|
border: 2px solid white; |
|
height: 20px; |
|
left: 0; |
|
position: absolute; |
|
top: 0; |
|
width: 20px; |
|
} |
|
.tox .tox-croprect-handle-move { |
|
border: 0; |
|
cursor: move; |
|
position: absolute; |
|
} |
|
.tox .tox-croprect-handle-nw { |
|
border-width: 2px 0 0 2px; |
|
cursor: nw-resize; |
|
left: 100px; |
|
margin: -2px 0 0 -2px; |
|
top: 100px; |
|
} |
|
.tox .tox-croprect-handle-ne { |
|
border-width: 2px 2px 0 0; |
|
cursor: ne-resize; |
|
left: 200px; |
|
margin: -2px 0 0 -20px; |
|
top: 100px; |
|
} |
|
.tox .tox-croprect-handle-sw { |
|
border-width: 0 0 2px 2px; |
|
cursor: sw-resize; |
|
left: 100px; |
|
margin: -20px 2px 0 -2px; |
|
top: 200px; |
|
} |
|
.tox .tox-croprect-handle-se { |
|
border-width: 0 2px 2px 0; |
|
cursor: se-resize; |
|
left: 200px; |
|
margin: -20px 0 0 -20px; |
|
top: 200px; |
|
} |
|
.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { |
|
margin-left: 5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { |
|
margin-left: 20px; |
|
} |
|
.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { |
|
margin-left: 20px; |
|
} |
|
.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { |
|
margin-right: 5px; |
|
} |
|
.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { |
|
margin-right: 20px; |
|
} |
|
.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { |
|
margin-right: 20px; |
|
} |
|
.tox .tox-insert-table-picker { |
|
display: flex; |
|
flex-wrap: wrap; |
|
width: 110px; |
|
} |
|
.tox .tox-insert-table-picker > div { |
|
border-color: #d9d9d9; |
|
border-style: solid; |
|
border-width: 0 1px 1px 0; |
|
box-sizing: border-box; |
|
height: 11px; |
|
width: 11px; |
|
} |
|
.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker { |
|
margin: -2.5px 0; |
|
} |
|
.tox .tox-insert-table-picker .tox-insert-table-picker__selected { |
|
background-color: rgba(10, 143, 233, 0.5); |
|
border-color: rgba(10, 143, 233, 0.5); |
|
} |
|
.tox .tox-insert-table-picker__label { |
|
color: rgba(84, 111, 94, 0.7); |
|
display: block; |
|
font-size: 8.75px; |
|
padding: 2.5px; |
|
text-align: center; |
|
width: 100%; |
|
} |
|
.tox:not([dir=rtl]) { |
|
/* stylelint-disable-next-line no-descending-specificity */ |
|
} |
|
.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { |
|
border-right: 0; |
|
} |
|
.tox[dir=rtl] { |
|
/* stylelint-disable-next-line no-descending-specificity */ |
|
} |
|
.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { |
|
border-right: 0; |
|
} |
|
.tox { |
|
/* stylelint-disable */ |
|
/* stylelint-enable */ |
|
} |
|
.tox .tox-menu { |
|
background-color: #fff; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
box-shadow: 0 4px 8px 0 rgba(84, 111, 94, 0.1); |
|
display: inline-block; |
|
overflow: hidden; |
|
vertical-align: top; |
|
z-index: 1150; |
|
} |
|
.tox .tox-menu.tox-collection.tox-collection--list { |
|
padding: 0; |
|
} |
|
.tox .tox-menu.tox-collection.tox-collection--toolbar { |
|
padding: 2.5px; |
|
} |
|
.tox .tox-menu.tox-collection.tox-collection--grid { |
|
padding: 2.5px; |
|
} |
|
.tox .tox-menu__label h1, |
|
.tox .tox-menu__label h2, |
|
.tox .tox-menu__label h3, |
|
.tox .tox-menu__label h4, |
|
.tox .tox-menu__label h5, |
|
.tox .tox-menu__label h6, |
|
.tox .tox-menu__label p, |
|
.tox .tox-menu__label blockquote, |
|
.tox .tox-menu__label code { |
|
margin: 0; |
|
} |
|
.tox .tox-menubar { |
|
background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23d9d9d9'/%3E%3C/svg%3E") left 0 top 0 #fff; |
|
background-color: #fff; |
|
display: flex; |
|
flex: 0 0 auto; |
|
flex-shrink: 0; |
|
flex-wrap: wrap; |
|
padding: 0 4px 0 4px; |
|
} |
|
.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { |
|
border-top: 1px solid #d9d9d9; |
|
} |
|
/* Deprecated. Remove in next major release */ |
|
.tox .tox-mbtn { |
|
align-items: center; |
|
background: transparent; |
|
border: 0; |
|
border-radius: 3px; |
|
box-shadow: none; |
|
color: #817f7c; |
|
display: flex; |
|
flex: 0 0 auto; |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
height: 34px; |
|
justify-content: center; |
|
margin: 2px 0 3px 0; |
|
outline: none; |
|
overflow: hidden; |
|
padding: 0 4px; |
|
text-transform: none; |
|
width: auto; |
|
} |
|
.tox .tox-mbtn[disabled] { |
|
background-color: transparent; |
|
border: 0; |
|
box-shadow: none; |
|
color: rgba(129, 127, 124, 0.5); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-mbtn:focus:not(:disabled) { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: #0a9fe5; |
|
} |
|
.tox .tox-mbtn--active { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: rgba(41, 159, 250, 0.88); |
|
} |
|
.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: #0a9fe5; |
|
} |
|
.tox .tox-mbtn__select-label { |
|
cursor: default; |
|
font-weight: normal; |
|
margin: 0 4px; |
|
} |
|
.tox .tox-mbtn[disabled] .tox-mbtn__select-label { |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-mbtn__select-chevron { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
width: 16px; |
|
display: none; |
|
} |
|
.tox .tox-notification { |
|
border-radius: 3px; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-shadow: none; |
|
box-sizing: border-box; |
|
display: -ms-grid; |
|
display: grid; |
|
font-size: 8.75px; |
|
font-weight: normal; |
|
-ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); |
|
grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr); |
|
margin-top: 2.5px; |
|
opacity: 0; |
|
padding: 2.5px; |
|
transition: transform 100ms ease-in, opacity 150ms ease-in; |
|
} |
|
.tox .tox-notification p { |
|
font-size: 8.75px; |
|
font-weight: normal; |
|
} |
|
.tox .tox-notification a { |
|
cursor: pointer; |
|
text-decoration: underline; |
|
} |
|
.tox .tox-notification--in { |
|
opacity: 1; |
|
} |
|
.tox .tox-notification--success { |
|
background-color: #e4eeda; |
|
border-color: #d7e6c8; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--success p { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--success a { |
|
color: #547831; |
|
} |
|
.tox .tox-notification--success svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--error { |
|
background-color: #f8dede; |
|
border-color: #f2bfbf; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--error p { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--error a { |
|
color: #c00; |
|
} |
|
.tox .tox-notification--error svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--warn, |
|
.tox .tox-notification--warning { |
|
background-color: #fffaea; |
|
border-color: #ffe89d; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--warn p, |
|
.tox .tox-notification--warning p { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--warn a, |
|
.tox .tox-notification--warning a { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--warn svg, |
|
.tox .tox-notification--warning svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--info { |
|
background-color: #d9edf7; |
|
border-color: #779ecb; |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--info p { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--info a { |
|
color: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification--info svg { |
|
fill: rgba(84, 111, 94, 0.85); |
|
} |
|
.tox .tox-notification__body { |
|
-ms-grid-row-align: center; |
|
align-self: center; |
|
color: rgba(84, 111, 94, 0.85); |
|
font-size: 14px; |
|
-ms-grid-column-span: 1; |
|
grid-column-end: 3; |
|
-ms-grid-column: 2; |
|
grid-column-start: 2; |
|
-ms-grid-row-span: 1; |
|
grid-row-end: 2; |
|
-ms-grid-row: 1; |
|
grid-row-start: 1; |
|
text-align: center; |
|
white-space: normal; |
|
word-break: break-all; |
|
word-break: break-word; |
|
} |
|
.tox .tox-notification__body > * { |
|
margin: 0; |
|
} |
|
.tox .tox-notification__body > * + * { |
|
margin-top: 1rem; |
|
} |
|
.tox .tox-notification__icon { |
|
-ms-grid-row-align: center; |
|
align-self: center; |
|
-ms-grid-column-span: 1; |
|
grid-column-end: 2; |
|
-ms-grid-column: 1; |
|
grid-column-start: 1; |
|
-ms-grid-row-span: 1; |
|
grid-row-end: 2; |
|
-ms-grid-row: 1; |
|
grid-row-start: 1; |
|
-ms-grid-column-align: end; |
|
justify-self: end; |
|
} |
|
.tox .tox-notification__icon svg { |
|
display: block; |
|
} |
|
.tox .tox-notification__dismiss { |
|
-ms-grid-row-align: start; |
|
align-self: start; |
|
-ms-grid-column-span: 1; |
|
grid-column-end: 4; |
|
-ms-grid-column: 3; |
|
grid-column-start: 3; |
|
-ms-grid-row-span: 1; |
|
grid-row-end: 2; |
|
-ms-grid-row: 1; |
|
grid-row-start: 1; |
|
-ms-grid-column-align: end; |
|
justify-self: end; |
|
} |
|
.tox .tox-notification .tox-progress-bar { |
|
-ms-grid-column-span: 3; |
|
grid-column-end: 4; |
|
-ms-grid-column: 1; |
|
grid-column-start: 1; |
|
-ms-grid-row-span: 1; |
|
grid-row-end: 3; |
|
-ms-grid-row: 2; |
|
grid-row-start: 2; |
|
-ms-grid-column-align: center; |
|
justify-self: center; |
|
} |
|
.tox .tox-pop { |
|
display: inline-block; |
|
position: relative; |
|
} |
|
.tox .tox-pop--resizing { |
|
transition: width 0.1s ease; |
|
} |
|
.tox .tox-pop--resizing .tox-toolbar, |
|
.tox .tox-pop--resizing .tox-toolbar__group { |
|
flex-wrap: nowrap; |
|
} |
|
.tox .tox-pop--transition { |
|
transition: 0.15s ease; |
|
transition-property: left, right, top, bottom; |
|
} |
|
.tox .tox-pop--transition::before, |
|
.tox .tox-pop--transition::after { |
|
transition: all 0.15s, visibility 0s, opacity 0.075s ease 0.075s; |
|
} |
|
.tox .tox-pop__dialog { |
|
background-color: #fff; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
|
min-width: 0; |
|
overflow: hidden; |
|
} |
|
.tox .tox-pop__dialog > *:not(.tox-toolbar) { |
|
margin: 2.5px 2.5px 2.5px 5px; |
|
} |
|
.tox .tox-pop__dialog .tox-toolbar { |
|
background-color: transparent; |
|
margin-bottom: -1px; |
|
} |
|
.tox .tox-pop::before, |
|
.tox .tox-pop::after { |
|
border-style: solid; |
|
content: ''; |
|
display: block; |
|
height: 0; |
|
opacity: 1; |
|
position: absolute; |
|
width: 0; |
|
} |
|
.tox .tox-pop.tox-pop--inset::before, |
|
.tox .tox-pop.tox-pop--inset::after { |
|
opacity: 0; |
|
transition: all 0s 0.15s, visibility 0s, opacity 0.075s ease; |
|
} |
|
.tox .tox-pop.tox-pop--bottom::before, |
|
.tox .tox-pop.tox-pop--bottom::after { |
|
left: 50%; |
|
top: 100%; |
|
} |
|
.tox .tox-pop.tox-pop--bottom::after { |
|
border-color: #fff transparent transparent transparent; |
|
border-width: 8px; |
|
margin-left: -8px; |
|
margin-top: -1px; |
|
} |
|
.tox .tox-pop.tox-pop--bottom::before { |
|
border-color: #d9d9d9 transparent transparent transparent; |
|
border-width: 9px; |
|
margin-left: -9px; |
|
} |
|
.tox .tox-pop.tox-pop--top::before, |
|
.tox .tox-pop.tox-pop--top::after { |
|
left: 50%; |
|
top: 0; |
|
transform: translateY(-100%); |
|
} |
|
.tox .tox-pop.tox-pop--top::after { |
|
border-color: transparent transparent #fff transparent; |
|
border-width: 8px; |
|
margin-left: -8px; |
|
margin-top: 1px; |
|
} |
|
.tox .tox-pop.tox-pop--top::before { |
|
border-color: transparent transparent #d9d9d9 transparent; |
|
border-width: 9px; |
|
margin-left: -9px; |
|
} |
|
.tox .tox-pop.tox-pop--left::before, |
|
.tox .tox-pop.tox-pop--left::after { |
|
left: 0; |
|
top: calc(50% - 1px); |
|
transform: translateY(-50%); |
|
} |
|
.tox .tox-pop.tox-pop--left::after { |
|
border-color: transparent #fff transparent transparent; |
|
border-width: 8px; |
|
margin-left: -15px; |
|
} |
|
.tox .tox-pop.tox-pop--left::before { |
|
border-color: transparent #d9d9d9 transparent transparent; |
|
border-width: 10px; |
|
margin-left: -19px; |
|
} |
|
.tox .tox-pop.tox-pop--right::before, |
|
.tox .tox-pop.tox-pop--right::after { |
|
left: 100%; |
|
top: calc(50% + 1px); |
|
transform: translateY(-50%); |
|
} |
|
.tox .tox-pop.tox-pop--right::after { |
|
border-color: transparent transparent transparent #fff; |
|
border-width: 8px; |
|
margin-left: -1px; |
|
} |
|
.tox .tox-pop.tox-pop--right::before { |
|
border-color: transparent transparent transparent #d9d9d9; |
|
border-width: 10px; |
|
margin-left: -1px; |
|
} |
|
.tox .tox-pop.tox-pop--align-left::before, |
|
.tox .tox-pop.tox-pop--align-left::after { |
|
left: 20px; |
|
} |
|
.tox .tox-pop.tox-pop--align-right::before, |
|
.tox .tox-pop.tox-pop--align-right::after { |
|
left: calc(100% - 20px); |
|
} |
|
.tox .tox-sidebar-wrap { |
|
display: flex; |
|
flex-direction: row; |
|
flex-grow: 1; |
|
-ms-flex-preferred-size: 0; |
|
min-height: 0; |
|
} |
|
.tox .tox-sidebar { |
|
background-color: #fff; |
|
display: flex; |
|
flex-direction: row; |
|
justify-content: flex-end; |
|
} |
|
.tox .tox-sidebar__slider { |
|
display: flex; |
|
overflow: hidden; |
|
} |
|
.tox .tox-sidebar__pane-container { |
|
display: flex; |
|
} |
|
.tox .tox-sidebar__pane { |
|
display: flex; |
|
} |
|
.tox .tox-sidebar--sliding-closed { |
|
opacity: 0; |
|
} |
|
.tox .tox-sidebar--sliding-open { |
|
opacity: 1; |
|
} |
|
.tox .tox-sidebar--sliding-growing, |
|
.tox .tox-sidebar--sliding-shrinking { |
|
transition: width 0.5s ease, opacity 0.5s ease; |
|
} |
|
.tox .tox-selector { |
|
background-color: #4099ff; |
|
border-color: #4099ff; |
|
border-style: solid; |
|
border-width: 1px; |
|
box-sizing: border-box; |
|
display: inline-block; |
|
height: 10px; |
|
position: absolute; |
|
width: 10px; |
|
} |
|
.tox.tox-platform-touch .tox-selector { |
|
height: 12px; |
|
width: 12px; |
|
} |
|
.tox .tox-slider { |
|
align-items: center; |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
height: 24px; |
|
justify-content: center; |
|
position: relative; |
|
} |
|
.tox .tox-slider__rail { |
|
background-color: transparent; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
height: 10px; |
|
min-width: 120px; |
|
width: 100%; |
|
} |
|
.tox .tox-slider__handle { |
|
background-color: #0a8fe9; |
|
border: 2px solid #0871b8; |
|
border-radius: 3px; |
|
box-shadow: none; |
|
height: 24px; |
|
left: 50%; |
|
position: absolute; |
|
top: 50%; |
|
transform: translateX(-50%) translateY(-50%); |
|
width: 14px; |
|
} |
|
.tox .tox-source-code { |
|
overflow: auto; |
|
} |
|
.tox .tox-spinner { |
|
display: flex; |
|
} |
|
.tox .tox-spinner > div { |
|
animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both; |
|
background-color: rgba(84, 111, 94, 0.7); |
|
border-radius: 100%; |
|
height: 5px; |
|
width: 5px; |
|
} |
|
.tox .tox-spinner > div:nth-child(1) { |
|
animation-delay: -0.32s; |
|
} |
|
.tox .tox-spinner > div:nth-child(2) { |
|
animation-delay: -0.16s; |
|
} |
|
@keyframes tam-bouncing-dots { |
|
0%, |
|
80%, |
|
100% { |
|
transform: scale(0); |
|
} |
|
40% { |
|
transform: scale(1); |
|
} |
|
} |
|
.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { |
|
margin-left: 2.5px; |
|
} |
|
.tox[dir=rtl] .tox-spinner > div:not(:first-child) { |
|
margin-right: 2.5px; |
|
} |
|
.tox .tox-statusbar { |
|
align-items: center; |
|
background-color: #fff; |
|
border-top: 1px solid #d9d9d9; |
|
color: rgba(84, 111, 94, 0.7); |
|
display: flex; |
|
flex: 0 0 auto; |
|
font-size: 12px; |
|
font-weight: normal; |
|
height: 18px; |
|
overflow: hidden; |
|
padding: 0 5px; |
|
position: relative; |
|
text-transform: uppercase; |
|
} |
|
.tox .tox-statusbar__text-container { |
|
display: flex; |
|
flex: 1 1 auto; |
|
justify-content: flex-end; |
|
overflow: hidden; |
|
} |
|
.tox .tox-statusbar__path { |
|
display: flex; |
|
flex: 1 1 auto; |
|
margin-right: auto; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-statusbar__path > * { |
|
display: inline; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-statusbar__wordcount { |
|
flex: 0 0 auto; |
|
margin-left: 1ch; |
|
} |
|
.tox .tox-statusbar a, |
|
.tox .tox-statusbar__path-item, |
|
.tox .tox-statusbar__wordcount { |
|
color: rgba(84, 111, 94, 0.7); |
|
text-decoration: none; |
|
} |
|
.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), |
|
.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), |
|
.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), |
|
.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), |
|
.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), |
|
.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { |
|
cursor: pointer; |
|
text-decoration: underline; |
|
} |
|
.tox .tox-statusbar__resize-handle { |
|
align-items: flex-end; |
|
align-self: stretch; |
|
cursor: nwse-resize; |
|
display: flex; |
|
flex: 0 0 auto; |
|
justify-content: flex-end; |
|
margin-left: auto; |
|
margin-right: -5px; |
|
padding-left: 1ch; |
|
} |
|
.tox .tox-statusbar__resize-handle svg { |
|
display: block; |
|
fill: rgba(84, 111, 94, 0.7); |
|
} |
|
.tox .tox-statusbar__resize-handle:focus svg { |
|
background-color: #e5e9e7; |
|
border-radius: 1px; |
|
box-shadow: 0 0 0 2px #e5e9e7; |
|
} |
|
.tox:not([dir=rtl]) .tox-statusbar__path > * { |
|
margin-right: 2.5px; |
|
} |
|
.tox:not([dir=rtl]) .tox-statusbar__branding { |
|
margin-left: 1ch; |
|
} |
|
.tox[dir=rtl] .tox-statusbar { |
|
flex-direction: row-reverse; |
|
} |
|
.tox[dir=rtl] .tox-statusbar__path > * { |
|
margin-left: 2.5px; |
|
} |
|
.tox .tox-throbber { |
|
z-index: 1299; |
|
} |
|
.tox .tox-throbber__busy-spinner { |
|
align-items: center; |
|
background-color: rgba(255, 255, 255, 0.6); |
|
bottom: 0; |
|
display: flex; |
|
justify-content: center; |
|
left: 0; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
} |
|
.tox .tox-tbtn { |
|
align-items: center; |
|
background: transparent; |
|
border: 0; |
|
border-radius: 3px; |
|
box-shadow: none; |
|
color: #817f7c; |
|
display: flex; |
|
flex: 0 0 auto; |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
height: 34px; |
|
justify-content: center; |
|
margin: 2px 0 3px 0; |
|
outline: none; |
|
overflow: hidden; |
|
padding: 0; |
|
text-transform: none; |
|
width: 34px; |
|
} |
|
.tox .tox-tbtn svg { |
|
display: block; |
|
fill: #817f7c; |
|
} |
|
.tox .tox-tbtn.tox-tbtn-more { |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
width: inherit; |
|
} |
|
.tox .tox-tbtn:focus { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
} |
|
.tox .tox-tbtn:hover { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: #0a9fe5; |
|
} |
|
.tox .tox-tbtn:hover svg { |
|
fill: #0a9fe5; |
|
} |
|
.tox .tox-tbtn:active { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: rgba(41, 159, 250, 0.88); |
|
} |
|
.tox .tox-tbtn:active svg { |
|
fill: rgba(41, 159, 250, 0.88); |
|
} |
|
.tox .tox-tbtn--disabled, |
|
.tox .tox-tbtn--disabled:hover, |
|
.tox .tox-tbtn:disabled, |
|
.tox .tox-tbtn:disabled:hover { |
|
background: transparent; |
|
border: 0; |
|
box-shadow: none; |
|
color: rgba(129, 127, 124, 0.5); |
|
cursor: not-allowed; |
|
} |
|
.tox .tox-tbtn--disabled svg, |
|
.tox .tox-tbtn--disabled:hover svg, |
|
.tox .tox-tbtn:disabled svg, |
|
.tox .tox-tbtn:disabled:hover svg { |
|
/* stylelint-disable-line no-descending-specificity */ |
|
fill: rgba(129, 127, 124, 0.5); |
|
} |
|
.tox .tox-tbtn--enabled, |
|
.tox .tox-tbtn--enabled:hover { |
|
background: #e5e9e7; |
|
border: 0; |
|
box-shadow: none; |
|
color: rgba(41, 159, 250, 0.88); |
|
} |
|
.tox .tox-tbtn--enabled > *, |
|
.tox .tox-tbtn--enabled:hover > * { |
|
transform: none; |
|
} |
|
.tox .tox-tbtn--enabled svg, |
|
.tox .tox-tbtn--enabled:hover svg { |
|
/* stylelint-disable-line no-descending-specificity */ |
|
fill: rgba(41, 159, 250, 0.88); |
|
} |
|
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) { |
|
color: #ee930e; |
|
} |
|
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg { |
|
fill: #ee930e; |
|
} |
|
.tox .tox-tbtn:active > * { |
|
transform: none; |
|
} |
|
.tox .tox-tbtn--md { |
|
height: 51px; |
|
width: 51px; |
|
} |
|
.tox .tox-tbtn--lg { |
|
flex-direction: column; |
|
height: 68px; |
|
width: 68px; |
|
} |
|
.tox .tox-tbtn--return { |
|
-ms-grid-row-align: stretch; |
|
align-self: stretch; |
|
height: unset; |
|
width: 16px; |
|
} |
|
.tox .tox-tbtn--labeled { |
|
padding: 0 4px; |
|
width: unset; |
|
} |
|
.tox .tox-tbtn__vlabel { |
|
display: block; |
|
font-size: 10px; |
|
font-weight: normal; |
|
letter-spacing: -0.025em; |
|
margin-bottom: 2.5px; |
|
white-space: nowrap; |
|
} |
|
.tox .tox-tbtn--select { |
|
margin: 2px 0 3px 0; |
|
padding: 0 4px; |
|
width: auto; |
|
} |
|
.tox .tox-tbtn__select-label { |
|
cursor: default; |
|
font-weight: normal; |
|
margin: 0 4px; |
|
} |
|
.tox .tox-tbtn__select-chevron { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
width: 10px; |
|
} |
|
.tox .tox-tbtn__select-chevron svg { |
|
fill: rgba(129, 127, 124, 0.5); |
|
} |
|
.tox .tox-tbtn--bespoke .tox-tbtn__select-label { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
width: 7em; |
|
} |
|
.tox .tox-split-button { |
|
border: 0; |
|
border-radius: 3px; |
|
box-sizing: border-box; |
|
display: flex; |
|
margin: 2px 0 3px 0; |
|
overflow: hidden; |
|
} |
|
.tox .tox-split-button:hover { |
|
box-shadow: 0 0 0 1px #e5e9e7 inset; |
|
} |
|
.tox .tox-split-button:focus { |
|
background: #e5e9e7; |
|
box-shadow: none; |
|
color: #ee930e; |
|
} |
|
.tox .tox-split-button > * { |
|
border-radius: 0; |
|
} |
|
.tox .tox-split-button__chevron { |
|
width: 10px; |
|
} |
|
.tox .tox-split-button__chevron svg { |
|
fill: rgba(129, 127, 124, 0.5); |
|
} |
|
.tox .tox-split-button .tox-tbtn { |
|
margin: 0; |
|
} |
|
.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child { |
|
width: 30px; |
|
} |
|
.tox.tox-platform-touch .tox-split-button__chevron { |
|
width: 14px; |
|
} |
|
.tox .tox-split-button.tox-tbtn--disabled:hover, |
|
.tox .tox-split-button.tox-tbtn--disabled:focus, |
|
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover, |
|
.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus { |
|
background: transparent; |
|
box-shadow: none; |
|
color: rgba(129, 127, 124, 0.5); |
|
} |
|
.tox .tox-toolbar-overlord { |
|
background-color: #fff; |
|
} |
|
.tox .tox-toolbar, |
|
.tox .tox-toolbar__primary, |
|
.tox .tox-toolbar__overflow { |
|
background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23d9d9d9'/%3E%3C/svg%3E") left 0 top 0 #fff; |
|
background-color: #fff; |
|
display: flex; |
|
flex: 0 0 auto; |
|
flex-shrink: 0; |
|
flex-wrap: wrap; |
|
padding: 0 0; |
|
} |
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed { |
|
height: 0; |
|
opacity: 0; |
|
padding-bottom: 0; |
|
padding-top: 0; |
|
visibility: hidden; |
|
} |
|
.tox .tox-toolbar__overflow--growing { |
|
transition: height 0.3s ease, opacity 0.2s linear 0.1s; |
|
} |
|
.tox .tox-toolbar__overflow--shrinking { |
|
transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; |
|
} |
|
.tox .tox-menubar + .tox-toolbar, |
|
.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { |
|
border-top: 1px solid #d9d9d9; |
|
margin-top: -1px; |
|
} |
|
.tox .tox-toolbar--scrolling { |
|
flex-wrap: nowrap; |
|
overflow-x: auto; |
|
} |
|
.tox .tox-pop .tox-toolbar { |
|
border-width: 0; |
|
} |
|
.tox .tox-toolbar--no-divider { |
|
background-image: none; |
|
} |
|
.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, |
|
.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { |
|
border-top: 1px solid #d9d9d9; |
|
} |
|
.tox.tox-tinymce-aux .tox-toolbar__overflow { |
|
background-color: #fff; |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); |
|
} |
|
.tox .tox-toolbar__group { |
|
align-items: center; |
|
display: flex; |
|
flex-wrap: wrap; |
|
margin: 0 0; |
|
padding: 0 4px 0 4px; |
|
} |
|
.tox .tox-toolbar__group--pull-right { |
|
margin-left: auto; |
|
} |
|
.tox .tox-toolbar--scrolling .tox-toolbar__group { |
|
flex-shrink: 0; |
|
flex-wrap: nowrap; |
|
} |
|
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { |
|
border-right: 1px solid #d9d9d9; |
|
} |
|
.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { |
|
border-left: 1px solid #d9d9d9; |
|
} |
|
.tox .tox-tooltip { |
|
display: inline-block; |
|
padding: 5px; |
|
position: relative; |
|
} |
|
.tox .tox-tooltip__body { |
|
background-color: rgba(84, 111, 94, 0.85); |
|
border-radius: 3px; |
|
box-shadow: 0 2px 4px rgba(84, 111, 94, 0.3); |
|
color: rgba(255, 255, 255, 0.75); |
|
font-size: 8.75px; |
|
font-style: normal; |
|
font-weight: normal; |
|
padding: 2.5px 5px; |
|
text-transform: none; |
|
} |
|
.tox .tox-tooltip__arrow { |
|
position: absolute; |
|
} |
|
.tox .tox-tooltip--down .tox-tooltip__arrow { |
|
border-left: 5px solid transparent; |
|
border-right: 5px solid transparent; |
|
border-top: 5px solid rgba(84, 111, 94, 0.85); |
|
bottom: 0; |
|
left: 50%; |
|
position: absolute; |
|
transform: translateX(-50%); |
|
} |
|
.tox .tox-tooltip--up .tox-tooltip__arrow { |
|
border-bottom: 5px solid rgba(84, 111, 94, 0.85); |
|
border-left: 5px solid transparent; |
|
border-right: 5px solid transparent; |
|
left: 50%; |
|
position: absolute; |
|
top: 0; |
|
transform: translateX(-50%); |
|
} |
|
.tox .tox-tooltip--right .tox-tooltip__arrow { |
|
border-bottom: 5px solid transparent; |
|
border-left: 5px solid rgba(84, 111, 94, 0.85); |
|
border-top: 5px solid transparent; |
|
position: absolute; |
|
right: 0; |
|
top: 50%; |
|
transform: translateY(-50%); |
|
} |
|
.tox .tox-tooltip--left .tox-tooltip__arrow { |
|
border-bottom: 5px solid transparent; |
|
border-right: 5px solid rgba(84, 111, 94, 0.85); |
|
border-top: 5px solid transparent; |
|
left: 0; |
|
position: absolute; |
|
top: 50%; |
|
transform: translateY(-50%); |
|
} |
|
.tox .tox-well { |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
padding: 5px; |
|
width: 100%; |
|
} |
|
.tox .tox-well > *:first-child { |
|
margin-top: 0; |
|
} |
|
.tox .tox-well > *:last-child { |
|
margin-bottom: 0; |
|
} |
|
.tox .tox-well > *:only-child { |
|
margin: 0; |
|
} |
|
.tox .tox-custom-editor { |
|
border: 1px solid #d9d9d9; |
|
border-radius: 3px; |
|
display: flex; |
|
flex: 1; |
|
position: relative; |
|
} |
|
/* stylelint-disable */ |
|
.tox { |
|
/* stylelint-enable */ |
|
} |
|
.tox .tox-dialog-loading::before { |
|
background-color: rgba(0, 0, 0, 0.5); |
|
content: ""; |
|
height: 100%; |
|
position: absolute; |
|
width: 100%; |
|
z-index: 1000; |
|
} |
|
.tox .tox-tab { |
|
cursor: pointer; |
|
} |
|
.tox .tox-dialog__content-js { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-dialog__body-content .tox-collection { |
|
display: flex; |
|
flex: 1; |
|
-ms-flex-preferred-size: auto; |
|
} |
|
.tox .tox-image-tools-edit-panel { |
|
height: 60px; |
|
} |
|
.tox .tox-image-tools__sidebar { |
|
height: 60px; |
|
}
|
|
|