diff --git a/public/tinymce/skins/ui/tduck/skin.css b/public/tinymce/skins/ui/tduck/skin.css index f0fa9cc4..947a4038 100644 --- a/public/tinymce/skins/ui/tduck/skin.css +++ b/public/tinymce/skins/ui/tduck/skin.css @@ -8,7 +8,8 @@ box-sizing: content-box; color: #5c5c5c; cursor: auto; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 12px; font-style: normal; font-weight: normal; @@ -51,11 +52,11 @@ position: static; width: auto; } -.tox:not([dir=rtl]) { +.tox:not([dir='rtl']) { direction: ltr; text-align: left; } -.tox[dir=rtl] { +.tox[dir='rtl'] { direction: rtl; text-align: right; } @@ -66,7 +67,8 @@ box-sizing: border-box; display: flex; flex-direction: column; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; overflow: hidden; position: relative; visibility: inherit !important; @@ -81,8 +83,9 @@ box-shadow: none; } .tox-tinymce-aux { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - z-index: 1300; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; + z-index: 130000000; } .tox-tinymce *:focus, .tox-tinymce-aux *:focus { @@ -118,12 +121,19 @@ button::-moz-focus-inner { .tox .accessibility-issue__repair { margin-top: 16px; } -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description { +.tox + .tox-dialog__body-content + .accessibility-issue--info + .accessibility-issue__description { background-color: rgba(32, 122, 183, 0.1); border-color: rgba(32, 122, 183, 0.4); color: #5c5c5c; } -.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child { +.tox + .tox-dialog__body-content + .accessibility-issue--info + .accessibility-issue__description + > *:last-child { border-color: rgba(32, 122, 183, 0.4); } .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 { @@ -135,12 +145,19 @@ button::-moz-focus-inner { .tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon { color: #207ab7; } -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description { +.tox + .tox-dialog__body-content + .accessibility-issue--warn + .accessibility-issue__description { background-color: rgba(255, 165, 0, 0.1); border-color: rgba(255, 165, 0, 0.5); color: #5c5c5c; } -.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child { +.tox + .tox-dialog__body-content + .accessibility-issue--warn + .accessibility-issue__description + > *:last-child { border-color: rgba(255, 165, 0, 0.5); } .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 { @@ -152,12 +169,19 @@ button::-moz-focus-inner { .tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon { color: #cc8500; } -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description { +.tox + .tox-dialog__body-content + .accessibility-issue--error + .accessibility-issue__description { background-color: rgba(204, 0, 0, 0.1); border-color: rgba(204, 0, 0, 0.4); color: #5c5c5c; } -.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child { +.tox + .tox-dialog__body-content + .accessibility-issue--error + .accessibility-issue__description + > *:last-child { border-color: rgba(204, 0, 0, 0.4); } .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 { @@ -169,50 +193,85 @@ button::-moz-focus-inner { .tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon { color: #c00; } -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description { +.tox + .tox-dialog__body-content + .accessibility-issue--success + .accessibility-issue__description { background-color: rgba(120, 171, 70, 0.1); border-color: rgba(120, 171, 70, 0.4); color: #5c5c5c; } -.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child { +.tox + .tox-dialog__body-content + .accessibility-issue--success + .accessibility-issue__description + > *:last-child { border-color: rgba(120, 171, 70, 0.4); } -.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 { - color: #78AB46; +.tox + .tox-dialog__body-content + .accessibility-issue--success + .tox-form__group + h2 { + color: #78ab46; } .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg { - fill: #78AB46; + fill: #78ab46; } .tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon { - color: #78AB46; + color: #78ab46; } .tox .tox-dialog__body-content .accessibility-issue__header h1, -.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 { +.tox + .tox-dialog__body-content + .tox-form__group + .accessibility-issue__description + h2 { margin-top: 0; } -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button { +.tox:not([dir='rtl']) + .tox-dialog__body-content + .accessibility-issue__header + .tox-button { margin-left: 3px; } -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { +.tox:not([dir='rtl']) + .tox-dialog__body-content + .accessibility-issue__header + > *:nth-last-child(2) { margin-left: auto; } -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description { +.tox:not([dir='rtl']) + .tox-dialog__body-content + .accessibility-issue__description { padding: 3px 3px 3px 6px; } -.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child { +.tox:not([dir='rtl']) + .tox-dialog__body-content + .accessibility-issue__description + > *:last-child { border-left-width: 1px; padding-left: 3px; } -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button { +.tox[dir='rtl'] + .tox-dialog__body-content + .accessibility-issue__header + .tox-button { margin-right: 3px; } -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) { +.tox[dir='rtl'] + .tox-dialog__body-content + .accessibility-issue__header + > *:nth-last-child(2) { margin-right: auto; } -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description { +.tox[dir='rtl'] .tox-dialog__body-content .accessibility-issue__description { padding: 3px 6px 3px 3px; } -.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child { +.tox[dir='rtl'] + .tox-dialog__body-content + .accessibility-issue__description + > *:last-child { border-right-width: 1px; padding-right: 3px; } @@ -238,7 +297,8 @@ button::-moz-focus-inner { color: #ffffff; cursor: pointer; display: inline-block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 10.5px; font-style: normal; font-weight: bold; @@ -346,7 +406,8 @@ button::-moz-focus-inner { box-sizing: border-box; cursor: pointer; display: inline-block; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 12px; font-weight: normal; line-height: 1.3; @@ -436,25 +497,53 @@ button::-moz-focus-inner { color: rgba(92, 92, 92, 0.5); cursor: not-allowed; } -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg { +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__checked + svg { fill: rgba(92, 92, 92, 0.5); } -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { fill: rgba(92, 92, 92, 0.5); } -.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { +.tox + .tox-checkbox--disabled + .tox-checkbox__icons + .tox-checkbox-icon__indeterminate + svg { fill: rgba(92, 92, 92, 0.5); } -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { +.tox + input.tox-checkbox__input:checked + + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { display: none; } -.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg { +.tox + input.tox-checkbox__input:checked + + .tox-checkbox__icons + .tox-checkbox-icon__checked + svg { display: block; } -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg { +.tox + input.tox-checkbox__input:indeterminate + + .tox-checkbox__icons + .tox-checkbox-icon__unchecked + svg { display: none; } -.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg { +.tox + input.tox-checkbox__input:indeterminate + + .tox-checkbox__icons + .tox-checkbox-icon__indeterminate + svg { display: block; } .tox input.tox-checkbox__input:focus + .tox-checkbox__icons { @@ -462,22 +551,22 @@ button::-moz-focus-inner { box-shadow: inset 0 0 0 1px #207ab7; padding: calc(3px - 1px); } -.tox:not([dir=rtl]) .tox-checkbox__label { +.tox:not([dir='rtl']) .tox-checkbox__label { margin-left: 3px; } -.tox:not([dir=rtl]) .tox-checkbox__input { +.tox:not([dir='rtl']) .tox-checkbox__input { left: -10000px; } -.tox:not([dir=rtl]) .tox-bar .tox-checkbox { +.tox:not([dir='rtl']) .tox-bar .tox-checkbox { margin-left: 3px; } -.tox[dir=rtl] .tox-checkbox__label { +.tox[dir='rtl'] .tox-checkbox__label { margin-right: 3px; } -.tox[dir=rtl] .tox-checkbox__input { +.tox[dir='rtl'] .tox-checkbox__input { right: -10000px; } -.tox[dir=rtl] .tox-bar .tox-checkbox { +.tox[dir='rtl'] .tox-bar .tox-checkbox { margin-right: 3px; } .tox { @@ -520,9 +609,9 @@ button::-moz-focus-inner { text-transform: none; -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .tox .tox-collection__item { align-items: center; @@ -531,9 +620,9 @@ button::-moz-focus-inner { display: flex; -webkit-touch-callout: none; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .tox .tox-collection--list .tox-collection__item { padding: 3px 6px; @@ -564,14 +653,20 @@ button::-moz-focus-inner { background-color: #e7e7e7; color: #5c5c5c; } -.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) { +.tox + .tox-collection--grid + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { background-color: #e7e7e7; color: #5c5c5c; } -.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) { +.tox + .tox-collection--list + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #5c5c5c; } -.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) { +.tox + .tox-collection--toolbar + .tox-collection__item--active:not(.tox-collection__item--state-disabled) { color: #5c5c5c; } .tox .tox-collection__item--state-disabled { @@ -628,10 +723,18 @@ button::-moz-focus-inner { .tox .tox-collection__item-caret svg { fill: #5c5c5c; } -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg { +.tox + .tox-collection--list + .tox-collection__item:not(.tox-collection__item--enabled) + .tox-collection__item-checkmark + svg { display: none; } -.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark { +.tox + .tox-collection--list + .tox-collection__item:not(.tox-collection__item--enabled) + .tox-collection__item-accessory + + .tox-collection__item-checkmark { display: none; } .tox .tox-collection--horizontal { @@ -673,86 +776,112 @@ button::-moz-focus-inner { flex: 1 1 auto; flex-direction: row; } -.tox .tox-collection__item-container--row.tox-collection__item-container--align-left { +.tox + .tox-collection__item-container--row.tox-collection__item-container--align-left { margin-right: auto; } -.tox .tox-collection__item-container--row.tox-collection__item-container--align-right { +.tox + .tox-collection__item-container--row.tox-collection__item-container--align-right { justify-content: flex-end; margin-left: auto; } -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top { +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-top { align-items: flex-start; margin-bottom: auto; } -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle { +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-middle { align-items: center; } -.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { +.tox + .tox-collection__item-container--row.tox-collection__item-container--valign-bottom { align-items: flex-end; margin-top: auto; } .tox .tox-collection__item-container--column { -ms-grid-row-align: center; - align-self: center; + align-self: center; flex: 1 1 auto; flex-direction: column; } -.tox .tox-collection__item-container--column.tox-collection__item-container--align-left { +.tox + .tox-collection__item-container--column.tox-collection__item-container--align-left { align-items: flex-start; } -.tox .tox-collection__item-container--column.tox-collection__item-container--align-right { +.tox + .tox-collection__item-container--column.tox-collection__item-container--align-right { align-items: flex-end; } -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top { +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-top { align-self: flex-start; } -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle { +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-middle { -ms-grid-row-align: center; - align-self: center; + align-self: center; } -.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { +.tox + .tox-collection__item-container--column.tox-collection__item-container--valign-bottom { align-self: flex-end; } -.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { +.tox:not([dir='rtl']) + .tox-collection--horizontal + .tox-collection__group:not(:last-of-type) { border-right: 1px solid #dedede; } -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) { +.tox:not([dir='rtl']) + .tox-collection--list + .tox-collection__item + > *:not(:first-child) { margin-left: 6px; } -.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { +.tox:not([dir='rtl']) + .tox-collection--list + .tox-collection__item + > .tox-collection__item-label:first-child { margin-left: 3px; } -.tox:not([dir=rtl]) .tox-collection__item-accessory { +.tox:not([dir='rtl']) .tox-collection__item-accessory { margin-left: 12px; text-align: right; } -.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret { +.tox:not([dir='rtl']) .tox-collection .tox-collection__item-caret { margin-left: 12px; } -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) { +.tox[dir='rtl'] + .tox-collection--horizontal + .tox-collection__group:not(:last-of-type) { border-left: 1px solid #dedede; } -.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) { +.tox[dir='rtl'] + .tox-collection--list + .tox-collection__item + > *:not(:first-child) { margin-right: 6px; } -.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child { +.tox[dir='rtl'] + .tox-collection--list + .tox-collection__item + > .tox-collection__item-label:first-child { margin-right: 3px; } -.tox[dir=rtl] .tox-collection__item-icon-rtl { +.tox[dir='rtl'] .tox-collection__item-icon-rtl { /* stylelint-disable-next-line no-descending-specificity */ } -.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg { +.tox[dir='rtl'] .tox-collection__item-icon-rtl .tox-collection__item-icon svg { transform: rotateY(180deg); } -.tox[dir=rtl] .tox-collection__item-accessory { +.tox[dir='rtl'] .tox-collection__item-accessory { margin-right: 12px; text-align: left; } -.tox[dir=rtl] .tox-collection .tox-collection__item-caret { +.tox[dir='rtl'] .tox-collection .tox-collection__item-caret { margin-right: 12px; transform: rotateY(180deg); } -.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret { +.tox[dir='rtl'] .tox-collection--horizontal .tox-collection__item-caret { margin-right: 4px; } .tox .tox-color-picker-container { @@ -795,7 +924,22 @@ button::-moz-focus-inner { width: 25px; } .tox .tox-hue-slider-spectrum { - background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00); + background: linear-gradient( + to bottom, + #f00, + #ff0080, + #f0f, + #8000ff, + #00f, + #0080ff, + #0ff, + #00ff80, + #0f0, + #80ff00, + #ff0, + #ff8000, + #f00 + ); height: 100%; width: 100%; } @@ -834,28 +978,28 @@ button::-moz-focus-inner { flex-grow: 2; margin-bottom: 0; } -.tox:not([dir=rtl]) .tox-sv-palette { +.tox:not([dir='rtl']) .tox-sv-palette { margin-right: 15px; } -.tox:not([dir=rtl]) .tox-hue-slider { +.tox:not([dir='rtl']) .tox-hue-slider { margin-right: 15px; } -.tox:not([dir=rtl]) .tox-hue-slider-thumb { +.tox:not([dir='rtl']) .tox-hue-slider-thumb { margin-left: -1px; } -.tox:not([dir=rtl]) .tox-rgb-form label { +.tox:not([dir='rtl']) .tox-rgb-form label { margin-right: 0.5em; } -.tox[dir=rtl] .tox-sv-palette { +.tox[dir='rtl'] .tox-sv-palette { margin-left: 15px; } -.tox[dir=rtl] .tox-hue-slider { +.tox[dir='rtl'] .tox-hue-slider { margin-left: 15px; } -.tox[dir=rtl] .tox-hue-slider-thumb { +.tox[dir='rtl'] .tox-hue-slider-thumb { margin-right: -1px; } -.tox[dir=rtl] .tox-rgb-form label { +.tox[dir='rtl'] .tox-rgb-form label { margin-left: 0.5em; } .tox .tox-toolbar .tox-swatches, @@ -907,10 +1051,10 @@ button::-moz-focus-inner { .tox .tox-swatches__picker-btn:hover { background: #e7e7e7; } -.tox:not([dir=rtl]) .tox-swatches__picker-btn { +.tox:not([dir='rtl']) .tox-swatches__picker-btn { margin-left: auto; } -.tox[dir=rtl] .tox-swatches__picker-btn { +.tox[dir='rtl'] .tox-swatches__picker-btn { margin-right: auto; } .tox .tox-comment-thread { @@ -971,14 +1115,14 @@ button::-moz-focus-inner { .tox .tox-comment-thread__overlay::after { background: #ffffff; bottom: 0; - content: ""; + content: ''; display: flex; left: 0; opacity: 0.9; position: absolute; right: 0; top: 0; - z-index: 5; + z-index: 500000; } .tox .tox-comment__reply { display: flex; @@ -1000,7 +1144,7 @@ button::-moz-focus-inner { .tox .tox-comment__gradient::after { background: linear-gradient(rgba(255, 255, 255, 0), #ffffff); bottom: 0; - content: ""; + content: ''; display: block; height: 5em; margin-top: -40px; @@ -1019,7 +1163,7 @@ button::-moz-focus-inner { right: 0; text-align: center; top: 0; - z-index: 5; + z-index: 500000; } .tox .tox-comment__loading-text { align-items: center; @@ -1040,7 +1184,7 @@ button::-moz-focus-inner { position: absolute; right: 0; top: 0; - z-index: 10; + z-index: 1000000; } .tox .tox-comment__overlaytext p { background-color: #ffffff; @@ -1061,7 +1205,7 @@ button::-moz-focus-inner { position: absolute; right: 0; top: 0; - z-index: 20; + z-index: 2000000; } .tox .tox-comment__scroll { display: flex; @@ -1072,20 +1216,20 @@ button::-moz-focus-inner { .tox .tox-conversations { margin: 6px; } -.tox:not([dir=rtl]) .tox-comment__edit { +.tox:not([dir='rtl']) .tox-comment__edit { margin-left: 6px; } -.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child, -.tox:not([dir=rtl]) .tox-comment__edit > *:last-child, -.tox:not([dir=rtl]) .tox-comment__reply > *:last-child { +.tox:not([dir='rtl']) .tox-comment__buttonspacing > *:last-child, +.tox:not([dir='rtl']) .tox-comment__edit > *:last-child, +.tox:not([dir='rtl']) .tox-comment__reply > *:last-child { margin-left: 6px; } -.tox[dir=rtl] .tox-comment__edit { +.tox[dir='rtl'] .tox-comment__edit { margin-right: 6px; } -.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child, -.tox[dir=rtl] .tox-comment__edit > *:last-child, -.tox[dir=rtl] .tox-comment__reply > *:last-child { +.tox[dir='rtl'] .tox-comment__buttonspacing > *:last-child, +.tox[dir='rtl'] .tox-comment__edit > *:last-child, +.tox[dir='rtl'] .tox-comment__reply > *:last-child { margin-right: 6px; } .tox .tox-user { @@ -1102,16 +1246,16 @@ button::-moz-focus-inner { font-weight: bold; text-transform: uppercase; } -.tox:not([dir=rtl]) .tox-user__avatar svg { +.tox:not([dir='rtl']) .tox-user__avatar svg { margin-right: 6px; } -.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name { +.tox:not([dir='rtl']) .tox-user__avatar + .tox-user__name { margin-left: 6px; } -.tox[dir=rtl] .tox-user__avatar svg { +.tox[dir='rtl'] .tox-user__avatar svg { margin-left: 6px; } -.tox[dir=rtl] .tox-user__avatar + .tox-user__name { +.tox[dir='rtl'] .tox-user__avatar + .tox-user__name { margin-right: 6px; } .tox .tox-dialog-wrap { @@ -1123,7 +1267,7 @@ button::-moz-focus-inner { position: fixed; right: 0; top: 0; - z-index: 1100; + z-index: 110000000; } .tox .tox-dialog-wrap__backdrop { background-color: rgba(255, 255, 255, 0.75); @@ -1132,7 +1276,7 @@ button::-moz-focus-inner { position: absolute; right: 0; top: 0; - z-index: 1; + z-index: 100000; } .tox .tox-dialog-wrap__backdrop--opaque { background-color: #ffffff; @@ -1143,7 +1287,8 @@ button::-moz-focus-inner { border-radius: 3px; border-style: solid; border-width: 1px; - box-shadow: 0 16px 16px -10px rgba(92, 92, 92, 0.15), 0 0 40px 1px rgba(92, 92, 92, 0.15); + box-shadow: 0 16px 16px -10px rgba(92, 92, 92, 0.15), + 0 0 40px 1px rgba(92, 92, 92, 0.15); display: flex; flex-direction: column; max-height: 100%; @@ -1151,9 +1296,9 @@ button::-moz-focus-inner { overflow: hidden; position: relative; width: 95vw; - z-index: 2; + z-index: 200000; } -@media only screen and (max-width:767px) { +@media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog { align-self: flex-start; margin: 6px auto; @@ -1161,7 +1306,7 @@ button::-moz-focus-inner { } } .tox .tox-dialog-inline { - z-index: 1100; + z-index: 110000000; } .tox .tox-dialog__header { align-items: center; @@ -1175,7 +1320,7 @@ button::-moz-focus-inner { position: relative; } .tox .tox-dialog__header .tox-button { - z-index: 1; + z-index: 100000; } .tox .tox-dialog__draghandle { cursor: grab; @@ -1192,7 +1337,8 @@ button::-moz-focus-inner { margin-left: auto; } .tox .tox-dialog__title { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 15px; font-style: normal; font-weight: normal; @@ -1213,7 +1359,7 @@ button::-moz-focus-inner { text-align: left; text-transform: none; } -@media only screen and (max-width:767px) { +@media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body { flex-direction: column; } @@ -1224,7 +1370,7 @@ button::-moz-focus-inner { flex-direction: column; padding: 12px 12px; } -@media only screen and (max-width:767px) { +@media only screen and (max-width: 767px) { body:not(.tox-force-desktop) .tox .tox-dialog__body-nav { flex-direction: row; -webkit-overflow-scrolling: touch; @@ -1296,11 +1442,11 @@ button::-moz-focus-inner { list-style-type: disc; margin-bottom: 12px; -webkit-margin-end: 0; - margin-inline-end: 0; + margin-inline-end: 0; -webkit-margin-start: 0; - margin-inline-start: 0; + margin-inline-start: 0; -webkit-padding-start: 2.5rem; - padding-inline-start: 2.5rem; + padding-inline-start: 2.5rem; } .tox .tox-dialog__body-content .tox-form__group h1 { color: #5c5c5c; @@ -1376,7 +1522,7 @@ button::-moz-focus-inner { position: absolute; right: 0; top: 0; - z-index: 3; + z-index: 300000; } .tox .tox-dialog__table { border-collapse: collapse; @@ -1399,7 +1545,7 @@ button::-moz-focus-inner { .tox .tox-dialog__popups { position: absolute; width: 100%; - z-index: 1100; + z-index: 110000000; } .tox .tox-dialog__body-iframe { display: flex; @@ -1437,35 +1583,39 @@ button::-moz-focus-inner { .tox.tox-platform-ie .tox-dialog-wrap { position: -ms-device-fixed; } -@media only screen and (max-width:767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav { +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox:not([dir='rtl']) .tox-dialog__body-nav { margin-right: 0; } } -@media only screen and (max-width:767px) { - body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) { +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) + .tox:not([dir='rtl']) + .tox-dialog__body-nav-item:not(:first-child) { margin-left: 6px; } } -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *, -.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * { +.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-start > *, +.tox:not([dir='rtl']) .tox-dialog__footer .tox-dialog__footer-end > * { margin-left: 6px; } -.tox[dir=rtl] .tox-dialog__body { +.tox[dir='rtl'] .tox-dialog__body { text-align: right; } -@media only screen and (max-width:767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav { +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) .tox[dir='rtl'] .tox-dialog__body-nav { margin-left: 0; } } -@media only screen and (max-width:767px) { - body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) { +@media only screen and (max-width: 767px) { + body:not(.tox-force-desktop) + .tox[dir='rtl'] + .tox-dialog__body-nav-item:not(:first-child) { margin-right: 6px; } } -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *, -.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * { +.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-start > *, +.tox[dir='rtl'] .tox-dialog__footer .tox-dialog__footer-end > * { margin-right: 6px; } body.tox-dialog__disable-scroll { @@ -1519,7 +1669,7 @@ body.tox-dialog__disable-scroll { overflow: hidden; } .tox .tox-editor-header { - z-index: 1; + z-index: 100000; } .tox:not(.tox-tinymce-inline) .tox-editor-header { box-shadow: none; @@ -1550,9 +1700,15 @@ body.tox-dialog__disable-scroll { flex: 1; position: relative; } -.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid, -.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown, -.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid { +.tox + .tox-control-wrap:not(.tox-control-wrap--status-invalid) + .tox-control-wrap__status-icon-invalid, +.tox + .tox-control-wrap:not(.tox-control-wrap--status-unknown) + .tox-control-wrap__status-icon-unknown, +.tox + .tox-control-wrap:not(.tox-control-wrap--status-valid) + .tox-control-wrap__status-icon-valid { display: none; } .tox .tox-control-wrap svg { @@ -1572,20 +1728,20 @@ body.tox-dialog__disable-scroll { .tox .tox-control-wrap__status-icon-valid svg { fill: green; } -.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield, -.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield { +.tox:not([dir='rtl']) .tox-control-wrap--status-invalid .tox-textfield, +.tox:not([dir='rtl']) .tox-control-wrap--status-unknown .tox-textfield, +.tox:not([dir='rtl']) .tox-control-wrap--status-valid .tox-textfield { padding-right: 24px; } -.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap { +.tox:not([dir='rtl']) .tox-control-wrap__status-icon-wrap { right: 3px; } -.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield, -.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield { +.tox[dir='rtl'] .tox-control-wrap--status-invalid .tox-textfield, +.tox[dir='rtl'] .tox-control-wrap--status-unknown .tox-textfield, +.tox[dir='rtl'] .tox-control-wrap--status-valid .tox-textfield { padding-left: 24px; } -.tox[dir=rtl] .tox-control-wrap__status-icon-wrap { +.tox[dir='rtl'] .tox-control-wrap__status-icon-wrap { left: 3px; } .tox .tox-autocompleter { @@ -1600,7 +1756,7 @@ body.tox-dialog__disable-scroll { .tox .tox-color-input { display: flex; position: relative; - z-index: 1; + z-index: 100000; } .tox .tox-color-input .tox-textfield { z-index: -1; @@ -1617,13 +1773,20 @@ body.tox-dialog__disable-scroll { top: 6px; width: 24px; } -.tox .tox-color-input span:hover:not([aria-disabled=true]), -.tox .tox-color-input span:focus:not([aria-disabled=true]) { +.tox .tox-color-input span:hover:not([aria-disabled='true']), +.tox .tox-color-input span:focus:not([aria-disabled='true']) { border-color: #207ab7; cursor: pointer; } .tox .tox-color-input span::before { - background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%); + background-image: linear-gradient( + 45deg, + rgba(0, 0, 0, 0.25) 25%, + transparent 25% + ), + linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), + linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), + linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%); background-position: 0 0, 0 6px, 6px -6px, -6px 0; background-size: 12px 12px; border: 1px solid #ffffff; @@ -1637,25 +1800,25 @@ body.tox-dialog__disable-scroll { width: 24px; z-index: -1; } -.tox .tox-color-input span[aria-disabled=true] { +.tox .tox-color-input span[aria-disabled='true'] { cursor: not-allowed; } -.tox:not([dir=rtl]) .tox-color-input { +.tox:not([dir='rtl']) .tox-color-input { /* stylelint-disable-next-line no-descending-specificity */ } -.tox:not([dir=rtl]) .tox-color-input .tox-textfield { +.tox:not([dir='rtl']) .tox-color-input .tox-textfield { padding-left: 36px; } -.tox:not([dir=rtl]) .tox-color-input span { +.tox:not([dir='rtl']) .tox-color-input span { left: 6px; } -.tox[dir="rtl"] .tox-color-input { +.tox[dir='rtl'] .tox-color-input { /* stylelint-disable-next-line no-descending-specificity */ } -.tox[dir="rtl"] .tox-color-input .tox-textfield { +.tox[dir='rtl'] .tox-color-input .tox-textfield { padding-right: 36px; } -.tox[dir="rtl"] .tox-color-input span { +.tox[dir='rtl'] .tox-color-input span { right: 6px; } .tox .tox-label, @@ -1673,7 +1836,7 @@ body.tox-dialog__disable-scroll { .tox .tox-toolbar-label { padding: 0 6px; } -.tox[dir=rtl] .tox-label { +.tox[dir='rtl'] .tox-label { padding: 0 0 0 6px; } .tox .tox-form { @@ -1738,10 +1901,10 @@ body.tox-dialog__disable-scroll { -ms-flex-preferred-size: auto; height: 100%; } -.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) { +.tox:not([dir='rtl']) .tox-form__controls-h-stack > *:not(:first-child) { margin-left: 3px; } -.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) { +.tox[dir='rtl'] .tox-form__controls-h-stack > *:not(:first-child) { margin-right: 3px; } .tox .tox-lock.tox-locked .tox-lock-icon__unlock, @@ -1753,8 +1916,8 @@ body.tox-dialog__disable-scroll { .tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; background-color: #ffffff; border-color: #dedede; border-radius: 3px; @@ -1763,7 +1926,8 @@ body.tox-dialog__disable-scroll { box-shadow: none; box-sizing: border-box; color: #5c5c5c; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 12px; line-height: 24px; margin: 0; @@ -1808,10 +1972,10 @@ body.tox-dialog__disable-scroll { display: block; fill: #5c5c5c; } -.tox:not([dir=rtl]) .tox-toolbar-textfield + * { +.tox:not([dir='rtl']) .tox-toolbar-textfield + * { margin-left: 3px; } -.tox[dir=rtl] .tox-toolbar-textfield + * { +.tox[dir='rtl'] .tox-toolbar-textfield + * { margin-right: 3px; } .tox .tox-listboxfield { @@ -1841,10 +2005,10 @@ body.tox-dialog__disable-scroll { align-items: center; display: flex; } -.tox:not([dir=rtl]) .tox-listboxfield svg { +.tox:not([dir='rtl']) .tox-listboxfield svg { right: 6px; } -.tox[dir=rtl] .tox-listboxfield svg { +.tox[dir='rtl'] .tox-listboxfield svg { left: 6px; } .tox .tox-selectfield { @@ -1853,8 +2017,8 @@ body.tox-dialog__disable-scroll { } .tox .tox-selectfield select { -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + -moz-appearance: none; + appearance: none; background-color: #ffffff; border-color: #dedede; border-radius: 3px; @@ -1863,7 +2027,8 @@ body.tox-dialog__disable-scroll { box-shadow: none; box-sizing: border-box; color: #5c5c5c; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 12px; line-height: 24px; margin: 0; @@ -1893,24 +2058,24 @@ body.tox-dialog__disable-scroll { top: 50%; transform: translateY(-50%); } -.tox:not([dir=rtl]) .tox-selectfield select[size="0"], -.tox:not([dir=rtl]) .tox-selectfield select[size="1"] { +.tox:not([dir='rtl']) .tox-selectfield select[size='0'], +.tox:not([dir='rtl']) .tox-selectfield select[size='1'] { padding-right: 18px; } -.tox:not([dir=rtl]) .tox-selectfield svg { +.tox:not([dir='rtl']) .tox-selectfield svg { right: 6px; } -.tox[dir=rtl] .tox-selectfield select[size="0"], -.tox[dir=rtl] .tox-selectfield select[size="1"] { +.tox[dir='rtl'] .tox-selectfield select[size='0'], +.tox[dir='rtl'] .tox-selectfield select[size='1'] { padding-left: 18px; } -.tox[dir=rtl] .tox-selectfield svg { +.tox[dir='rtl'] .tox-selectfield svg { left: 6px; } .tox .tox-textarea { -webkit-appearance: textarea; - -moz-appearance: textarea; - appearance: textarea; + -moz-appearance: textarea; + appearance: textarea; white-space: pre-wrap; } .tox-fullscreen { @@ -1920,7 +2085,7 @@ body.tox-dialog__disable-scroll { margin: 0; overflow: hidden; -ms-scroll-chaining: none; - overscroll-behavior: none; + overscroll-behavior: none; padding: 0; position: fixed; top: 0; @@ -1931,14 +2096,14 @@ body.tox-dialog__disable-scroll { display: none; } .tox.tox-tinymce.tox-fullscreen { - z-index: 1200; + z-index: 120000000; } .tox-shadowhost.tox-fullscreen { - z-index: 1200; + z-index: 120000000; } .tox-fullscreen .tox.tox-tinymce-aux, .tox-fullscreen ~ .tox.tox-tinymce-aux { - z-index: 1201; + z-index: 120100000; } .tox .tox-help__more-link { list-style: none; @@ -2018,22 +2183,24 @@ body.tox-dialog__disable-scroll { margin: -20px 0 0 -20px; top: 200px; } -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { +.tox:not([dir='rtl']) + .tox-image-tools__toolbar + > .tox-slider:not(:first-of-type) { margin-left: 6px; } -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider { +.tox:not([dir='rtl']) .tox-image-tools__toolbar > .tox-button + .tox-slider { margin-left: 24px; } -.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button { +.tox:not([dir='rtl']) .tox-image-tools__toolbar > .tox-slider + .tox-button { margin-left: 24px; } -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { +.tox[dir='rtl'] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) { margin-right: 6px; } -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider { +.tox[dir='rtl'] .tox-image-tools__toolbar > .tox-button + .tox-slider { margin-right: 24px; } -.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button { +.tox[dir='rtl'] .tox-image-tools__toolbar > .tox-slider + .tox-button { margin-right: 24px; } .tox .tox-insert-table-picker { @@ -2064,16 +2231,16 @@ body.tox-dialog__disable-scroll { text-align: center; width: 100%; } -.tox:not([dir=rtl]) { +.tox:not([dir='rtl']) { /* stylelint-disable-next-line no-descending-specificity */ } -.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) { +.tox:not([dir='rtl']) .tox-insert-table-picker > div:nth-child(10n) { border-right: 0; } -.tox[dir=rtl] { +.tox[dir='rtl'] { /* stylelint-disable-next-line no-descending-specificity */ } -.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) { +.tox[dir='rtl'] .tox-insert-table-picker > div:nth-child(10n + 1) { border-right: 0; } .tox { @@ -2088,7 +2255,7 @@ body.tox-dialog__disable-scroll { display: inline-block; overflow: hidden; vertical-align: top; - z-index: 1150; + z-index: 115000000; } .tox .tox-menu.tox-collection.tox-collection--list { padding: 0; @@ -2111,7 +2278,8 @@ body.tox-dialog__disable-scroll { margin: 0; } .tox .tox-menubar { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23dedede'/%3E%3C/svg%3E") left 0 top 0 #ffffff; + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23dedede'/%3E%3C/svg%3E") + left 0 top 0 #ffffff; background-color: #ffffff; display: flex; flex: 0 0 auto; @@ -2119,7 +2287,9 @@ body.tox-dialog__disable-scroll { flex-wrap: wrap; padding: 0 4px 0 4px; } -.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar { +.tox.tox-tinymce:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-menubar { border-top: 1px solid #dedede; } /* Deprecated. Remove in next major release */ @@ -2273,17 +2443,17 @@ body.tox-dialog__disable-scroll { } .tox .tox-notification__body { -ms-grid-row-align: center; - align-self: center; + align-self: center; color: #5c5c5c; font-size: 14px; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-column: 2; - grid-column-start: 2; + grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; - grid-row-start: 1; + grid-row-start: 1; text-align: center; white-space: normal; word-break: break-all; @@ -2297,46 +2467,46 @@ body.tox-dialog__disable-scroll { } .tox .tox-notification__icon { -ms-grid-row-align: center; - align-self: center; + align-self: center; -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; - grid-column-start: 1; + grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; - grid-row-start: 1; + grid-row-start: 1; -ms-grid-column-align: end; - justify-self: end; + justify-self: end; } .tox .tox-notification__icon svg { display: block; } .tox .tox-notification__dismiss { -ms-grid-row-align: start; - align-self: start; + align-self: start; -ms-grid-column-span: 1; grid-column-end: 4; -ms-grid-column: 3; - grid-column-start: 3; + grid-column-start: 3; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-row: 1; - grid-row-start: 1; + grid-row-start: 1; -ms-grid-column-align: end; - justify-self: end; + justify-self: end; } .tox .tox-notification .tox-progress-bar { -ms-grid-column-span: 3; grid-column-end: 4; -ms-grid-column: 1; - grid-column-start: 1; + grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-row: 2; - grid-row-start: 2; + grid-row-start: 2; -ms-grid-column-align: center; - justify-self: center; + justify-self: center; } .tox .tox-pop { display: inline-block; @@ -2551,10 +2721,10 @@ body.tox-dialog__disable-scroll { transform: scale(1); } } -.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) { +.tox:not([dir='rtl']) .tox-spinner > div:not(:first-child) { margin-left: 3px; } -.tox[dir=rtl] .tox-spinner > div:not(:first-child) { +.tox[dir='rtl'] .tox-spinner > div:not(:first-child) { margin-right: 3px; } .tox .tox-statusbar { @@ -2600,12 +2770,13 @@ body.tox-dialog__disable-scroll { color: rgba(92, 92, 92, 0.7); text-decoration: none; } -.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]), -.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) { +.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled='true']), +.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled='true']), +.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled='true']), +.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled='true']), +.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled='true']), +.tox + .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled='true']) { cursor: pointer; text-decoration: underline; } @@ -2624,20 +2795,20 @@ body.tox-dialog__disable-scroll { display: block; fill: rgba(92, 92, 92, 0.7); } -.tox:not([dir=rtl]) .tox-statusbar__path > * { +.tox:not([dir='rtl']) .tox-statusbar__path > * { margin-right: 3px; } -.tox:not([dir=rtl]) .tox-statusbar__branding { +.tox:not([dir='rtl']) .tox-statusbar__branding { margin-left: 1ch; } -.tox[dir=rtl] .tox-statusbar { +.tox[dir='rtl'] .tox-statusbar { flex-direction: row-reverse; } -.tox[dir=rtl] .tox-statusbar__path > * { +.tox[dir='rtl'] .tox-statusbar__path > * { margin-left: 3px; } .tox .tox-throbber { - z-index: 1400; + z-index: 140000000; } .tox .tox-throbber__busy-spinner { align-items: center; @@ -2756,7 +2927,7 @@ body.tox-dialog__disable-scroll { } .tox .tox-tbtn--return { -ms-grid-row-align: stretch; - align-self: stretch; + align-self: stretch; height: unset; width: 16px; } @@ -2845,7 +3016,8 @@ body.tox-dialog__disable-scroll { .tox .tox-toolbar, .tox .tox-toolbar__primary, .tox .tox-toolbar__overflow { - background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23dedede'/%3E%3C/svg%3E") left 0 top 0 #ffffff; + background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23dedede'/%3E%3C/svg%3E") + left 0 top 0 #ffffff; background-color: #ffffff; display: flex; flex: 0 0 auto; @@ -2864,7 +3036,8 @@ body.tox-dialog__disable-scroll { transition: height 0.3s ease, opacity 0.2s linear 0.1s; } .tox .tox-toolbar__overflow--shrinking { - transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s; + transition: opacity 0.3s ease, height 0.2s linear 0.1s, + visibility 0s linear 0.3s; } .tox .tox-menubar + .tox-toolbar, .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary { @@ -2881,8 +3054,13 @@ body.tox-dialog__disable-scroll { .tox .tox-toolbar--no-divider { background-image: none; } -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child, -.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary { +.tox-tinymce:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-toolbar:first-child, +.tox-tinymce:not(.tox-tinymce-inline) + .tox-editor-header:not(:first-child) + .tox-toolbar-overlord:first-child + .tox-toolbar__primary { border-top: 1px solid #dedede; } .tox.tox-tinymce-aux .tox-toolbar__overflow { @@ -2891,7 +3069,7 @@ body.tox-dialog__disable-scroll { border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } -.tox[dir=rtl] .tox-tbtn__icon-rtl svg { +.tox[dir='rtl'] .tox-tbtn__icon-rtl svg { transform: rotateY(180deg); } .tox .tox-toolbar__group { @@ -2908,10 +3086,10 @@ body.tox-dialog__disable-scroll { flex-shrink: 0; flex-wrap: nowrap; } -.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { +.tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) { border-right: 1px solid #dedede; } -.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) { +.tox[dir='rtl'] .tox-toolbar__group:not(:last-of-type) { border-left: 1px solid #dedede; } .tox .tox-tooltip { @@ -2997,11 +3175,11 @@ body.tox-dialog__disable-scroll { } .tox .tox-dialog-loading::before { background-color: rgba(0, 0, 0, 0.5); - content: ""; + content: ''; height: 100%; position: absolute; width: 100%; - z-index: 1000; + z-index: 100000000; } .tox .tox-tab { cursor: pointer;