d6b3240506
* Refactored JS folder. Removed useless files * Add border to signature webview ( Fix for light theme) * migrated quill to jodit(links not working) * Removed quill subfolder * removed table styles and fixed trigger color * disable addaptive toolbar * Remove direction button * MinHeight, Toolbar toggle, style for combobox * Added reference mail to replies and forward * Command bar in compose page Fixed align behaviour with Jodit * Fix theme toggle in composer * switch cc and to in mail chain * default selected value for aligment * make CC/To/From to be mailto links * Added drag and drop for images Fixed dropzones visual states Corrected border radius Fixed null reference exception when event dispatched when chromium still not initialized
5665 lines
175 KiB
CSS
5665 lines
175 KiB
CSS
.jodit-about {
|
|
padding: 20px
|
|
}
|
|
|
|
.jodit-about a {
|
|
color: #459ce7;
|
|
text-decoration: none
|
|
}
|
|
|
|
.jodit-about a:focus, .jodit-about a:hover {
|
|
color: #23527c;
|
|
outline: 0;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.jodit-about div {
|
|
margin-bottom: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-ui-group {
|
|
display: inline-flex;
|
|
flex: 0 0 auto;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-ui-group_line_true {
|
|
display: flex;
|
|
justify-content: stretch
|
|
}
|
|
|
|
.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true):after {
|
|
border-left: 0;
|
|
border-right: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
cursor: default;
|
|
margin: 2px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-group:last-child {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.jodit-ui-list {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.jodit-ui-list_mode_vertical .jodit-ui-group {
|
|
background-color: transparent;
|
|
border: 0;
|
|
flex-direction: column
|
|
}
|
|
|
|
.jodit-ui-list_mode_vertical .jodit-toolbar-button {
|
|
height: auto;
|
|
min-height: var(--jd-button-size)
|
|
}
|
|
|
|
.jodit-ui-list_mode_vertical .jodit-toolbar-button__button {
|
|
cursor: pointer;
|
|
height: auto;
|
|
min-height: var(--jd-button-size);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-list_mode_vertical .jodit-toolbar-button__text:not(:empty) {
|
|
justify-content: left
|
|
}
|
|
|
|
.jodit-ui-separator {
|
|
border-left: 0;
|
|
border-right: 1px solid var(--jd-color-border);
|
|
cursor: default;
|
|
margin: 2px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-break {
|
|
border-top: 1px solid var(--jd-color-border);
|
|
flex-basis: 100%;
|
|
height: 0 !important;
|
|
width: 0
|
|
}
|
|
|
|
.jodit-ui-spacer {
|
|
flex: 1
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__icon {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__icon:not(:empty) {
|
|
display: inline-flex
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__text {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__text:not(:empty) {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text {
|
|
justify-content: left;
|
|
padding-left: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-ui-button-icon-text_context_menu .jodit-ui-button-icon-text__text:before {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
height: 35px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--jd-padding-default)*-1)
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__icon:not(:empty) + .jodit-ui-button-icon-text__text:not(:empty) {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-icon-text__icon:empty + .jodit-ui-button-icon-text__text:not(:empty) {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-clear, .jodit-ui-button_clear {
|
|
appearance: none;
|
|
background: 0 0;
|
|
border: 0;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
font-style: normal;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-ui-button-sizes {
|
|
height: 34px;
|
|
min-width: 34px
|
|
}
|
|
|
|
.jodit-ui-button-sizes .jodit-icon {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.jodit-ui-button-sizes button {
|
|
appearance: none;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button-sizes_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_tiny {
|
|
height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_tiny .jodit-icon {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_tiny button {
|
|
appearance: none;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_tiny_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_xsmall {
|
|
height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_xsmall .jodit-icon {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_xsmall button {
|
|
appearance: none;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_xsmall_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_small {
|
|
height: 28px;
|
|
min-width: 28px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_small .jodit-icon {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_small button {
|
|
appearance: none;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_small_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_large {
|
|
height: 40px;
|
|
min-width: 40px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_large .jodit-icon {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_large button {
|
|
appearance: none;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button-sizes_size_large_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_outline {
|
|
border: 1px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default {
|
|
background-color: #e3e3e3;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_default:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary {
|
|
background-color: #007bff;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary:hover:not([disabled]) {
|
|
background-color: #0069d9;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary:active:not([disabled]) {
|
|
background-color: #0062cc;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_primary:focus:not([disabled]) {
|
|
outline: 1px dashed #0062cc
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary {
|
|
background-color: #d8d8d8;
|
|
border-radius: 0;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_secondary:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success {
|
|
background-color: #28a745;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success:hover:not([disabled]) {
|
|
background-color: #218838;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success:active:not([disabled]) {
|
|
background-color: #1e7e34;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_success:focus:not([disabled]) {
|
|
outline: 1px dashed #1e7e34
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger {
|
|
background-color: #dc3545;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger:hover:not([disabled]) {
|
|
background-color: #c82333;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger:active:not([disabled]) {
|
|
background-color: #bd2130;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button-variants_variant_danger:focus:not([disabled]) {
|
|
outline: 1px dashed #bd2130
|
|
}
|
|
|
|
.jodit-ui-button-style {
|
|
border-radius: var(--jd-border-radius-default);
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button, .jodit-ui-button-style {
|
|
align-items: center;
|
|
color: var(--jd-color-text-icons);
|
|
display: inline-flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-ui-button {
|
|
appearance: none;
|
|
background: 0 0;
|
|
border: 0;
|
|
border-radius: var(--jd-border-radius-default);
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
font-style: normal;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
outline: 0;
|
|
padding: 0;
|
|
padding: 0 var(--jd-padding-default);
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-ui-button:focus-visible:not([disabled]), .jodit-ui-button:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-button:active:not([disabled]), .jodit-ui-button[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-button[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-ui-button[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-ui-button .jodit-icon {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.jodit-ui-button button {
|
|
appearance: none;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button_size_tiny {
|
|
height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.jodit-ui-button_size_tiny .jodit-icon {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.jodit-ui-button_size_tiny button {
|
|
appearance: none;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button_size_tiny_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button_size_xsmall {
|
|
height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.jodit-ui-button_size_xsmall .jodit-icon {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.jodit-ui-button_size_xsmall button {
|
|
appearance: none;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button_size_xsmall_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button_size_small {
|
|
height: 28px;
|
|
min-width: 28px
|
|
}
|
|
|
|
.jodit-ui-button_size_small .jodit-icon {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.jodit-ui-button_size_small button {
|
|
appearance: none;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button_size_small_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button_size_large {
|
|
height: 40px;
|
|
min-width: 40px
|
|
}
|
|
|
|
.jodit-ui-button_size_large .jodit-icon {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-ui-button_size_large button {
|
|
appearance: none;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-button_size_large_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button__icon {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-button__icon:not(:empty) {
|
|
display: inline-flex
|
|
}
|
|
|
|
.jodit-ui-button__text {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-button__text:not(:empty) {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-ui-button_context_menu .jodit-ui-button__text {
|
|
justify-content: left;
|
|
padding-left: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-ui-button_context_menu .jodit-ui-button__text:before {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
height: 35px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--jd-padding-default)*-1)
|
|
}
|
|
|
|
.jodit-ui-button__icon:not(:empty) + .jodit-ui-button__text:not(:empty) {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button__icon:empty + .jodit-ui-button__text:not(:empty) {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button:focus:not([disabled]) {
|
|
outline: 1px dashed var(--jd-color-background-selection)
|
|
}
|
|
|
|
.jodit-ui-button_variant_outline {
|
|
border: 1px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-button_variant_default {
|
|
background-color: #e3e3e3;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button_variant_default:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_default:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary {
|
|
background-color: #007bff;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary:hover:not([disabled]) {
|
|
background-color: #0069d9;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary:active:not([disabled]) {
|
|
background-color: #0062cc;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_primary:focus:not([disabled]) {
|
|
outline: 1px dashed #0062cc
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary {
|
|
background-color: #d8d8d8;
|
|
border-radius: 0;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-ui-button_variant_secondary:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-ui-button_variant_success {
|
|
background-color: #28a745;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button_variant_success:hover:not([disabled]) {
|
|
background-color: #218838;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success:active:not([disabled]) {
|
|
background-color: #1e7e34;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_success:focus:not([disabled]) {
|
|
outline: 1px dashed #1e7e34
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger {
|
|
background-color: #dc3545;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger:hover:not([disabled]) {
|
|
background-color: #c82333;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger:active:not([disabled]) {
|
|
background-color: #bd2130;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-ui-button_variant_danger:focus:not([disabled]) {
|
|
outline: 1px dashed #bd2130
|
|
}
|
|
|
|
:root {
|
|
--jd-popup-box-shadow: 0 4px 1px -2px rgba(76,76,76,.2),0 3px 3px 0 rgba(76,76,76,.15),0 1px 4px 0 rgba(76,76,76,.13)
|
|
}
|
|
|
|
.jodit-popup {
|
|
background: 0 0;
|
|
border: 0;
|
|
box-shadow: var(--jd-popup-box-shadow);
|
|
display: inline-block;
|
|
float: none;
|
|
height: auto;
|
|
margin: 0;
|
|
max-width: none;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: static;
|
|
position: fixed;
|
|
transform: translateZ(0);
|
|
width: auto;
|
|
z-index: var(--jd-z-index-popup)
|
|
}
|
|
|
|
.jodit-popup__content {
|
|
background: var(--jd-color-background-default);
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
padding: var(--jd-padding-default);
|
|
overflow-scrolling: touch
|
|
}
|
|
|
|
.jodit-popup_padding_false .jodit-popup__content {
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-popup_max-height_false .jodit-popup__content {
|
|
max-height: fit-content
|
|
}
|
|
|
|
.jodit-context-menu {
|
|
background: 0 0;
|
|
border: 0;
|
|
box-shadow: var(--jd-popup-box-shadow);
|
|
display: inline-block;
|
|
float: none;
|
|
height: auto;
|
|
margin: 0;
|
|
max-width: none;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: static;
|
|
position: fixed;
|
|
transform: translateZ(0);
|
|
width: auto;
|
|
z-index: var(--jd-z-index-popup);
|
|
z-index: var(--jd-z-index-context-menu)
|
|
}
|
|
|
|
.jodit-context-menu, .jodit-context-menu__content {
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default)
|
|
}
|
|
|
|
.jodit-context-menu__content {
|
|
background: var(--jd-color-background-default);
|
|
max-height: 300px;
|
|
overflow: auto;
|
|
padding: var(--jd-padding-default);
|
|
overflow-scrolling: touch
|
|
}
|
|
|
|
.jodit-context-menu_padding_false .jodit-context-menu__content {
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-context-menu_max-height_false .jodit-context-menu__content {
|
|
max-height: fit-content
|
|
}
|
|
|
|
.jodit-context-menu .jodit-ui-button {
|
|
display: flex
|
|
}
|
|
|
|
.jodit-context-menu button {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-context-menu_theme_dark {
|
|
background-color: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-ui-button-group {
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-button-group__label {
|
|
color: var(--jd-color-label);
|
|
display: block;
|
|
font-size: .8em;
|
|
margin-bottom: calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-ui-button-group__options {
|
|
display: flex;
|
|
justify-content: flex-start
|
|
}
|
|
|
|
.jodit-ui-button-group .jodit-ui-button:not(:last-child) {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.jodit-ui-button-group .jodit-ui-button + .jodit-ui-button {
|
|
border-bottom-left-radius: 0;
|
|
border-left: 1px solid var(--jd-color-button-background-hover-opacity40);
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.jodit-ui-button-group .jodit-ui-button[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
border-left: 0;
|
|
box-shadow: inset 0 0 3px 0 var(--jd-color-dark);
|
|
color: var(--jd-color-dark);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-button-group .jodit-ui-button[aria-pressed=true]:not([disabled]) + .jodit-ui-button {
|
|
border: 0
|
|
}
|
|
|
|
:root {
|
|
--jd-tooltip-color: #fff;
|
|
--jd-tooltip-background-color: rgba(0,0,0,.7);
|
|
--jd-tooltip-sfx-shadow: rgba(0,0,0,.15);
|
|
--jd-tooltip-border-width: 0;
|
|
--jd-tooltip-border-color: #e5e5e5
|
|
}
|
|
|
|
.jodit-ui-tooltip {
|
|
animation-fill-mode: forwards;
|
|
animation-timing-function: ease-out;
|
|
background-clip: padding-box;
|
|
background-color: var(--jd-tooltip-background-color);
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 0 var(--jd-tooltip-border-width) var(--jd-tooltip-border-color),0 8px 20px var(--jd-tooltip-border-width) var(--jd-tooltip-sfx-shadow);
|
|
color: var(--jd-tooltip-color);
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-small);
|
|
line-height: 1.4;
|
|
max-width: 120px;
|
|
opacity: 0;
|
|
outline: none;
|
|
position: fixed;
|
|
text-rendering: optimizelegibility;
|
|
transform: translate(-50%,calc(var(--jd-padding-default)/2));
|
|
transition: opacity .2s ease 0s;
|
|
user-select: none;
|
|
white-space: normal;
|
|
width: auto;
|
|
z-index: var(--jd-z-index-tooltip)
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-ui-tooltip {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.jodit-ui-tooltip__content {
|
|
padding: calc(var(--jd-padding-default)/2) calc(var(--jd-padding-default)*1.5)
|
|
}
|
|
|
|
.jodit-ui-tooltip.jodit-ui-tooltip_visible_true {
|
|
opacity: 1
|
|
}
|
|
|
|
.jodit-ui-block {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: stretch;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-block_width_full {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-block_align_full {
|
|
justify-content: space-between
|
|
}
|
|
|
|
.jodit-ui-block_align_right {
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.jodit-ui-block_padding_true {
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-label {
|
|
color: var(--jd-color-label);
|
|
display: block;
|
|
font-size: .8em;
|
|
margin-bottom: calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-ui-input {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-input__input {
|
|
appearance: none;
|
|
background-color: var(--jd-color-white);
|
|
border: 0;
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
height: var(--jd-input-height);
|
|
line-height: 1.2;
|
|
outline: none;
|
|
padding: 0 var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-input__input[disabled] {
|
|
background-color: #f0f0f0;
|
|
color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-input__input_has-error_true {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-input__input:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-input_theme_dark .jodit-ui-input__input {
|
|
background-color: var(--jd-color-gray)
|
|
}
|
|
|
|
.jodit-ui-input_has-error_true .jodit-ui-input__input {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-input__error, .jodit-ui-input__label {
|
|
color: var(--jd-color-label);
|
|
display: block;
|
|
font-size: .8em;
|
|
margin-bottom: calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-ui-input__error, .jodit-ui-input_has-error_true .jodit-ui-input__label {
|
|
color: var(--jd-color-error)
|
|
}
|
|
|
|
.jodit-ui-input__wrapper {
|
|
align-items: center;
|
|
background-color: var(--jd-color-white);
|
|
border: 1px solid var(--jd-color-border);
|
|
display: flex;
|
|
justify-content: stretch;
|
|
min-width: 200px
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-ui-input__wrapper {
|
|
min-width: 140px
|
|
}
|
|
}
|
|
|
|
.jodit-ui-input_theme_dark .jodit-ui-input__wrapper {
|
|
background-color: var(--jd-color-gray);
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-input_focused_true .jodit-ui-input__wrapper {
|
|
border-color: var(--jd-color-border-selected)
|
|
}
|
|
|
|
.jodit-ui-input__icon:not(:empty) {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-input__icon:not(:empty) svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-input__icon:not(:empty) + .jodit-ui-input__input {
|
|
padding-left: 0
|
|
}
|
|
|
|
.jodit-ui-input__clear {
|
|
align-items: center;
|
|
display: flex;
|
|
opacity: .8;
|
|
padding: 0 var(--jd-padding-default) 0 0
|
|
}
|
|
|
|
.jodit-ui-input__clear:active {
|
|
opacity: 1;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.jodit-ui-input__clear svg {
|
|
height: 12px;
|
|
width: 12px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-input_theme_dark .jodit-ui-input__clear svg, .jodit-ui-input_theme_dark .jodit-ui-input__icon svg {
|
|
fill: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-ui-block .jodit-ui-input {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.jodit-ui-select {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-select__input {
|
|
appearance: none;
|
|
background-color: var(--jd-color-white);
|
|
border: 0;
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
height: var(--jd-input-height);
|
|
line-height: 1.2;
|
|
outline: none;
|
|
padding: 0 var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-select__input[disabled] {
|
|
background-color: #f0f0f0;
|
|
color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-select__input_has-error_true {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-select__input:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-select_theme_dark .jodit-ui-select__input {
|
|
background-color: var(--jd-color-gray)
|
|
}
|
|
|
|
.jodit-ui-select_has-error_true .jodit-ui-select__input {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-select__error, .jodit-ui-select__label {
|
|
color: var(--jd-color-label);
|
|
display: block;
|
|
font-size: .8em;
|
|
margin-bottom: calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-ui-select__error, .jodit-ui-select_has-error_true .jodit-ui-select__label {
|
|
color: var(--jd-color-error)
|
|
}
|
|
|
|
.jodit-ui-select__wrapper {
|
|
align-items: center;
|
|
background-color: var(--jd-color-white);
|
|
border: 1px solid var(--jd-color-border);
|
|
display: flex;
|
|
justify-content: stretch;
|
|
min-width: 200px
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-ui-select__wrapper {
|
|
min-width: 140px
|
|
}
|
|
}
|
|
|
|
.jodit-ui-select_theme_dark .jodit-ui-select__wrapper {
|
|
background-color: var(--jd-color-gray);
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-select_focused_true .jodit-ui-select__wrapper {
|
|
border-color: var(--jd-color-border-selected)
|
|
}
|
|
|
|
.jodit-ui-select__icon:not(:empty) {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-select__icon:not(:empty) svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-select__icon:not(:empty) + .jodit-ui-select__input {
|
|
padding-left: 0
|
|
}
|
|
|
|
.jodit-ui-select__clear {
|
|
align-items: center;
|
|
display: flex;
|
|
opacity: .8;
|
|
padding: 0 var(--jd-padding-default) 0 0
|
|
}
|
|
|
|
.jodit-ui-select__clear:active {
|
|
opacity: 1;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.jodit-ui-select__clear svg {
|
|
height: 12px;
|
|
width: 12px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-select_theme_dark .jodit-ui-select__clear svg, .jodit-ui-select_theme_dark .jodit-ui-select__icon svg {
|
|
fill: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-ui-select__input {
|
|
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6IzQ0NH08L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNMCAwaDQuOTV2MTBIMHoiIHN0eWxlPSJmaWxsOiNmZmYiLz48cGF0aCBkPSJtMS40MSA0LjY3IDEuMDctMS40OSAxLjA2IDEuNDl6TTMuNTQgNS4zMyAyLjQ4IDYuODIgMS40MSA1LjMzeiIgY2xhc3M9ImNscy0yIi8+PC9zdmc+);
|
|
background-position: 98% 50%;
|
|
background-repeat: no-repeat;
|
|
padding-right: calc(var(--jd-padding-default)*2)
|
|
}
|
|
|
|
.jodit-ui-select_size_tiny {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.jodit-ui-select_size_tiny .jodit-ui-select__input {
|
|
--jd-height: calc(var(--jd-input-height)/1.8);
|
|
height: var(--jd-height);
|
|
line-height: var(--jd-height)
|
|
}
|
|
|
|
.jodit-ui-select_variant_outline .jodit-ui-select__wrapper {
|
|
border: 0
|
|
}
|
|
|
|
.jodit-ui-select_variant_outline .jodit-ui-select__wrapper select {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-select_width_auto {
|
|
width: auto
|
|
}
|
|
|
|
.jodit-ui-select_width_auto .jodit-ui-select__wrapper {
|
|
min-width: auto
|
|
}
|
|
|
|
.jodit-ui-text-area {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-text-area__input {
|
|
appearance: none;
|
|
background-color: var(--jd-color-white);
|
|
border: 0;
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
height: var(--jd-input-height);
|
|
line-height: 1.2;
|
|
outline: none;
|
|
padding: 0 var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-text-area__input[disabled] {
|
|
background-color: #f0f0f0;
|
|
color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-text-area__input_has-error_true {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-text-area__input:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__input {
|
|
background-color: var(--jd-color-gray)
|
|
}
|
|
|
|
.jodit-ui-text-area_has-error_true .jodit-ui-text-area__input {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit-ui-text-area__error, .jodit-ui-text-area__label {
|
|
color: var(--jd-color-label);
|
|
display: block;
|
|
font-size: .8em;
|
|
margin-bottom: calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-ui-text-area__error, .jodit-ui-text-area_has-error_true .jodit-ui-text-area__label {
|
|
color: var(--jd-color-error)
|
|
}
|
|
|
|
.jodit-ui-text-area__wrapper {
|
|
align-items: center;
|
|
background-color: var(--jd-color-white);
|
|
border: 1px solid var(--jd-color-border);
|
|
display: flex;
|
|
justify-content: stretch;
|
|
min-width: 200px
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-ui-text-area__wrapper {
|
|
min-width: 140px
|
|
}
|
|
}
|
|
|
|
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__wrapper {
|
|
background-color: var(--jd-color-gray);
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-text-area_focused_true .jodit-ui-text-area__wrapper {
|
|
border-color: var(--jd-color-border-selected)
|
|
}
|
|
|
|
.jodit-ui-text-area__icon:not(:empty) {
|
|
align-items: center;
|
|
display: flex;
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-text-area__icon:not(:empty) svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-text-area__icon:not(:empty) + .jodit-ui-text-area__input {
|
|
padding-left: 0
|
|
}
|
|
|
|
.jodit-ui-text-area__clear {
|
|
align-items: center;
|
|
display: flex;
|
|
opacity: .8;
|
|
padding: 0 var(--jd-padding-default) 0 0
|
|
}
|
|
|
|
.jodit-ui-text-area__clear:active {
|
|
opacity: 1;
|
|
transform: scale(1.1)
|
|
}
|
|
|
|
.jodit-ui-text-area__clear svg {
|
|
height: 12px;
|
|
width: 12px;
|
|
fill: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-text-area_theme_dark .jodit-ui-text-area__clear svg, .jodit-ui-text-area_theme_dark .jodit-ui-text-area__icon svg {
|
|
fill: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-ui-text-area__wrapper {
|
|
flex: 1
|
|
}
|
|
|
|
.jodit-ui-text-area__input {
|
|
height: 100%;
|
|
min-height: 60px;
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-checkbox {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
justify-content: flex-end;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-checkbox__input {
|
|
margin-right: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper {
|
|
display: inline-block;
|
|
height: 34px;
|
|
margin-right: var(--jd-padding-default);
|
|
position: relative;
|
|
width: 60px
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__wrapper input {
|
|
height: 0;
|
|
opacity: 0;
|
|
width: 0
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider {
|
|
background-color: #ccc;
|
|
border-radius: 34px;
|
|
cursor: pointer;
|
|
inset: 0;
|
|
position: absolute;
|
|
transition: .4s
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true .jodit-ui-checkbox__switch-slider:before {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
bottom: 4px;
|
|
content: "";
|
|
height: 26px;
|
|
left: 4px;
|
|
position: absolute;
|
|
transition: .4s;
|
|
width: 26px
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider {
|
|
background-color: #2196f3
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_checked_true .jodit-ui-checkbox__switch-slider:before {
|
|
transform: translateX(26px)
|
|
}
|
|
|
|
.jodit-ui-checkbox_switch_true.jodit-ui-checkbox_focused_true .jodit-ui-checkbox__switch-slider {
|
|
box-shadow: 0 0 1px #2196f3
|
|
}
|
|
|
|
.jodit-ui-block .jodit-ui-checkbox {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.jodit-ui-file-input {
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.jodit-ui-file-input__input {
|
|
bottom: 0;
|
|
cursor: pointer;
|
|
font-size: 400px;
|
|
margin: 0 calc(var(--jd-padding-default)*-1) 0 0;
|
|
opacity: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
@keyframes a {
|
|
30% {
|
|
opacity: .6
|
|
}
|
|
|
|
60% {
|
|
opacity: 0
|
|
}
|
|
|
|
to {
|
|
opacity: .6
|
|
}
|
|
}
|
|
|
|
.jodit-progress-bar {
|
|
border-radius: 1px;
|
|
height: 2px;
|
|
left: 0;
|
|
opacity: .7;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: 2147483647
|
|
}
|
|
|
|
.jodit-progress-bar div {
|
|
background: var(--jd-color-background-progress);
|
|
height: 2px;
|
|
position: relative;
|
|
transition: width .5s ease-out,opacity .5s linear;
|
|
will-change: width,opacity
|
|
}
|
|
|
|
.jodit-progress-bar div:after, .jodit-progress-bar div:before {
|
|
animation: a 2s ease-out 0s infinite;
|
|
border-radius: 100%;
|
|
box-shadow: var(--jd-color-background-progress) 1px 0 6px 1px;
|
|
content: "";
|
|
display: inline-block;
|
|
height: 2px;
|
|
opacity: .6;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.jodit-progress-bar div:before {
|
|
right: -80px;
|
|
width: 180px;
|
|
clip: rect(-6px,90px,14px,-6px)
|
|
}
|
|
|
|
.jodit-progress-bar div:after {
|
|
right: 0;
|
|
width: 20px;
|
|
clip: rect(-6px,22px,14px,var(--jd-padding-default))
|
|
}
|
|
|
|
:root {
|
|
--jd-em-color-border: #b6d4fe;
|
|
--jd-em-color-bg: #cfe2ff;
|
|
--jd-em-color-color: #084298;
|
|
--jd-em-border-radius: 0.375rem;
|
|
--jd-em-padding: 0.5rem 1rem;
|
|
--jd-em-font-size: 1rem
|
|
}
|
|
|
|
.jodit-ui-messages {
|
|
bottom: 0;
|
|
height: 0;
|
|
overflow: visible;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 0;
|
|
z-index: 3
|
|
}
|
|
|
|
.jodit-ui-message {
|
|
background: var(--jd-em-color-bg);
|
|
border: 1px solid var(--jd-em-color-border);
|
|
border-radius: var(--jd-em-border-radius);
|
|
bottom: 0;
|
|
color: var(--jd-em-color-color);
|
|
cursor: pointer;
|
|
display: block;
|
|
font-size: var(--jd-em-font-size);
|
|
opacity: 0;
|
|
padding: var(--jd-em-padding);
|
|
position: absolute;
|
|
right: calc(var(--jd-padding-default)/2);
|
|
transition: opacity .1s linear,bottom .3s linear,transform .1s ease-out;
|
|
white-space: pre
|
|
}
|
|
|
|
.jodit-ui-message_active_true {
|
|
opacity: 1
|
|
}
|
|
|
|
.jodit-ui-message:active {
|
|
transform: scale(.76)
|
|
}
|
|
|
|
.jodit-ui-message_variant_secondary {
|
|
--jd-em-color-border: #d3d6d8;
|
|
--jd-em-color-bg: #e2e3e5;
|
|
--jd-em-color-color: #41464b
|
|
}
|
|
|
|
.jodit-ui-message_variant_danger, .jodit-ui-message_variant_error, .jodit-ui-message_variant_secondary {
|
|
background: var(--jd-em-color-bg);
|
|
border-color: var(--jd-em-color-border);
|
|
color: var(--jd-em-color-color)
|
|
}
|
|
|
|
.jodit-ui-message_variant_danger, .jodit-ui-message_variant_error {
|
|
--jd-em-color-border: #f5c2c7;
|
|
--jd-em-color-bg: #f8d7da;
|
|
--jd-em-color-color: #842029
|
|
}
|
|
|
|
.jodit-ui-message_variant_success {
|
|
--jd-em-color-border: #badbcc;
|
|
--jd-em-color-bg: #d1e7dd;
|
|
--jd-em-color-color: #0f5132;
|
|
background: var(--jd-em-color-bg);
|
|
border-color: var(--jd-em-color-border);
|
|
color: var(--jd-em-color-color)
|
|
}
|
|
|
|
.jodit-toolbar-collection, .jodit-toolbar-editor-collection {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent calc(var(--jd-button-size) - 1px),var(--jd-color-border) var(--jd-button-size));
|
|
position: relative
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_horizontal:after, .jodit-toolbar-editor-collection_mode_horizontal:after {
|
|
background-color: var(--jd-color-background-default);
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
left: 0;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_tiny, .jodit-toolbar-editor-collection_size_tiny {
|
|
--jd-button-icon-size: 8px
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_tiny.jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent 19px,var(--jd-color-border) 20px)
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_xsmall, .jodit-toolbar-editor-collection_size_xsmall {
|
|
--jd-button-icon-size: 10px
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_xsmall.jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent 25px,var(--jd-color-border) 26px)
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_small, .jodit-toolbar-editor-collection_size_small {
|
|
--jd-button-icon-size: 12px
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_small.jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent 31px,var(--jd-color-border) 32px)
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_middle, .jodit-toolbar-editor-collection_size_middle {
|
|
--jd-button-icon-size: 14px
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_middle.jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent 37px,var(--jd-color-border) 38px)
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_large, .jodit-toolbar-editor-collection_size_large {
|
|
--jd-button-icon-size: 16px
|
|
}
|
|
|
|
.jodit-toolbar-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-collection_mode_horizontal, .jodit-toolbar-editor-collection_size_large.jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent 43px,var(--jd-color-border) 44px)
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_vertical .jodit-ui-group, .jodit-toolbar-editor-collection_mode_vertical .jodit-ui-group {
|
|
background-color: transparent;
|
|
border: 0;
|
|
flex-direction: column
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button {
|
|
height: auto;
|
|
min-height: var(--jd-button-size)
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__button, .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button {
|
|
cursor: pointer;
|
|
height: auto;
|
|
min-height: var(--jd-button-size);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__text:not(:empty), .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__text:not(:empty) {
|
|
justify-content: left
|
|
}
|
|
|
|
.jodit-toolbar-collection .jodit-toolbar-button, .jodit-toolbar-collection .jodit-toolbar-content, .jodit-toolbar-collection .jodit-toolbar-select, .jodit-toolbar-editor-collection .jodit-toolbar-button, .jodit-toolbar-editor-collection .jodit-toolbar-content, .jodit-toolbar-editor-collection .jodit-toolbar-select {
|
|
margin: var(--jd-margin-v) 1px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-dialog .jodit-toolbar-collection_mode_horizontal, .jodit-dialog .jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: none
|
|
}
|
|
|
|
:root {
|
|
--jd-button-trigger-size: 14px
|
|
}
|
|
|
|
.jodit-toolbar-button {
|
|
align-items: center;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--jd-border-radius-default);
|
|
display: flex;
|
|
height: 34px;
|
|
justify-content: center;
|
|
min-width: 34px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.jodit-toolbar-button__icon {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-button__icon:not(:empty) {
|
|
display: inline-flex
|
|
}
|
|
|
|
.jodit-toolbar-button__text {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-button__text:not(:empty) {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-toolbar-button_context_menu .jodit-toolbar-button__text {
|
|
justify-content: left;
|
|
padding-left: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-toolbar-button_context_menu .jodit-toolbar-button__text:before {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
height: 35px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--jd-padding-default)*-1)
|
|
}
|
|
|
|
.jodit-toolbar-button__icon:not(:empty) + .jodit-toolbar-button__text:not(:empty) {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button__icon:empty + .jodit-toolbar-button__text:not(:empty) {
|
|
padding: 0 var(--jd-padding-default);
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button .jodit-icon {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.jodit-toolbar-button button {
|
|
appearance: none;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny {
|
|
height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny .jodit-icon {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny button {
|
|
appearance: none;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall {
|
|
height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall .jodit-icon {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall button {
|
|
appearance: none;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small {
|
|
height: 28px;
|
|
min-width: 28px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small .jodit-icon {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small button {
|
|
appearance: none;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large {
|
|
height: 40px;
|
|
min-width: 40px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large .jodit-icon {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large button {
|
|
appearance: none;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-button__button {
|
|
align-items: center;
|
|
appearance: none;
|
|
background: 0 0;
|
|
border: 0;
|
|
border-radius: var(--jd-border-radius-default);
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
color: var(--jd-color-text-icons);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-style: normal;
|
|
justify-content: center;
|
|
outline: 0;
|
|
padding: 0;
|
|
padding: 0 var(--jd-padding-default);
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-toolbar-button__button:focus-visible:not([disabled]), .jodit-toolbar-button__button:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-button__button:active:not([disabled]), .jodit-toolbar-button__button[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-button__button[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-button__button[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger {
|
|
align-items: center;
|
|
border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
opacity: .4;
|
|
--jd-button-trigger-size: 14px;
|
|
width: calc(var(--jd-button-trigger-size, 14px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger:focus-visible:not([disabled]), .jodit-toolbar-button__trigger:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger:active:not([disabled]), .jodit-toolbar-button__trigger[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-button__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 14px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger {
|
|
--jd-button-trigger-size: 8px;
|
|
width: calc(var(--jd-button-trigger-size, 8px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 8px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger {
|
|
--jd-button-trigger-size: 10px;
|
|
width: calc(var(--jd-button-trigger-size, 10px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 10px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small .jodit-toolbar-button__trigger {
|
|
--jd-button-trigger-size: 12px;
|
|
width: calc(var(--jd-button-trigger-size, 12px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_small .jodit-toolbar-button__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 12px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large .jodit-toolbar-button__trigger {
|
|
--jd-button-trigger-size: 16px;
|
|
width: calc(var(--jd-button-trigger-size, 16px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-button_size_large .jodit-toolbar-button__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 16px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button {
|
|
border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default)
|
|
}
|
|
|
|
.jodit-toolbar-button_with-trigger_true:hover:not([disabled]) {
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-toolbar-button_stroke_false svg {
|
|
stroke: none
|
|
}
|
|
|
|
.jodit-toolbar-content {
|
|
align-items: center;
|
|
appearance: none;
|
|
background: 0 0;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--jd-border-radius-default);
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
color: var(--jd-color-text-icons);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-style: normal;
|
|
height: 34px;
|
|
justify-content: center;
|
|
min-width: 34px;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-toolbar-content:focus-visible:not([disabled]), .jodit-toolbar-content:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-content:active:not([disabled]), .jodit-toolbar-content[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-content[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-content[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-content .jodit-icon {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.jodit-toolbar-content button {
|
|
appearance: none;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-content_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content_size_tiny {
|
|
height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_tiny .jodit-icon {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_tiny button {
|
|
appearance: none;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-content_size_tiny_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content_size_xsmall {
|
|
height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_xsmall .jodit-icon {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_xsmall button {
|
|
appearance: none;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-content_size_xsmall_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content_size_small {
|
|
height: 28px;
|
|
min-width: 28px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_small .jodit-icon {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_small button {
|
|
appearance: none;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-content_size_small_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content_size_large {
|
|
height: 40px;
|
|
min-width: 40px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_large .jodit-icon {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-content_size_large button {
|
|
appearance: none;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-content_size_large_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content__icon {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-content__icon:not(:empty) {
|
|
display: inline-flex
|
|
}
|
|
|
|
.jodit-toolbar-content__text {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-content__text:not(:empty) {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-toolbar-content_context_menu .jodit-toolbar-content__text {
|
|
justify-content: left;
|
|
padding-left: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-toolbar-content_context_menu .jodit-toolbar-content__text:before {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
height: 35px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--jd-padding-default)*-1)
|
|
}
|
|
|
|
.jodit-toolbar-content__icon:not(:empty) + .jodit-toolbar-content__text:not(:empty) {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content__icon:empty + .jodit-toolbar-content__text:not(:empty) {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-content:focus:not([disabled]) {
|
|
outline: 1px dashed var(--jd-color-background-selection)
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_outline {
|
|
border: 1px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default {
|
|
background-color: #e3e3e3;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_default:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary {
|
|
background-color: #007bff;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary:hover:not([disabled]) {
|
|
background-color: #0069d9;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary:active:not([disabled]) {
|
|
background-color: #0062cc;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_primary:focus:not([disabled]) {
|
|
outline: 1px dashed #0062cc
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary {
|
|
background-color: #d8d8d8;
|
|
border-radius: 0;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary:hover:not([disabled]) {
|
|
background-color: #c9cdd1;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary:hover:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary:active:not([disabled]) {
|
|
background-color: #dae0e5;
|
|
color: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary:active:not([disabled]) svg {
|
|
fill: #212529;
|
|
stroke: #212529
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_secondary:focus:not([disabled]) {
|
|
outline: 1px dashed #dae0e5
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success {
|
|
background-color: #28a745;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success:hover:not([disabled]) {
|
|
background-color: #218838;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success:active:not([disabled]) {
|
|
background-color: #1e7e34;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_success:focus:not([disabled]) {
|
|
outline: 1px dashed #1e7e34
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger {
|
|
background-color: #dc3545;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger [disabled] {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger:hover:not([disabled]) {
|
|
background-color: #c82333;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger:hover:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger:active:not([disabled]) {
|
|
background-color: #bd2130;
|
|
color: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger:active:not([disabled]) svg {
|
|
fill: #fff;
|
|
stroke: #fff
|
|
}
|
|
|
|
.jodit-toolbar-content_variant_danger:focus:not([disabled]) {
|
|
outline: 1px dashed #bd2130
|
|
}
|
|
|
|
.jodit-toolbar-content:hover:not([disabled]) {
|
|
background-color: transparent;
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select {
|
|
--jd-color-button-background-hover-opacity40: hsla(0,0%,86%,.2);
|
|
--jd-color-button-background-hover-opacity60: hsla(0,0%,86%,.1);
|
|
align-items: center;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--jd-border-radius-default);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 34px;
|
|
justify-content: center;
|
|
justify-content: space-between;
|
|
min-width: 34px;
|
|
min-width: 100px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.jodit-toolbar-select__icon {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-select__icon:not(:empty) {
|
|
display: inline-flex
|
|
}
|
|
|
|
.jodit-toolbar-select__text {
|
|
display: none
|
|
}
|
|
|
|
.jodit-toolbar-select__text:not(:empty) {
|
|
display: inline-flex;
|
|
flex-grow: 1;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-toolbar-select_context_menu .jodit-toolbar-select__text {
|
|
justify-content: left;
|
|
padding-left: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-toolbar-select_context_menu .jodit-toolbar-select__text:before {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
content: "";
|
|
height: 35px;
|
|
left: 0;
|
|
position: absolute;
|
|
top: calc(var(--jd-padding-default)*-1)
|
|
}
|
|
|
|
.jodit-toolbar-select__icon:not(:empty) + .jodit-toolbar-select__text:not(:empty) {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) {
|
|
padding: 0 var(--jd-padding-default);
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select .jodit-icon {
|
|
height: 14px;
|
|
width: 14px
|
|
}
|
|
|
|
.jodit-toolbar-select button {
|
|
appearance: none;
|
|
height: 34px;
|
|
min-width: 34px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny {
|
|
height: 16px;
|
|
min-width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny .jodit-icon {
|
|
height: 8px;
|
|
width: 8px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny button {
|
|
appearance: none;
|
|
height: 16px;
|
|
min-width: 16px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall {
|
|
height: 22px;
|
|
min-width: 22px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall .jodit-icon {
|
|
height: 10px;
|
|
width: 10px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall button {
|
|
appearance: none;
|
|
height: 22px;
|
|
min-width: 22px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small {
|
|
height: 28px;
|
|
min-width: 28px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small .jodit-icon {
|
|
height: 12px;
|
|
width: 12px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small button {
|
|
appearance: none;
|
|
height: 28px;
|
|
min-width: 28px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large {
|
|
height: 40px;
|
|
min-width: 40px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large .jodit-icon {
|
|
height: 16px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large button {
|
|
appearance: none;
|
|
height: 40px;
|
|
min-width: 40px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large_text-icons_true button {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-toolbar-select__button {
|
|
align-items: center;
|
|
appearance: none;
|
|
background: 0 0;
|
|
border: 0;
|
|
border-radius: var(--jd-border-radius-default);
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
color: var(--jd-color-text-icons);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
font-style: normal;
|
|
justify-content: center;
|
|
outline: 0;
|
|
padding: 0;
|
|
padding: 0 var(--jd-padding-default);
|
|
position: relative;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-toolbar-select__button:focus-visible:not([disabled]), .jodit-toolbar-select__button:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select__button:active:not([disabled]), .jodit-toolbar-select__button[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select__button[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-select__button[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger {
|
|
align-items: center;
|
|
border-radius: 0 var(--jd-border-radius-default) var(--jd-border-radius-default) 0;
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
opacity: .4;
|
|
--jd-button-trigger-size: 14px;
|
|
width: calc(var(--jd-button-trigger-size, 14px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger:focus-visible:not([disabled]), .jodit-toolbar-select__trigger:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger:active:not([disabled]), .jodit-toolbar-select__trigger[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-select__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 14px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger {
|
|
--jd-button-trigger-size: 8px;
|
|
width: calc(var(--jd-button-trigger-size, 8px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 8px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger {
|
|
--jd-button-trigger-size: 10px;
|
|
width: calc(var(--jd-button-trigger-size, 10px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 10px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger {
|
|
--jd-button-trigger-size: 12px;
|
|
width: calc(var(--jd-button-trigger-size, 12px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 12px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger {
|
|
--jd-button-trigger-size: 16px;
|
|
width: calc(var(--jd-button-trigger-size, 16px) + 2px)
|
|
}
|
|
|
|
.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger svg {
|
|
width: calc(var(--jd-button-trigger-size, 16px) - 4px)
|
|
}
|
|
|
|
.jodit-toolbar-select_with-trigger_true .jodit-toolbar-button__button {
|
|
border-radius: var(--jd-border-radius-default) 0 0 var(--jd-border-radius-default)
|
|
}
|
|
|
|
.jodit-toolbar-select_with-trigger_true:hover:not([disabled]) {
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-toolbar-select_stroke_false svg {
|
|
stroke: none
|
|
}
|
|
|
|
.jodit-toolbar-select:focus-visible:not([disabled]), .jodit-toolbar-select:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover);
|
|
opacity: 1;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select:active:not([disabled]), .jodit-toolbar-select[aria-pressed=true]:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity40);
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-toolbar-select[aria-pressed=true]:hover:not([disabled]) {
|
|
background-color: var(--jd-color-button-background-hover-opacity60)
|
|
}
|
|
|
|
.jodit-toolbar-select[disabled] {
|
|
opacity: .3;
|
|
pointer-events: none
|
|
}
|
|
|
|
.jodit-toolbar-select__text:not(:empty) {
|
|
justify-content: left
|
|
}
|
|
|
|
.jodit-toolbar-select__button {
|
|
flex: 1
|
|
}
|
|
|
|
.jodit-toolbar__box:not(:empty) {
|
|
--jd-color-background-default: var(--jd-color-panel);
|
|
background-color: var(--jd-color-background-default);
|
|
border-bottom: 1px solid var(--jd-color-border);
|
|
border-radius: var(--jd-border-radius-default) var(--jd-border-radius-default) 0 0;
|
|
overflow: hidden
|
|
}
|
|
|
|
.jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after {
|
|
background-color: var(--jd-color-panel)
|
|
}
|
|
|
|
.jodit-dialog {
|
|
border: 0;
|
|
box-sizing: border-box;
|
|
display: none;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
will-change: left,top,width,height
|
|
}
|
|
|
|
.jodit-dialog_moved_true {
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-dialog * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jodit-dialog .jodit_elfinder, .jodit-dialog .jodit_elfinder * {
|
|
box-sizing: initial
|
|
}
|
|
|
|
.jodit-dialog__overlay {
|
|
background-color: rgba(0,0,0,.5);
|
|
display: none;
|
|
height: 100%;
|
|
left: 0;
|
|
overflow: auto;
|
|
position: fixed;
|
|
text-align: center;
|
|
top: 0;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
z-index: var(--jd-z-index-dialog-overlay)
|
|
}
|
|
|
|
.jodit-dialog_static_true .jodit-dialog__overlay {
|
|
display: none
|
|
}
|
|
|
|
.jodit-dialog_active_true, .jodit-dialog_modal_true .jodit-dialog__overlay {
|
|
display: block
|
|
}
|
|
|
|
.jodit-dialog__panel {
|
|
background-color: #fff;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
left: 0;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
min-height: 100px;
|
|
min-width: 200px;
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: var(--jd-z-index-dialog);
|
|
--jd-box-shadow-blur: calc(var(--jd-padding-default)*2);
|
|
--jd-box-shadow-1: 0 var(--jd-padding-default) var(--jd-box-shadow-blur) rgba(0,0,0,.19);
|
|
box-shadow: var(--jd-box-shadow-1),0 6px 6px rgba(0,0,0,.23);
|
|
text-align: left;
|
|
white-space: normal
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__panel {
|
|
height: 100% !important;
|
|
left: 0 !important;
|
|
max-width: 100%;
|
|
top: 0 !important;
|
|
width: 100% !important
|
|
}
|
|
}
|
|
|
|
.jodit-dialog_static_true {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
height: auto;
|
|
position: relative;
|
|
width: auto;
|
|
z-index: inherit
|
|
}
|
|
|
|
.jodit-dialog_static_true .jodit-dialog__panel {
|
|
border: 1px solid var(--jd-color-border);
|
|
box-shadow: none;
|
|
left: auto !important;
|
|
position: relative;
|
|
top: auto !important;
|
|
width: 100% !important;
|
|
z-index: inherit
|
|
}
|
|
|
|
.jodit-dialog_theme_dark, .jodit-dialog_theme_dark .jodit-dialog__panel {
|
|
background-color: var(--jd-dark-background-darknes);
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog__header {
|
|
border-bottom: 1px solid var(--jd-color-border);
|
|
cursor: move;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-height: 50px;
|
|
text-align: left
|
|
}
|
|
|
|
.jodit-dialog__header-title, .jodit-dialog__header-toolbar {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-shrink: 3;
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
line-height: 48px;
|
|
margin: 0;
|
|
padding: 0 var(--jd-padding-default);
|
|
vertical-align: top
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-dialog__header-toolbar {
|
|
padding-left: 0
|
|
}
|
|
}
|
|
|
|
.jodit-dialog__header-button {
|
|
color: #222;
|
|
flex-basis: 48px;
|
|
font-size: 28px;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: background-color .2s ease 0s
|
|
}
|
|
|
|
.jodit-dialog__header-button:hover {
|
|
background-color: var(--jd-color-background-button-hover)
|
|
}
|
|
|
|
.jodit-dialog__header .jodit_toolbar {
|
|
background: transparent;
|
|
border: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.jodit-dialog__header .jodit_toolbar > li.jodit-toolbar-button .jodit-input {
|
|
padding-left: var(--jd-padding-default);
|
|
width: auto
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-dialog:not(.jodit-dialog_adaptive_false) .jodit-dialog__header {
|
|
flex-direction: column
|
|
}
|
|
}
|
|
|
|
.jodit-dialog_slim_true .jodit-dialog__header {
|
|
min-height: 10px
|
|
}
|
|
|
|
.jodit-dialog_slim_true .jodit-dialog__header-title, .jodit-dialog_slim_true .jodit-dialog__header-toolbar {
|
|
padding: 0 calc(var(--jd-padding-default)/4)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-dialog__header {
|
|
border-color: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-dialog_fullsize_true .jodit-dialog__header {
|
|
cursor: default
|
|
}
|
|
|
|
.jodit-dialog__content {
|
|
flex: 1;
|
|
min-height: 100px;
|
|
overflow: auto
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group {
|
|
margin-bottom: calc(var(--jd-padding-default)*1.5);
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group:first-child {
|
|
margin-top: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group {
|
|
border-collapse: separate;
|
|
display: table;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group > * {
|
|
display: table-cell;
|
|
height: 34px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group > input {
|
|
margin: 0 !important
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group > input:not([class*=col-]) {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group-buttons {
|
|
font-size: 0;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
width: 1%
|
|
}
|
|
|
|
.jodit-dialog__content .jodit-form__group .jodit-input_group-buttons > .jodit-button {
|
|
border: 1px solid var(--jd-color-border);
|
|
border-radius: 0;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
margin-left: -1px
|
|
}
|
|
|
|
.jodit-dialog__footer {
|
|
display: none;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-dialog__footer button {
|
|
margin-right: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-dialog__footer button:last-child {
|
|
margin-right: 0
|
|
}
|
|
|
|
.jodit-dialog__column {
|
|
display: flex
|
|
}
|
|
|
|
.jodit-dialog__resizer {
|
|
display: none;
|
|
position: relative
|
|
}
|
|
|
|
.jodit-dialog__resizer svg {
|
|
bottom: 0;
|
|
cursor: nwse-resize;
|
|
height: 12px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 12px;
|
|
fill: var(--jd-color-gray-dark);
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-dialog_resizable_true .jodit-dialog__resizer {
|
|
display: block
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-dialog__resizer {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.jodit-dialog_prompt {
|
|
max-width: 300px;
|
|
min-width: 200px;
|
|
padding: var(--jd-padding-default);
|
|
word-break: break-all
|
|
}
|
|
|
|
.jodit-dialog_prompt label {
|
|
display: block;
|
|
margin-bottom: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-dialog_alert {
|
|
max-width: 300px;
|
|
min-width: 200px;
|
|
padding: var(--jd-padding-default);
|
|
word-break: break-all
|
|
}
|
|
|
|
.jodit-dialog_footer_true .jodit-dialog__footer {
|
|
display: flex
|
|
}
|
|
|
|
.jodit_fullsize .jodit-dialog__panel {
|
|
height: 100% !important;
|
|
inset: 0 !important;
|
|
width: 100% !important
|
|
}
|
|
|
|
.jodit_fullsize .jodit-dialog__panel .jodit-dialog__resizer {
|
|
display: none
|
|
}
|
|
|
|
.jodit-dialog .jodit-ui-messages {
|
|
z-index: var(--jd-z-index-dialog)
|
|
}
|
|
|
|
:root {
|
|
--jd-image-editor-resizer-border-color: #05ff00;
|
|
--jd-image-editor-resizer-target-size: padding-default;
|
|
--jd-image-editor-resizer-target-border-color: #383838;
|
|
--jd-image-editor-resizer-target-bg-color: #8c7878
|
|
}
|
|
|
|
.jodit-image-editor {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
padding: var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-image-editor {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
.jodit-image-editor > div, .jodit-image-editor > div > div {
|
|
height: 100%
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-image-editor > div, .jodit-image-editor > div > div {
|
|
height: auto;
|
|
min-height: 200px
|
|
}
|
|
}
|
|
|
|
.jodit-image-editor * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider-title {
|
|
background-color: #f9f9f9;
|
|
border-bottom: 1px solid hsla(0,0%,62%,.31);
|
|
color: #333;
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
line-height: 1em;
|
|
padding: .8em 1em;
|
|
text-overflow: ellipsis;
|
|
text-shadow: #f3f3f3 0 1px 0;
|
|
user-select: none;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider-title svg {
|
|
display: inline-block;
|
|
margin-right: var(--jd-padding-default);
|
|
vertical-align: middle;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider-content {
|
|
display: none
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title {
|
|
background-color: #5d5d5d;
|
|
color: #fff;
|
|
text-shadow: #000 0 1px 0
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-title svg {
|
|
fill: #fff
|
|
}
|
|
|
|
.jodit-image-editor .jodit-image-editor__slider.jodit-image-editor_active .jodit-image-editor__slider-content {
|
|
display: block
|
|
}
|
|
|
|
.jodit-image-editor__area {
|
|
background-color: #eee;
|
|
background-image: linear-gradient(45deg,var(--jd-color-border) 25%,transparent 25%,transparent 75%,var(--jd-color-border) 75%,var(--jd-color-border)),linear-gradient(45deg,var(--jd-color-border) 25%,transparent 25%,transparent 75%,var(--jd-color-border) 75%,var(--jd-color-border));
|
|
background-position: 0 0,15px 15px;
|
|
background-size: 30px 30px;
|
|
display: none;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
user-select: none;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor_active {
|
|
display: block
|
|
}
|
|
|
|
.jodit-image-editor__area .jodit-image-editor__box {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
|
|
.jodit-image-editor__area .jodit-image-editor__box img {
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-image-editor__area .jodit-image-editor__croper, .jodit-image-editor__area .jodit-image-editor__resizer {
|
|
background-repeat: no-repeat;
|
|
border: 1px solid #fff;
|
|
box-shadow: 0 0 11px #000;
|
|
height: 100px;
|
|
left: 20px;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: var(--jd-padding-default);
|
|
width: 100px;
|
|
z-index: 2
|
|
}
|
|
|
|
.jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright {
|
|
background-color: var(--jd-image-editor-resizer-target-bg-color);
|
|
border: 1px solid var(--jd-image-editor-resizer-target-border-color);
|
|
border-radius: 50%;
|
|
bottom: calc(var(--jd-padding-default)*-1);
|
|
box-shadow: 0 0 11px #000;
|
|
cursor: se-resize;
|
|
display: inline-block;
|
|
height: 20px;
|
|
pointer-events: all;
|
|
position: absolute;
|
|
right: calc(var(--jd-padding-default)*-1);
|
|
width: 20px;
|
|
z-index: 4
|
|
}
|
|
|
|
.jodit-image-editor__area .jodit-image-editor__croper i.jodit_bottomright:active, .jodit-image-editor__area .jodit-image-editor__resizer i.jodit_bottomright:active {
|
|
border: 1px solid #ff0
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop {
|
|
background: #eee;
|
|
height: 100%;
|
|
line-height: 100%;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box {
|
|
height: 100%;
|
|
line-height: 100%;
|
|
overflow: visible;
|
|
pointer-events: all;
|
|
text-align: left
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box img {
|
|
height: 100%;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box:after {
|
|
background: hsla(0,0%,100%,.3);
|
|
content: "";
|
|
inset: 0;
|
|
margin: auto;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper {
|
|
cursor: move;
|
|
pointer-events: all
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop .jodit-image-editor__box .jodit-image-editor__croper i.jodit-image-editor__sizes {
|
|
background: rgba(0,0,0,.2);
|
|
border-radius: .4em;
|
|
bottom: -30px;
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 12px;
|
|
left: 100%;
|
|
padding: 9px 6px;
|
|
position: absolute;
|
|
text-align: center;
|
|
text-shadow: none;
|
|
white-space: pre
|
|
}
|
|
|
|
.jodit-image-editor__area.jodit-image-editor__area_crop.jodit-image-editor_active {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-file-browser-files {
|
|
display: none;
|
|
height: 100%;
|
|
overflow-anchor: auto;
|
|
position: relative;
|
|
vertical-align: top
|
|
}
|
|
|
|
.jodit-file-browser-files .jodit-button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.jodit-file-browser-files_loading_true:before {
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-file-browser-files_loading_true:after {
|
|
animation: b 2s ease-out 0s infinite;
|
|
background: url(data:image/png;base64,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) no-repeat 50%;
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
height: var(--jd-icon-loader-size);
|
|
left: 50%;
|
|
margin-left: calc(var(--jd-icon-loader-size)/-2);
|
|
margin-top: calc(var(--jd-icon-loader-size)/-2);
|
|
opacity: .7;
|
|
position: absolute;
|
|
top: 50%;
|
|
vertical-align: middle;
|
|
width: var(--jd-icon-loader-size);
|
|
will-change: transform
|
|
}
|
|
|
|
.jodit-file-browser-files::-webkit-scrollbar {
|
|
width: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-file-browser-files::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,.3)
|
|
}
|
|
|
|
.jodit-file-browser-files::-webkit-scrollbar-thumb {
|
|
background-color: #a9a9a9;
|
|
outline: 1px solid #708090
|
|
}
|
|
|
|
.jodit-file-browser-files_active_true {
|
|
align-content: flex-start;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
overflow-y: auto;
|
|
padding: calc(var(--jd-padding-default)/2);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-file-browser-files__item {
|
|
align-items: center;
|
|
border: 1px solid var(--jd-color-border);
|
|
display: flex;
|
|
font-size: 0;
|
|
height: var(--jd-col-size);
|
|
justify-content: center;
|
|
margin: calc(var(--jd-padding-default)/2);
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-align: center;
|
|
transition: border .1s linear,bottom .1s linear;
|
|
width: var(--jd-col-size)
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-file-browser-files__item {
|
|
width: calc(50% - var(--jd-padding-default))
|
|
}
|
|
}
|
|
|
|
.jodit-file-browser-files__item img {
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-file-browser-files__item:hover {
|
|
border-color: #433b5c
|
|
}
|
|
|
|
.jodit-file-browser-files__item_active_true {
|
|
background-color: var(--jd-color-border-active);
|
|
border-color: var(--jd-color-border-selected)
|
|
}
|
|
|
|
.jodit-file-browser-files__item_active_true .jodit-file-browser-files__item-info {
|
|
background-color: var(--jd-color-border-active);
|
|
color: #fff;
|
|
text-shadow: none
|
|
}
|
|
|
|
.jodit-file-browser-files__item-info {
|
|
background-color: var(--jd-info-background);
|
|
bottom: 0;
|
|
color: #333;
|
|
font-size: 14px;
|
|
left: 0;
|
|
line-height: 16px;
|
|
opacity: .85;
|
|
overflow: visible;
|
|
padding: .3em .6em;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: left;
|
|
text-shadow: #eee 0 1px 0;
|
|
transition: opacity .4s ease;
|
|
white-space: normal
|
|
}
|
|
|
|
.jodit-file-browser-files__item-info > span {
|
|
display: block;
|
|
font-size: .75em;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.jodit-file-browser-files__item-info > span.jodit-file-browser-files__item-info-filename {
|
|
font-size: .9em;
|
|
font-weight: 700
|
|
}
|
|
|
|
.jodit-file-browser-files__item:hover:not(.jodit-file-browser-files__item_active_true) .jodit-file-browser-files__item-info {
|
|
bottom: -100px
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list {
|
|
scroll-behavior: smooth
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a {
|
|
border-width: 0 0 1px;
|
|
display: block;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
margin: 0;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a img {
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
max-width: 16px;
|
|
min-width: 16px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info {
|
|
background-color: transparent;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 100%;
|
|
line-height: inherit;
|
|
margin-left: 4px;
|
|
padding: 0;
|
|
position: static;
|
|
vertical-align: middle;
|
|
width: calc(100% - 20px)
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info > span {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
height: 100%
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filename {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filechanged, .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info-filesize {
|
|
width: 25%
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a:hover {
|
|
background-color: #433b5c
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a:hover .jodit-file-browser-files__item-info {
|
|
color: #fff;
|
|
text-shadow: none
|
|
}
|
|
|
|
.jodit-file-browser-files_view_list a:before {
|
|
content: "";
|
|
display: inline-block;
|
|
height: 100%;
|
|
vertical-align: middle
|
|
}
|
|
|
|
:root {
|
|
--jd-color-folder-title: #b1b1b1
|
|
}
|
|
|
|
.jodit-file-browser-tree {
|
|
--jd-color-background-filebrowser-folders: #3f3f3f;
|
|
display: none;
|
|
height: 100%;
|
|
overflow-anchor: auto;
|
|
position: relative;
|
|
vertical-align: top
|
|
}
|
|
|
|
.jodit-file-browser-tree .jodit-button {
|
|
border-radius: 0
|
|
}
|
|
|
|
.jodit-file-browser-tree_loading_true:before {
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-file-browser-tree_loading_true:after {
|
|
animation: b 2s ease-out 0s infinite;
|
|
background: url(data:image/png;base64,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) no-repeat 50%;
|
|
background-size: 100% 100%;
|
|
content: "";
|
|
display: inline-block;
|
|
height: var(--jd-icon-loader-size);
|
|
left: 50%;
|
|
margin-left: calc(var(--jd-icon-loader-size)/-2);
|
|
margin-top: calc(var(--jd-icon-loader-size)/-2);
|
|
opacity: .7;
|
|
position: absolute;
|
|
top: 50%;
|
|
vertical-align: middle;
|
|
width: var(--jd-icon-loader-size);
|
|
will-change: transform
|
|
}
|
|
|
|
.jodit-file-browser-tree::-webkit-scrollbar {
|
|
width: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-file-browser-tree::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,.3)
|
|
}
|
|
|
|
.jodit-file-browser-tree::-webkit-scrollbar-thumb {
|
|
background-color: #a9a9a9;
|
|
outline: 1px solid #708090
|
|
}
|
|
|
|
.jodit-file-browser-tree_active_true {
|
|
background-color: var(--jd-color-background-filebrowser-folders);
|
|
display: flex;
|
|
flex-direction: column;
|
|
max-width: 290px;
|
|
min-width: 200px;
|
|
overflow-y: auto;
|
|
width: var(--jd-first-column);
|
|
z-index: 2
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-file-browser-tree_active_true {
|
|
height: 100px;
|
|
max-width: 100%;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.jodit-file-browser-tree_active_true::-webkit-scrollbar {
|
|
width: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-file-browser-tree_active_true::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 6px rgba(0,0,0,.3)
|
|
}
|
|
|
|
.jodit-file-browser-tree_active_true::-webkit-scrollbar-thumb {
|
|
background-color: hsla(0,0%,50%,.5);
|
|
outline: 1px solid #708090
|
|
}
|
|
|
|
.jodit-file-browser-tree__item {
|
|
align-items: center;
|
|
border-bottom: 1px solid #474747;
|
|
color: var(--jd-color-folder-title);
|
|
display: flex;
|
|
justify-content: space-between;
|
|
min-height: 38px;
|
|
padding: calc(var(--jd-padding-default)/2) var(--jd-padding-default);
|
|
position: relative;
|
|
text-decoration: none;
|
|
transition: background-color .2s ease 0s;
|
|
word-break: break-all
|
|
}
|
|
|
|
.jodit-file-browser-tree__item-title {
|
|
color: var(--jd-color-folder-title);
|
|
flex: 1
|
|
}
|
|
|
|
.jodit-file-browser-tree__item .jodit-icon_folder {
|
|
align-items: center;
|
|
display: flex;
|
|
height: calc(var(--jd-icon-size) + 4px);
|
|
justify-content: center;
|
|
margin-left: calc(var(--jd-padding-default)/2);
|
|
opacity: .3;
|
|
width: calc(var(--jd-icon-size) + 4px)
|
|
}
|
|
|
|
.jodit-file-browser-tree__item .jodit-icon_folder svg {
|
|
height: var(--jd-icon-size);
|
|
width: var(--jd-icon-size);
|
|
fill: var(--jd-color-folder-title) !important;
|
|
stroke: var(--jd-color-folder-title) !important
|
|
}
|
|
|
|
.jodit-file-browser-tree__item .jodit-icon_folder:hover {
|
|
background: #696969
|
|
}
|
|
|
|
.jodit-file-browser-tree__item:hover {
|
|
background-color: var(--jd-color-background-button-hover)
|
|
}
|
|
|
|
.jodit-file-browser-tree__item:hover-title {
|
|
color: var(--jd-color-text)
|
|
}
|
|
|
|
.jodit-file-browser-tree__item:hover i.jodit-icon_folder {
|
|
opacity: .6
|
|
}
|
|
|
|
.jodit-file-browser-tree__source-title {
|
|
background: #5a5a5a;
|
|
border-bottom: 1px solid #484848;
|
|
color: #969696;
|
|
display: block;
|
|
font-size: 12px;
|
|
padding: 2px 4px;
|
|
position: relative;
|
|
user-select: none;
|
|
word-break: break-all
|
|
}
|
|
|
|
a + .jodit-file-browser-tree__source-title {
|
|
margin-top: var(--jd-padding-default)
|
|
}
|
|
|
|
:root {
|
|
--jd-first-column: 31%;
|
|
--jd-cols: 4;
|
|
--jd-info-background: #e9e9e9;
|
|
--jd-icon-size: 12px;
|
|
--jd-col-size: 150px
|
|
}
|
|
|
|
.jodit-file-browser {
|
|
display: flex;
|
|
font-family: var(--jd-font-default);
|
|
height: 100%
|
|
}
|
|
|
|
.jodit-file-browser_no-files_true {
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-file-browser {
|
|
flex-flow: column-reverse
|
|
}
|
|
}
|
|
|
|
.jodit-dialog .jodit-dialog__header-title.jodit-file-browser__title-box {
|
|
align-items: center;
|
|
display: flex;
|
|
padding-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-file-browser-preview {
|
|
align-items: center;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
margin: auto;
|
|
max-height: 100%;
|
|
max-width: min(100%,1000px);
|
|
min-height: min(100%,500px);
|
|
min-width: 400px;
|
|
position: relative;
|
|
text-align: center
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-file-browser-preview {
|
|
height: 100%;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
min-height: auto;
|
|
min-width: auto
|
|
}
|
|
}
|
|
|
|
.jodit-file-browser-preview__box {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-file-browser-preview__navigation {
|
|
cursor: pointer;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
|
|
.jodit-file-browser-preview__navigation_arrow_next {
|
|
left: auto;
|
|
right: 0
|
|
}
|
|
|
|
.jodit-file-browser-preview__navigation svg {
|
|
height: 45px;
|
|
position: relative;
|
|
top: 50%;
|
|
width: 45px;
|
|
fill: #9e9ba7;
|
|
transform: translateY(-50%);
|
|
transition: fill .3s linear
|
|
}
|
|
|
|
.jodit-file-browser-preview__navigation:hover svg {
|
|
fill: #000
|
|
}
|
|
|
|
.jodit-file-browser-preview img {
|
|
max-height: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-status-bar {
|
|
align-items: center;
|
|
background-color: var(--jd-color-panel);
|
|
border-radius: 0 0 var(--jd-border-radius-default) var(--jd-border-radius-default);
|
|
color: var(--jd-color-text-icons);
|
|
display: flex;
|
|
font-size: var(--jd-font-size-small);
|
|
height: 20px;
|
|
justify-content: flex-start;
|
|
overflow: hidden;
|
|
padding: 0 calc(var(--jd-padding-default)/2);
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.jodit-status-bar_resize-handle_true {
|
|
padding-right: 14px
|
|
}
|
|
|
|
.jodit-status-bar:before {
|
|
content: "";
|
|
flex: auto;
|
|
order: 1
|
|
}
|
|
|
|
.jodit-status-bar .jodit-status-bar__item {
|
|
line-height: 1.5714em;
|
|
margin: 0 var(--jd-padding-default) 0 0;
|
|
order: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-status-bar .jodit-status-bar__item, .jodit-status-bar .jodit-status-bar__item > span {
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
font-size: var(--jd-font-size-small)
|
|
}
|
|
|
|
.jodit-status-bar .jodit-status-bar__item.jodit-status-bar__item-right {
|
|
margin: 0 0 0 var(--jd-padding-default);
|
|
order: 2
|
|
}
|
|
|
|
.jodit-status-bar .jodit-status-bar__item a {
|
|
border-radius: 3px;
|
|
cursor: default;
|
|
text-decoration: none
|
|
}
|
|
|
|
.jodit-status-bar .jodit-status-bar__item a:hover {
|
|
background-color: var(--jd-color-background-gray);
|
|
text-decoration: none
|
|
}
|
|
|
|
.jodit-status-bar a.jodit-status-bar-link {
|
|
cursor: pointer
|
|
}
|
|
|
|
.jodit-status-bar a.jodit-status-bar-link, .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-status-bar a.jodit-status-bar-link:visited {
|
|
background-color: transparent;
|
|
color: var(--jd-color-text-icons)
|
|
}
|
|
|
|
.jodit-status-bar a.jodit-status-bar-link:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.jodit-workplace + .jodit-status-bar:not(:empty) {
|
|
border-top: 1px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit_disabled .jodit-status-bar {
|
|
opacity: .4
|
|
}
|
|
|
|
.jodit-drag-and-drop__file-box, .jodit_uploadfile_button {
|
|
border: 1px dashed var(--jd-color-gray);
|
|
margin: var(--jd-padding-default) 0;
|
|
overflow: hidden;
|
|
padding: 25px 0;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-drag-and-drop__file-box:hover, .jodit_uploadfile_button:hover {
|
|
background-color: var(--jd-color-background-button-hover)
|
|
}
|
|
|
|
.jodit-drag-and-drop__file-box input, .jodit_uploadfile_button input {
|
|
cursor: pointer;
|
|
font-size: 400px;
|
|
inset: 0;
|
|
margin: 0;
|
|
opacity: 0;
|
|
padding: 0;
|
|
position: absolute
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-drag-and-drop__file-box {
|
|
max-width: 100%;
|
|
min-width: var(--jd-width-input-min);
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--jd-anl-color-new-line: var(--jd-color-border);
|
|
--jd-anl-handle-size: 20px;
|
|
--jd-anl-handle-offset: calc(100% - var(--jd-anl-handle-size))
|
|
}
|
|
|
|
.jodit-add-new-line {
|
|
display: block;
|
|
height: 1px;
|
|
outline: none;
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
.jodit-add-new-line, .jodit-add-new-line * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jodit-add-new-line:after {
|
|
background-color: var(--jd-anl-color-new-line);
|
|
content: "";
|
|
display: block;
|
|
height: 1px;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-add-new-line span {
|
|
align-items: center;
|
|
background: var(--jd-color-background-button-hover-opacity30);
|
|
border: 1px solid var(--jd-anl-color-new-line);
|
|
cursor: pointer;
|
|
display: flex;
|
|
height: var(--jd-anl-handle-size);
|
|
justify-content: center;
|
|
left: var(--jd-anl-handle-offset);
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translateY(-50%);
|
|
width: var(--jd-anl-handle-size)
|
|
}
|
|
|
|
.jodit-add-new-line span:hover {
|
|
background: var(--jd-color-background-button-hover)
|
|
}
|
|
|
|
.jodit-add-new-line svg {
|
|
width: calc(var(--jd-anl-handle-size)/2);
|
|
fill: var(--jd-anl-color-new-line)
|
|
}
|
|
|
|
.jodit-source__mode .jodit-add-new-line {
|
|
display: none !important
|
|
}
|
|
|
|
:root {
|
|
--jd-color-picker-cell-size: 24px
|
|
}
|
|
|
|
.jodit-color-picker {
|
|
margin: 0;
|
|
text-align: left;
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-color-picker__group {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: calc(var(--jd-padding-default)/2);
|
|
max-width: calc(var(--jd-color-picker-cell-size)*10);
|
|
white-space: normal
|
|
}
|
|
|
|
.jodit-color-picker__color-item {
|
|
border: 1px solid transparent;
|
|
display: block;
|
|
height: var(--jd-color-picker-cell-size);
|
|
text-align: center;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
width: var(--jd-color-picker-cell-size)
|
|
}
|
|
|
|
.jodit-color-picker__color-item:hover {
|
|
border-color: #000
|
|
}
|
|
|
|
.jodit-color-picker__color-item:active, .jodit-color-picker__color-item_active_true {
|
|
border: 2px solid var(--jd-color-border-selected)
|
|
}
|
|
|
|
.jodit-color-picker__native svg {
|
|
display: inline-block;
|
|
height: 16px;
|
|
margin-right: 4px;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-color-picker__native input {
|
|
appearance: none;
|
|
border: none;
|
|
height: 18px;
|
|
padding: 0;
|
|
width: 18px
|
|
}
|
|
|
|
.jodit-color-picker__native input[type=color]::-webkit-color-swatch-wrapper {
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-color-picker__native input input[type=color]::-webkit-color-swatch {
|
|
border: none
|
|
}
|
|
|
|
.jodit-tabs {
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default)
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__buttons {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: var(--jd-padding-default);
|
|
margin-top: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__buttons > * {
|
|
cursor: pointer;
|
|
margin-left: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__buttons > :only-of-type {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__buttons > :first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-tabs .jodit-tabs__buttons {
|
|
display: block
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__buttons > * {
|
|
margin-left: 0;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.jodit-tabs__button {
|
|
min-width: 80px
|
|
}
|
|
|
|
.jodit-tabs__button_columns_3 {
|
|
width: 33.33333%
|
|
}
|
|
|
|
.jodit-tabs__button_columns_2 {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__wrapper .jodit-tab {
|
|
display: none
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_active {
|
|
display: block
|
|
}
|
|
|
|
.jodit-tabs .jodit-tabs__wrapper .jodit-tab.jodit-tab_empty {
|
|
min-height: 100px;
|
|
min-width: 220px
|
|
}
|
|
|
|
.jodit_fullsize-box_true {
|
|
overflow: visible !important;
|
|
position: static !important;
|
|
z-index: var(--jd-z-index-full-size) !important
|
|
}
|
|
|
|
body.jodit_fullsize-box_true, html.jodit_fullsize-box_true {
|
|
height: 0 !important;
|
|
overflow: hidden !important;
|
|
width: 0 !important
|
|
}
|
|
|
|
html.jodit_fullsize-box_true {
|
|
position: fixed !important
|
|
}
|
|
|
|
.jodit_fullsize {
|
|
inset: 0;
|
|
max-width: none !important;
|
|
position: absolute;
|
|
z-index: var(--jd-z-index-full-size)
|
|
}
|
|
|
|
.jodit_fullsize .toolbar {
|
|
width: 100% !important
|
|
}
|
|
|
|
.jodit_fullsize .jodit__area, .jodit_fullsize .jodit_editor {
|
|
height: 100%
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__lockMargin > svg, .jodit-ui-image-position-tab__lockSize > svg, .jodit-ui-image-properties-form__lockMargin > svg, .jodit-ui-image-properties-form__lockSize > svg {
|
|
display: inline-block;
|
|
height: var(--jd-icon-middle-size);
|
|
overflow: hidden;
|
|
width: var(--jd-icon-middle-size);
|
|
fill: var(--jd-color-dark);
|
|
line-height: var(--jd-icon-middle-size);
|
|
transform-origin: 0 0 !important;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__view-box, .jodit-ui-image-properties-form__view-box {
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__imageView, .jodit-ui-image-properties-form__imageView {
|
|
align-items: center;
|
|
background-color: var(--jd-color-background-light-gray);
|
|
display: flex;
|
|
height: var(--jd-width-default);
|
|
justify-content: center;
|
|
margin: 0 0 var(--jd-padding-default);
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__imageView img, .jodit-ui-image-properties-form__imageView img {
|
|
max-height: 100%;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__imageSizes.jodit-form__group, .jodit-ui-image-properties-form__imageSizes.jodit-form__group {
|
|
align-items: center;
|
|
flex-direction: row;
|
|
margin: 0;
|
|
min-width: auto;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__imageSizes.jodit-form__group a, .jodit-ui-image-properties-form__imageSizes.jodit-form__group a {
|
|
cursor: pointer;
|
|
display: inline-block
|
|
}
|
|
|
|
.jodit-ui-image-position-tab .jodit-form__group, .jodit-ui-image-properties-form .jodit-form__group {
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-ui-image-position-tab__tabsBox, .jodit-ui-image-properties-form__tabsBox {
|
|
padding: 0 var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-ui-image-properties-form_lock_true:before {
|
|
background-color: var(--jd-color-button-background-hover-opacity60);
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 3
|
|
}
|
|
|
|
.jodit-ui-image-properties-form_lock_true:after {
|
|
animation: b 2s ease-out 0s infinite;
|
|
background: url(data:image/png;base64,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) no-repeat 50%;
|
|
background-size: 100% 100%;
|
|
background-size: var(--jd-icon-loader-size);
|
|
content: "";
|
|
display: inline-block;
|
|
height: var(--jd-icon-loader-size);
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
margin-top: -10px;
|
|
position: absolute;
|
|
top: 50%;
|
|
vertical-align: middle;
|
|
width: var(--jd-icon-loader-size);
|
|
will-change: transform
|
|
}
|
|
|
|
.jodit-popup-inline__container {
|
|
min-width: 700px;
|
|
z-index: 1300
|
|
}
|
|
|
|
.jodit-paste-storage {
|
|
max-width: 600px;
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-paste-storage {
|
|
max-width: 100%
|
|
}
|
|
}
|
|
|
|
.jodit-paste-storage > div {
|
|
border: 1px solid var(--jd-color-border);
|
|
max-height: 300px;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-paste-storage > div:first-child {
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-paste-storage > div:first-child a {
|
|
border: 1px solid transparent;
|
|
box-sizing: border-box;
|
|
color: var(--jd-color-default);
|
|
display: block;
|
|
margin: 0;
|
|
max-width: 100%;
|
|
outline: none;
|
|
overflow: hidden;
|
|
padding: calc(var(--jd-padding-default)/2);
|
|
text-decoration: none;
|
|
text-overflow: ellipsis;
|
|
white-space: pre
|
|
}
|
|
|
|
.jodit-paste-storage > div:first-child a.jodit_active {
|
|
background-color: var(--jd-dark-background-color);
|
|
color: var(--jd-color-white)
|
|
}
|
|
|
|
.jodit-paste-storage > div:first-child a:focus {
|
|
outline: none
|
|
}
|
|
|
|
.jodit-paste-storage > div:last-child {
|
|
overflow: auto;
|
|
padding: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-paste-storage > div:last-child li, .jodit-paste-storage > div:last-child ul {
|
|
margin: 0
|
|
}
|
|
|
|
.jodit-placeholder {
|
|
color: var(--jd-color-placeholder);
|
|
display: block;
|
|
left: 0;
|
|
padding: var(--jd-padding-default);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
user-select: none !important;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.jodit__preview-box table {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
empty-cells: show;
|
|
margin-bottom: 1em;
|
|
margin-top: 1em;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit__preview-box table tr {
|
|
user-select: none
|
|
}
|
|
|
|
.jodit__preview-box table tr td, .jodit__preview-box table tr th {
|
|
border: 1px solid var(--jd-color-border);
|
|
min-width: 2em;
|
|
padding: .4em;
|
|
user-select: text;
|
|
vertical-align: middle
|
|
}
|
|
|
|
.jodit-table-resizer {
|
|
cursor: col-resize;
|
|
margin-left: calc(var(--jd-padding-default)/-2);
|
|
padding-left: calc(var(--jd-padding-default)/2);
|
|
padding-right: calc(var(--jd-padding-default)/2);
|
|
position: absolute;
|
|
z-index: 3
|
|
}
|
|
|
|
.jodit-table-resizer:after {
|
|
border: 0;
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 0
|
|
}
|
|
|
|
.jodit-table-resizer_moved {
|
|
background-color: var(--jd-color-background-selection);
|
|
z-index: 2
|
|
}
|
|
|
|
.jodit-table-resizer_moved:after {
|
|
border-right: 1px solid moved
|
|
}
|
|
|
|
[data-jodit_iframe_wrapper] {
|
|
display: block;
|
|
position: relative;
|
|
user-select: none
|
|
}
|
|
|
|
[data-jodit_iframe_wrapper] iframe {
|
|
position: relative
|
|
}
|
|
|
|
[data-jodit_iframe_wrapper]:after {
|
|
background: transparent;
|
|
content: "";
|
|
cursor: pointer;
|
|
display: block;
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
[data-jodit_iframe_wrapper][data-jodit-wrapper_active=true] iframe {
|
|
z-index: 2
|
|
}
|
|
|
|
.jodit_lock [data-jodit-wrapper_active=true] iframe {
|
|
z-index: 1
|
|
}
|
|
|
|
:root {
|
|
--jd-viewer-width: 70px;
|
|
--jd-viewer-height: 24px;
|
|
--jd-resizer-handle-size: 10px;
|
|
--jd-resizer-border-color: #98c1f1;
|
|
--jd-resizer-handle-color: #5ba4f3;
|
|
--jd-resizer-handle-hover-color: #537ebb
|
|
}
|
|
|
|
.jodit-resizer {
|
|
font-size: 0;
|
|
height: 100px;
|
|
left: 0;
|
|
outline: 3px solid var(--jd-resizer-border-color);
|
|
pointer-events: none;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100px
|
|
}
|
|
|
|
.jodit-resizer, .jodit-resizer * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jodit-resizer > span {
|
|
background-color: var(--jd-color-placeholder);
|
|
color: var(--jd-color-white);
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
height: var(--jd-viewer-height);
|
|
left: 50%;
|
|
line-height: var(--jd-viewer-height);
|
|
margin-left: calc(var(--jd-viewer-width)/-2);
|
|
margin-top: calc(var(--jd-viewer-height)/-2);
|
|
opacity: 0;
|
|
overflow: visible;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 50%;
|
|
transition: opacity .2s linear;
|
|
width: var(--jd-viewer-width)
|
|
}
|
|
|
|
.jodit-resizer > div {
|
|
background-color: var(--jd-resizer-handle-color);
|
|
display: inline-block;
|
|
height: var(--jd-resizer-handle-size);
|
|
pointer-events: all;
|
|
position: absolute;
|
|
width: var(--jd-resizer-handle-size);
|
|
z-index: 4
|
|
}
|
|
|
|
.jodit-resizer > div:hover {
|
|
background-color: var(--jd-resizer-handle-hover-color)
|
|
}
|
|
|
|
.jodit-resizer > div:first-child {
|
|
cursor: nwse-resize;
|
|
left: calc(var(--jd-resizer-handle-size)/-2);
|
|
top: calc(var(--jd-resizer-handle-size)/-2)
|
|
}
|
|
|
|
.jodit-resizer > div:nth-child(2) {
|
|
cursor: nesw-resize;
|
|
right: calc(var(--jd-resizer-handle-size)/-2);
|
|
top: calc(var(--jd-resizer-handle-size)/-2)
|
|
}
|
|
|
|
.jodit-resizer > div:nth-child(3) {
|
|
bottom: calc(var(--jd-resizer-handle-size)/-2);
|
|
cursor: nwse-resize;
|
|
right: calc(var(--jd-resizer-handle-size)/-2)
|
|
}
|
|
|
|
.jodit-resizer > div:nth-child(4) {
|
|
bottom: calc(var(--jd-resizer-handle-size)/-2);
|
|
cursor: nesw-resize;
|
|
left: calc(var(--jd-resizer-handle-size)/-2)
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-resizer > div :root {
|
|
--jd-resizer-handle-size: calc(var(--jd-resizer-handle-size)*2)
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--jd-height-search: 30px;
|
|
--jd-width-search: 320px;
|
|
--jd-width-search-input-box: 60%;
|
|
--jd-width-search-count-box: 15%;
|
|
--jd-transform-button-active: 0.95;
|
|
--jd-timeout-button-active: 0.1s
|
|
}
|
|
|
|
.jodit-ui-search {
|
|
height: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 0
|
|
}
|
|
|
|
.jodit-ui-search_sticky_true {
|
|
position: fixed
|
|
}
|
|
|
|
.jodit-ui-search__box {
|
|
background-color: var(--jd-color-panel);
|
|
border: solid var(--jd-color-border);
|
|
border-width: 0 0 1px 1px;
|
|
display: flex;
|
|
max-width: 100vw;
|
|
padding: calc(var(--jd-padding-default)/2);
|
|
position: absolute;
|
|
right: 0;
|
|
width: var(--jd-width-search)
|
|
}
|
|
|
|
.jodit-ui-search__box input {
|
|
background-color: transparent;
|
|
border: 0;
|
|
height: 100%;
|
|
margin: 0;
|
|
outline: none;
|
|
padding: 0 var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-search__box input[data-ref=replace] {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-search__box input:not(:focus) + input:not(:focus) {
|
|
border-top: 1px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-search__buttons, .jodit-ui-search__counts, .jodit-ui-search__inputs {
|
|
height: var(--jd-height-search)
|
|
}
|
|
|
|
.jodit-ui-search__inputs {
|
|
padding-right: calc(var(--jd-padding-default)/2);
|
|
width: var(--jd-width-search-input-box)
|
|
}
|
|
|
|
.jodit-ui-search__counts {
|
|
border-left: 1px solid var(--jd-color-border);
|
|
color: var(--jd-color-border);
|
|
width: var(--jd-width-search-count-box)
|
|
}
|
|
|
|
.jodit-ui-search__buttons, .jodit-ui-search__counts {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit-ui-search__buttons {
|
|
flex: 1;
|
|
padding-left: 0
|
|
}
|
|
|
|
.jodit-ui-search__buttons button {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
height: 100%;
|
|
margin-right: 1%;
|
|
width: 32%
|
|
}
|
|
|
|
.jodit-ui-search__buttons button[data-ref=replace-btn] {
|
|
border: 1px solid var(--jd-color-border);
|
|
display: none;
|
|
margin-top: 2px;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-ui-search__buttons button:hover {
|
|
background-color: var(--jd-color-background-button-hover)
|
|
}
|
|
|
|
.jodit-ui-search__buttons button:focus {
|
|
border: 1px solid var(--jd-color-background-selection-opacity50)
|
|
}
|
|
|
|
.jodit-ui-search__buttons button:active {
|
|
border: 1px solid var(--jd-color-background-selection);
|
|
transform: scale(var(--jd-transform-button-active))
|
|
}
|
|
|
|
.jodit-ui-search_empty-query_true [data-ref=next], .jodit-ui-search_empty-query_true [data-ref=prev] {
|
|
opacity: .5
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__counts, .jodit-ui-search_replace_true .jodit-ui-search__inputs {
|
|
height: calc(var(--jd-height-search)*2)
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__counts input, .jodit-ui-search_replace_true .jodit-ui-search__inputs input {
|
|
height: 50%;
|
|
transition: background-color var(--jd-timeout-button-active) linear
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__counts input:focus, .jodit-ui-search_replace_true .jodit-ui-search__inputs input:focus {
|
|
box-shadow: inset 0 0 3px 0 var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__counts input[data-ref=replace], .jodit-ui-search_replace_true .jodit-ui-search__inputs input[data-ref=replace] {
|
|
display: block
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__buttons {
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref=replace-btn] {
|
|
display: block
|
|
}
|
|
|
|
::highlight(jodit-search-result), [jd-tmp-selection] {
|
|
background-color: var(--jd-color-background-selection);
|
|
color: var(--jd-color-text-selection)
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) {
|
|
min-height: 100px
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-workplace {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: auto;
|
|
min-height: 50px;
|
|
overflow: hidden
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-editor__resize {
|
|
position: relative
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-editor__resize svg {
|
|
bottom: 0;
|
|
cursor: nwse-resize;
|
|
height: 12px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 12px;
|
|
fill: var(--jd-color-gray-dark);
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-source {
|
|
background-color: var(--jd-color-source-area);
|
|
display: none;
|
|
flex: auto;
|
|
overflow: auto;
|
|
position: relative
|
|
}
|
|
|
|
.jodit-source, .jodit-source .jodit-source__mirror-fake {
|
|
min-height: 100%
|
|
}
|
|
|
|
.jodit-source * {
|
|
font: 12px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace
|
|
}
|
|
|
|
.jodit-container.jodit-source__mode .jodit-wysiwyg, .jodit-container.jodit-source__mode .jodit-wysiwyg_iframe {
|
|
display: none !important
|
|
}
|
|
|
|
.jodit-container.jodit-source__mode .jodit-source {
|
|
display: block !important
|
|
}
|
|
|
|
.jodit-container.jodit_split_mode .jodit-workplace {
|
|
flex-flow: row nowrap
|
|
}
|
|
|
|
.jodit-container.jodit_split_mode .jodit-source, .jodit-container.jodit_split_mode .jodit-wysiwyg, .jodit-container.jodit_split_mode .jodit-wysiwyg_iframe {
|
|
display: block !important;
|
|
flex: 1;
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-source__mirror {
|
|
background: var(--jd-color-source-area);
|
|
border: 0;
|
|
box-shadow: none;
|
|
box-sizing: border-box;
|
|
color: #f0f0f0;
|
|
height: 100%;
|
|
line-height: 1.5;
|
|
font: 12px/normal Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;
|
|
margin: 0;
|
|
min-height: 100%;
|
|
outline: none;
|
|
overflow: auto;
|
|
padding: var(--jd-padding-default);
|
|
resize: none;
|
|
tab-size: 2em;
|
|
white-space: pre-wrap;
|
|
width: 100%;
|
|
z-index: 2
|
|
}
|
|
|
|
.jodit-source__mirror::selection {
|
|
background: var(--jd-color-selection-area)
|
|
}
|
|
|
|
.jodit_sticky-dummy_toolbar {
|
|
display: none
|
|
}
|
|
|
|
.jodit_sticky > .jodit-toolbar__box {
|
|
border-bottom: 1px solid var(--jd-color-border);
|
|
left: auto;
|
|
position: fixed;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 3
|
|
}
|
|
|
|
.jodit_sticky .jodit_sticky-dummy_toolbar {
|
|
display: block
|
|
}
|
|
|
|
.jodit-symbols {
|
|
padding: var(--jd-padding-default);
|
|
width: 460px
|
|
}
|
|
|
|
.jodit-symbols__container {
|
|
display: flex
|
|
}
|
|
|
|
.jodit-symbols__container_table {
|
|
width: 88%
|
|
}
|
|
|
|
.jodit-symbols__container_preview {
|
|
width: 12%
|
|
}
|
|
|
|
.jodit-symbols__preview {
|
|
border: 1px solid var(--jd-color-border);
|
|
font-size: 34px;
|
|
padding: 20px 0;
|
|
text-align: center
|
|
}
|
|
|
|
.jodit-symbols__table {
|
|
border: 0;
|
|
border-spacing: 0;
|
|
table-layout: fixed
|
|
}
|
|
|
|
.jodit-symbols__table td {
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-symbols__table td a {
|
|
border: 1px solid transparent;
|
|
box-sizing: border-box;
|
|
color: var(--jd-color-text);
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
height: calc(var(--jd-height-element-default)*1.2);
|
|
line-height: calc(var(--jd-height-element-default)*1.2);
|
|
text-align: center;
|
|
text-decoration: none;
|
|
vertical-align: top;
|
|
width: calc(var(--jd-width-element-default)*1.2)
|
|
}
|
|
|
|
.jodit-symbols__table td a:focus, .jodit-symbols__table td a:hover {
|
|
outline: 2px solid var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-ui-ai-assistant {
|
|
min-width: 460px;
|
|
padding: var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-ui-ai-assistant {
|
|
min-width: 100%
|
|
}
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__body {
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
margin-bottom: 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row-label {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row-input {
|
|
flex: 1;
|
|
margin-right: 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row .jodit-icon_ai_assistant {
|
|
cursor: pointer;
|
|
height: 22px;
|
|
width: 22px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row .jodit-ui-button {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__prompt-row .jodit-ui-button_ai_assistant {
|
|
margin-right: 0;
|
|
margin-top: 20px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__results {
|
|
border-color: var(--jd-color-label);
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
height: 300px;
|
|
line-height: 1.5;
|
|
max-width: 460px;
|
|
min-height: 300px;
|
|
min-width: 100%;
|
|
overflow: auto;
|
|
padding: var(--jd-padding-default);
|
|
position: relative
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__results p {
|
|
margin: 0 0 10px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__close {
|
|
cursor: pointer;
|
|
padding: 10px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
|
|
.jodit-ui-ai-assistant_hide_true {
|
|
display: none
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__spinner:before {
|
|
animation: b .6s linear infinite;
|
|
border: 1px solid #ccc;
|
|
border-radius: 50%;
|
|
border-top-color: #8817c3;
|
|
box-sizing: border-box;
|
|
content: "";
|
|
height: 30px;
|
|
left: 50%;
|
|
margin-left: -15px;
|
|
margin-top: -15px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 30px
|
|
}
|
|
|
|
.jodit-ui-ai-assistant__error {
|
|
color: var(--jd-color-error)
|
|
}
|
|
|
|
/*.jodit-context table, .jodit-wysiwyg table {
|
|
border: none;
|
|
border-collapse: collapse;
|
|
empty-cells: show;
|
|
margin-bottom: 1em;
|
|
margin-top: 1em;
|
|
max-width: 100%
|
|
}
|
|
|
|
.jodit-context table tr, .jodit-wysiwyg table tr {
|
|
user-select: none
|
|
}
|
|
|
|
.jodit-context table tr td, .jodit-context table tr th, .jodit-wysiwyg table tr td, .jodit-wysiwyg table tr th {
|
|
border: 1px solid var(--jd-color-border);
|
|
min-width: 2em;
|
|
padding: .4em;
|
|
user-select: text;
|
|
vertical-align: middle
|
|
}*/
|
|
|
|
.jodit-form__inserter {
|
|
--jd-color-table-cell-background-hover: var(--jd-color-button-background-hover)
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box {
|
|
display: flex
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-form__inserter .jodit-form__table-creator-box {
|
|
flex-direction: column
|
|
}
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container {
|
|
font-size: 0;
|
|
margin: 0;
|
|
min-width: 180px;
|
|
padding: 0
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span {
|
|
border: 1px solid var(--jd-color-border);
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
height: var(--jd-height-element-default);
|
|
margin-bottom: 2px;
|
|
margin-left: 2px;
|
|
vertical-align: top;
|
|
width: var(--jd-width-element-default)
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__container > div > span.jodit_hovered {
|
|
background: var(--jd-color-table-cell-background-hover);
|
|
border-color: var(--jd-color-table-cell-background-hover)
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options {
|
|
font-size: var(--jd-font-size-default)
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label {
|
|
padding-top: 0;
|
|
text-align: left
|
|
}
|
|
|
|
.jodit-form__inserter .jodit-form__table-creator-box .jodit-form__options label input {
|
|
margin-right: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-form__inserter label {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 8px;
|
|
text-align: center
|
|
}
|
|
|
|
.jodit-xpath {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-left: calc(var(--jd-padding-default)/-2)
|
|
}
|
|
|
|
.jodit-xpath__item {
|
|
display: flex;
|
|
height: var(--jd-font-size-small);
|
|
line-height: calc(var(--jd-font-size-small) - 1px)
|
|
}
|
|
|
|
.jodit-xpath__item a {
|
|
color: var(--jd-color-default);
|
|
font-size: var(--jd-font-size-small);
|
|
margin-left: 2px;
|
|
outline: 0;
|
|
padding: 0 3px
|
|
}
|
|
|
|
:root {
|
|
--jd-color-white: #fff;
|
|
--jd-color-gray: #dadada;
|
|
--jd-color-gray-dark: #a5a5a5;
|
|
--jd-color-dark: #4c4c4c;
|
|
--jd-color-blue: #b5d6fd;
|
|
--jd-color-light-blue: rgba(181,214,253,.5);
|
|
--jd-color-red: #ff3b3b;
|
|
--jd-color-light-red: rgba(255,59,59,.4);
|
|
--jd-color-default: var(--jd-color-dark);
|
|
--jd-color-text: #222;
|
|
--jd-color-label: var(--jd-color-gray-dark);
|
|
--jd-color-error: var(--jd-color-red);
|
|
--jd-color-border: var(--jd-color-gray);
|
|
--jd-color-border-dark: var(--jd-color-dark);
|
|
--jd-color-border-selected: #1e88e5;
|
|
--jd-color-border-active: #b5b5b5;
|
|
--jd-color-selection: var(--jd-color-dark);
|
|
--jd-color-selection-area: #bdbdbd;
|
|
--jd-color-separator: var(--jd-color-border);
|
|
--jd-color-placeholder: var(--jd-color-gray-dark);
|
|
--jd-color-panel: #f9f9f9;
|
|
--jd-color-resizer: #c8c8c8;
|
|
--jd-color-background-default: var(--jd-color-white);
|
|
--jd-color-background-light-gray: #f5f5f6;
|
|
--jd-color-background-gray: var(--jd-color-gray);
|
|
--jd-color-background-gray-hover: #f8f8f8;
|
|
--jd-color-background-button-hover: #ecebe9;
|
|
--jd-color-background-button-hover-opacity30: hsla(40,7%,92%,.3);
|
|
--jd-color-background-progress: #b91f1f;
|
|
--jd-color-background-active: #2196f3;
|
|
--jd-color-background-selection: #b5d6fd;
|
|
--jd-color-text-selection: var(--jd-color-white);
|
|
--jd-color-background-selection-opacity50: rgba(181,214,253,.995);
|
|
--jd-color-source-area: #323232;
|
|
--jd-color-button-background-hover: #dcdcdc;
|
|
--jd-color-button-background-hover-opacity40: hsla(0,0%,86%,.4);
|
|
--jd-color-button-background-hover-opacity60: hsla(0,0%,86%,.6);
|
|
--jd-font-default: -apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif;
|
|
--jd-font-size-default: 14px;
|
|
--jd-font-size-small: 11px;
|
|
--jd-color-text-icons: rgba(0,0,0,.75);
|
|
--jd-color-icon: var(--jd-color-dark);
|
|
--jd-padding-default: 8px;
|
|
--jd-border-radius-default: 3px;
|
|
--jd-icon-tiny-size: 8px;
|
|
--jd-icon-xsmall-size: 10px;
|
|
--jd-icon-small-size: 12px;
|
|
--jd-icon-middle-size: 14px;
|
|
--jd-icon-large-size: 16px;
|
|
--jd-z-index-full-size: 100000;
|
|
--jd-z-index-popup: 10000001;
|
|
--jd-z-index-dialog-overlay: 20000003;
|
|
--jd-z-index-dialog: 20000004;
|
|
--jd-z-index-context-menu: 30000005;
|
|
--jd-z-index-tooltip: 30000006;
|
|
--jd-icon-loader-size: 48px;
|
|
--jd-width-element-default: 18px;
|
|
--jd-height-element-default: 18px;
|
|
--jd-dark-background-color: #575757;
|
|
--jd-dark-background-ligher: silver;
|
|
--jd-dark-background-darknes: #353535;
|
|
--jd-dark-border-color: #444;
|
|
--jd-dark-text-color: #d1cccc;
|
|
--jd-dark-text-color-opacity80: hsla(0,5%,81%,.8);
|
|
--jd-dark-text-color-opacity50: hsla(0,5%,81%,.5);
|
|
--jd-dark-icon-color: silver;
|
|
--jd-dark-toolbar-color: #5f5c5c;
|
|
--jd-dark-toolbar-seperator-color1: rgba(81,81,81,.41);
|
|
--jd-dark-toolbar-seperator-color2: #686767;
|
|
--jd-dark-toolbar-seperator-color-opacity80: hsla(0,0%,41%,.8);
|
|
--jd-dark-toolbar-seperator-color3: hsla(0,0%,41%,.75);
|
|
--jd-dark-color-border-selected: #152f5f;
|
|
--jd-width-default: 180px;
|
|
--jd-width-input-min: var(--jd-width-default);
|
|
--jd-input-height: 32px;
|
|
--jd-button-icon-size: 14px;
|
|
--jd-margin-v: 2px;
|
|
--jd-button-df-size: calc((var(--jd-button-icon-size) - 4px)*2);
|
|
--jd-button-size: calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v)*2);
|
|
--jd-focus-input-box-shadow: 0 0 0 0.05rem rgba(0,123,255,.25)
|
|
}
|
|
|
|
.jodit-wysiwyg {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-wysiwyg ::selection, .jodit-wysiwyg::selection {
|
|
background: #b5d6fd;
|
|
color: #4c4c4c
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-wysiwyg {
|
|
margin: 0;
|
|
outline: 0;
|
|
overflow-x: auto;
|
|
padding: 8px;
|
|
position: relative
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-wysiwyg img {
|
|
max-width: 100%;
|
|
position: relative
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media {
|
|
position: relative
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media * {
|
|
position: relative;
|
|
z-index: 0
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-wysiwyg jodit-media:before {
|
|
content: "";
|
|
inset: 0;
|
|
position: absolute;
|
|
z-index: 1
|
|
}
|
|
|
|
:root {
|
|
--jd-switche-width: 60px;
|
|
--jd-switche-height: 32px;
|
|
--jd-switche-slider-margin: 4px;
|
|
--jd-switche-slider-size: calc(var(--jd-switche-height) - var(--jd-switche-slider-margin)*2)
|
|
}
|
|
|
|
.jodit-form {
|
|
color: var(--jd-color-default);
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default)
|
|
}
|
|
|
|
.jodit-form.jodit_error {
|
|
border-color: var(--jd-color-error);
|
|
box-shadow: inset 0 0 3px 0 hsla(0,0%,74%,.3)
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-form {
|
|
min-width: 150px
|
|
}
|
|
}
|
|
|
|
.jodit-form button {
|
|
background: #d6d6d6;
|
|
border: none;
|
|
color: var(--jd-color-dark);
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
height: 36px;
|
|
line-height: 1;
|
|
margin-bottom: var(--jd-padding-default);
|
|
margin-top: var(--jd-padding-default);
|
|
outline: none;
|
|
padding: var(--jd-padding-default);
|
|
text-decoration: none;
|
|
transition: background .2s ease 0s
|
|
}
|
|
|
|
.jodit-form button:hover {
|
|
background-color: var(--jd-color-background-button-hover);
|
|
color: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-form button:active {
|
|
background: var(--jd-color-background-button-hover);
|
|
color: var(--jd-color-dark)
|
|
}
|
|
|
|
.jodit-form label {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: var(--jd-padding-default);
|
|
text-align: left;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.jodit-form label:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.jodit-form .jodit-form__center {
|
|
justify-content: center
|
|
}
|
|
|
|
.jodit .jodit-input, .jodit .jodit-select, .jodit .jodit-textarea {
|
|
appearance: none;
|
|
background-color: var(--jd-color-white);
|
|
border: 1px solid var(--jd-color-border);
|
|
border-radius: 0;
|
|
box-sizing: border-box;
|
|
font-family: var(--jd-font-default);
|
|
font-size: var(--jd-font-size-default);
|
|
height: var(--jd-input-height);
|
|
line-height: 1.2;
|
|
outline: none;
|
|
padding: 0 var(--jd-padding-default);
|
|
width: 100%
|
|
}
|
|
|
|
.jodit .jodit-input[disabled], .jodit .jodit-select[disabled], .jodit .jodit-textarea[disabled] {
|
|
background-color: #f0f0f0;
|
|
color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit .jodit-input_has-error_true, .jodit .jodit-select_has-error_true, .jodit .jodit-textarea_has-error_true {
|
|
border-color: var(--jd-color-red)
|
|
}
|
|
|
|
.jodit .jodit-input:focus {
|
|
border-color: #66afe9;
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-checkbox {
|
|
border: 0;
|
|
cursor: pointer;
|
|
height: 16px;
|
|
margin: 0 calc(var(--jd-padding-default)/2) 0 0;
|
|
outline: none;
|
|
padding: 0;
|
|
position: relative;
|
|
width: 16px;
|
|
z-index: 2
|
|
}
|
|
|
|
.jodit-select {
|
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 4.95 10'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%23444}%3C/style%3E%3C/defs%3E%3Cpath d='M0 0h4.95v10H0z' style='fill:%23fff'/%3E%3Cpath d='m1.41 4.67 1.07-1.49 1.06 1.49zM3.54 5.33 2.48 6.82 1.41 5.33z' class='cls-2'/%3E%3C/svg%3E");
|
|
background-position: 98% 50%;
|
|
background-repeat: no-repeat;
|
|
padding-right: calc(var(--jd-padding-default)*2)
|
|
}
|
|
|
|
.jodit-textarea {
|
|
height: auto
|
|
}
|
|
|
|
.jodit-form__group, .jodit-textarea {
|
|
min-width: var(--jd-width-input-min)
|
|
}
|
|
|
|
.jodit-form__group {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-form__group label {
|
|
margin-bottom: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-button {
|
|
align-items: center;
|
|
background-color: var(--jd-color-background-gray);
|
|
border: 0;
|
|
border-radius: .25rem;
|
|
color: var(--jd-color-default);
|
|
cursor: pointer;
|
|
display: inline-flex;
|
|
height: calc(var(--jd-padding-default)*4);
|
|
justify-content: center;
|
|
line-height: 1;
|
|
margin: 0;
|
|
padding: 0 var(--jd-padding-default);
|
|
position: relative;
|
|
text-decoration: none;
|
|
user-select: none;
|
|
width: auto
|
|
}
|
|
|
|
.jodit-button svg {
|
|
display: inline-block;
|
|
height: 24px;
|
|
width: 24px
|
|
}
|
|
|
|
.jodit-button svg + span {
|
|
margin-left: calc(var(--jd-padding-default)/2)
|
|
}
|
|
|
|
.jodit-button:active, .jodit-button:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.jodit-button.disabled {
|
|
opacity: .7
|
|
}
|
|
|
|
.jodit-buttons {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
margin-bottom: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-button .jodit_icon, .jodit-button svg, .jodit-dialog__header .jodit_icon, .jodit-dialog__header svg {
|
|
display: inline-block;
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
width: 16px
|
|
}
|
|
|
|
.jodit-switcher-wrapper {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.jodit-switcher-wrapper .jodit-switcher + span {
|
|
margin-left: var(--jd-padding-default)
|
|
}
|
|
|
|
.jodit-switcher {
|
|
display: inline-block;
|
|
height: var(--jd-switche-height);
|
|
position: relative;
|
|
width: var(--jd-switche-width)
|
|
}
|
|
|
|
.jodit-switcher input {
|
|
height: 0;
|
|
opacity: 0;
|
|
width: 0
|
|
}
|
|
|
|
.jodit-switcher .jodit-switcher__slider {
|
|
background-color: var(--jd-color-gray);
|
|
border-radius: var(--jd-switche-height);
|
|
cursor: pointer;
|
|
inset: 0;
|
|
position: absolute;
|
|
transition: .4s
|
|
}
|
|
|
|
.jodit-switcher .jodit-switcher__slider:before {
|
|
background-color: #fff;
|
|
border-radius: 50%;
|
|
bottom: var(--jd-switche-slider-margin);
|
|
content: "";
|
|
height: var(--jd-switche-slider-size);
|
|
left: var(--jd-switche-slider-margin);
|
|
position: absolute;
|
|
transition: .4s;
|
|
width: var(--jd-switche-slider-size)
|
|
}
|
|
|
|
input:checked + .jodit-switcher__slider {
|
|
background-color: var(--jd-color-background-active)
|
|
}
|
|
|
|
input:checked + .jodit-switcher__slider:before {
|
|
transform: translateX(calc(var(--jd-switche-width) - var(--jd-switche-slider-margin)*2 - var(--jd-switche-slider-size)))
|
|
}
|
|
|
|
input:focus + .jodit-switcher__slider {
|
|
box-shadow: 0 0 1px var(--jd-color-background-active)
|
|
}
|
|
|
|
.jodit-button-group {
|
|
display: flex
|
|
}
|
|
|
|
.jodit-button-group input {
|
|
display: none
|
|
}
|
|
|
|
.jodit-button-group button {
|
|
display: flex;
|
|
flex: 1;
|
|
justify-content: center;
|
|
text-align: center
|
|
}
|
|
|
|
.jodit-button-group button + button {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.jodit-button-group button:first-child, .jodit-button-group input:first-child + button {
|
|
border-bottom-right-radius: 0;
|
|
border-right: 0;
|
|
border-top-right-radius: 0
|
|
}
|
|
|
|
.jodit-button-group button:last-child, .jodit-button-group input:last-child + button {
|
|
border-bottom-left-radius: 0;
|
|
border-left: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.jodit-button-group input[type=checkbox]:checked + button, .jodit-button-group input[type=checkbox]:not(:checked) + button + button {
|
|
background-image: none;
|
|
box-shadow: inset 0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.05)
|
|
}
|
|
|
|
.jodit_text_icons .jodit_icon {
|
|
font-size: var(--jd-font-size-default);
|
|
width: auto
|
|
}
|
|
|
|
.jodit_text_icons .jodit_icon:first-letter {
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a {
|
|
font-family: var(--jd-font-default);
|
|
width: auto
|
|
}
|
|
|
|
.jodit_text_icons .jodit-tabs .jodit-tabs__buttons > a i {
|
|
width: auto
|
|
}
|
|
|
|
.jodit_text_icons.jodit-dialog .jodit-button, .jodit_text_icons.jodit-dialog .jodit-dialog__header a {
|
|
color: var(--jd-color-text-icons);
|
|
font-family: var(--jd-font-default);
|
|
padding: var(--jd-padding-default);
|
|
width: auto
|
|
}
|
|
|
|
.jodit_text_icons.jodit-dialog .jodit-button .jodit_icon, .jodit_text_icons.jodit-dialog .jodit-dialog__header a .jodit_icon {
|
|
width: auto
|
|
}
|
|
|
|
.jodit-grid {
|
|
display: flex;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid.jodit-grid_column {
|
|
flex-direction: column
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-grid.jodit-grid_xs-column {
|
|
flex-direction: column
|
|
}
|
|
}
|
|
|
|
.jodit-grid [class*=jodit_col-] {
|
|
flex: 1 1 auto
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-5-5 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-4-5 {
|
|
width: 80%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-3-5 {
|
|
width: 60%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-2-5 {
|
|
width: 40%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-1-5 {
|
|
width: 20%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-4-4 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-3-4 {
|
|
width: 75%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-2-4 {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-lg-1-4 {
|
|
width: 25%
|
|
}
|
|
|
|
@media (max-width:992px) {
|
|
.jodit-grid .jodit_col-md-5-5 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-4-5 {
|
|
width: 80%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-3-5 {
|
|
width: 60%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-2-5 {
|
|
width: 40%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-1-5 {
|
|
width: 20%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-4-4 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-3-4 {
|
|
width: 75%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-2-4 {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-md-1-4 {
|
|
width: 25%
|
|
}
|
|
}
|
|
|
|
@media (max-width:768px) {
|
|
.jodit-grid .jodit_col-sm-5-5 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-4-5 {
|
|
width: 80%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-3-5 {
|
|
width: 60%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-2-5 {
|
|
width: 40%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-1-5 {
|
|
width: 20%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-4-4 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-3-4 {
|
|
width: 75%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-2-4 {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-sm-1-4 {
|
|
width: 25%
|
|
}
|
|
}
|
|
|
|
@media (max-width:480px) {
|
|
.jodit-grid .jodit_col-xs-5-5 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-4-5 {
|
|
width: 80%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-3-5 {
|
|
width: 60%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-2-5 {
|
|
width: 40%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-1-5 {
|
|
width: 20%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-4-4 {
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-3-4 {
|
|
width: 75%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-2-4 {
|
|
width: 50%
|
|
}
|
|
|
|
.jodit-grid .jodit_col-xs-1-4 {
|
|
width: 25%
|
|
}
|
|
}
|
|
|
|
@keyframes b {
|
|
to {
|
|
transform: rotate(1turn)
|
|
}
|
|
}
|
|
|
|
.jodit-icon_loader {
|
|
animation: b 2s ease-out 0s infinite;
|
|
background: url(data:image/png;base64,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) no-repeat 50%;
|
|
background-size: 100% 100%;
|
|
display: inline-block;
|
|
height: var(--jd-icon-loader-size);
|
|
vertical-align: middle;
|
|
width: var(--jd-icon-loader-size);
|
|
will-change: transform
|
|
}
|
|
|
|
.jodit-icon {
|
|
background: 50% no-repeat;
|
|
background-size: contain;
|
|
height: 14px;
|
|
overflow: visible;
|
|
width: 14px;
|
|
fill: var(--jd-color-icon);
|
|
transform-origin: 0 0 !important
|
|
}
|
|
|
|
.jodit-icon, .jodit-icon_close {
|
|
stroke: var(--jd-color-icon)
|
|
}
|
|
|
|
svg.jodit-icon {
|
|
height: auto;
|
|
isolation: isolate
|
|
}
|
|
|
|
.jodit-icon_text {
|
|
font-size: 14px
|
|
}
|
|
|
|
.jodit, .jodit *, .jodit-container, .jodit-container * {
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.jodit .jodit-workplace, .jodit-container .jodit-workplace {
|
|
overflow: auto;
|
|
position: relative
|
|
}
|
|
|
|
.jodit .jodit-workplace .jodit-wysiwyg, .jodit .jodit-workplace .jodit-wysiwyg_iframe, .jodit-container .jodit-workplace .jodit-wysiwyg, .jodit-container .jodit-workplace .jodit-wysiwyg_iframe {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.jodit-wysiwyg [contenteditable=false] {
|
|
cursor: default
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) {
|
|
background-color: var(--jd-color-background-light-gray);
|
|
border: 1px solid var(--jd-color-border);
|
|
border-radius: var(--jd-border-radius-default)
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline) .jodit-workplace {
|
|
background-color: var(--jd-color-background-default);
|
|
border: 0 solid var(--jd-color-border);
|
|
max-height: 100%
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline).jodit_disabled {
|
|
background: var(--jd-color-background-gray)
|
|
}
|
|
|
|
.jodit-container:not(.jodit_inline).jodit_disabled .jodit-workplace {
|
|
opacity: .4
|
|
}
|
|
|
|
.jodit_disabled, .jodit_lock {
|
|
user-select: none !important
|
|
}
|
|
|
|
.jodit_hidden {
|
|
display: none !important
|
|
}
|
|
|
|
.jodit_vertical_middle {
|
|
align-items: center;
|
|
display: flex
|
|
}
|
|
|
|
.jodit-box {
|
|
background: 0 0;
|
|
border: 0;
|
|
float: none;
|
|
height: auto;
|
|
margin: 0;
|
|
max-width: none;
|
|
outline: 0;
|
|
padding: 0;
|
|
position: static;
|
|
width: auto
|
|
}
|
|
|
|
.jodit-dialog_theme_dark, .jodit_theme_dark {
|
|
--jd-color-border: #6b6b6b;
|
|
--jd-color-text: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal, .jodit-dialog_theme_dark .jodit-toolbar-editor-collection_mode_horizontal, .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal, .jodit_theme_dark .jodit-toolbar-editor-collection_mode_horizontal {
|
|
background-image: repeating-linear-gradient(transparent 0,transparent calc(var(--jd-button-size) - 1px),var(--jd-color-border) var(--jd-button-size))
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit-dialog_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal:after, .jodit_theme_dark .jodit-toolbar-editor-collection_mode_horizontal:after {
|
|
background-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty), .jodit_theme_dark .jodit-toolbar__box:not(:empty) {
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after, .jodit_theme_dark .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection:after {
|
|
background-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-ui-group_separated_true:not(:last-child,.jodit-ui-group_before-spacer_true):after, .jodit_theme_dark .jodit-ui-group_separated_true:not(:last-child,.jodit-ui-group_before-spacer_true):after {
|
|
border-right-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-container, .jodit_theme_dark.jodit-container {
|
|
background-color: var(--jd-dark-background-color);
|
|
border-color: var(--jd-color-border)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-container.jodit_disabled, .jodit_theme_dark.jodit-container.jodit_disabled {
|
|
background-color: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace, .jodit_theme_dark.jodit-container:not(.jodit_inline) .jodit-workplace {
|
|
border-color: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-popup__content, .jodit_theme_dark .jodit-popup__content {
|
|
background: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-button, .jodit-dialog_theme_dark .jodit-toolbar-select, .jodit-dialog_theme_dark .jodit-ui-button, .jodit_theme_dark .jodit-toolbar-button, .jodit_theme_dark .jodit-toolbar-select, .jodit_theme_dark .jodit-ui-button {
|
|
--jd-color-icon: var(--jd-dark-icon-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-button__text, .jodit-dialog_theme_dark .jodit-toolbar-select__text, .jodit-dialog_theme_dark .jodit-ui-button__text, .jodit_theme_dark .jodit-toolbar-button__text, .jodit_theme_dark .jodit-toolbar-select__text, .jodit_theme_dark .jodit-ui-button__text {
|
|
color: var(--jd-color-text)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-button .jodit-icon, .jodit-dialog_theme_dark .jodit-toolbar-button svg, .jodit-dialog_theme_dark .jodit-toolbar-button__trigger, .jodit-dialog_theme_dark .jodit-toolbar-select .jodit-icon, .jodit-dialog_theme_dark .jodit-toolbar-select svg, .jodit-dialog_theme_dark .jodit-toolbar-select__trigger, .jodit-dialog_theme_dark .jodit-ui-button .jodit-icon, .jodit-dialog_theme_dark .jodit-ui-button svg, .jodit-dialog_theme_dark .jodit-ui-button__trigger, .jodit_theme_dark .jodit-toolbar-button .jodit-icon, .jodit_theme_dark .jodit-toolbar-button svg, .jodit_theme_dark .jodit-toolbar-button__trigger, .jodit_theme_dark .jodit-toolbar-select .jodit-icon, .jodit_theme_dark .jodit-toolbar-select svg, .jodit_theme_dark .jodit-toolbar-select__trigger, .jodit_theme_dark .jodit-ui-button .jodit-icon, .jodit_theme_dark .jodit-ui-button svg, .jodit_theme_dark .jodit-ui-button__trigger {
|
|
fill: var(--jd-color-icon);
|
|
stroke: var(--jd-color-icon)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-toolbar-select__trigger:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__text:hover:not([disabled]), .jodit-dialog_theme_dark .jodit-ui-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__text:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-button__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__button:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__text:hover:not([disabled]), .jodit_theme_dark .jodit-toolbar-select__trigger:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__button:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__text:hover:not([disabled]), .jodit_theme_dark .jodit-ui-button__trigger:hover:not([disabled]) {
|
|
--jd-color-text: var(--jd-dark-background-color);
|
|
--jd-color-icon: var(--jd-dark-background-color);
|
|
background-color: var(--jd-dark-background-ligher);
|
|
color: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-status-bar, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) {
|
|
background-color: var(--jd-dark-toolbar-color);
|
|
border-color: var(--jd-color-border);
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-status-bar, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit-dialog_theme_dark .jodit-status-bar .jodit-status-bar__item span, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit-dialog_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item a, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item span, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:hover, .jodit-dialog_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:visited, .jodit_theme_dark .jodit-status-bar, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item a, .jodit_theme_dark .jodit-status-bar .jodit-status-bar__item span, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:hover, .jodit_theme_dark .jodit-status-bar a.jodit-status-bar-link:visited, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty), .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item a, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) .jodit-status-bar__item span, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:hover, .jodit_theme_dark .jodit-workplace + .jodit-status-bar:not(:empty) a.jodit-status-bar-link:visited {
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-toolbar__box:not(:empty), .jodit_theme_dark .jodit-toolbar__box:not(:empty) {
|
|
background: var(--jd-dark-toolbar-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-icon-close, .jodit_theme_dark .jodit-icon-close {
|
|
stroke: var(--jd-dark-icon-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-wysiwyg, .jodit-dialog_theme_dark .jodit-wysiwyg_iframe, .jodit_theme_dark .jodit-wysiwyg, .jodit_theme_dark .jodit-wysiwyg_iframe {
|
|
background-color: var(--jd-dark-background-color);
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-form input[type=text], .jodit-dialog_theme_dark .jodit-form input[type=url], .jodit-dialog_theme_dark .jodit-form textarea, .jodit_theme_dark .jodit-form input[type=text], .jodit_theme_dark .jodit-form input[type=url], .jodit_theme_dark .jodit-form textarea {
|
|
background-color: var(--jd-dark-toolbar-seperator-color1);
|
|
border-color: var(--jd-dark-toolbar-seperator-color2);
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-form button, .jodit_theme_dark .jodit-form button {
|
|
background-color: var(--jd-dark-toolbar-seperator-color3);
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-placeholder, .jodit_theme_dark .jodit-placeholder {
|
|
color: var(--jd-dark-text-color-opacity80)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-drag-and-drop__file-box, .jodit-dialog_theme_dark .jodit_uploadfile_button, .jodit_theme_dark .jodit-drag-and-drop__file-box, .jodit_theme_dark .jodit_uploadfile_button {
|
|
color: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit-dialog_theme_dark .jodit_uploadfile_button:hover, .jodit_theme_dark .jodit-drag-and-drop__file-box:hover, .jodit_theme_dark .jodit_uploadfile_button:hover {
|
|
background-color: var(--jd-dark-toolbar-seperator-color3)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-add-new-line:before, .jodit_theme_dark .jodit-add-new-line:before {
|
|
border-top-color: var(--jd-dark-toolbar-seperator-color2)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-add-new-line span, .jodit_theme_dark .jodit-add-new-line span {
|
|
background: var(--jd-dark-toolbar-seperator-color3);
|
|
border-color: var(--jd-dark-toolbar-seperator-color2)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-add-new-line span svg, .jodit_theme_dark .jodit-add-new-line span svg {
|
|
fill: var(--jd-dark-text-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-resizer > i, .jodit_theme_dark .jodit-resizer > i {
|
|
background: var(--jd-dark-toolbar-seperator-color3);
|
|
border-color: var(--jd-dark-icon-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark .jodit-input, .jodit-dialog_theme_dark .jodit-select, .jodit_theme_dark .jodit-input, .jodit_theme_dark .jodit-select {
|
|
background-color: var(--jd-dark-background-ligher);
|
|
border-color: var(--jd-dark-border-color);
|
|
color: var(--jd-dark-border-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-dialog, .jodit_theme_dark.jodit-dialog {
|
|
background-color: var(--jd-dark-background-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-dialog .jodit-dialog__header, .jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item, .jodit_theme_dark.jodit-dialog .jodit-dialog__header, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item {
|
|
border-color: var(--jd-dark-border-color)
|
|
}
|
|
|
|
.jodit-dialog_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info, .jodit_theme_dark.jodit-dialog .jodit-filebrowser__files.active .jodit-filebrowser__files-item-info {
|
|
background-color: var(--jd-dark-text-color)
|
|
}
|