4006 lines
142 KiB
CSS
4006 lines
142 KiB
CSS
/* For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) */
|
|
@charset "UTF-8";
|
|
@media screen {
|
|
:root {
|
|
--s-accentColor--h: var(--u-accentColor--h, var(--g-systemBlue--h));
|
|
--s-accentColor--s: var(--u-accentColor--s, var(--g-systemBlue--s));
|
|
--s-accentColor--l: var(--u-accentColor--l, var(--g-systemBlue--l));
|
|
--s-accentColor--s: var(--u-accentColor--s, var(--g-systemBlue--s));
|
|
--s-accentColor--l: var(--u-accentColor--l, var(--g-systemBlue--l));
|
|
--s-accentColor--hs: var(--s-accentColor--h), var(--s-accentColor--s);
|
|
--s-accentColor--hsl: var(--s-accentColor--hs), var(--s-accentColor--l);
|
|
--s-accentColor: hsl(var(--s-accentColor--hsl));
|
|
--s-font-family-system: var(--u-font-family-system, var(--g-font-family-system));
|
|
--s-font-family-system-rounded: var(--u-font-family-system-rounded, var(--g-font-family-system-rounded));
|
|
--s-selectedContentBackgroundColor--h: var(
|
|
--u-accentColor--h,
|
|
var(--g-selectedContentBackgroundColor--h)
|
|
);
|
|
--s-selectedContentBackgroundColor--s: var(
|
|
--u-accentColor--s,
|
|
var(--g-selectedContentBackgroundColor--s)
|
|
);
|
|
--s-selectedContentBackgroundColor--l: var(
|
|
--u-accentColor--l,
|
|
var(--g-selectedContentBackgroundColor--l)
|
|
);
|
|
--s-selectedContentBackgroundColor: hsl(
|
|
var(--s-selectedContentBackgroundColor--h),
|
|
var(--s-selectedContentBackgroundColor--s),
|
|
var(--s-selectedContentBackgroundColor--l)
|
|
);
|
|
--s-accentColor--selected: var(--s-selectedContentBackgroundColor);
|
|
--s-controlAccentColor--h: var(
|
|
--u-accentColor--h,
|
|
var(--g-controlAccentColor--h)
|
|
);
|
|
--s-controlAccentColor--s: var(
|
|
--u-accentColor--s,
|
|
var(--g-controlAccentColor--s)
|
|
);
|
|
--s-controlAccentColor--l: var(
|
|
--u-accentColor--l,
|
|
var(--g-controlAccentColor--l)
|
|
);
|
|
--s-controlAccentColor--hsl: var(--s-controlAccentColor--h),
|
|
var(--s-controlAccentColor--s), var(--s-controlAccentColor--l);
|
|
--s-controlAccentColor: hsl(var(--s-controlAccentColor--hsl));
|
|
--s-controlAccentColor--selected: var(--s-controlAccentColor);
|
|
--s-sidebar__BackgroundColor: var(
|
|
--u-sidebar-background-color,
|
|
var(--g-windowBackgroundColor)
|
|
);
|
|
--s-sidebar__label-FontSize: var(
|
|
--u-sidebar-label-font-size,
|
|
var(--g-font-size--1)
|
|
);
|
|
--s-sidebar__label-Color: var(
|
|
--u-sidebar-label-color,
|
|
var(--g-tertiaryLabelColor)
|
|
);
|
|
--s-sidebar__item-Color: var(--u-sidebar-item-color, var(--g-labelColor));
|
|
--s-sidebar__item--selected-BackgroundColor: var(
|
|
--u-sidebar-selected-item-color,
|
|
var(var(--g-unemphasizedSelectedTextBackgroundColor))
|
|
);
|
|
--s-sidebar__icon-Color: var(--u-sidebar-icon-color, var(--s-accentColor));
|
|
--s-sidebar__chevron-Color: var(
|
|
--u-sidebar-chevron-color,
|
|
var(--g-secondaryLabelColor)
|
|
);
|
|
--s-sidebar__synchronise-Color: var(
|
|
--u-sidebar-synchronise-color,
|
|
var(--g-secondaryLabelColor)
|
|
);
|
|
--s-sidebar__synchronise-label-Color: var(
|
|
--u-sidebar-synchronise-label-color,
|
|
var(--g-secondaryLabelColor)
|
|
);
|
|
--s-font-family-icons: var(--u-font-family-icons, var(--g-font-family-icons));
|
|
--s-icon-size-factor: var(--u-icon-size-factor, var(--g-icon-size-factor));
|
|
--g-icon-alarm: "\f0f3";
|
|
--s-icon-alarm: var(--u-icon-alarm, var(--g-icon-alarm));
|
|
--g-icon-arrow-down-circle-fill: "\f0ab";
|
|
--s-icon-arrow-down-circle-fill: var(--u-icon-arrow-down-circle-fill, var(--g-icon-arrow-down-circle-fill));
|
|
--g-icon-arrow-triangle-2-circlepath: "\f021";
|
|
--s-icon-arrow-triangle-2-circlepath: var(--u-icon-arrow-triangle-2-circlepath, var(--g-icon-arrow-triangle-2-circlepath));
|
|
--g-icon-arrow-up-arrow-down: "\f0dc";
|
|
--s-icon-arrow-up-arrow-down: var(--u-icon-arrow-up-arrow-down, var(--g-icon-arrow-up-arrow-down));
|
|
--g-icon-arrow-up-circle-fill: "\f0aa";
|
|
--s-icon-arrow-up-circle-fill: var(--u-icon-arrow-up-circle-fill, var(--g-icon-arrow-up-circle-fill));
|
|
--g-icon-arrow-up-forward-app: "\f08e";
|
|
--s-icon-arrow-up-forward-app: var(--u-icon-arrow-up-forward-app, var(--g-icon-arrow-up-forward-app));
|
|
--g-icon-arrow-up-right-square-fill: "\f14c";
|
|
--s-icon-arrow-up-right-square-fill: var(--u-icon-arrow-up-right-square-fill, var(--g-icon-arrow-up-right-square-fill));
|
|
--g-icon-bold: "\f032";
|
|
--s-icon-bold: var(--u-icon-bold, var(--g-icon-bold));
|
|
--g-icon-calendar: "\f073";
|
|
--s-icon-calendar: var(--u-icon-calendar, var(--g-icon-calendar));
|
|
--g-icon-character: "\f031";
|
|
--s-icon-character: var(--u-icon-character, var(--g-icon-character));
|
|
--g-icon-checkmark: "\f00c";
|
|
--s-icon-checkmark: var(--u-icon-checkmark, var(--g-icon-checkmark));
|
|
--g-icon-checkmark-circle: "\f058";
|
|
--s-icon-checkmark-circle: var(--u-icon-checkmark-circle, var(--g-icon-checkmark-circle));
|
|
--g-icon-checkmark-diamond: "\f14a";
|
|
--s-icon-checkmark-diamond: var(--u-icon-checkmark-diamond, var(--g-icon-checkmark-diamond));
|
|
--g-icon-checkmark-square: "\f046";
|
|
--s-icon-checkmark-square: var(--u-icon-checkmark-square, var(--g-icon-checkmark-square));
|
|
--g-icon-chevron-backward: "\f053";
|
|
--s-icon-chevron-backward: var(--u-icon-chevron-backward, var(--g-icon-chevron-backward));
|
|
--g-icon-chevron-down: "\f078";
|
|
--s-icon-chevron-down: var(--u-icon-chevron-down, var(--g-icon-chevron-down));
|
|
--g-icon-chevron-forward: "\f054";
|
|
--s-icon-chevron-forward: var(--u-icon-chevron-forward, var(--g-icon-chevron-forward));
|
|
--g-icon-chevron-left-slash-chevron-right: "\f121";
|
|
--s-icon-chevron-left-slash-chevron-right: var(--u-icon-chevron-left-slash-chevron-right, var(--g-icon-chevron-left-slash-chevron-right));
|
|
--g-icon-chevron-right: "\f054";
|
|
--s-icon-chevron-right: var(--u-icon-chevron-right, var(--g-icon-chevron-right));
|
|
--g-icon-chevron-up-chevron-down: "\f0dc";
|
|
--s-icon-chevron-up-chevron-down: var(--u-icon-chevron-up-chevron-down, var(--g-icon-chevron-up-chevron-down));
|
|
--g-icon-chevron-up: "\f077";
|
|
--s-icon-chevron-up: var(--u-icon-chevron-up, var(--g-icon-chevron-up));
|
|
--g-icon-clock: "\f017";
|
|
--s-icon-clock: var(--u-icon-clock, var(--g-icon-clock));
|
|
--g-icon-curlybraces: "\f120";
|
|
--s-icon-curlybraces: var(--u-icon-curlybraces, var(--g-icon-curlybraces));
|
|
--g-icon-doc-on-clipboard: "\f0ea";
|
|
--s-icon-doc-on-clipboard: var(--u-icon-doc-on-clipboard, var(--g-icon-doc-on-clipboard));
|
|
--g-icon-doc-richtext: "\f0f6";
|
|
--s-icon-doc-richtext: var(--u-icon-doc-richtext, var(--g-icon-doc-richtext));
|
|
--g-icon-ellipsis: "\f141";
|
|
--s-icon-ellipsis: var(--u-icon-ellipsis, var(--g-icon-ellipsis));
|
|
--g-icon-folder: "\f07b";
|
|
--s-icon-folder: var(--u-icon-folder, var(--g-icon-folder));
|
|
--g-icon-highlighter: "\f1fc";
|
|
--s-icon-highlighter: var(--u-icon-highlighter, var(--g-icon-highlighter));
|
|
--g-icon-info-circle: "\f05a";
|
|
--s-icon-info-circle: var(--u-icon-info-circle, var(--g-icon-info-circle));
|
|
--g-icon-italic: "\f033";
|
|
--s-icon-italic: var(--u-icon-italic, var(--g-icon-italic));
|
|
--g-icon-link: "\f0c1";
|
|
--s-icon-link: var(--u-icon-link, var(--g-icon-link));
|
|
--g-icon-link-circle: "\f0c1";
|
|
--s-icon-link-circle: var(--u-icon-link-circle, var(--g-icon-link-circle));
|
|
--g-icon-list-bullet-indent: "\f03c";
|
|
--s-icon-list-bullet-indent: var(--u-icon-list-bullet-indent, var(--g-icon-list-bullet-indent));
|
|
--g-icon-list-bullet-rectangle: "\f022";
|
|
--s-icon-list-bullet-rectangle: var(--u-icon-list-bullet-rectangle, var(--g-icon-list-bullet-rectangle));
|
|
--g-icon-list-bullet: "\f0ca";
|
|
--s-icon-list-bullet: var(--u-icon-list-bullet, var(--g-icon-list-bullet));
|
|
--g-icon-list-number: "\f0cb";
|
|
--s-icon-list-number: var(--u-icon-list-number, var(--g-icon-list-number));
|
|
--g-icon-magnifyingglass: "\f002";
|
|
--s-icon-magnifyingglass: var(--u-icon-magnifyingglass, var(--g-icon-magnifyingglass));
|
|
--g-icon-minus: "\f068";
|
|
--s-icon-minus: var(--u-icon-minus, var(--g-icon-minus));
|
|
--g-icon-paperclip: "\f0c6";
|
|
--s-icon-paperclip: var(--u-icon-paperclip, var(--g-icon-paperclip));
|
|
--g-icon-person-2: "\f0c0";
|
|
--s-icon-person-2: var(--u-icon-person-2, var(--g-icon-person-2));
|
|
--g-icon-plus-circle: "\f055";
|
|
--s-icon-plus-circle: var(--u-icon-plus-circle, var(--g-icon-plus-circle));
|
|
--g-icon-sidebar-left: "\f0db";
|
|
--s-icon-sidebar-left: var(--u-icon-sidebar-left, var(--g-icon-sidebar-left));
|
|
--g-icon-square-and-arrow-down: "\f019";
|
|
--s-icon-square-and-arrow-down: var(--u-icon-square-and-arrow-down, var(--g-icon-square-and-arrow-down));
|
|
--g-icon-square-and-pencil: "\f044";
|
|
--s-icon-square-and-pencil: var(--u-icon-square-and-pencil, var(--g-icon-square-and-pencil));
|
|
--g-icon-square-split-2x1: "\f2d0";
|
|
--s-icon-square-split-2x1: var(--u-icon-square-split-2x1, var(--g-icon-square-split-2x1));
|
|
--g-icon-strikethrough: "\f0cc";
|
|
--s-icon-strikethrough: var(--u-icon-strikethrough, var(--g-icon-strikethrough));
|
|
--g-icon-tablecells-badge-ellipsis: "\f0ce";
|
|
--s-icon-tablecells-badge-ellipsis: var(--u-icon-tablecells-badge-ellipsis, var(--g-icon-tablecells-badge-ellipsis));
|
|
--g-icon-tag: "\f02b";
|
|
--s-icon-tag: var(--u-icon-tag, var(--g-icon-tag));
|
|
--g-icon-text-badge-checkmark: "\f0ae";
|
|
--s-icon-text-badge-checkmark: var(--u-icon-text-badge-checkmark, var(--g-icon-text-badge-checkmark));
|
|
--g-icon-text-below-photo: "\f03e";
|
|
--s-icon-text-below-photo: var(--u-icon-text-below-photo, var(--g-icon-text-below-photo));
|
|
--g-icon-text-quote: "\f10e";
|
|
--s-icon-text-quote: var(--u-icon-text-quote, var(--g-icon-text-quote));
|
|
--g-icon-textformat-abc-dottedunderline: "\f031";
|
|
--s-icon-textformat-abc-dottedunderline: var(--u-icon-textformat-abc-dottedunderline, var(--g-icon-textformat-abc-dottedunderline));
|
|
--g-icon-textformat-subscript: "\f12c";
|
|
--s-icon-textformat-subscript: var(--u-icon-textformat-subscript, var(--g-icon-textformat-subscript));
|
|
--g-icon-textformat-superscript: "\f12b";
|
|
--s-icon-textformat-superscript: var(--u-icon-textformat-superscript, var(--g-icon-textformat-superscript));
|
|
--g-icon-trash: "\f1f8";
|
|
--s-icon-trash: var(--u-icon-trash, var(--g-icon-trash));
|
|
--g-icon-underline: "\f0cd";
|
|
--s-icon-underline: var(--u-icon-underline, var(--g-icon-underline));
|
|
--g-icon-xmark-circle-fill: "\f057";
|
|
--s-icon-xmark-circle-fill: var(--u-icon-xmark-circle-fill, var(--g-icon-xmark-circle-fill));
|
|
--g-icon-xmark: "\f00d";
|
|
--s-icon-xmark: var(--u-icon-xmark, var(--g-icon-xmark));
|
|
}
|
|
|
|
:root {
|
|
--g-systemBlue: rgba(0, 122, 255, 1);
|
|
--g-systemBlue--h: 211;
|
|
--g-systemBlue--s: 100%;
|
|
--g-systemBlue--l: 50%;
|
|
--g-systemBrown: rgba(162, 132, 94, 1);
|
|
--g-systemGray: rgba(142, 142, 147, 1);
|
|
--g-systemGreen: rgba(40, 205, 65, 1);
|
|
--g-systemIndigo: rgba(88, 86, 214, 1);
|
|
--g-systemOrange: rgba(255, 149, 0, 1);
|
|
--g-systemPink: rgba(255, 45, 85, 1);
|
|
--g-systemPurple: rgba(175, 82, 222, 1);
|
|
--g-systemRed: rgba(255, 59, 48, 1);
|
|
--g-systemTeal: rgba(85, 190, 240, 1);
|
|
--g-systemYellow: rgba(255, 204, 0, 1);
|
|
/* Labels */
|
|
--g-labelColor: rgba(0, 0, 0, 0.847);
|
|
--g-secondaryLabelColor: rgba(0, 0, 0, 0.498);
|
|
--g-tertiaryLabelColor: rgba(0, 0, 0, 0.259);
|
|
--g-quaternaryLabelColor: rgba(0, 0, 0, 0.098);
|
|
/* Text */
|
|
--g-textColor: rgba(0, 0, 0, 1);
|
|
--g-textColorDark: rgba(0, 0, 0, 1);
|
|
--g-placeholderTextColor: rgba(0, 0, 0, 0.247);
|
|
--g-selectedTextColor: rgba(0, 0, 0, 1);
|
|
--g-textBackgroundColor: rgba(255, 255, 255, 1);
|
|
--g-selectedTextBackgroundColor: rgba(179, 215, 255, 1);
|
|
--g-keyboardFocusIndicatorColor: rgba(0, 103, 244, 0.247);
|
|
--g-unemphasizedSelectedTextColor: rgba(0, 0, 0, 1);
|
|
--g-unemphasizedSelectedTextBackgroundColor: rgba(220, 220, 220, 1);
|
|
/* Content */
|
|
--g-alternatingContentBackgroundColorsEven: rgba(255, 255, 255, 1);
|
|
--g-alternatingContentBackgroundColorsOdd: rgba(244, 245, 245, 1);
|
|
--g-linkColor: rgba(0, 104, 218, 1);
|
|
--g-separatorColor: rgba(0, 0, 0, 0.098);
|
|
--g-selectedContentBackgroundColor: rgba(0, 99, 225, 1);
|
|
--g-selectedContentBackgroundColor--h: 214;
|
|
--g-selectedContentBackgroundColor--s: 100%;
|
|
--g-selectedContentBackgroundColor--l: 44%;
|
|
--g-unemphasizedSelectedContentBackgroundColor: rgba(220, 220, 220, 1);
|
|
/* Menus */
|
|
--g-selectedMenuItemTextColor: rgba(255, 255, 255, 1);
|
|
/* Tables */
|
|
--g-gridColor: rgba(230, 230, 230, 1);
|
|
--g-headerTextColor: rgba(0, 0, 0, 0.847);
|
|
/* Controls */
|
|
--g-controlAccentColor--h: 211;
|
|
--g-controlAccentColor--s: 100%;
|
|
--g-controlAccentColor--l: 50%;
|
|
--g-controlAccentColor--hsl: var(--g-controlAccentColor--h), var(--g-controlAccentColor--s), var(--g-controlAccentColor--l);
|
|
--g-controlAccentColor: hsla(var(--g-controlAccentColor--hsl), 1);
|
|
--g-controlColor--rgb: 255, 255, 255;
|
|
--g-controlColor: rgba(var(--g-controlColor--rgb), 1);
|
|
--g-controlColor--hsl: 0, 0%, 100%;
|
|
--g-controlBackgroundColor: rgba(255, 255, 255, 1);
|
|
--g-controlTextColor: rgba(0, 0, 0, 0.847);
|
|
--g-disabledControlTextColor: rgba(0, 0, 0, 0.247);
|
|
--g-scrubberTexturedBackground: rgba(255, 255, 255, 1);
|
|
--g-selectedControlColor: rgba(179, 215, 255, 1);
|
|
--g-selectedControlTextColor: rgba(0, 0, 0, 0.847);
|
|
--g-alternateSelectedControlTextColor--rgb: 255, 255, 255;
|
|
--g-alternateSelectedControlTextColor: rgba(
|
|
var(--g-alternateSelectedControlTextColor--rgb),
|
|
1
|
|
);
|
|
/* Windows */
|
|
--g-windowBackgroundColor: rgba(236, 236, 236, 1);
|
|
--g-windowFrameTextColor: rgba(0, 0, 0, 0.847);
|
|
--g-underPageBackgroundColor: rgba(150, 150, 150, 0.898);
|
|
--g-underPageBackgroundColor--rgb: 150, 150, 150;
|
|
/* Highlights & Shadows */
|
|
--g-findHighlightColor: rgba(255, 255, 0, 1);
|
|
--g-highlightColor: rgba(255, 255, 255, 1);
|
|
--g-shadowColor: rgba(0, 0, 0, 1);
|
|
--g-shadowColor--rgb: 0, 0, 0;
|
|
--g-primary-Background: var(--g-textBackgroundColor);
|
|
--g-primary-Color: var(--g-textColor);
|
|
--g-icon-size-factor: 1;
|
|
--g-font-family-system-rounded: "Adwaita Sans", var(--s-font-family-system);
|
|
--g-font-family-system: "Adwaita Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
|
--g-font-family-mono: "Adwaita Mono", ui-monospace, Menlo, Monaco, Consolas,
|
|
"Liberation Mono", "Courier New", monospace;
|
|
--g-font-family-icons: "Font Awesome 7 Free";
|
|
--g-font-size--1: 1.1rem;
|
|
--g-font-size-0: 1.2rem;
|
|
--g-font-size-1: 1.4rem;
|
|
--g-font-size-2: 1.6rem;
|
|
}
|
|
|
|
.fa-caret-right::before {
|
|
content: var(--s-icon-chevron-right) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
|
|
.fa-caret-down::before {
|
|
content: var(--s-icon-chevron-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
|
|
.fa-plus::before {
|
|
content: var(--s-icon-plus-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
|
|
.fa-book::before {
|
|
content: var(--s-icon-folder) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
|
|
/* 1rem = 10px */
|
|
html {
|
|
font-size: calc(62.5 * (var(--u-base-font-size, 100%) / 100));
|
|
}
|
|
|
|
html,
|
|
body {
|
|
background: var(--g-primary-Background) !important;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--s-font-family-system);
|
|
/* set default font-size back to 16px */
|
|
font-size: 1.6rem;
|
|
}
|
|
body input,
|
|
body button {
|
|
color: var(--g-primary-Color);
|
|
font-family: var(--s-font-family-system);
|
|
}
|
|
body a {
|
|
cursor: default;
|
|
}
|
|
|
|
#react-root > div:nth-child(2) > div {
|
|
background: transparent !important;
|
|
}
|
|
|
|
*[style*=Roboto] {
|
|
font-family: var(--s-font-family-system) !important;
|
|
}
|
|
|
|
.rli-editor {
|
|
overflow: hidden;
|
|
}
|
|
.rli-editor .tox .tox-edit-area__iframe,
|
|
.rli-editor .tox .tox-toolbar,
|
|
.rli-editor .tox .tox-toolbar__overflow,
|
|
.rli-editor .tox .tox-toolbar__primary,
|
|
.rli-editor .tox-editor-header .tox-toolbar__primary,
|
|
.rli-editor .tox .tox-toolbar-overlord,
|
|
.rli-editor .tox.tox-tinymce-aux .tox-toolbar__overflow,
|
|
.rli-editor .tox .tox-statusbar,
|
|
.rli-editor .tox .tox-dialog__header,
|
|
.rli-editor .tox .tox-dialog,
|
|
.rli-editor .tox textarea,
|
|
.rli-editor .tox input,
|
|
.rli-editor .tox .tox-dialog__footer,
|
|
.rli-editor *[style*=background] {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media screen and (prefers-color-scheme: dark) {
|
|
.rli-editor {
|
|
background-color: #1f1f1f;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor > div > div {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor > div > div > div > div > div:first-child .title-input {
|
|
color: var(--g-headerTextColor) !important;
|
|
margin: 0.5rem 1rem 0;
|
|
padding-top: 0 !important;
|
|
font-weight: 700 !important;
|
|
font-size: 2rem !important;
|
|
max-width: calc(100% - 40px);
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .updated-time-label {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-family: var(--s-font-family-system) !important;
|
|
font-size: 1.1rem;
|
|
margin-top: 0rem;
|
|
margin-right: 1rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button {
|
|
color: var(--g-secondaryLabelColor);
|
|
margin: 0 0.2rem;
|
|
font-family: var(--s-font-family-system);
|
|
line-height: 1;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button > * {
|
|
color: var(--g-secondaryLabelColor);
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button:hover {
|
|
background: var(--g-quaternaryLabelColor);
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) button::before {
|
|
font-size: 1.4rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(2) > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3) > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(4) > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle outline"] > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle sidebar"] > *,
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle note list"] > * {
|
|
display: none;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) {
|
|
font-size: 0;
|
|
overflow: hidden;
|
|
width: 2.6rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i {
|
|
display: block;
|
|
color: var(--g-secondaryLabelColor);
|
|
margin: var(--s-font-family-icons, 0.2rem 0.2rem 0);
|
|
font-family: var(--s-font-family-system);
|
|
line-height: 1;
|
|
font-size: 1.4rem;
|
|
font-weight: 400;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i::before {
|
|
content: var(--s-icon-textformat-abc-dottedunderline) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
text-transform: uppercase;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i[title]:not([title=""])::before {
|
|
content: attr(title);
|
|
font-family: var(--s-font-family-system-rounded);
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400;
|
|
line-height: 2.6rem;
|
|
letter-spacing: -0.05rem;
|
|
margin-top: 0;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(2):before {
|
|
content: var(--s-icon-alarm) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3).disabled {
|
|
display: none;
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(3):before {
|
|
content: var(--s-icon-square-split-2x1) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(4):before {
|
|
content: var(--s-icon-info-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle outline"]:before {
|
|
content: var(--s-icon-list-bullet-indent) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle sidebar"]:before {
|
|
content: var(--s-icon-sidebar-left) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a[title="Toggle note list"]:before {
|
|
content: var(--s-icon-list-bullet-rectangle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div .tox-tbtn--enabled {
|
|
background-color: var(--g-quaternaryLabelColor);
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0.25rem;
|
|
line-height: 1;
|
|
padding: 0 !important;
|
|
height: 2.6rem;
|
|
width: 2.6rem !important;
|
|
min-width: 2.6rem !important;
|
|
line-height: 2.6rem !important;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn:focus, .rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn:hover {
|
|
background: var(--g-quaternaryLabelColor) !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn::after {
|
|
font-size: var(--g-font-size-1) !important;
|
|
font-weight: normal !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: var(--g-secondaryLabelColor);
|
|
vertical-align: bottom;
|
|
color: var(--g-secondaryLabelColor);
|
|
width: 2.6rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn.markdown-active::after {
|
|
content: "MD";
|
|
font-family: var(--s-font-family-system-rounded);
|
|
font-size: 1.2rem !important;
|
|
line-height: 2.6rem;
|
|
font-weight: 500 !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn.richText-active::after {
|
|
content: var(--s-icon-text-below-photo) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div :has(.fa-markdown).tox-tbtn * {
|
|
display: none !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] {
|
|
padding: 0 !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button {
|
|
min-height: 0;
|
|
height: auto;
|
|
align-items: baseline;
|
|
background: transparent;
|
|
font-size: 1.3rem;
|
|
margin-top: 0.6rem;
|
|
margin-bottom: 0.4rem;
|
|
margin-left: var(--joplin-editor-padding-left) !important;
|
|
min-width: 0 !important;
|
|
padding: 0;
|
|
}
|
|
.rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button span {
|
|
color: var(--g-textColor);
|
|
}
|
|
.rli-editor > div > div > div > div > div:nth-child(2)[style*=padding-top] button .icon-notebooks::before {
|
|
content: var(--s-icon-folder) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--s-accentColor);
|
|
font-family: var(--s-font-family-system);
|
|
font-size: 1.3rem;
|
|
font-weight: 400;
|
|
}
|
|
.rli-editor > div > div > div > div > div [style*="border-left: 1px"] {
|
|
border-color: var(--g-gridColor) !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div [style*="border-left: 1px"] [style*="width: 1px; max-width: 1px;"] {
|
|
border-left: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .joplin-tinymce > div,
|
|
.rli-editor .editor-toolbar,
|
|
.rli-editor .tox .tox-toolbar__group,
|
|
.rli-editor .joplin-tinymce .tox .tox-toolbar__primary {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .joplin-tinymce > div:first-child {
|
|
padding-top: 0.4rem !important;
|
|
margin-top: 0.2rem;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .joplin-tinymce > div:first-child,
|
|
.rli-editor .editor-toolbar > div:first-child {
|
|
margin-left: -0.6rem;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button,
|
|
.rli-editor .editor-toolbar > div:first-child > button {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0.25rem;
|
|
line-height: 1;
|
|
padding: 0 !important;
|
|
height: 2.6rem;
|
|
width: 2.6rem !important;
|
|
min-width: 2.6rem !important;
|
|
line-height: 2.6rem !important;
|
|
border-radius: 0.5rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:focus, .rli-editor .joplin-tinymce > div:first-child > button:hover,
|
|
.rli-editor .editor-toolbar > div:first-child > button:focus,
|
|
.rli-editor .editor-toolbar > div:first-child > button:hover {
|
|
background: var(--g-quaternaryLabelColor) !important;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button span,
|
|
.rli-editor .editor-toolbar > div:first-child > button span {
|
|
display: block;
|
|
font-size: 1.4rem;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button span:before,
|
|
.rli-editor .editor-toolbar > div:first-child > button span:before {
|
|
font-size: var(--g-font-size-1) !important;
|
|
font-weight: normal !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: var(--g-secondaryLabelColor);
|
|
vertical-align: bottom;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3),
|
|
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) {
|
|
min-width: 2.6rem !important;
|
|
font-size: 0 !important;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span,
|
|
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span {
|
|
margin-right: 0 !important;
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span[title]:not([title=""])::before,
|
|
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span[title]:not([title=""])::before {
|
|
color: var(--s-accentColor) !important;
|
|
content: var(--s-icon-arrow-up-right-square-fill) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span::before,
|
|
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span::before {
|
|
content: var(--s-icon-arrow-up-forward-app) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .joplin-tinymce > div:first-child > button:nth-of-type(3):nth-of-type(3) span:not(:first-child),
|
|
.rli-editor .editor-toolbar > div:first-child > button:nth-of-type(3):nth-of-type(3) span:not(:first-child) {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
position: relative;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
.rli-editor .tox-toolbar__group::before {
|
|
content: "";
|
|
background-color: var(--g-separatorColor);
|
|
height: 100%;
|
|
width: 0.1rem;
|
|
margin: 0 0.65rem;
|
|
}
|
|
.rli-editor .tox-toolbar__group button,
|
|
.rli-editor .tox-toolbar__group button[aria-haspopup=true] {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0.25rem;
|
|
line-height: 1;
|
|
padding: 0 !important;
|
|
height: 2.6rem;
|
|
width: 2.6rem !important;
|
|
min-width: 2.6rem !important;
|
|
line-height: 2.6rem !important;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.rli-editor .tox-toolbar__group button:focus, .rli-editor .tox-toolbar__group button:hover,
|
|
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:focus,
|
|
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:hover {
|
|
background: var(--g-quaternaryLabelColor) !important;
|
|
}
|
|
.rli-editor .tox-toolbar__group button:before,
|
|
.rli-editor .tox-toolbar__group button[aria-haspopup=true]:before {
|
|
font-size: var(--g-font-size-1) !important;
|
|
font-weight: normal !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: var(--g-secondaryLabelColor);
|
|
vertical-align: bottom;
|
|
}
|
|
.rli-editor .tox-toolbar__group svg {
|
|
display: none !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(1):before {
|
|
content: var(--s-icon-bold) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(2):before {
|
|
content: var(--s-icon-italic) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(3):before {
|
|
content: var(--s-icon-highlighter) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(4):before {
|
|
content: var(--s-icon-strikethrough) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(5) {
|
|
width: 2.6rem !important;
|
|
min-width: 0;
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(1) button:nth-child(5):before {
|
|
content: var(--s-icon-ellipsis) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(1):before {
|
|
content: var(--s-icon-link) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(2):before {
|
|
content: var(--s-icon-chevron-left-slash-chevron-right) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(3):before {
|
|
content: var(--s-icon-curlybraces) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(2) button:nth-child(4):before {
|
|
content: var(--s-icon-paperclip) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(1):before {
|
|
content: var(--s-icon-list-bullet) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(2):before {
|
|
content: var(--s-icon-list-number) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(3) button:nth-child(3):before {
|
|
content: var(--s-icon-text-badge-checkmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before,
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before,
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
|
|
font-family: var(--s-font-family-system);
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(4) .tox-tbtn__select-label {
|
|
display: none;
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before,
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before,
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
|
|
font-family: var(--s-font-family-system-rounded);
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(1):before {
|
|
content: "H1";
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(2):before {
|
|
content: "H2";
|
|
}
|
|
.rli-editor .tox-toolbar__group:nth-child(4) button:nth-child(3):before {
|
|
content: "H3";
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(5) button:nth-child(1):before {
|
|
content: var(--s-icon-minus) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(6) button:nth-child(1):before {
|
|
content: var(--s-icon-text-quote) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(7) button:nth-child(1):before {
|
|
content: var(--s-icon-tablecells-badge-ellipsis) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-toolbar__group:nth-child(8) button:nth-child(1):before {
|
|
content: var(--s-icon-clock) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-editor-header {
|
|
margin-left: 0px;
|
|
padding-left: 9.35rem;
|
|
padding-right: 6rem;
|
|
}
|
|
.rli-editor .tox-editor-header:after {
|
|
content: "";
|
|
background-color: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
left: -0.7rem;
|
|
right: 0;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor .tox-tinymce {
|
|
overflow: unset;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar:after {
|
|
content: "";
|
|
background-color: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
left: -0.7rem;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar div > span {
|
|
position: relative;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar div > span::before {
|
|
content: "";
|
|
background-color: var(--g-separatorColor);
|
|
height: 100%;
|
|
width: 0.1rem;
|
|
margin: 0 0.65rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0.25rem;
|
|
line-height: 1;
|
|
padding: 0 !important;
|
|
height: 2.6rem;
|
|
width: 2.6rem !important;
|
|
min-width: 2.6rem !important;
|
|
line-height: 2.6rem !important;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button:focus, .rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button:hover {
|
|
background: var(--g-quaternaryLabelColor) !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button span {
|
|
font-size: 0;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button span::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button i::before {
|
|
font-size: var(--g-font-size-1) !important;
|
|
font-weight: normal !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: var(--g-secondaryLabelColor);
|
|
vertical-align: bottom;
|
|
font-weight: inherit !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bold::before {
|
|
content: var(--s-icon-bold) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-italic::before {
|
|
content: var(--s-icon-italic) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-link::before {
|
|
content: var(--s-icon-link) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-code::before {
|
|
content: var(--s-icon-chevron-left-slash-chevron-right) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-attachment::before {
|
|
content: var(--s-icon-paperclip) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-bulleted-list::before {
|
|
content: var(--s-icon-list-bullet) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-numbered-list::before {
|
|
content: var(--s-icon-list-number) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-to-do-list::before {
|
|
content: var(--s-icon-text-badge-checkmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-heading::before {
|
|
content: "H2";
|
|
font-family: var(--s-font-family-system-rounded);
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-ellipsis-h::before {
|
|
content: var(--s-icon-minus) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .icon-add-date::before {
|
|
content: var(--s-icon-clock) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-ellipsis-h::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-highlighter::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-strikethrough::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-underline::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-superscript::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-subscript::before,
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-hand-point-left::before {
|
|
font-weight: 500 !important;
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-highlighter::before {
|
|
content: var(--s-icon-highlighter) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-strikethrough::before {
|
|
content: var(--s-icon-strikethrough) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-underline::before {
|
|
content: var(--s-icon-underline) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-subscript::before {
|
|
content: var(--s-icon-textformat-subscript) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-superscript::before {
|
|
content: var(--s-icon-textformat-superscript) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-editor > div > div > div > div > div:not(:first-child) .editor-toolbar button .fa-hand-point-left::before {
|
|
content: var(--s-icon-link-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
|
|
max-width: none !important;
|
|
padding: 0.5rem !important;
|
|
border-color: transparent !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: stretch;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover),
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) {
|
|
background-color: transparent !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-controlTextColor) !important;
|
|
line-height: 1;
|
|
min-height: 2.2rem;
|
|
height: 2.2rem;
|
|
padding: 0 1rem !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover) *,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) * {
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover:not(:hover) svg,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group:focus-within:hover .tox-split-button:not(:hover) svg {
|
|
fill: var(--g-controlTextColor) !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button {
|
|
background-color: transparent !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-controlTextColor) !important;
|
|
line-height: 1;
|
|
min-height: 2.2rem;
|
|
height: 2.2rem;
|
|
padding: 0 1rem !important;
|
|
font-size: 1.3rem !important;
|
|
justify-content: flex-start;
|
|
flex: 1;
|
|
text-align: left;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button *,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button * {
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button svg,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button svg {
|
|
fill: var(--g-controlTextColor) !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:focus, .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:hover,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:focus,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:hover {
|
|
background: var(--s-accentColor) !important;
|
|
color: #fff !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:focus svg, .tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:hover svg,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:focus svg,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:hover svg {
|
|
fill: #fff !important;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group button:after,
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group .tox-split-button:after {
|
|
padding: 0.5rem 0;
|
|
color: inherit;
|
|
content: attr(aria-label);
|
|
text-align: left;
|
|
}
|
|
.tox .tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow.tox-toolbar__overflow .tox-toolbar__group span {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
.tox .tox-menu.tox-swatches-menu {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
|
|
max-width: none !important;
|
|
padding: 0.5rem !important;
|
|
border-color: transparent !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.tox-menu {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
|
|
max-width: none !important;
|
|
padding: 0.5rem !important;
|
|
border-color: transparent !important;
|
|
}
|
|
.tox-menu .tox-collection__group {
|
|
border: none !important;
|
|
padding: 0 !important;
|
|
}
|
|
.tox-menu .tox-collection__group + *:before {
|
|
content: "";
|
|
display: block;
|
|
height: 0.1rem;
|
|
margin: 0.5rem 0.8rem !important;
|
|
background-color: var(--g-separatorColor);
|
|
}
|
|
.tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) {
|
|
background-color: transparent !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-controlTextColor) !important;
|
|
line-height: 1;
|
|
min-height: 2.2rem;
|
|
height: 2.2rem;
|
|
padding: 0 1rem !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) * {
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox-menu .tox-collection:focus-within:hover__item:focus:not(:hover) svg {
|
|
fill: var(--g-controlTextColor) !important;
|
|
}
|
|
.tox-menu .tox-collection__item {
|
|
background-color: transparent !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-controlTextColor) !important;
|
|
line-height: 1;
|
|
min-height: 2.2rem;
|
|
height: 2.2rem;
|
|
padding: 0 1rem !important;
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox-menu .tox-collection__item * {
|
|
font-size: 1.3rem !important;
|
|
}
|
|
.tox-menu .tox-collection__item svg {
|
|
fill: var(--g-controlTextColor) !important;
|
|
}
|
|
.tox-menu .tox-collection__item:focus, .tox-menu .tox-collection__item:hover {
|
|
background: var(--s-accentColor) !important;
|
|
color: #fff !important;
|
|
}
|
|
.tox-menu .tox-collection__item:focus svg, .tox-menu .tox-collection__item:hover svg {
|
|
fill: #fff !important;
|
|
}
|
|
.tox-menu .tox-collection__item-icon {
|
|
display: none !important;
|
|
}
|
|
.tox-menu .tox-collection__item-label {
|
|
font-size: inherit;
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.tox-insert-table-picker {
|
|
color: var(--g-textColor) !important;
|
|
}
|
|
.tox-insert-table-picker > div {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
border-color: var(--g-separatorColor) !important;
|
|
}
|
|
.tox-insert-table-picker > div.tox-insert-table-picker__selected {
|
|
background-color: var(--s-accentColor) !important;
|
|
}
|
|
.tox-insert-table-picker .tox-insert-table-picker__label {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
color: inherit !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.tag-bar {
|
|
padding-bottom: 0.6rem !important;
|
|
}
|
|
|
|
.tag-bar > div {
|
|
position: relative;
|
|
align-items: baseline !important;
|
|
}
|
|
.tag-bar button {
|
|
padding: 0 !important;
|
|
width: 1.8rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
.tag-bar button:hover {
|
|
background-color: transparent !important;
|
|
}
|
|
.tag-bar div > span {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
}
|
|
.tag-bar div > span::after {
|
|
content: "";
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
height: 100%;
|
|
}
|
|
.tag-bar .icon-tags {
|
|
font-size: var(--g-font-size-1) !important;
|
|
font-weight: normal !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: var(--g-secondaryLabelColor);
|
|
vertical-align: bottom;
|
|
height: 1.8rem;
|
|
}
|
|
.tag-bar .icon-tags::before {
|
|
font-family: "Adwaita Sans";
|
|
content: var(--s-icon-tag) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.tag-bar .tag-list span {
|
|
background-color: var(--g-gridColor) !important;
|
|
border-radius: 0.2rem !important;
|
|
color: var(--g-textColor) !important;
|
|
font-size: 1.1rem !important;
|
|
line-height: 1.4rem !important;
|
|
margin-right: 0.4rem !important;
|
|
padding: 0 0.4rem !important;
|
|
}
|
|
.tag-bar .tag-list span:last-child {
|
|
margin-right: 0.8rem !important;
|
|
}
|
|
.tag-bar .tag-list button {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
display: contents !important;
|
|
}
|
|
.tag-bar .tag-list button::after {
|
|
content: ", ";
|
|
white-space: pre;
|
|
}
|
|
.tag-bar .tag-list button:last-child::after {
|
|
padding-right: 1rem;
|
|
content: "";
|
|
}
|
|
}
|
|
@media screen {
|
|
.note-search-bar {
|
|
border-top-color: var(--g-gridColor) !important;
|
|
padding-left: 0.8rem;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.note-search-bar input {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
.note-search-bar input:focus-within, .note-search-bar input:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.note-search-bar a {
|
|
padding: 0 !important;
|
|
}
|
|
.note-search-bar a .fas {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-size: 1.4rem !important;
|
|
}
|
|
.note-search-bar .fa-chevron-down::before {
|
|
content: var(--s-icon-chevron-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
font-weight: 500;
|
|
}
|
|
.note-search-bar .fa-chevron-up::before {
|
|
content: var(--s-icon-chevron-up) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
font-weight: 500;
|
|
}
|
|
.note-search-bar > div > a:first-child {
|
|
position: absolute;
|
|
right: 0.7rem;
|
|
top: 50%;
|
|
}
|
|
.note-search-bar > div > a:first-child .fa-times {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
}
|
|
.note-search-bar > div > a:first-child .fa-times::after {
|
|
content: var(--s-icon-xmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--g-secondaryLabelColor);
|
|
font-weight: 500;
|
|
transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
|
|
}
|
|
.note-search-bar > div > div {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
padding-left: 1rem;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-noteList {
|
|
--notelist--Background: var(--g-primary-Background);
|
|
--notelist--item--Line-height: 3.6rem;
|
|
}
|
|
.rli-noteList > div > div {
|
|
background-color: var(--notelist--Background);
|
|
}
|
|
.rli-noteList > div > div > div:first-child {
|
|
background-color: transparent;
|
|
height: auto;
|
|
width: 100%;
|
|
padding: 1.2rem 0.6rem 1.2rem 1.2rem;
|
|
}
|
|
.rli-noteList .search-and-sort,
|
|
.rli-noteList .new-note-todo-buttons {
|
|
align-items: center;
|
|
}
|
|
.rli-noteList .search-bar {
|
|
position: relative;
|
|
}
|
|
.rli-noteList .search-bar input[type=search] {
|
|
box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
|
|
border: 1px solid var(--g-separatorColor);
|
|
background: var(--g-controlBackgroundColor);
|
|
border-radius: 0.6rem;
|
|
color: var(--g-controlTextColor);
|
|
font-size: 1.3rem;
|
|
height: 3.2rem;
|
|
max-height: none;
|
|
padding: 0 0 0 3rem !important;
|
|
width: 100%;
|
|
flex: 1 0 100%;
|
|
}
|
|
.rli-noteList .search-bar input[type=search]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
|
|
}
|
|
.rli-noteList .search-bar input[type=search]:not([value=""]) {
|
|
padding-right: 2.5rem !important;
|
|
}
|
|
.rli-noteList .search-bar input[type=search]::placeholder {
|
|
color: var(--g-tertiaryLabelColor);
|
|
}
|
|
.rli-noteList .search-bar::after {
|
|
content: var(--s-icon-magnifyingglass) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
|
|
position: absolute;
|
|
left: 0;
|
|
color: var(--g-secondaryLabelColor);
|
|
font-size: calc(var(--u-font-family-icons, 1) * 1.7rem);
|
|
font-weight: 900 !important;
|
|
top: 50%;
|
|
left: 0.8rem;
|
|
pointer-events: none;
|
|
}
|
|
.rli-noteList .search-bar .icon-search {
|
|
display: none;
|
|
}
|
|
.rli-noteList .search-bar .fa-times {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
}
|
|
.rli-noteList .search-bar .fa-times::after {
|
|
content: var(--s-icon-xmark-circle-fill) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--g-secondaryLabelColor);
|
|
display: block;
|
|
position: absolute;
|
|
right: 0.7rem;
|
|
top: 50%;
|
|
transform: translateY(-50%) scale(var(--s-icon-size-factor, 1));
|
|
}
|
|
.rli-noteList .search-bar + div {
|
|
position: absolute;
|
|
right: 1rem;
|
|
}
|
|
.rli-noteList .search-bar > div > button > span::before {
|
|
display: none !important;
|
|
}
|
|
.rli-noteList :has(> .new-note-todo-buttons) {
|
|
flex-direction: row !important;
|
|
}
|
|
.rli-noteList .new-note-todo-buttons {
|
|
display: flex;
|
|
order: 1;
|
|
padding-right: 3.5rem;
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-todo-button,
|
|
.rli-noteList .new-note-todo-buttons .new-note-button {
|
|
background: none;
|
|
border-radius: 0.6rem;
|
|
border: none;
|
|
cursor: default;
|
|
margin-left: 0;
|
|
min-height: 0;
|
|
min-width: 0;
|
|
padding: 0;
|
|
max-height: none;
|
|
max-width: none;
|
|
height: 3.2rem;
|
|
width: 3.2rem;
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-todo-button:focus-visible, .rli-noteList .new-note-todo-buttons .new-todo-button:hover,
|
|
.rli-noteList .new-note-todo-buttons .new-note-button:focus-visible,
|
|
.rli-noteList .new-note-todo-buttons .new-note-button:hover {
|
|
background: var(--g-quaternaryLabelColor);
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-todo-button:before,
|
|
.rli-noteList .new-note-todo-buttons .new-note-button:before {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
display: block;
|
|
font-size: var(--g-font-size-2);
|
|
font-weight: 500;
|
|
-webkit-font-smoothing: antialiased;
|
|
transform: translateY(0.05rem);
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-todo-button span,
|
|
.rli-noteList .new-note-todo-buttons .new-note-button span {
|
|
display: none;
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-note-button {
|
|
margin-left: 0.1rem;
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-todo-button:before {
|
|
content: var(--s-icon-checkmark-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .new-note-todo-buttons .new-note-button:before {
|
|
content: var(--s-icon-square-and-pencil) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button {
|
|
border: none;
|
|
cursor: default;
|
|
border-radius: 0.6rem;
|
|
background-color: transparent;
|
|
}
|
|
.rli-noteList .sort-order-field-button .fas,
|
|
.rli-noteList .sort-order-field-button .far {
|
|
font-size: var(--g-font-size-2);
|
|
font-weight: 500;
|
|
color: var(--g-secondaryLabelColor);
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-calendar-alt::before {
|
|
content: var(--s-icon-clock) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-calendar-plus::before {
|
|
content: var(--s-icon-calendar) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-font::before {
|
|
content: var(--s-icon-character) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-calendar-check::before {
|
|
content: var(--s-icon-checkmark-square) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-check::before {
|
|
content: var(--s-icon-checkmark-square) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button .fa-wrench::before {
|
|
content: var(--s-icon-arrow-up-arrow-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-field-button:focus-visible, .rli-noteList .sort-order-field-button:hover {
|
|
background: var(--g-quaternaryLabelColor);
|
|
}
|
|
.rli-noteList .sort-order-reverse-button {
|
|
background: var(--notelist--Background) !important;
|
|
border: none;
|
|
border-radius: 50%;
|
|
height: 1.2rem !important;
|
|
margin-left: -11px !important;
|
|
min-height: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
top: 13px !important;
|
|
width: 1.2rem;
|
|
cursor: default;
|
|
}
|
|
.rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-down::before,
|
|
.rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-up::before {
|
|
color: var(--g-secondaryLabelColor);
|
|
font-weight: 700;
|
|
font-size: 10px;
|
|
}
|
|
.rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-up::before {
|
|
content: var(--s-icon-arrow-up-circle-fill) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .sort-order-reverse-button .fa-long-arrow-alt-down::before {
|
|
content: var(--s-icon-arrow-down-circle-fill) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.rli-noteList .note-list {
|
|
padding: 0 1rem 1rem;
|
|
width: auto !important;
|
|
overflow: hidden overlay !important;
|
|
}
|
|
.rli-noteList .note-list .title {
|
|
color: var(--g-textColor) !important;
|
|
font-size: 1.2rem !important;
|
|
}
|
|
.rli-noteList .note-list div:nth-last-of-type(2):not(:empty):before {
|
|
content: none;
|
|
}
|
|
.rli-noteList :has(.note-list-header) {
|
|
color: var(--g-labelColor) !important;
|
|
font-size: 1.2rem !important;
|
|
font-family: "Courier New", Courier, monospace !important;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .note-list-header {
|
|
font-weight: 500;
|
|
border-bottom: 0.1rem solid var(--g-separatorColor);
|
|
margin: 0 1rem 0 1.5rem;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .note-list-header .-first .inner {
|
|
padding: 0;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .note-list-header [data-name="note.is_todo"] .inner {
|
|
display: none;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .row {
|
|
gap: 1rem !important;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .row:hover {
|
|
background: transparent;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .row .item {
|
|
opacity: 1 !important;
|
|
padding-right: 0.5rem !important;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .row .item:not(:first-child) {
|
|
padding-left: 0 !important;
|
|
}
|
|
.rli-noteList :has(.note-list-header) .row.-selected {
|
|
background: var(--s-accentColor--selected) !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
}
|
|
.rli-noteList .todo-list-item,
|
|
.rli-noteList .note-list-item {
|
|
border-radius: 0.4rem;
|
|
height: auto;
|
|
line-height: var(--notelist--item--Line-height);
|
|
}
|
|
.rli-noteList .todo-list-item.odd::before, .rli-noteList .todo-list-item.even::before,
|
|
.rli-noteList .note-list-item.odd::before,
|
|
.rli-noteList .note-list-item.even::before {
|
|
content: var(--u-note-list-dividers, "");
|
|
}
|
|
.rli-noteList .todo-list-item.odd,
|
|
.rli-noteList .note-list-item.odd {
|
|
background: var(--u-note-list-zebra-color-odd, var(--g-alternatingContentBackgroundColorsOdd));
|
|
}
|
|
.rli-noteList .todo-list-item.even,
|
|
.rli-noteList .note-list-item.even {
|
|
background: var(--u-note-list-zebra-color-even, var(--g-alternatingContentBackgroundColorsEven));
|
|
}
|
|
.rli-noteList .todo-list-item:hover,
|
|
.rli-noteList .note-list-item:hover {
|
|
background-color: transparent;
|
|
}
|
|
.rli-noteList .todo-list-item a,
|
|
.rli-noteList .note-list-item a {
|
|
padding: 0 1rem !important;
|
|
font-size: 1.2rem !important;
|
|
color: var(--g-labelColor) !important;
|
|
}
|
|
.rli-noteList .todo-list-item .fa-share-square,
|
|
.rli-noteList .note-list-item .fa-share-square {
|
|
order: 1;
|
|
margin-left: auto;
|
|
}
|
|
.rli-noteList .todo-list-item .fa-share-square::before,
|
|
.rli-noteList .note-list-item .fa-share-square::before {
|
|
content: var(--s-icon-arrow-up-right-square-fill) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--s-accentColor);
|
|
font-weight: 400;
|
|
}
|
|
.rli-noteList .todo-list-item mark,
|
|
.rli-noteList .note-list-item mark {
|
|
background: var(--g-systemYellow);
|
|
color: var(--g-textColorDark) !important;
|
|
border-radius: 0.2rem;
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected,
|
|
.rli-noteList .note-list-item > .content.-selected {
|
|
background: var(--s-accentColor--selected) !important;
|
|
border-radius: 0.4rem;
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected a,
|
|
.rli-noteList .todo-list-item > .content.-selected span,
|
|
.rli-noteList .note-list-item > .content.-selected a,
|
|
.rli-noteList .note-list-item > .content.-selected span {
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected mark,
|
|
.rli-noteList .note-list-item > .content.-selected mark {
|
|
background: var(--g-systemYellow);
|
|
color: var(--g-textColorDark) !important;
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected:before,
|
|
.rli-noteList .note-list-item > .content.-selected:before {
|
|
top: -1px;
|
|
bottom: auto;
|
|
border-color: var(--notelist--Background);
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected .fa-share-square::before,
|
|
.rli-noteList .note-list-item > .content.-selected .fa-share-square::before {
|
|
color: var(--g-alternateSelectedControlTextColor);
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected + .-selected:before,
|
|
.rli-noteList .note-list-item > .content.-selected + .-selected:before {
|
|
border-color: transparent;
|
|
}
|
|
.rli-noteList .todo-list-item > .content.-selected + .-selected:after,
|
|
.rli-noteList .note-list-item > .content.-selected + .-selected:after {
|
|
content: "";
|
|
background-color: var(--g-separatorColor);
|
|
position: absolute;
|
|
height: 0.1rem;
|
|
top: 0.4rem;
|
|
left: 1rem;
|
|
right: 1rem;
|
|
}
|
|
.rli-noteList .todo-list-item::before,
|
|
.rli-noteList .note-list-item::before {
|
|
border-color: var(--g-separatorColor);
|
|
left: 10px;
|
|
right: 0px;
|
|
width: auto;
|
|
}
|
|
.rli-noteList .todo-list-item > a > span,
|
|
.rli-noteList .note-list-item > a > span {
|
|
color: inherit;
|
|
font-family: var(--s-font-family-system);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.rli-noteList .todo-list-item > div {
|
|
padding-left: 1rem !important;
|
|
}
|
|
.rli-noteList .todo-list-item input {
|
|
align-items: center;
|
|
appearance: none;
|
|
border-radius: 50%;
|
|
border: 0.1rem solid var(--g-tertiaryLabelColor);
|
|
display: flex;
|
|
height: 1.5rem;
|
|
justify-content: center;
|
|
margin: 0 -0.3rem -0.2rem 0 !important;
|
|
position: relative;
|
|
width: 1.5rem;
|
|
}
|
|
.rli-noteList .todo-list-item input:checked {
|
|
background-color: var(--s-controlAccentColor);
|
|
border-color: transparent;
|
|
}
|
|
.rli-noteList .todo-list-item input:checked:after {
|
|
content: var(--s-icon-checkmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
position: absolute;
|
|
color: var(--g-alternateSelectedControlTextColor);
|
|
font-size: 0.9rem;
|
|
}
|
|
.rli-noteList .todo-list-item.-selected input {
|
|
border-color: hsla(var(--g-controlColor--hsl), 0.5);
|
|
}
|
|
.rli-noteList .todo-list-item.-selected input:checked {
|
|
border-color: transparent;
|
|
background-color: rgba(var(--g-alternateSelectedControlTextColor--rgb), 0.898);
|
|
}
|
|
.rli-noteList .todo-list-item.-selected input:checked:after {
|
|
color: var(--s-accentColor);
|
|
}
|
|
.rli-noteList > div > div > div:last-child {
|
|
background-color: transparent !important;
|
|
}
|
|
.rli-noteList > div > div > div:last-child {
|
|
border-right: none;
|
|
}
|
|
|
|
.rli-noteList .note-list .checkbox > input {
|
|
accent-color: var(--g-controlBackgroundColor) !important;
|
|
appearance: none !important;
|
|
background-color: transparent !important;
|
|
height: 1em !important;
|
|
width: 1em !important;
|
|
border-radius: 1em !important;
|
|
border: 0.1em solid var(--g-controlTextColor) !important;
|
|
opacity: .7;
|
|
/*border: 0.1em solid #b9b9b9 !important;*/
|
|
}
|
|
|
|
.rli-noteList .note-list .content.-selected .checkbox > input {
|
|
opacity: 1;
|
|
}
|
|
|
|
.rli-noteList .note-list .checkbox > input:checked::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0.94em;
|
|
left: 1.3em;
|
|
width: 0.25em;
|
|
height: 0.45em;
|
|
border: solid var(--g-controlTextColor);
|
|
|
|
border-width: 0 0.15em 0.15em 0;
|
|
transform: rotate(45deg);
|
|
pointer-events: none;
|
|
}
|
|
|
|
}
|
|
/* @media screen {
|
|
.dialog-modal-layer {
|
|
background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
|
|
height: 100% !important;
|
|
}
|
|
.dialog-modal-layer *[style*="color:"] {
|
|
color: var(--g-textColor) !important;
|
|
}
|
|
} */
|
|
|
|
@media screen {
|
|
.modal-layer {
|
|
background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
|
|
height: 100% !important;
|
|
align-items: center !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.modal-dialog {
|
|
backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
|
|
background-color: var(--g-windowBackgroundColor) !important;
|
|
padding: 2rem !important;
|
|
border-radius: 1.2rem !important;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
|
|
}
|
|
.modal-dialog > div:first-child input[type=text],
|
|
.modal-dialog .datetime-picker input[type=text] {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
.modal-dialog > div:first-child input[type=text]:focus-within, .modal-dialog > div:first-child input[type=text]:focus,
|
|
.modal-dialog .datetime-picker input[type=text]:focus-within,
|
|
.modal-dialog .datetime-picker input[type=text]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.modal-dialog input[type=text] {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
.modal-dialog input[type=text]:focus-within, .modal-dialog input[type=text]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.modal-dialog input + a {
|
|
font-size: 1.5rem;
|
|
right: 2.7rem;
|
|
position: absolute;
|
|
}
|
|
.modal-dialog input + a .fa-question-circle {
|
|
display: block;
|
|
height: auto !important;
|
|
}
|
|
.modal-dialog input + a .fa-question-circle::before {
|
|
content: var(--s-icon-info-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-weight: 400;
|
|
transform-origin: 50% 60%;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.modal-dialog label + div[style] {
|
|
background: none !important;
|
|
display: block !important;
|
|
}
|
|
.modal-dialog button {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
}
|
|
.modal-dialog button:active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
.modal-dialog button + button {
|
|
margin-left: 7px;
|
|
}
|
|
.modal-dialog button:nth-child(1) {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
background-color: hsl(var(--s-accentColor--hsl));
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
|
|
box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
|
|
}
|
|
.modal-dialog button:nth-child(1):active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
.modal-dialog button:nth-child(2) {
|
|
margin-left: auto !important;
|
|
}
|
|
.modal-dialog button:nth-child(3):not(:active) {
|
|
color: var(--g-systemRed) !important;
|
|
}
|
|
.modal-dialog > div:last-child:not([style*="height: 0px"]) {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-direction: row-reverse;
|
|
gap: 0.7rem;
|
|
position: relative;
|
|
margin-top: 2rem !important;
|
|
padding-top: 2rem !important;
|
|
}
|
|
.modal-dialog > div:last-child:not([style*="height: 0px"]):before {
|
|
content: "";
|
|
top: 0;
|
|
left: -2rem;
|
|
right: -2rem;
|
|
background: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
}
|
|
.modal-dialog .item-list.item-list {
|
|
display: block !important;
|
|
padding-top: 0 !important;
|
|
margin-left: -0.5rem;
|
|
margin-right: -0.5rem;
|
|
}
|
|
.modal-dialog .item-list.item-list:before {
|
|
content: none;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) {
|
|
border-bottom: none !important;
|
|
padding: 1.5rem 1.5rem !important;
|
|
position: relative;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty)::before {
|
|
content: "";
|
|
top: 0;
|
|
left: 1rem;
|
|
right: 1rem;
|
|
background: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty):nth-child(2)::before {
|
|
content: none !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) * {
|
|
opacity: 1 !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) > div {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) > div:first-child[style] {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) > div:first-child:not(:last-child) {
|
|
font-size: 1.5rem !important;
|
|
margin-bottom: 0.4rem !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) > div span {
|
|
color: var(--g-textColor) !important;
|
|
font-weight: normal !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty).selected {
|
|
background: var(--s-accentColor) !important;
|
|
border-radius: 0.5rem;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty).selected > div {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty).selected > div span {
|
|
color: var(--g-selectedMenuItemTextColor) !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty).selected i.fa:before {
|
|
color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty):not(.selected) > div:last-child {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) i.fa:before {
|
|
color: var(--s-accentColor);
|
|
font-weight: 400;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.modal-dialog .item-list.item-list > div:not(:empty) .fa-book:before {
|
|
content: var(--s-icon-folder) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
}
|
|
@media screen {
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) {
|
|
background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
|
|
height: 100% !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div {
|
|
backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
|
|
background-color: var(--g-windowBackgroundColor) !important;
|
|
padding: 2rem !important;
|
|
border-radius: 1.2rem !important;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
|
|
max-height: none !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div *[style*="color:"] {
|
|
color: var(--g-textColor) !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:first-child {
|
|
color: var(--g-labelColor) !important;
|
|
font-size: 1.3rem !important;
|
|
text-align: center;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
gap: 0.8rem;
|
|
position: relative;
|
|
margin-top: 2rem !important;
|
|
padding-top: 2rem !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child:before {
|
|
content: "";
|
|
top: 0;
|
|
left: -2rem;
|
|
right: -2rem;
|
|
background: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:first-child {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
background-color: hsl(var(--s-accentColor--hsl));
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
|
|
box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:first-child:active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:last-child:not(:first-child) {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) > div > div:last-child button:last-child:not(:first-child):active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box {
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text] {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text]:focus-within, div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box input[type=text]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) {
|
|
background-color: transparent !important;
|
|
color: var(--s-controlAccentColor);
|
|
text-decoration: none !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas {
|
|
color: var(--s-controlAccentColor) !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas::before {
|
|
font-weight: 400;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-edit::before {
|
|
content: var(--s-icon-square-and-pencil) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-copy::before {
|
|
content: var(--s-icon-doc-on-clipboard) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box a:not(:empty) .fas.fa-save::before {
|
|
content: var(--s-icon-square-and-arrow-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box div + a[style] {
|
|
margin-left: 1rem !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box label {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-weight: 400 !important;
|
|
text-align: right !important;
|
|
margin-right: 0.8rem !important;
|
|
}
|
|
div[style*="z-index: 9999;"][style*="background-color: rgba(0, 0, 0, 0.6);"][style*="align-items: flex-start;"]:not(.dialog-modal-layer) .note-property-box label::after {
|
|
content: ":";
|
|
}
|
|
}
|
|
@media screen {
|
|
.tag-selector [class*=control],
|
|
.item-selector [class*=control] {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
top: 0.6rem;
|
|
height: 1.8rem !important;
|
|
min-height: 0;
|
|
padding: 0 0 0 0.4rem;
|
|
}
|
|
.tag-selector [class*=control]:focus-within, .tag-selector [class*=control]:focus,
|
|
.item-selector [class*=control]:focus-within,
|
|
.item-selector [class*=control]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.tag-selector [class*=control] > div,
|
|
.item-selector [class*=control] > div {
|
|
padding: 0;
|
|
height: 1.8rem;
|
|
}
|
|
.tag-selector input[type=text],
|
|
.tag-selector input[type=text]:focus,
|
|
.item-selector input[type=text],
|
|
.item-selector input[type=text]:focus {
|
|
box-shadow: none !important;
|
|
font-size: var(--g-font-size--1) !important;
|
|
}
|
|
.tag-selector [class*=indicatorSeparator],
|
|
.item-selector [class*=indicatorSeparator] {
|
|
display: none;
|
|
}
|
|
.tag-selector [class*=indicatorContainer],
|
|
.item-selector [class*=indicatorContainer] {
|
|
padding: 0 0.2rem;
|
|
}
|
|
.tag-selector [class*=indicatorContainer]:after,
|
|
.item-selector [class*=indicatorContainer]:after {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
background-color: hsl(var(--s-accentColor--hsl));
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
|
|
box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
|
|
content: var(--s-icon-chevron-up-chevron-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
font-size: var(--g-font-size--1) !important;
|
|
min-width: 0 !important;
|
|
height: 1.6rem !important;
|
|
padding: 0 !important;
|
|
min-width: 0;
|
|
text-align: center;
|
|
line-height: 1.8rem !important;
|
|
width: 1.6rem !important;
|
|
}
|
|
.tag-selector [class*=indicatorContainer]:after:active,
|
|
.item-selector [class*=indicatorContainer]:after:active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
.tag-selector [class*=indicatorContainer] *,
|
|
.item-selector [class*=indicatorContainer] * {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
.tag-selector > div > div:first-child > div + div {
|
|
margin-left: 0rem;
|
|
}
|
|
.tag-selector > div > div:first-child input {
|
|
background: transparent !important;
|
|
line-height: 1.2rem;
|
|
}
|
|
.tag-selector [class*=multiValue] {
|
|
background-color: var(--g-gridColor) !important;
|
|
border-radius: 0.2rem !important;
|
|
margin: 0 0.4rem 0 0 !important;
|
|
padding: 0 0.4rem !important;
|
|
}
|
|
.tag-selector [class*=multiValue] * {
|
|
color: var(--g-textColor) !important;
|
|
font-size: 1.1rem !important;
|
|
font-family: var(--s-font-family-system);
|
|
line-height: 1.2rem !important;
|
|
height: 1.2rem !important;
|
|
padding: 0;
|
|
}
|
|
.tag-selector [class*=multiValue] > div:first-child {
|
|
flex: 1 0 auto;
|
|
}
|
|
.tag-selector [class*=multiValue] > div:last-child {
|
|
flex: 1 0 auto;
|
|
margin: 0 0 0 0.4rem !important;
|
|
line-height: 22px;
|
|
background-color: transparent !important;
|
|
}
|
|
.tag-selector [class*=multiValue] > div:last-child::after {
|
|
content: var(--s-icon-xmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--g-controlTextColor);
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
}
|
|
.tag-selector [class*=multiValue] > div:last-child:hover {
|
|
background-color: transparent;
|
|
}
|
|
.tag-selector [class*=multiValue] > div:last-child svg {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
.item-selector > div[class*=control] > div:first-child {
|
|
font-size: 1.1rem;
|
|
line-height: 1.8;
|
|
}
|
|
.item-selector > div[class*=control] > div:first-child > div:last-child {
|
|
min-width: 0;
|
|
position: absolute;
|
|
}
|
|
.item-selector > div[class*=control] > div:first-child > div:last-child input {
|
|
background: transparent !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rdtPicker {
|
|
background: var(--g-windowBackgroundColor) !important;
|
|
box-shadow: 0 0 1px rgba(var(--g-shadowColor--rgb), 0.4), 0 2px 8px rgba(var(--g-shadowColor--rgb), 0.2) !important;
|
|
max-width: none !important;
|
|
padding: 0.5rem !important;
|
|
border-color: transparent !important;
|
|
border-radius: 0.4rem;
|
|
color: var(--g-textColor);
|
|
min-width: 0;
|
|
padding: 0.6rem 0.2rem 0 0.2rem !important;
|
|
min-width: 16rem;
|
|
}
|
|
.rdtPicker *,
|
|
.rdtPicker *:hover {
|
|
background-color: transparent !important;
|
|
cursor: default !important;
|
|
user-select: none;
|
|
}
|
|
.rdtPicker thead .rdtSwitch {
|
|
order: -1;
|
|
flex: 1;
|
|
text-align: left;
|
|
width: auto;
|
|
}
|
|
.rdtPicker thead .rdtPrev,
|
|
.rdtPicker thead .rdtNext {
|
|
flex: 0 0 auto;
|
|
margin: 0 0.2rem;
|
|
}
|
|
.rdtPicker thead tr th {
|
|
border-bottom: transparent;
|
|
}
|
|
.rdtPicker thead tr:first-child th {
|
|
margin-left: 0.4rem;
|
|
font-size: 1.2rem;
|
|
color: var(--g-textColor);
|
|
}
|
|
.rdtPicker thead tr:last-child {
|
|
border-bottom: 0.1rem solid var(--g-separatorColor);
|
|
margin-bottom: 0.4rem;
|
|
padding: 0 0 0.4rem;
|
|
}
|
|
.rdtPicker thead tr:last-child th {
|
|
border-bottom: transparent;
|
|
color: var(--g-secondaryLabelColor);
|
|
font-size: 1rem;
|
|
height: auto;
|
|
}
|
|
.rdtPicker tfoot {
|
|
border-top-color: var(--g-separatorColor);
|
|
}
|
|
.rdtPicker tfoot .rdtTimeToggle {
|
|
font-size: 1.4rem;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.rdtPicker tr {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.rdtPicker tr th,
|
|
.rdtPicker tr td {
|
|
padding: 0;
|
|
flex: 1;
|
|
height: auto;
|
|
}
|
|
.rdtPicker td[data-value] {
|
|
padding: 0 0.5rem !important;
|
|
font-size: 1rem !important;
|
|
height: 1.6rem;
|
|
min-height: 0;
|
|
min-width: 2.5rem;
|
|
}
|
|
.rdtPicker td[data-value].rdtToday {
|
|
color: var(--g-systemRed) !important;
|
|
}
|
|
.rdtPicker td[data-value].rdtToday:before {
|
|
border-color: transparent;
|
|
}
|
|
.rdtPicker td[data-value].rdtActive {
|
|
color: var(--g-textColor);
|
|
background-color: var(--g-quaternaryLabelColor) !important;
|
|
border-radius: 0.2rem;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-shadow: none;
|
|
top: 0;
|
|
z-index: -1;
|
|
}
|
|
.rdtPicker * {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
@media screen {
|
|
.smalltalk {
|
|
background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
|
|
height: 100% !important;
|
|
}
|
|
.smalltalk * {
|
|
font-family: var(--s-font-family-system);
|
|
}
|
|
.smalltalk .page {
|
|
backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
|
|
background-color: var(--g-windowBackgroundColor) !important;
|
|
padding: 2rem !important;
|
|
border-radius: 1.2rem !important;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
|
|
}
|
|
.smalltalk .page header,
|
|
.smalltalk .page .close-button {
|
|
display: none;
|
|
}
|
|
.smalltalk .page .content-area {
|
|
align-items: center;
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
display: flex;
|
|
gap: 0.8rem;
|
|
font-size: 1.2rem;
|
|
overflow: initial;
|
|
padding: 0;
|
|
}
|
|
.smalltalk .page .content-area input[type=text] {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
color: var(--g-textColor);
|
|
flex: 1 0;
|
|
margin-top: 0;
|
|
}
|
|
.smalltalk .page .content-area input[type=text]:focus-within, .smalltalk .page .content-area input[type=text]:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.smalltalk .page .action-area {
|
|
padding: 0;
|
|
}
|
|
.smalltalk .page .button-strip {
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
gap: 0.8rem;
|
|
position: relative;
|
|
margin-top: 2rem !important;
|
|
padding-top: 2rem !important;
|
|
}
|
|
.smalltalk .page .button-strip:before {
|
|
content: "";
|
|
top: 0;
|
|
left: -2rem;
|
|
right: -2rem;
|
|
background: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
}
|
|
.smalltalk .page .button-strip button {
|
|
text-shadow: none;
|
|
box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
|
|
}
|
|
.smalltalk .page .button-strip button:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
|
|
}
|
|
.smalltalk .page .button-strip button:first-child {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
background-color: hsl(var(--s-accentColor--hsl));
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
|
|
box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
|
|
}
|
|
.smalltalk .page .button-strip button:first-child:active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
.smalltalk .page .button-strip button:last-child:not(:first-child) {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
background-image: none;
|
|
margin-left: auto !important;
|
|
}
|
|
.smalltalk .page .button-strip button:last-child:not(:first-child):active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
}
|
|
@media screen {
|
|
.tox .tox-dialog-wrap .tox-dialog-wrap__backdrop {
|
|
background: rgba(var(--g-underPageBackgroundColor--rgb), 0.5) !important;
|
|
height: 100% !important;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog {
|
|
backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
|
|
background-color: var(--g-windowBackgroundColor) !important;
|
|
padding: 2rem !important;
|
|
border-radius: 1.2rem !important;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 25px 30px rgba(0, 0, 0, 0.35) !important;
|
|
border: none;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__body {
|
|
flex-direction: column;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__body-nav {
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
padding-top: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__body-nav-item {
|
|
font-size: 1.2rem;
|
|
background-color: transparent;
|
|
color: var(--g-labelColor);
|
|
border-bottom: none;
|
|
border-radius: 0.5rem;
|
|
margin: 0;
|
|
padding: 4px;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__body-nav-item--active {
|
|
background-color: var(--g-controlColor);
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group {
|
|
align-items: center;
|
|
display: flex;
|
|
gap: 0.8rem;
|
|
margin-bottom: 0;
|
|
overflow: initial;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group + .tox-form__group {
|
|
margin-top: 0.8rem;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-label {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-size: 1.2rem;
|
|
width: 10rem;
|
|
text-align: right;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group input {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
flex: 1;
|
|
font-size: 1.2rem;
|
|
min-height: unset;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group input:focus-within, .tox .tox-dialog-wrap .tox-form__group input:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-checkbox .tox-checkbox__label {
|
|
color: var(--g-secondaryLabelColor) !important;
|
|
font-size: 1.2rem;
|
|
width: 10rem;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-checkbox svg {
|
|
fill: var(--g-disabledControlTextColor);
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button {
|
|
border: none !important;
|
|
background-color: var(--g-controlBackgroundColor) !important;
|
|
border-radius: 0.5rem;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 16px hsla(var(--s-controlAccentColor--hsl), 0) !important;
|
|
color: var(--g-textColor) !important;
|
|
height: 2rem;
|
|
padding: 0 0 0 1rem;
|
|
min-height: 0;
|
|
font-size: var(--g-font-size--1) !important;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button:focus-within, .tox .tox-dialog-wrap .tox-form__group .tox-listboxfield button:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.15), 0 0 0 0.35rem hsla(var(--s-controlAccentColor--hsl), 0.5) !important;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-color-input input {
|
|
padding-left: 24px;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-color-input span {
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-color-input span,
|
|
.tox .tox-dialog-wrap .tox-form__group .tox-color-input span::before {
|
|
cursor: default;
|
|
height: 14px !important;
|
|
width: 14px !important;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__body-content {
|
|
overflow: initial;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__header {
|
|
background-color: transparent !important;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 0 0 2rem;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__header .tox-dialog__title {
|
|
color: var(--g-labelColor) !important;
|
|
font-size: 1.3rem !important;
|
|
font-weight: bold;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__header button {
|
|
display: none;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer {
|
|
position: relative;
|
|
margin-top: 2rem !important;
|
|
padding-top: 2rem !important;
|
|
background-color: transparent !important;
|
|
padding: 0;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer:before {
|
|
content: "";
|
|
top: 0;
|
|
left: -2rem;
|
|
right: -2rem;
|
|
background: var(--g-separatorColor);
|
|
height: 0.1rem;
|
|
position: absolute;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer-end {
|
|
display: flex;
|
|
gap: 0.8rem;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer button:first-child {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
background-image: none;
|
|
margin-left: auto !important;
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer button:first-child:active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer button:last-child:not(:first-child) {
|
|
color: var(--g-controlTextColor) !important;
|
|
border: none !important;
|
|
border-radius: 0.5rem !important;
|
|
box-shadow: 0px 0px 1px rgba(var(--g-shadowColor--rgb), 0.3), 0px 1px 1.5px rgba(var(--g-shadowColor--rgb), 0.15);
|
|
background-color: var(--g-controlColor) !important;
|
|
cursor: default !important;
|
|
margin: revert !important;
|
|
height: 1.9rem !important;
|
|
line-height: 1.9rem !important;
|
|
min-width: 7.2rem !important;
|
|
min-height: 0 !important;
|
|
font-size: 1.4rem !important;
|
|
font-weight: 400 !important;
|
|
padding: 0 2rem !important;
|
|
text-decoration: none !important;
|
|
color: var(--g-alternateSelectedControlTextColor) !important;
|
|
background-color: hsl(var(--s-accentColor--hsl));
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--hsl)), hsl(var(--s-accentColor--hs), calc(var(--s-accentColor--l) - 5%)));
|
|
box-shadow: 0px 0px 1px hsla(var(--s-accentColor--hsl), 0.3), 0px 1px 1.5px hsla(var(--s-accentColor--hsl), 0.15);
|
|
}
|
|
.tox .tox-dialog-wrap .tox-dialog__footer button:last-child:not(:first-child):active {
|
|
color: rgba(255, 255, 255, 0.75) !important;
|
|
background-image: linear-gradient(hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 5%)), hsl(var(--s-accentColor--h), var(--s-accentColor--s), calc(var(--s-accentColor--l) - 10%)));
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-sideBar {
|
|
background: var(--s-sidebar__BackgroundColor);
|
|
}
|
|
.rli-sideBar > span > div {
|
|
z-index: 1;
|
|
}
|
|
}
|
|
@media screen {
|
|
.sidebar.sidebar {
|
|
background-color: transparent;
|
|
padding-top: 1rem;
|
|
}
|
|
.sidebar.sidebar * {
|
|
font-family: var(--s-font-family-system) !important;
|
|
}
|
|
.sidebar.sidebar > div > div button {
|
|
display: none;
|
|
margin-right: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.sidebar.sidebar > div > div button span::before {
|
|
content: var(--s-icon-plus-circle) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.sidebar.sidebar > div > div:hover button {
|
|
display: block;
|
|
}
|
|
|
|
.sidebar-header-button.-collapseall {
|
|
display: none !important;
|
|
}
|
|
|
|
.sidebar-header-button.-newfolder {
|
|
height: unset !important;
|
|
margin-top: -.45rem !important;
|
|
}
|
|
|
|
|
|
.sidebar.sidebar > div > div:first-child span,
|
|
.sidebar.sidebar > div .folder-and-tag-list + div span,
|
|
.sidebar.sidebar > div .folders + div span {
|
|
text-transform: none;
|
|
color: var(--s-sidebar__label-Color);
|
|
font-size: var(--s-sidebar__label-FontSize);
|
|
font-weight: 700;
|
|
}
|
|
.sidebar.sidebar > div .all-notes {
|
|
background: none;
|
|
color: var(--s-sidebar__item-Color);
|
|
}
|
|
.sidebar.sidebar > div .all-notes a {
|
|
font-size: 1.35rem !important;
|
|
color: inherit;
|
|
}
|
|
.sidebar.sidebar > div .list-item-container {
|
|
border-radius: 4px;
|
|
height: 2.8rem;
|
|
margin: 0 10px;
|
|
padding: 0;
|
|
transition: none;
|
|
}
|
|
.sidebar.sidebar > div .list-item-container:hover {
|
|
background: transparent;
|
|
}
|
|
.sidebar.sidebar > div .list-item-container.selected {
|
|
background: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor));
|
|
}
|
|
/* All notes selected */
|
|
.sidebar .item-list:not(:has(.list-item-container.selected)) .all-notes {
|
|
background: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor)) !important;
|
|
|
|
}
|
|
.sidebar.sidebar > div .list-item-container.selected .emoji-box,
|
|
.sidebar.sidebar > div .list-item-container.selected img {
|
|
background-color: var(--u-sidebar-selected-item-color, var(--g-unemphasizedSelectedTextBackgroundColor)) !important;
|
|
}
|
|
.sidebar.sidebar > div .list-item-container a:first-of-type {
|
|
opacity: 1;
|
|
padding-right: 0;
|
|
}
|
|
.sidebar.sidebar > div .list-item {
|
|
opacity: 1;
|
|
display: flex;
|
|
line-height: 2.8rem;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.sidebar.sidebar > div .list-item .title,
|
|
.sidebar.sidebar > div .list-item .tag-label {
|
|
color: var(--s-sidebar__item-Color);
|
|
font-size: 1.35rem;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
flex: 1;
|
|
}
|
|
.sidebar.sidebar > div .list-item .note-count-label {
|
|
display: block;
|
|
padding-left: 0;
|
|
margin-left: 5px;
|
|
padding-right: 8px;
|
|
color: var(--u-sidebar-note-count-label-color, var(--g-secondaryLabelColor));
|
|
opacity: 0.5;
|
|
font-size: 1.1rem;
|
|
line-height: 1;
|
|
font-weight: 500;
|
|
}
|
|
.sidebar.sidebar > div .list-item .fa-share-alt::before {
|
|
content: var(--s-icon-person-2) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--u-sidebar-note-count-label-color, var(--g-secondaryLabelColor));
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
}
|
|
.sidebar.sidebar > div .list-item .fa-share-alt:last-child {
|
|
margin-right: 8px;
|
|
}
|
|
.sidebar.sidebar > div .list-item span[style*="font-size: 20px;"] {
|
|
font-size: 16px !important;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item::before,
|
|
.sidebar.sidebar > div .tags .list-item::before,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item::before {
|
|
color: var(--s-sidebar__icon-Color);
|
|
margin-right: 0.7rem;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item {
|
|
position: relative;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item div:first-child:first-of-type,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type {
|
|
margin-right: 0 !important;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item div:first-child:first-of-type .fa-folder,
|
|
.sidebar.sidebar > div .folders .list-item div:first-child:first-of-type .fa-trash,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type .fa-folder,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item div:first-child:first-of-type .fa-trash {
|
|
display: none;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item .emoji-box,
|
|
.sidebar.sidebar > div .folders .list-item img,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item .emoji-box,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item img {
|
|
align-items: center;
|
|
background-color: var(--s-sidebar__BackgroundColor);
|
|
display: block;
|
|
font-size: 18px !important;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item img,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item img {
|
|
height: 16px !important;
|
|
width: 16px !important;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item .emoji-box,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item .emoji-box {
|
|
height: 18px !important;
|
|
width: 18px !important;
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item::before,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item::before {
|
|
content: var(--s-icon-folder) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item:has(.fa-trash)::before,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item:has(.fa-trash)::before {
|
|
content: var(--s-icon-trash) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.sidebar.sidebar > div .folders .list-item:has(.tag-label)::before,
|
|
.sidebar.sidebar > div .folder-and-tag-list .list-item:has(.tag-label)::before {
|
|
content: var(--s-icon-tag) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-0 {
|
|
padding-left: 0rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-1 {
|
|
padding-left: 0rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-1 .sidebar-expand-link {
|
|
padding-right: 0;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-2 {
|
|
padding-left: 3.4rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-3 {
|
|
padding-left: 5rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-4 {
|
|
padding-left: 6.6rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-5 {
|
|
padding-left: 8.2rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-6 {
|
|
padding-left: 9.8rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-7 {
|
|
padding-left: 11.4rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-8 {
|
|
padding-left: 13rem;
|
|
}
|
|
.sidebar.sidebar > div .list-item-depth-9 {
|
|
padding-left: 14.6rem;
|
|
}
|
|
.sidebar.sidebar .fas {
|
|
opacity: 1 !important;
|
|
}
|
|
.sidebar.sidebar .fas::before {
|
|
font-size: 9px;
|
|
font-weight: 700;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.sidebar.sidebar .fas.fa-caret-right::before {
|
|
content: var(--s-icon-chevron-forward) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--s-sidebar__chevron-Color);
|
|
}
|
|
.sidebar.sidebar .fas.fa-caret-down::before {
|
|
content: var(--s-icon-chevron-down) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
color: var(--s-sidebar__chevron-Color);
|
|
}
|
|
.sidebar.sidebar .fas.fa-plus::before {
|
|
color: var(--g-tertiaryLabelColor);
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
-webkit-font-smoothing: unset;
|
|
}
|
|
.sidebar.sidebar button:has(.fas.fa-plus) {
|
|
padding-top: 0 !important;
|
|
}
|
|
.sidebar.sidebar .icon-notebooks,
|
|
.sidebar.sidebar .icon-tags,
|
|
.sidebar.sidebar .icon-notes {
|
|
display: none;
|
|
}
|
|
@keyframes tooltipTimeout {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
99% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
.sidebar.sidebar > div:last-child > div:first-child {
|
|
opacity: var(--u-sidebar-synchronise-label, 0);
|
|
pointer-events: none;
|
|
background-color: var(--u-sidebar-synchronise-label, var(--g-unemphasizedSelectedContentBackgroundColor));
|
|
padding: var(--u-sidebar-synchronise-label, 0.4rem);
|
|
position: var(--u-sidebar-synchronise-label, absolute);
|
|
width: auto;
|
|
bottom: 20px;
|
|
box-shadow: var(--u-sidebar-synchronise-label, 0 0 1px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2));
|
|
}
|
|
.sidebar.sidebar > div:last-child > div:first-child div {
|
|
color: var(--s-sidebar__synchronise-label-Color);
|
|
}
|
|
.sidebar.sidebar > div:last-child:hover > div:first-child {
|
|
animation: var(--u-sidebar-synchronise-label, tooltipTimeout 1s);
|
|
opacity: 1;
|
|
}
|
|
/* Hide the sync-report expand/collapse arrow and always show the status,
|
|
like older versions. */
|
|
.sync-report-toggle {
|
|
display: none !important;
|
|
}
|
|
#sync-report {
|
|
display: block !important;
|
|
height: auto !important;
|
|
max-height: none !important;
|
|
overflow: visible !important;
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
}
|
|
#sync-report,
|
|
#sync-report * {
|
|
color: var(--s-sidebar__synchronise-Color) !important;
|
|
}
|
|
.sidebar.sidebar > div:last-child button {
|
|
border: none;
|
|
justify-content: flex-start;
|
|
padding: 0;
|
|
text-align: left;
|
|
font-size: 1.3rem;
|
|
height: unset !important;
|
|
min-height: unset !important;
|
|
max-height: unset !important;
|
|
padding-top: .6rem !important;
|
|
margin-bottom: .5rem !important;
|
|
}
|
|
.sidebar.sidebar > div:last-child button span {
|
|
color: var(--s-sidebar__synchronise-Color);
|
|
}
|
|
.sidebar.sidebar > div:last-child button:hover span {
|
|
color: var(--s-sidebar__synchronise-Color);
|
|
}
|
|
.sidebar.sidebar > div:last-child button .icon-sync {
|
|
font-size: inherit;
|
|
transform-origin: 50% 48%;
|
|
}
|
|
.sidebar.sidebar > div:last-child button .icon-sync::before {
|
|
content: var(--s-icon-arrow-triangle-2-circlepath) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
font-size: 1.2rem;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
/* The synchronise button uses Joplin's native Font Awesome classes
|
|
(fas fa-check / fa-sync / fa-exclamation... depending on state), but the
|
|
bundled FA5 webfont doesn't render here, so it shows a blank box. The FA
|
|
class already sets the correct codepoint via ::before content — we just
|
|
redirect it to the working system Font Awesome 7 (same codepoints). */
|
|
.sidebar-sync-button .fas::before,
|
|
.sidebar-sync-button .icon::before {
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
}
|
|
@media screen {
|
|
.CodeMirror.CodeMirror {
|
|
line-height: 1.6 !important;
|
|
background-color: transparent !important;
|
|
color: var(--g-textColor) !important;
|
|
}
|
|
.CodeMirror.CodeMirror * {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.CodeMirror.CodeMirror .cm-header-1,
|
|
.CodeMirror.CodeMirror .cm-header-2,
|
|
.CodeMirror.CodeMirror .cm-header-3,
|
|
.CodeMirror.CodeMirror .cm-header-4,
|
|
.CodeMirror.CodeMirror .cm-header-5,
|
|
.CodeMirror.CodeMirror .cm-header-6,
|
|
.CodeMirror.CodeMirror .cm-strong {
|
|
color: inherit;
|
|
}
|
|
}
|
|
@media screen {
|
|
.rli-root .resizableLayoutItem {
|
|
position: relative;
|
|
}
|
|
.rli-root .resizableLayoutItem > span > div[style*="cursor: row-resize;"],
|
|
.rli-root .resizableLayoutItem > span > div[style*="cursor: col-resize;"] {
|
|
z-index: 100;
|
|
}
|
|
.rli-root > .resizableLayoutItem:not(:first-child):after {
|
|
content: "";
|
|
background-color: var(--g-gridColor);
|
|
bottom: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 0.1rem;
|
|
z-index: 100;
|
|
}
|
|
.rli-root > .resizableLayoutItem .resizableLayoutItem:not(:first-child):after {
|
|
content: "";
|
|
background-color: var(--g-gridColor);
|
|
bottom: auto;
|
|
height: 0.1rem;
|
|
left: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0.1rem;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen {
|
|
#plugin-view-outline-outline\.panel {
|
|
border-bottom: none;
|
|
padding: 1.2rem 0.5rem;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce,
|
|
#joplin-container-content {
|
|
background: var(--g-primary-Background);
|
|
font-size: 1.4rem;
|
|
font-family: var(--s-font-family-system);
|
|
line-height: 1.6;
|
|
padding: 2.8rem;
|
|
color: var(--g-textColor);
|
|
-webkit-font-smoothing: antialiased;
|
|
margin-left: var(--u-editor-margin-left, auto);
|
|
margin-right: var(--u-editor-margin-right, auto);
|
|
}
|
|
body#tinymce a,
|
|
#joplin-container-content a {
|
|
color: var(--g-linkColor);
|
|
cursor: pointer;
|
|
}
|
|
body#tinymce > *,
|
|
#joplin-container-content > * {
|
|
margin: 0 0 1.4rem;
|
|
}
|
|
body#tinymce h1,
|
|
body#tinymce h2,
|
|
body#tinymce h3,
|
|
body#tinymce h4,
|
|
body#tinymce h5,
|
|
#joplin-container-content h1,
|
|
#joplin-container-content h2,
|
|
#joplin-container-content h3,
|
|
#joplin-container-content h4,
|
|
#joplin-container-content h5 {
|
|
color: var(--g-headerTextColor);
|
|
padding: 0;
|
|
line-height: 1.25;
|
|
margin: 0 !important;
|
|
padding: calc(var(--u-editor-paragraph-spacing, 1.5rem) / 2) 0 !important;
|
|
}
|
|
body#tinymce h1,
|
|
#joplin-container-content h1 {
|
|
font-size: 2.4rem;
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
line-height: 1;
|
|
}
|
|
body#tinymce strong,
|
|
#joplin-container-content strong {
|
|
color: var(--g-textColor);
|
|
}
|
|
body#tinymce img,
|
|
#joplin-container-content img {
|
|
margin-top: 1.4rem;
|
|
}
|
|
body#tinymce ul,
|
|
body#tinymce ol,
|
|
#joplin-container-content ul,
|
|
#joplin-container-content ol {
|
|
margin-left: 1.8rem;
|
|
margin-bottom: var(--u-editor-paragraph-spacing, 1.5rem);
|
|
}
|
|
body#tinymce ul li,
|
|
body#tinymce ol li,
|
|
#joplin-container-content ul li,
|
|
#joplin-container-content ol li {
|
|
margin-bottom: 0.35rem;
|
|
}
|
|
body#tinymce ul p,
|
|
body#tinymce ol p,
|
|
#joplin-container-content ul p,
|
|
#joplin-container-content ol p {
|
|
margin-bottom: 0;
|
|
}
|
|
body#tinymce p,
|
|
#joplin-container-content p {
|
|
margin-bottom: var(--u-editor-paragraph-spacing, 1.5rem);
|
|
}
|
|
body#tinymce table,
|
|
#joplin-container-content table {
|
|
background: var(--g-alternatingContentBackgroundColorsEven);
|
|
}
|
|
body#tinymce table th,
|
|
#joplin-container-content table th {
|
|
background: var(--g-alternatingContentBackgroundColorsOdd);
|
|
border-bottom-width: 0.1rem;
|
|
}
|
|
body#tinymce table tr:nth-child(even),
|
|
#joplin-container-content table tr:nth-child(even) {
|
|
background: var(--g-alternatingContentBackgroundColorsOdd);
|
|
}
|
|
body#tinymce table tr:nth-child(odd),
|
|
#joplin-container-content table tr:nth-child(odd) {
|
|
background: var(--g-alternatingContentBackgroundColorsEven);
|
|
}
|
|
body#tinymce table th,
|
|
body#tinymce table td,
|
|
#joplin-container-content table th,
|
|
#joplin-container-content table td {
|
|
font-family: var(--g-global-font-family-system);
|
|
border-color: var(--g-gridColor);
|
|
color: var(--g-textColor);
|
|
}
|
|
body#tinymce pre:not(.mermaid),
|
|
body#tinymce .inline-code,
|
|
#joplin-container-content pre:not(.mermaid),
|
|
#joplin-container-content .inline-code {
|
|
background-color: var(--g-alternatingContentBackgroundColorsOdd);
|
|
color: var(--g-textColor);
|
|
border-radius: 0.4rem;
|
|
font-family: var(--g-font-family-mono);
|
|
font-size: 1.4rem;
|
|
}
|
|
}
|
|
@media screen and (prefers-color-scheme: dark) {
|
|
body#tinymce pre:not(.mermaid),
|
|
body#tinymce .inline-code,
|
|
#joplin-container-content pre:not(.mermaid),
|
|
#joplin-container-content .inline-code {
|
|
background-color: rgba(var(--g-shadowColor--rgb), 0.2);
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce pre:not(.mermaid) *,
|
|
body#tinymce .inline-code *,
|
|
#joplin-container-content pre:not(.mermaid) *,
|
|
#joplin-container-content .inline-code * {
|
|
font-family: inherit !important;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce pre.mermaid,
|
|
#joplin-container-content pre.mermaid {
|
|
background: none;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce ul.joplin-checklist,
|
|
#joplin-container-content ul.joplin-checklist {
|
|
margin-left: 2.2rem;
|
|
}
|
|
body#tinymce ul.joplin-checklist li:not(.checked),
|
|
#joplin-container-content ul.joplin-checklist li:not(.checked) {
|
|
position: relative;
|
|
}
|
|
body#tinymce ul.joplin-checklist li:not(.checked):before,
|
|
#joplin-container-content ul.joplin-checklist li:not(.checked):before {
|
|
content: "";
|
|
border-radius: 50%;
|
|
border: 0.1rem solid var(--g-tertiaryLabelColor);
|
|
display: flex;
|
|
height: 1.4rem;
|
|
justify-content: center;
|
|
margin-left: -2.4rem;
|
|
width: 1.4rem;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
body#tinymce ul.joplin-checklist li:not(.checked):before,
|
|
#joplin-container-content ul.joplin-checklist li:not(.checked):before {
|
|
top: 0.3rem;
|
|
}
|
|
body#tinymce ul.joplin-checklist li.checked,
|
|
#joplin-container-content ul.joplin-checklist li.checked {
|
|
position: relative;
|
|
opacity: 1;
|
|
}
|
|
body#tinymce ul.joplin-checklist li.checked:before,
|
|
#joplin-container-content ul.joplin-checklist li.checked:before {
|
|
content: var(--s-icon-checkmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
background-color: var(--s-controlAccentColor);
|
|
border: 0.1rem solid var(--s-controlAccentColor);
|
|
border-radius: 50%;
|
|
color: var(--g-alternateSelectedControlTextColor);
|
|
display: block;
|
|
font-size: 1rem;
|
|
top: 0;
|
|
margin-left: -2.4rem;
|
|
height: 1.4rem;
|
|
line-height: 1.5rem;
|
|
position: absolute;
|
|
text-align: center;
|
|
transform: scale(1);
|
|
width: 1.4rem;
|
|
}
|
|
body#tinymce ul.joplin-checklist li.checked:before,
|
|
#joplin-container-content ul.joplin-checklist li.checked:before {
|
|
font-weight: 600;
|
|
top: 0.3rem;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce li.joplin-checkbox,
|
|
#joplin-container-content li.joplin-checkbox {
|
|
margin-left: 0.6rem;
|
|
}
|
|
body#tinymce li.joplin-checkbox input,
|
|
#joplin-container-content li.joplin-checkbox input {
|
|
display: none;
|
|
}
|
|
body#tinymce li.joplin-checkbox .checkbox-wrapper,
|
|
#joplin-container-content li.joplin-checkbox .checkbox-wrapper {
|
|
position: relative;
|
|
}
|
|
body#tinymce li.joplin-checkbox .checkbox-label-unchecked,
|
|
#joplin-container-content li.joplin-checkbox .checkbox-label-unchecked {
|
|
position: relative;
|
|
}
|
|
body#tinymce li.joplin-checkbox .checkbox-label-unchecked:before,
|
|
#joplin-container-content li.joplin-checkbox .checkbox-label-unchecked:before {
|
|
content: "";
|
|
border-radius: 50%;
|
|
border: 0.1rem solid var(--g-tertiaryLabelColor);
|
|
display: flex;
|
|
height: 1.4rem;
|
|
justify-content: center;
|
|
margin-left: -2.4rem;
|
|
width: 1.4rem;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
body#tinymce li.joplin-checkbox .checkbox-label-checked,
|
|
#joplin-container-content li.joplin-checkbox .checkbox-label-checked {
|
|
opacity: 1;
|
|
position: relative;
|
|
position: relative;
|
|
}
|
|
body#tinymce li.joplin-checkbox .checkbox-label-checked:before,
|
|
#joplin-container-content li.joplin-checkbox .checkbox-label-checked:before {
|
|
content: var(--s-icon-checkmark) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
background-color: var(--s-controlAccentColor);
|
|
border: 0.1rem solid var(--s-controlAccentColor);
|
|
border-radius: 50%;
|
|
color: var(--g-alternateSelectedControlTextColor);
|
|
display: block;
|
|
font-size: 1rem;
|
|
top: 0;
|
|
margin-left: -2.4rem;
|
|
height: 1.4rem;
|
|
line-height: 1.5rem;
|
|
position: absolute;
|
|
text-align: center;
|
|
transform: scale(1);
|
|
width: 1.4rem;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce [data-mce-selected=inline-boundary].inline-code,
|
|
#joplin-container-content [data-mce-selected=inline-boundary].inline-code {
|
|
background-color: #f3f3f3;
|
|
}
|
|
}
|
|
@media screen {
|
|
body#tinymce .mermaid div,
|
|
#joplin-container-content .mermaid div {
|
|
color: var(--g-textColorDark);
|
|
}
|
|
}
|
|
|
|
|
|
/* Macos Theme Settings */
|
|
|
|
|
|
:root {
|
|
/* General --------------------------------- */
|
|
--u-base-font-size: 100%;
|
|
|
|
|
|
|
|
/* Icons -------------------------------- */
|
|
|
|
|
|
/* Sidebar --------------------------------- */
|
|
--u-sidebar-synchronise-label: '';
|
|
|
|
/* Note list ----------------------------- */
|
|
|
|
|
|
--u-note-list-zebra-color-odd: transparent;
|
|
--u-note-list-zebra-color-even: transparent;
|
|
|
|
|
|
/* Editor -------------------------------- */
|
|
--u-editor-paragraph-spacing: 1.5rem;
|
|
--u-editor-margin-right: auto ;
|
|
--u-editor-margin-left: 0 ;
|
|
|
|
/*
|
|
properties that currently can't be selected via the UI, but maybe should...
|
|
|
|
--u-font-family-system: 'Segoe UI', sans-serif;
|
|
--u-font-family-system-rounded: 'Segoe UI', sans-serif;
|
|
--u-sidebar-label-font-size: 1.5rem;
|
|
--u-sidebar-synchronise-label-color: hsl(0, 0%, 50%);
|
|
*/
|
|
}
|
|
|
|
|
|
|
|
|
|
@media(prefers-color-scheme: dark) {
|
|
:root {
|
|
|
|
--g-systemBlue: rgba(10, 132, 255, 1);
|
|
--g-systemBrown: rgba(172, 142, 104, 1);
|
|
--g-systemGray: rgba(152, 152, 157, 1);
|
|
--g-systemGreen: rgba(50, 215, 75, 1);
|
|
--g-systemIndigo: rgba(94, 92, 230, 1);
|
|
--g-systemOrange: rgba(255, 159, 10, 1);
|
|
--g-systemPink: rgba(255, 55, 95, 1);
|
|
--g-systemPurple: rgba(191, 90, 242, 1);
|
|
--g-systemRed: rgba(255, 69, 58, 1);
|
|
--g-systemTeal: rgba(90, 200, 245, 1);
|
|
--g-systemYellow: rgba(255, 214, 10, 1);
|
|
|
|
/* Labels */
|
|
--g-labelColor: rgba(255, 255, 255, 0.847);
|
|
--g-secondaryLabelColor: rgba(255, 255, 255, 0.549);
|
|
--g-tertiaryLabelColor: rgba(255, 255, 255, 0.247);
|
|
--g-quaternaryLabelColor: rgba(255, 255, 255, 0.098);
|
|
|
|
/* Text */
|
|
--g-textColor: rgba(255, 255, 255, 1);
|
|
--g-textColorDark: rgba(0, 0, 0, 1);
|
|
--g-placeholderTextColor: rgba(255, 255, 255, 0.247);
|
|
--g-selectedTextColor: rgba(255, 255, 255, 1);
|
|
--g-textBackgroundColor: rgba(30, 30, 30, 1);
|
|
--g-selectedTextBackgroundColor: rgba(63, 99, 139, 1);
|
|
--g-keyboardFocusIndicatorColor: rgba(26, 169, 255, 0.298);
|
|
--g-unemphasizedSelectedTextColor: rgba(255, 255, 255, 1);
|
|
--g-unemphasizedSelectedTextBackgroundColor: rgba(70, 70, 70, 1);
|
|
|
|
/* Content */
|
|
--g-alternatingContentBackgroundColorsEven: rgba(30, 30, 30, 1);
|
|
--g-alternatingContentBackgroundColorsOdd: rgba(255, 255, 255, 0.047);
|
|
--g-linkColor: rgba(65, 156, 255, 1);
|
|
--g-separatorColor: rgba(255, 255, 255, 0.098);
|
|
--g-selectedContentBackgroundColor: rgba(0, 88, 208, 1);
|
|
--g-selectedContentBackgroundColor--h: 215;
|
|
--g-selectedContentBackgroundColor--s: 100%;
|
|
--g-selectedContentBackgroundColor--l: 41%;
|
|
--g-unemphasizedSelectedContentBackgroundColor: rgba(70, 70, 70, 1);
|
|
|
|
/* Menus */
|
|
--g-selectedMenuItemTextColor: rgba(255, 255, 255, 1);
|
|
|
|
/* Tables */
|
|
--g-gridColor: rgba(26, 26, 26, 1);
|
|
--g-headerTextColor: rgba(255, 255, 255, 1);
|
|
|
|
/* Controls */
|
|
--g-controlAccentColor--h: 211;
|
|
--g-controlAccentColor--s: 100%;
|
|
--g-controlAccentColor--l: 50%;
|
|
--g-controlAccentColor--hsl: var(--g-controlAccentColor--h), var(--g-controlAccentColor--s), var(--g-controlAccentColor--l);
|
|
--g-controlAccentColor: hsla(var(--g-controlAccentColor--hsl), 1);
|
|
--g-controlColor: rgba(255, 255, 255, 0.247);
|
|
--g-controlColor--rgb: 255, 255, 255;
|
|
--g-controlColor--hsl: 0, 0%, 100%;
|
|
--g-controlBackgroundColor: rgba(30, 30, 30, 1);
|
|
--g-controlTextColor: rgba(255, 255, 255, 0.847);
|
|
--g-disabledControlTextColor: rgba(255, 255, 255, 0.247);
|
|
--g-scrubberTexturedBackground: rgba(255, 255, 255, 1);
|
|
--g-selectedControlColor: rgba(63, 99, 139, 1);
|
|
--g-selectedControlTextColor: rgba(255, 255, 255, 0.847);
|
|
--g-alternateSelectedControlTextColor: rgba(255, 255, 255, 1);
|
|
--g-alternateSelectedControlTextColor--rgb: 255, 255, 255;
|
|
|
|
/* Windows */
|
|
--g-windowBackgroundColor: rgba(50, 50, 50, 1);
|
|
--g-windowFrameTextColor: rgba(255, 255, 255, 0.847);
|
|
--g-underPageBackgroundColor: rgba(40, 40, 40, 1);
|
|
--g-underPageBackgroundColor--rgb: 40, 40, 40;
|
|
|
|
/* Highlights & Shadows */
|
|
--g-findHighlightColor: rgba(255, 255, 0, 1);
|
|
--g-highlightColor: rgba(180, 180, 180, 1);
|
|
--g-highlightColor--rgb: 180, 180, 180;
|
|
--g-shadowColor: rgba(0, 0, 0, 1);
|
|
--g-shadowColor--rgb: 0, 0, 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
/* TH STYLES BEGIN HERE */
|
|
|
|
|
|
|
|
:root {
|
|
--s-font-family-system: "Adwaita Sans" !important;
|
|
--u-font-family-system: "Adwaita Sans" !important;
|
|
font-family: "Adwaita Sans" !important;
|
|
}
|
|
|
|
.rli-noteList div, .rli-noteList span, .rli-noteList a {
|
|
font-family: "Adwaita Sans" !important;
|
|
font-size: 1.35rem !important;
|
|
}
|
|
|
|
.rli-editor button span {
|
|
/*font-family: "Adwaita Sans" !important;*/
|
|
}
|
|
|
|
.new-note-todo-buttons {
|
|
padding-right: 0 !important;
|
|
gap: 3px !important;
|
|
}
|
|
|
|
.new-note-todo-buttons > button::before {
|
|
font-size: 1.4rem !important;
|
|
}
|
|
|
|
.rli-noteList .search-bar + div {
|
|
display: none !important;
|
|
}
|
|
|
|
.rli-editor > div > div > div > div:first-child .editor-toolbar div:nth-child(2) a:nth-child(1) i[title]:not([title=""])::before {
|
|
line-height: unset !important;
|
|
}
|
|
|
|
|
|
|
|
.resizableLayoutItem {
|
|
height: auto !important;
|
|
}
|
|
|
|
|
|
.rli-editor > div > div:first-child, .rli-noteList > div > div:first-child, .rli-sideBar > div > div:first-child {
|
|
padding-top: 1.5rem !important;
|
|
}
|
|
|
|
.rli-editor, .rli-noteList, .rli-sideBar {
|
|
}
|
|
|
|
.rli-noteList > div > div > div:first-child {
|
|
margin-top: 0 !important;
|
|
padding: 0rem 1rem 1.2rem 1.5rem !important;
|
|
}
|
|
|
|
.rli-noteList > div > div:first-child {
|
|
background-color: #252525 !important;
|
|
}
|
|
|
|
.editor-toolbar .fa-globe::before {
|
|
font-size: 15px !important;
|
|
vertical-align: 2px !important;
|
|
}
|
|
|
|
.editor-toolbar {
|
|
opacity: .3;
|
|
transition: opacity .2s ease-in-out;
|
|
}
|
|
|
|
.editor-toolbar:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.rli-editor .updated-time-label {
|
|
margin-right: 1.8rem;
|
|
}
|
|
|
|
.note-title-info-group .editor-toolbar {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
.note-title-info-group .editor-toolbar .spacer {
|
|
width: 0 !important;
|
|
min-width: 0 !important;
|
|
}
|
|
|
|
.rli-editor .title-input {
|
|
margin:0 !important;
|
|
padding-top: 0 !important;
|
|
font-size: 3rem !important;
|
|
}
|
|
|
|
/* Content Editor horizontal paddings */
|
|
.rli-editor > div > div:first-child {
|
|
padding-left: 3rem !important;
|
|
padding-right: 3rem !important;
|
|
}
|
|
|
|
.CodeMirror-scroll {
|
|
padding-top: 1.5rem !important;
|
|
}
|
|
|
|
.note-editor-viewer-row {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.rli-sideBar .sidebar {
|
|
margin-top: 0 !important;
|
|
height: unset !important;
|
|
padding-left: 0.5rem !important;
|
|
padding-right: 0.1rem !important;
|
|
}
|
|
|
|
.rli-sideBar .sidebar-header-container > div:first-child {
|
|
padding-top:0 !important;
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.rli-sideBar .sidebar-header-container {
|
|
margin-top: 1.5rem;
|
|
}
|
|
|
|
.sidebar-list-items-wrapper > div:nth-child(2) {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.rli-editor > div > div > div > div:first-child {
|
|
margin-bottom: 0.7rem
|
|
}
|
|
|
|
|
|
.rli-editor > div > div > div > div:nth-child(2):has(> button) {
|
|
display: none !important;
|
|
}
|
|
|
|
.rli-editor > div > div > div > div:nth-child(2) > button > span:first-child {
|
|
display: none;
|
|
}
|
|
|
|
.rli-editor > div > div > div > div:nth-child(2) > button > * {
|
|
color: white !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.note-list-item, .note-list-item-wrapper {
|
|
height: 38px !important;
|
|
}
|
|
.note-list-item
|
|
&:before {
|
|
display: none;
|
|
}
|
|
|
|
.note-list-item > .content {
|
|
padding-left: 12px !important;
|
|
padding-right: 12px !important;
|
|
}
|
|
|
|
.note-list {
|
|
padding: 0 0.4rem 3rem 1.6rem !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Sidebar Styling */
|
|
|
|
.sidebar.sidebar > div .list-item-container {
|
|
height: 3.2rem !important;
|
|
}
|
|
|
|
.list-item-wrapper {
|
|
height: unset !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* For styling the entire Joplin app (except the rendered Markdown, which is defined in `userstyle.css`) */
|
|
|
|
div.CodeMirror span.cm-header { color: #bb86fc; }
|
|
div.CodeMirror span.cm-quote { color: #80cbc4; }
|
|
div.CodeMirror .cm-blockQuote {
|
|
padding-left: 1rem !important;
|
|
}
|
|
div.CodeMirror span.cm-negative { color: #ef5350; }
|
|
div.CodeMirror span.cm-positive { color: #66bb6a; }
|
|
|
|
div.CodeMirror span.cm-header,
|
|
div.CodeMirror span.cm-strong { font-weight: bold; }
|
|
div.CodeMirror span.cm-em { font-style: italic; }
|
|
|
|
div.CodeMirror span.cm-link {
|
|
text-decoration: underline;
|
|
color: #82aaff;
|
|
}
|
|
div.CodeMirror span.cm-strikethrough { text-decoration: line-through; }
|
|
|
|
div.CodeMirror span.cm-keyword { color: #c792ea; }
|
|
div.CodeMirror span.cm-atom { color: #f78c6c; }
|
|
div.CodeMirror span.cm-number { color: #f78c6c; }
|
|
div.CodeMirror span.cm-def { color: #82aaff; }
|
|
|
|
div.CodeMirror span.cm-variable { color: #ffffffcc; }
|
|
div.CodeMirror span.cm-property { color: #addb67; }
|
|
div.CodeMirror span.cm-operator { color: #89ddff; }
|
|
div.CodeMirror span.cm-punctuation { color: #89ddff; }
|
|
|
|
div.CodeMirror span.cm-variable-2 { color: #ffcb6b; }
|
|
div.CodeMirror span.cm-variable-3,
|
|
div.CodeMirror span.cm-type { color: #f07178; }
|
|
|
|
div.CodeMirror span.cm-comment { color: #616161; font-style: italic; }
|
|
div.CodeMirror span.cm-string { color: #c3e88d; }
|
|
div.CodeMirror span.cm-string-2 { color: #ff5370; }
|
|
|
|
div.CodeMirror span.cm-meta,
|
|
div.CodeMirror span.cm-qualifier { color: #999999; }
|
|
|
|
div.CodeMirror span.cm-builtin { color: #d7aefb; }
|
|
div.CodeMirror span.cm-bracket { color: #aabfc9; }
|
|
div.CodeMirror span.cm-tag { color: #f07178; }
|
|
div.CodeMirror span.cm-attribute { color: #c792ea; }
|
|
div.CodeMirror span.cm-hr { color: #444444; }
|
|
|
|
div.CodeMirror span.cm-inlineCode {
|
|
background-color: #363636;
|
|
border: 1px solid #595959;
|
|
}
|
|
|
|
div.CodeMirror .cm-codeBlock {
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
div.CodeMirror .cm-codeBlock.cm-regionFirstLine .tok-labelName {
|
|
font-family: sans-serif;
|
|
color: #747474;
|
|
}
|
|
|
|
|
|
div.CodeMirror span.cm-error,
|
|
span.cm-invalidchar { color: #ff5370; font-weight: bold; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* START New in document search panel fix */
|
|
|
|
|
|
.ͼ1 .cm-panel.cm-search {
|
|
padding: 1rem !important;
|
|
}
|
|
|
|
|
|
.ͼ1 .cm-panel.cm-search > input {
|
|
box-shadow: 0 0 0 16px hsla(var(--g-controlAccentColor--hsl), 0);
|
|
border: 1px solid var(--g-separatorColor);
|
|
background: var(--g-controlBackgroundColor);
|
|
border-radius: 0.6rem;
|
|
color: var(--g-controlTextColor);
|
|
font-size: 1.3rem !important;
|
|
height: 2.8rem;
|
|
max-height: none;
|
|
padding: 0 0 0 1rem !important;
|
|
min-width: 20rem;
|
|
}
|
|
|
|
.ͼ1 .cm-panel.cm-search > input:focus {
|
|
transition: 0.25s box-shadow cubic-bezier(0.61, 1, 0.88, 1);
|
|
transition-delay: 0.125s;
|
|
box-shadow: 0 0 0 0.35rem hsla(var(--g-controlAccentColor--hsl), 0.5);
|
|
|
|
}
|
|
|
|
.ͼ1 .cm-panel.cm-search > label {
|
|
display: none !important;
|
|
}
|
|
|
|
.ͼ1 .cm-panel.cm-search > input[name="replace"],
|
|
.ͼ1 .cm-panel.cm-search > button[name="select"],
|
|
.ͼ1 .cm-panel.cm-search > button[name="replace"],
|
|
.ͼ1 .cm-panel.cm-search > button[name="replaceAll"] {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
.ͼ1 .cm-panel.cm-search > button[name="next"],
|
|
.ͼ1 .cm-panel.cm-search > button[name="prev"] {
|
|
font-size: 0 !important;
|
|
border: none;
|
|
background: none;
|
|
margin-left: .8rem !important;
|
|
}
|
|
|
|
.ͼ1 .cm-panel.cm-search > button[name="next"]::before,
|
|
.ͼ1 .cm-panel.cm-search > button[name="prev"]::before {
|
|
content: var(--s-icon-chevron-up) !important;
|
|
font-family: var(--s-font-family-icons) !important;
|
|
font-weight: 900 !important;
|
|
vertical-align: middle;
|
|
display: block;
|
|
transform: scale(var(--s-icon-size-factor));
|
|
font-weight: 500;
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
.ͼ1 .cm-panel.cm-search > button[name="next"]::before {
|
|
content: var(--s-icon-chevron-down) !important;
|
|
}
|
|
|
|
|
|
|
|
.ͼ1 .cm-panel.cm-search > button[name="close"] {
|
|
font-size: 2.3rem !important;
|
|
padding-right: 1rem !important;
|
|
top: .8rem !important;
|
|
}
|
|
|
|
|
|
.cm-panels-bottom {
|
|
background-color: rgba(40, 40, 40) !important;
|
|
}
|
|
|
|
/* END New in document search panel fix */
|
|
|
|
|
|
/* Editor Status Bar */
|
|
|
|
.editor-status-bar {
|
|
padding-bottom: 1.3rem;
|
|
} |