jodit-ui-themes
Version:
CSS themes for the Jodit editor, its file browser and the Jodit PRO finder: Office 2010, Windows 10/11, macOS, Material 3, Dracula, Nord, Catppuccin and more
1,627 lines (1,626 loc) • 47.4 kB
CSS
/*!
* jodit-ui-themes: Windows 10 theme for Jodit
* https://github.com/TimurSeyidov/jodit-ui-themes
* Released under the MIT license, see LICENSE in the project root.
*/
/*!
* jodit-ui-themes: Windows 10 theme for Jodit
* https://github.com/TimurSeyidov/jodit-ui-themes
* Released under the MIT license, see LICENSE in the project root.
*/
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) {
--win-frame: #9fc0ea;
--win-line: #e5e5e5;
--win-text: #1a1a1a;
--win-muted: #6d6d6d;
--win-icon: #333;
--win-accent: #0078d7;
--win-hover: #e5f3ff;
--win-hover-border: #cce8ff;
--win-selected: #cce8ff;
--win-selected-border: #99d1ff;
--win-menu: #f2f2f2;
--win-menu-hover: #91c9f7;
--win-field-border: #7a7a7a;
--jd-color-border: var(--win-line);
--jd-color-panel: #fff;
--jd-color-text: var(--win-text);
--jd-color-text-icons: var(--win-icon);
--jd-color-icon: var(--win-icon);
--jd-color-label: var(--win-muted);
--jd-color-background-selection: var(--win-selected);
--jd-color-button-background-hover: var(--win-hover);
--jd-border-radius-default: 0;
--jd-font-default: 'Segoe UI', 'Open Sans', 'Helvetica Neue', arial, sans-serif;
--jd-font-size-default: 13px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar__box:not(:empty) {
border-bottom-color: var(--win-line);
border-radius: 0;
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar__box:not(:empty) .jodit-toolbar-editor-collection::after {
display: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-collection_mode_horizontal,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-editor-collection_mode_horizontal {
background-image: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-separator,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-group_separated_true:not(
:last-child,
.jodit-ui-group_before-spacer_true
)::after {
border-right-color: var(--win-line);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-break {
border-top-color: transparent;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button {
border-radius: 0;
color: var(--win-icon);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button .jodit-icon,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select .jodit-icon,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button .jodit-icon {
fill: var(--win-icon);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__text,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__text,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button__text {
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select:hover:not([disabled]) {
border-color: var(--win-hover-border);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button:has( > [aria-pressed='true']:not([disabled])) {
border-color: var(--win-selected-border);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_']),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial {
border-radius: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_']):hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_']):focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial:focus-visible:not([disabled]) {
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_']):active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_'])[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial[aria-pressed='true']:not([disabled]) {
background: var(--win-selected);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button[aria-pressed='true']:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__trigger[aria-pressed='true']:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__button[aria-pressed='true']:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-select__trigger[aria-pressed='true']:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button:not([class*='_variant_'])[aria-pressed='true']:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_initial[aria-pressed='true']:hover:not([disabled]) {
background: #b8deff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button_with-trigger_true:hover:not([disabled]) .jodit-toolbar-button__trigger {
border-left: 1px solid var(--win-hover-border);
opacity: 1;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button:focus-visible,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-button__button:focus-visible {
outline: 1px dotted var(--win-text);
outline-offset: -3px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-tabs .jodit-tabs__buttons .jodit-ui-button:active:not([disabled]) .jodit-ui-button__text,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-tabs .jodit-tabs__buttons .jodit-ui-button[aria-pressed='true']:not([disabled]) .jodit-ui-button__text {
background: transparent;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary {
min-width: 88px;
border: 1px solid #adadad;
border-radius: 0;
background: #e1e1e1;
color: #000;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary svg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary svg {
fill: #000;
stroke: #000;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary:focus-visible:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary:focus-visible:not([disabled]) {
background: #e1e1e1;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary:hover:not([disabled]) {
border-color: var(--win-accent);
background: #e5f1fb;
color: #000;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary:active:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_default[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_secondary[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary[aria-pressed='true']:not([disabled]) {
border-color: #005499;
background: #cce4f7;
color: #000;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-button_variant_primary,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-dialog__footer .jodit-ui-button:focus:not([disabled]) {
border-color: var(--win-accent);
box-shadow: inset 0 0 0 1px var(--win-accent);
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-container {
border-color: var(--win-frame);
border-radius: 0;
background-color: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-container:not(.jodit_inline) .jodit-workplace {
border-color: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-wysiwyg,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-wysiwyg_iframe {
background-color: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar {
height: 22px;
border-radius: 0;
background: #fff;
color: var(--win-muted);
text-transform: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar:not(:empty) {
border-top-color: var(--win-line);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item > span,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item a,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar a.jodit-status-bar-link,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item > span:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item a:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar a.jodit-status-bar-link:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar:visited,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item:visited,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item > span:visited,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item a:visited,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar a.jodit-status-bar-link:visited {
color: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-status-bar .jodit-status-bar__item a:hover {
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-popup,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-popup,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-context-menu {
border: 1px solid #a0a0a0;
border-radius: 0;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-popup__content,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-popup .jodit-popup__content,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-context-menu,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-context-menu [class*='__content'] {
background: var(--win-menu);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button {
border-color: transparent;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__button:hover:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button:hover:not([disabled]) {
background: var(--win-menu-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-collection_mode_vertical .jodit-toolbar-button__button[aria-pressed='true']:not([disabled]),
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-toolbar-editor-collection_mode_vertical .jodit-toolbar-button__button[aria-pressed='true']:not([disabled]) {
background: var(--win-selected);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-context-menu .jodit-ui-button:hover:not([disabled]) {
background: var(--win-menu-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-input,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-select,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-input__wrapper,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='text'],
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='url'],
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form textarea {
border-color: var(--win-field-border);
border-radius: 0;
background-color: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-input:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-select:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-input__wrapper:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='text']:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='url']:hover,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form textarea:hover {
border-color: #171717;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-input:focus,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-select:focus,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-input__wrapper:focus,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='text']:focus,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form input[type='url']:focus,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-form textarea:focus {
border-color: var(--win-accent);
box-shadow: none;
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__panel {
border: 1px solid var(--win-frame);
border-radius: 0;
background-color: #fff;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.3);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__header {
min-height: 32px;
border-bottom-color: var(--win-line);
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__header-title {
color: var(--win-text);
font-size: 13px;
font-weight: normal;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__header-toolbar [class*='_close'] .jodit-toolbar-button__button:hover:not([disabled]) {
background: #e81123;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__header-toolbar [class*='_close'] .jodit-toolbar-button__button:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-dialog .jodit-dialog__footer {
border-top: 1px solid var(--win-line);
background: #f0f0f0;
}
/*!
* jodit-ui-themes: Windows 10 theme for Jodit
* https://github.com/TimurSeyidov/jodit-ui-themes
* Released under the MIT license, see LICENSE in the project root.
*/
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) {
--win-frame: #9fc0ea;
--win-line: #e5e5e5;
--win-text: #1a1a1a;
--win-muted: #6d6d6d;
--win-hover: #e5f3ff;
--win-selected: #cce8ff;
--win-selected-border: #99d1ff;
--win-scrollbar: #c2c2c2;
--win-folder-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath d='M1 1.5h5l1.5 1.5H15v10H1z' fill='%23e0a838'/%3E%3Cpath d='M1 4.5h14V13H1z' fill='%23ffd35c'/%3E%3C/svg%3E");
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree {
--jd-color-background-filebrowser-folders: #fff;
--jd-color-folder-title: var(--win-text);
padding-top: 4px;
border-right: 1px solid var(--win-line);
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree::-webkit-scrollbar-track {
box-shadow: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree::-webkit-scrollbar-thumb {
background-color: var(--win-scrollbar);
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item {
min-height: 24px;
padding: 1px 6px;
border: 1px solid transparent;
margin: 0 4px;
border-bottom: 1px solid transparent;
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item-title {
display: flex;
align-items: center;
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item-title::before {
width: 16px;
height: 14px;
flex: none;
margin-right: 6px;
background: var(--win-folder-icon) no-repeat center / contain;
content: '';
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item:hover {
border-color: var(--win-hover);
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item:hover .jodit-file-browser-tree__item-title {
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__item .jodit-ui-button svg {
fill: var(--win-muted);
stroke: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__source-title {
padding: 4px 10px;
border-bottom: 1px solid var(--win-line);
background: #fff;
color: var(--win-muted);
font-weight: 600;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-tree__plus {
margin: 6px 4px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files {
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files::-webkit-scrollbar-thumb {
background-color: var(--win-scrollbar);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item {
border-color: transparent;
border-radius: 0;
text-decoration: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item:hover {
border-color: var(--win-hover);
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item_active_true,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item_active_true:hover {
border-color: var(--win-selected-border);
background: var(--win-selected);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item_active_true .jodit-file-browser-files__item-info,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files__item_active_true:hover .jodit-file-browser-files__item-info {
background-color: transparent;
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_tiles .jodit-file-browser-files__item {
height: auto;
min-height: var(--jd-col-size);
flex-direction: column;
justify-content: flex-start;
padding: 6px 6px 4px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_tiles .jodit-file-browser-files__item img {
max-height: calc(var(--jd-col-size) - 56px);
margin: auto 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_tiles .jodit-file-browser-files__item .jodit-file-browser-files__item-info {
position: static;
width: 100%;
padding: 4px 0 0;
background: transparent;
color: var(--win-text);
opacity: 1;
text-align: center;
text-shadow: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_tiles .jodit-file-browser-files__item .jodit-file-browser-files__item-info > span {
color: var(--win-muted);
font-size: 11px;
line-height: 15px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_tiles .jodit-file-browser-files__item .jodit-file-browser-files__item-info > .jodit-file-browser-files__item-info-filename {
color: var(--win-text);
font-size: 12px;
font-weight: normal;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_list a {
border-color: transparent;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_list a:hover {
border-color: var(--win-hover);
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_list a:hover .jodit-file-browser-files__item-info {
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info > span {
color: var(--win-muted);
font-weight: normal;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-files_view_list a .jodit-file-browser-files__item-info > .jodit-file-browser-files__item-info-filename {
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-preview__navigation svg {
fill: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-preview__navigation:hover svg {
fill: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
).jodit-file-browser-pro {
font-family: var(--jd-font-default);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__panel {
border: 1px solid var(--win-frame);
border-radius: 0;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.3);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__header {
min-height: 40px;
border-bottom-color: var(--win-line);
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__header-title,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__header-toolbar {
line-height: 38px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__header-toolbar [class*='_close'] .jodit-toolbar-button__button:hover:not([disabled]) {
background: #e81123;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__header-toolbar [class*='_close'] .jodit-toolbar-button__button:hover:not([disabled]) svg {
fill: #fff;
stroke: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-file-browser-pro__resizer svg {
fill: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-panel {
--jd-fb-color: var(--win-text);
--jd-files-bg: #fff;
--jd-item-bg: transparent;
--jd-item-bg-hover: var(--win-hover);
--jd-item-border-color: transparent;
--jd-item-border-selected-color: var(--win-selected-border);
--jd-item-border-bg-selected-color: var(--win-selected);
--jd-item-info-color: var(--win-text);
--jd-item-info-bg: transparent;
--jd-sidebar-bg: #fff;
--jd-sidebar-color: var(--win-text);
--jd-sidebar-border-color: var(--win-line);
--jd-sidebar-hide-btn-bg: #fff;
--jd-folder-bg: var(--win-hover);
--jd-folder-border: var(--win-hover);
--jd-source-bg: #fff;
--jd-source-border: var(--win-line);
--jd-message-bg: #fffffff0;
--jd-message-color: var(--win-text);
--jd-message-shadow-color: #a0a0a0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-sidebar__box::-webkit-scrollbar-track,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-virtual-scroll::-webkit-scrollbar-track {
box-shadow: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-sidebar__box::-webkit-scrollbar-thumb,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-virtual-scroll::-webkit-scrollbar-thumb {
background-color: var(--win-scrollbar);
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-sidebar {
background: #fff;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-source__name {
height: auto;
padding: 6px 10px;
background: #fff;
color: var(--win-muted);
font-weight: 600;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder {
padding: 2px 6px;
border: 1px solid transparent;
margin: 0 4px;
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder:hover {
border-color: var(--win-hover);
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder_active_true,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder_active_true:hover {
border-color: var(--win-selected-border);
background: var(--win-selected);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder__icon-wrapper {
background: var(--win-folder-icon) no-repeat center / contain;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder__icon-wrapper svg {
display: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-folder__arrow svg {
fill: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item {
border: 1px solid transparent;
border-radius: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item:hover {
border-color: var(--win-hover);
background: var(--win-hover);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_active_true,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_active_true:hover {
border-color: var(--win-selected-border);
background: var(--win-selected);
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item__name {
font-weight: normal;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) {
display: flex;
height: auto;
flex-direction: column;
padding: 6px 6px 4px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) .jodit-ui-browser-item__image {
width: 100%;
height: calc(var(--jd-item-size) - 40px);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) .jodit-ui-browser-item__info,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
).jodit-ui-browser-item.jodit-ui-browser-item_view_tiles:hover .jodit-ui-browser-item__info {
position: static;
padding: 4px 0 0;
background: transparent;
opacity: 1;
text-align: center;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) .jodit-ui-browser-item__name {
font-size: 12px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) .jodit-ui-browser-item__time,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-item_view_tiles:not(
.jodit-ui-browser-item_size_small,
.jodit-ui-browser-item_size_xsmall
) .jodit-ui-browser-item__filesize {
color: var(--win-muted);
font-size: 11px;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-status-bar {
border-top-color: var(--win-line);
background: #fff;
color: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-status-bar [class*='__slot-'] {
opacity: 1;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings {
border-left-color: var(--win-line);
background: #fff;
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__theme {
display: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__title {
color: var(--win-text);
font-weight: normal;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__close {
color: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__close svg {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__close:hover {
color: var(--win-text);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings__options::-webkit-scrollbar-track {
box-shadow: none;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group__label {
color: var(--win-muted);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group__options {
display: inline-flex;
overflow: hidden;
border: 1px solid #adadad;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button {
border: 0;
border-radius: 0;
background: #e1e1e1;
box-shadow: none;
color: #000;
outline: 0;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button .jodit-ui-button__text {
color: #000;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button + .jodit-ui-button,
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button[aria-pressed='true']:not([disabled]) + .jodit-ui-button {
border-left: 1px solid #adadad;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button:hover:not([disabled]) {
background: #e5f1fb;
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button[aria-pressed='true']:not([disabled]) {
background: var(--win-selected);
box-shadow: inset 0 0 0 1px var(--win-selected-border);
}
:is(
.jodit_theme_windows10,
.jodit-dialog_theme_windows10,
.jodit-file-browser-pro_theme_windows10
) .jodit-ui-browser-settings .jodit-ui-button-group .jodit-ui-button[aria-pressed='true']:not([disabled]) .jodit-ui-button__text {
color: #000;
}