forked from a64f7bb4-7358-4778-9fbe-3b882c34cc1d/v1
171 lines
4.2 KiB
CSS
171 lines
4.2 KiB
CSS
.gin--dark-mode .cke.cke .cke_inner,
|
|
.gin--dark-mode .cke.cke .cke_wysiwyg_frame,
|
|
.gin--dark-mode .cke.cke .cke_wysiwyg_div {
|
|
background: var(--gin-bg-layer2);
|
|
}
|
|
|
|
.cke.cke.cke_chrome {
|
|
width: 100% !important;
|
|
border-color: var(--gin-border-color-form-element);
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.cke.cke .cke_inner {
|
|
border-radius: var(--gin-border-m);
|
|
}
|
|
|
|
.cke.cke .cke_top {
|
|
background: var(--gin-bg-layer);
|
|
border-bottom: 1px solid var(--gin-border-color);
|
|
border-radius: calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px) 0 0;
|
|
}
|
|
|
|
.gin--dark-mode .cke.cke .cke_top {
|
|
background: var(--gin-bg-layer2);
|
|
}
|
|
|
|
.cke.cke .cke_bottom {
|
|
background: var(--gin-bg-layer3);
|
|
border-radius: 0 0 calc(var(--gin-border-m) - 1px) calc(var(--gin-border-m) - 1px);
|
|
}
|
|
|
|
.cke.cke .cke_contents {
|
|
padding-left: var(--gin-spacing-xs);
|
|
padding-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.cke.cke .cke_path_empty:only-child::after {
|
|
background: transparent;
|
|
}
|
|
|
|
[dir="ltr"] .cke.cke .cke_combo::after {
|
|
border-right: 1px solid var(--gin-border-color);
|
|
}
|
|
|
|
[dir="rtl"] .cke.cke .cke_combo::after {
|
|
border-left: 1px solid var(--gin-border-color);
|
|
}
|
|
|
|
.cke.cke .cke_combo_text {
|
|
color: var(--gin-color-text);
|
|
}
|
|
|
|
.cke.cke .cke_combo_on a.cke_combo_button,
|
|
.cke.cke .cke_combo_off a.cke_combo_button:hover,
|
|
.cke.cke .cke_combo_off a.cke_combo_button:focus,
|
|
.cke.cke .cke_combo_off a.cke_combo_button:active {
|
|
background: var(--gin-bg-app);
|
|
border: 1px solid var(--gin-bg-layer2);
|
|
}
|
|
|
|
.cke.cke a.cke_path_item,
|
|
.cke.cke span.cke_path_empty {
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|
|
.cke.cke a.cke_button {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.cke.cke a.cke_button_on {
|
|
background: none;
|
|
}
|
|
|
|
.cke.cke a.cke_button_off:hover, .cke.cke a.cke_button_off:focus, .cke.cke a.cke_button_off:active {
|
|
background: var(--gin-bg-item-hover);
|
|
border: 1px solid var(--gin-border-color-layer2);
|
|
}
|
|
|
|
.gin--dark-mode .cke.cke .cke_button span {
|
|
filter: invert(1);
|
|
}
|
|
|
|
.cke.cke.cke_panel {
|
|
background-color: var(--gin-bg-app);
|
|
border: 0 none;
|
|
}
|
|
|
|
.cke.cke_chrome.cke_focus,
|
|
.cke.cke_chrome:hover,
|
|
.cke:hover .cke_contents,
|
|
.cke:hover .cke_top,
|
|
.cke:hover .cke_bottom {
|
|
border-color: var(--gin-color-text);
|
|
}
|
|
|
|
.gin--dark-mode .cke.cke_chrome.cke_focus,
|
|
.gin--dark-mode .cke.cke_chrome:hover,
|
|
.gin--dark-mode .cke:hover .cke_contents,
|
|
.gin--dark-mode .cke:hover .cke_top,
|
|
.gin--dark-mode .cke:hover .cke_bottom {
|
|
border-color: var(--gin-border-color-layer2);
|
|
}
|
|
|
|
.cke:hover .cke_top, .gin--dark-mode .cke:hover .cke_top {
|
|
border-bottom-color: var(--gin-border-color);
|
|
}
|
|
|
|
.cke.cke_chrome.cke_focus:hover,
|
|
.cke.cke_focus .cke_contents,
|
|
.cke.cke_focus .cke_top,
|
|
.cke.cke_focus .cke_bottom,
|
|
.error + .cke.cke_chrome.cke_focus:hover,
|
|
.error + .cke.cke_focus .cke_contents,
|
|
.error + .cke.cke_focus .cke_top,
|
|
.error + .cke.cke_focus .cke_bottom {
|
|
border-color: var(--gin-color-text);
|
|
}
|
|
|
|
.cke_top,
|
|
.cke.cke_chrome.cke_focus:hover .cke_top,
|
|
.cke.cke_focus .cke_top,
|
|
.error + .cke.cke_focus .cke_top,
|
|
.error + .cke.cke_chrome.cke_focus:hover .cke_top {
|
|
border-bottom: 1px solid var(--gin-border-color);
|
|
}
|
|
|
|
.cke textarea.cke_source {
|
|
padding: var(--gin-spacing-s) var(--gin-spacing-xs);
|
|
color: var(--gin-color-text);
|
|
background-color: transparent;
|
|
}
|
|
|
|
body .cke_notification_info {
|
|
opacity: 1;
|
|
padding: var(--gin-spacing-xs);
|
|
background: var(--gin-bg-layer4);
|
|
border: 0 none;
|
|
border-radius: var(--gin-border-m);
|
|
box-shadow: var(--gin-shadow-l1);
|
|
}
|
|
|
|
body .cke_notification_info .cke_notification_message {
|
|
color: var(--gin-color-text);
|
|
}
|
|
|
|
body .cke_notification_info .cke_notification_close {
|
|
top: var(--gin-spacing-xxs);
|
|
background: var(--gin-color-text);
|
|
-webkit-mask-image: url("../../media/sprite.svg#close-view");
|
|
mask-image: url("../../media/sprite.svg#close-view");
|
|
-webkit-mask-position: center center;
|
|
mask-position: center center;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 12px 12px;
|
|
mask-size: 12px 12px;
|
|
}
|
|
|
|
[dir="ltr"] body .cke_notification_info .cke_notification_close {
|
|
right: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
[dir="rtl"] body .cke_notification_info .cke_notification_close {
|
|
left: var(--gin-spacing-xxs);
|
|
}
|
|
|
|
.filter-tips {
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|