3596 lines
86 KiB
CSS
3596 lines
86 KiB
CSS
|
/*
|
||
|
|
|
||
|
|
Building on top of Minimal Obsidian by @kepano
|
||
|
|
|
||
|
|
----------------------------------------------------------------
|
||
|
|
|
||
|
|
DISABLED FEATURES
|
||
|
|
|
||
|
|
These features are hidden in pursuit of a more focused editing
|
||
|
|
experience. Remove each line if you want to re-activate the feature */
|
||
|
|
|
||
|
|
.tooltip, /* Tooltips */
|
||
|
|
.titlebar-button-container { /* Titlebar buttons */
|
||
|
|
/* display:none !important;*/
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-matches, /* File matches in search */
|
||
|
|
.backlink-pane .search-result-file-matches, /* File matches in backlinks */
|
||
|
|
.workspace-leaf-content[data-type=starred] .nav-header { /* Starred section header */
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-ribbon-action[aria-label='Help'] { /* Disable help */
|
||
|
|
color: var(--text-faint);
|
||
|
|
visibility: hidden;
|
||
|
|
margin: -25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------
|
||
|
|
|
||
|
|
COLORS
|
||
|
|
|
||
|
|
Most colors in this theme are driven from the following values,
|
||
|
|
meaning that the backgrounds, borders, and various shades are
|
||
|
|
automatically generated for you.
|
||
|
|
|
||
|
|
- Base color is used for the backgrounds, text and borders.
|
||
|
|
- Accent color is used for links and some interactive elements.
|
||
|
|
|
||
|
|
The colors use HSL (hue, saturation, lightness)
|
||
|
|
|
||
|
|
- Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue
|
||
|
|
- Saturation (0-100%):0% is desaturated, 100% is full saturation
|
||
|
|
- Lightness (0-100%):0% is black, 100% is white
|
||
|
|
|
||
|
|
/* Main colors*/
|
||
|
|
|
||
|
|
--base-h:0; /* Base hue */
|
||
|
|
--base-s:0%; /* Base saturation */
|
||
|
|
--base-d:10%; /* Base lightness Dark Mode - 0 is black */
|
||
|
|
--base-l:95%; /* Base lightness Light Mode - 100 is white */
|
||
|
|
|
||
|
|
/* Text elements*/
|
||
|
|
|
||
|
|
--accent-h:210; /* Accent hue */
|
||
|
|
--accent-h-o: 50; /* Accent oposite */
|
||
|
|
--accent-s:90%; /* Accent saturation */
|
||
|
|
--accent-d:85%; /* Accent lightness Dark Mode */
|
||
|
|
--accent-l:63%; /* Accent lightness Light Mode */
|
||
|
|
|
||
|
|
/* UI elments */
|
||
|
|
|
||
|
|
--main-accent-h:360; /* Accent hue */
|
||
|
|
--main-accent-s:70%; /* Accent saturation */
|
||
|
|
--main-accent-d:60%; /* Accent lightness Dark Mode */
|
||
|
|
--main-accent-l:10%; /* Accent lightness Light Mode */
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------
|
||
|
|
|
||
|
|
FONTS */
|
||
|
|
|
||
|
|
/* Preview mode and UI */
|
||
|
|
--text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,'m1+ 1p';
|
||
|
|
/* Editor mode */
|
||
|
|
--text-editor:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue", 'm1+ 1p';
|
||
|
|
/* Code */
|
||
|
|
--font-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;
|
||
|
|
|
||
|
|
--font-normal:16px;
|
||
|
|
--font-medium:13.5px;
|
||
|
|
--font-small:12px;
|
||
|
|
--font-smaller:11px;
|
||
|
|
|
||
|
|
--normal-weight:300; /* Switch to 300 if you want thinner default text */
|
||
|
|
--bold-weight:500; /* Switch to 600 or 700 if you want thicker bold text */
|
||
|
|
--line-width:800px; /* I recommend turning off "Readable line length" in Obsidian Settings */
|
||
|
|
--max-width: 100%; /* Maximum width inside file panels */
|
||
|
|
--view-width: 1200px;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------
|
||
|
|
|
||
|
|
CURSOR
|
||
|
|
|
||
|
|
Change this to "pointer" if you like the normal style better */
|
||
|
|
|
||
|
|
--cursor:pointer;
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------*/
|
||
|
|
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------
|
||
|
|
|
||
|
|
ANIMTION OF UN-FOCUSED ELEMENTS
|
||
|
|
|
||
|
|
Change if you want to fade elements quicker or slower */
|
||
|
|
|
||
|
|
--buttons-fade-in-speed:filter 100ms ease-in-out;
|
||
|
|
--buttons-fade-out-speed:filter 2000ms ease-in-out;
|
||
|
|
--tags-fade-in-speed: 100ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
--tags-fade-out-speed: 2000ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
|
||
|
|
/*----------------------------------------------------------------*/
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.theme-dark {
|
||
|
|
|
||
|
|
/* Transluency*/
|
||
|
|
|
||
|
|
--translucency: 0.95;
|
||
|
|
|
||
|
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.10);
|
||
|
|
--background-primary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 4%));
|
||
|
|
--background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 3%));
|
||
|
|
--background-secondary:hsl(var(--base-h),var(--base-s),var(--base-d));
|
||
|
|
--background-secondary-table:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 2%));
|
||
|
|
|
||
|
|
--background-secondary-alt:hsl(var(--base-h),var(--base-s),var(--base-d));
|
||
|
|
--background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 4%));
|
||
|
|
--background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 5%));
|
||
|
|
--background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%));
|
||
|
|
--background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%));
|
||
|
|
--background-modifier-box-shadow:rgba(0, 0, 0, 0.3);
|
||
|
|
|
||
|
|
--text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 70%));
|
||
|
|
--text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 45%));
|
||
|
|
--text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%));
|
||
|
|
--text-selection:rgba(50, 50, 50, 1);
|
||
|
|
--text-shadow:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 3%));
|
||
|
|
|
||
|
|
--line-shadow:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 2%));
|
||
|
|
|
||
|
|
--background-transparent:hsla(var(--base-h),var(--base-s),var(--base-d),0);
|
||
|
|
--background-translucent:hsla(var(--base-h),var(--base-s),var(--base-d),0.85);
|
||
|
|
--background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2);
|
||
|
|
--background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) - 10%));
|
||
|
|
|
||
|
|
--text-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-d));
|
||
|
|
--text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) + 10%));
|
||
|
|
|
||
|
|
--interactive-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-d));
|
||
|
|
--interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) + 10%));
|
||
|
|
|
||
|
|
--quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 15%));
|
||
|
|
--interactive-accent-rgb:66, 66, 66;
|
||
|
|
--text-highlight-bg:rgba(168, 220, 250, 0.33);
|
||
|
|
|
||
|
|
--button-background: hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 5%));
|
||
|
|
--button-background-active: hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 30%));
|
||
|
|
--icon-bright:brightness(140%);
|
||
|
|
--icon-normal:brightness(100%);
|
||
|
|
--icon-dark:brightness(90%);
|
||
|
|
|
||
|
|
--color-external: #4ed5ff;
|
||
|
|
|
||
|
|
--color-accent:hsl(var(--main-accent-h),var(--main-accent-s),var(--main-accent-d));
|
||
|
|
--color-accent-hover:hsl(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 10%));
|
||
|
|
--color-accent-shadow:hsla(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 10%),0.2);
|
||
|
|
--color-accent-hover-invert: var(--text-muted);
|
||
|
|
--color-accent-shadow-more:hsla(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 10%),0.1);;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.theme-light {
|
||
|
|
|
||
|
|
/* Transluency*/
|
||
|
|
|
||
|
|
--translucency: 0.85;
|
||
|
|
|
||
|
|
--background-primary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 5%));
|
||
|
|
--background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 2%));
|
||
|
|
--background-secondary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 0%));
|
||
|
|
--background-secondary-table:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 2%));
|
||
|
|
|
||
|
|
|
||
|
|
--background-secondary-alt:hsl(var(--base-h),var(--base-s),var(--base-l));
|
||
|
|
--background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 12%));
|
||
|
|
--background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 8%));
|
||
|
|
--background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 12%));
|
||
|
|
--background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 20%));
|
||
|
|
|
||
|
|
--text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 100%));
|
||
|
|
--text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 55%));
|
||
|
|
--text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 3s5%));
|
||
|
|
--text-selection:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 6%));
|
||
|
|
|
||
|
|
--text-shadow:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 80%));
|
||
|
|
--line-shadow:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 70%));
|
||
|
|
|
||
|
|
--background-transparent:hsla(var(--base-h),var(--base-s),var(--base-l),0);
|
||
|
|
--background-translucent:hsla(var(--base-h),var(--base-s),var(--base-l),0.85);
|
||
|
|
--background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2);
|
||
|
|
--background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) + 2%));
|
||
|
|
|
||
|
|
--text-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));
|
||
|
|
--text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 10%));
|
||
|
|
|
||
|
|
--interactive-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));
|
||
|
|
--interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 10%));
|
||
|
|
|
||
|
|
--quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 15%));
|
||
|
|
--interactive-accent-rgb:220, 220, 220;
|
||
|
|
|
||
|
|
|
||
|
|
--button-background: hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 75%));
|
||
|
|
--button-background-active: hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 60%));
|
||
|
|
--icon-bright:brightness(20%);
|
||
|
|
--icon-normal:brightness(100%);
|
||
|
|
--icon-dark:brightness(120%);
|
||
|
|
|
||
|
|
--color-external: #389ebd;
|
||
|
|
|
||
|
|
--color-accent:hsl(var(--main-accent-h),var(--main-accent-s),var(--main-accent-d));
|
||
|
|
--color-accent-hover:hsl(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 4%));;
|
||
|
|
--color-accent-shadow:hsla(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 10%),0.4);
|
||
|
|
--color-accent-hover-invert: var(--text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-source-view.is-readable-line-width .CodeMirror {
|
||
|
|
max-width: var(--view-width);
|
||
|
|
width: 100%;
|
||
|
|
margin-left: auto;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
|
||
|
|
max-width: var(--view-width);
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Frameless mode */
|
||
|
|
|
||
|
|
.titlebar, .titlebar-inner {
|
||
|
|
position:fixed;
|
||
|
|
top:0;
|
||
|
|
height:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.titlebar,
|
||
|
|
.titlebar-inner {
|
||
|
|
background:transparent;
|
||
|
|
}
|
||
|
|
.titlebar-text {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.is-frameless {
|
||
|
|
padding-top:0px !important;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-right-split > .workspace-tabs,
|
||
|
|
.workspace-split.mod-root .view-header {
|
||
|
|
padding-top:4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-tabs .workspace-leaf {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content {
|
||
|
|
border-radius: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.workspace-split.mod-right-split > .workspace-tabs ~ .workspace-tabs,
|
||
|
|
.workspace-split.mod-left-split > .workspace-tabs ~ .workspace-tabs {
|
||
|
|
padding-top:0px;
|
||
|
|
}
|
||
|
|
.is-fullscreen .workspace-split.mod-left-split > .workspace-tabs,
|
||
|
|
.is-fullscreen .workspace-split.mod-root .view-header {
|
||
|
|
padding-top:0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-left-split {
|
||
|
|
margin-left: 33px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* */
|
||
|
|
|
||
|
|
|
||
|
|
.is-translucent .workspace-tabs {
|
||
|
|
opacity: var(--translucency);
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .workspace-ribbon {
|
||
|
|
opacity: var(--translucency);
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .workspace-ribbon.mod-left.is-collapsed{
|
||
|
|
opacity: 1;
|
||
|
|
transition: all 500ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .workspace-split.mod-root {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
width: 33px;
|
||
|
|
z-index: 20;
|
||
|
|
border-color: transparent;
|
||
|
|
background: var(--background-secondary);
|
||
|
|
transition: background-color 200ms ease-in-out, border-left-color 200ms 200ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left {
|
||
|
|
border-color: transparent;
|
||
|
|
width: 45px;
|
||
|
|
background: var(--background-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .internal-link {
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: 300;
|
||
|
|
color: var(--background-modifier-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .internal-link:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
background: lighter(var(--background-modifier-accent),120%);
|
||
|
|
text-shadow: 0px 0px 30px var(--text-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Colapse indicatior */
|
||
|
|
|
||
|
|
.markdown-preview-view .collapse-indicator {
|
||
|
|
visibility:hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Pop hover */
|
||
|
|
|
||
|
|
.popover {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover {
|
||
|
|
position: fixed;
|
||
|
|
z-index: var(--layer-popover);
|
||
|
|
|
||
|
|
width: 130%;
|
||
|
|
max-width: 500px;
|
||
|
|
height: auto;
|
||
|
|
|
||
|
|
transform: scale(0.8);
|
||
|
|
|
||
|
|
background: var(--background-primary);
|
||
|
|
box-shadow: 0px 0px 20px var(--color-accent-shadow);
|
||
|
|
border-color: transparent;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 20px 20px 20px 20px;
|
||
|
|
margin-left: 25px;
|
||
|
|
margin-top: -10%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Fonts */
|
||
|
|
|
||
|
|
::selection { background:var(--text-selection); }
|
||
|
|
|
||
|
|
h1,h2,h3,h4,h5,strong {font-weight:var(--bold-weight);}
|
||
|
|
h1,h2,h3,h4 {letter-spacing:-0.02em;}
|
||
|
|
|
||
|
|
body{
|
||
|
|
hyphens: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
body, input, button,
|
||
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
||
|
|
.cm-s-obsidian {
|
||
|
|
font-family:var(--text) !important;
|
||
|
|
letter-spacing:0.02rem; /* Remove this line if you need contextual alternates */
|
||
|
|
font-size:var(--font-normal);
|
||
|
|
font-weight:var(--normal-weight);
|
||
|
|
text-align: justify;
|
||
|
|
overflow: auto;
|
||
|
|
-webkit-font-smoothing:subpixel-antialiased;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-source-view,
|
||
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
||
|
|
.cm-s-obsidian {
|
||
|
|
line-height:1.4;
|
||
|
|
font-family:var(--text-editor) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.cm-s-obsidian .cm-header {
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: 140%;
|
||
|
|
color: var(--text-editor);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-obsidian .cm-strong {
|
||
|
|
font-weight: 600;
|
||
|
|
font-size: 100%;
|
||
|
|
color: var(--text-normal);
|
||
|
|
filter: brightness(1.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-formatting-header {
|
||
|
|
color:var(--text-faint) !important;
|
||
|
|
font-weight:var(--normal-weight) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* CHECKBOXES */
|
||
|
|
|
||
|
|
input[type=checkbox] {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
border-radius: 20%;
|
||
|
|
border: 1px solid var(--color-accent);
|
||
|
|
padding: 0;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
input[type=checkbox]:hover {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
border-radius: 20%;
|
||
|
|
border: 1px solid white;
|
||
|
|
padding: 0;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=checkbox]:focus{
|
||
|
|
outline:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type=checkbox]:checked {
|
||
|
|
background-color: transparent;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
background-position: center;
|
||
|
|
background-size: 70%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view ul > li.task-list-item.is-checked {
|
||
|
|
text-decoration: line-through;
|
||
|
|
margin: -1px 1px;
|
||
|
|
color: var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* PREVIEW HEADINGS */
|
||
|
|
|
||
|
|
.markdown-preview-view h1 {
|
||
|
|
font-family: var(--font-family-preview);
|
||
|
|
font-weight: 400 !important;
|
||
|
|
font-size: 22px;
|
||
|
|
margin: 5% 0 2%;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: bold;
|
||
|
|
color: var(--text-normal);
|
||
|
|
text-transform: uppercase;
|
||
|
|
z-index: 20;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view h2 {
|
||
|
|
font-family: var(--font-family-preview);
|
||
|
|
font-weight: 300 !important;
|
||
|
|
font-size: 16px;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 1.2;
|
||
|
|
margin: 3% 0 2% 0;
|
||
|
|
hyphens: auto;
|
||
|
|
word-break: break-word;
|
||
|
|
color: var(--text-normal);
|
||
|
|
filter: brightness(1.1);
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view h3,
|
||
|
|
.markdown-preview-view h4,
|
||
|
|
.markdown-preview-view h5,
|
||
|
|
.markdown-preview-view h6
|
||
|
|
{
|
||
|
|
margin: 3% 0 3% 0;
|
||
|
|
font-family: var(--font-family-preview);
|
||
|
|
font-weight: 300 !important;
|
||
|
|
font-weight: bold;
|
||
|
|
color: var(--text-muted);
|
||
|
|
text-align: left;
|
||
|
|
line-height: 1.2;
|
||
|
|
font-size: 13px;
|
||
|
|
hyphens: auto;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Icons */
|
||
|
|
|
||
|
|
.nav-action-button svg {
|
||
|
|
width:15px;
|
||
|
|
}
|
||
|
|
.workspace-ribbon-collapse-btn svg path {
|
||
|
|
stroke-width:2px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.nav-action-button svg path {
|
||
|
|
stroke-width:1px;
|
||
|
|
}
|
||
|
|
.view-header-icon,
|
||
|
|
.workspace-tab-header,
|
||
|
|
.nav-action-button,
|
||
|
|
.side-dock-ribbon-tab,
|
||
|
|
.view-action {
|
||
|
|
background:transparent;
|
||
|
|
color:var(--text-muted);
|
||
|
|
opacity:0.4;
|
||
|
|
transition:opacity 0.1s ease-in-out;
|
||
|
|
cursor:var(--cursor);
|
||
|
|
}
|
||
|
|
.view-header-icon {
|
||
|
|
opacity:0;
|
||
|
|
}
|
||
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active,
|
||
|
|
.workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active,
|
||
|
|
.workspace-tab-header.is-active,
|
||
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
|
||
|
|
background:transparent;
|
||
|
|
color:var(--text-muted);
|
||
|
|
opacity:1;
|
||
|
|
transition:opacity 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
.view-action:hover,
|
||
|
|
.view-header-icon:hover,
|
||
|
|
.nav-action-button:hover,
|
||
|
|
.workspace-tab-header:hover,
|
||
|
|
.side-dock-ribbon-tab:hover,
|
||
|
|
.side-dock-ribbon-action:hover {
|
||
|
|
background:transparent;
|
||
|
|
color:var(--text-muted);
|
||
|
|
opacity:1;
|
||
|
|
transition:opacity 0 ease-in-out;
|
||
|
|
}
|
||
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
|
||
|
|
background:transparent;
|
||
|
|
}
|
||
|
|
.nav-action-button,
|
||
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button,
|
||
|
|
.workspace-leaf-content[data-type='backlink'] .nav-action-button {
|
||
|
|
padding:0 4px 0 8px;
|
||
|
|
margin:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Focus mode */
|
||
|
|
/* When the left sidebar is collapsed */
|
||
|
|
|
||
|
|
.workspace-split.is-collapsed ~ .mod-root .view-header-icon {
|
||
|
|
opacity:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left {
|
||
|
|
transition: all 0.3s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left.is-collapsed {
|
||
|
|
border-color: transparent;
|
||
|
|
background: var(--background-primary);
|
||
|
|
transition: all 0.7s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left.is-collapsed .side-dock-actions,
|
||
|
|
.workspace-ribbon.mod-left.is-collapsed .side-dock-settings {
|
||
|
|
opacity:0;
|
||
|
|
transition:opacity 0.25s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left.is-collapsed:hover .side-dock-actions,
|
||
|
|
.workspace-ribbon.mod-left.is-collapsed:hover .side-dock-settings {
|
||
|
|
opacity:1;
|
||
|
|
transition:opacity 0s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-right-sidedock-collapsed .workspace-split.mod-right-split {
|
||
|
|
margin-right:0px;
|
||
|
|
}
|
||
|
|
.view-actions {
|
||
|
|
opacity:0;
|
||
|
|
margin-right:0px;
|
||
|
|
margin-left:auto;
|
||
|
|
transition:opacity 0.25s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-actions .view-action {
|
||
|
|
margin-right:4px;
|
||
|
|
}
|
||
|
|
.view-actions .view-action:last-child {
|
||
|
|
margin-left:2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(0.70);
|
||
|
|
position: absolute;
|
||
|
|
right: -25px;
|
||
|
|
width: 200px;
|
||
|
|
transition: opacity 0.25s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions {
|
||
|
|
opacity:1;
|
||
|
|
transition:opacity 0.25s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left .side-dock-actions,
|
||
|
|
.workspace-ribbon.mod-left .side-dock-settings {
|
||
|
|
opacity:0;
|
||
|
|
transition:opacity 0s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-left:hover .side-dock-actions,
|
||
|
|
.workspace-ribbon.mod-left:hover .side-dock-settings {
|
||
|
|
opacity:1;
|
||
|
|
transition:opacity 0s ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-files-container {
|
||
|
|
flex-grow: 1;
|
||
|
|
overflow-y: auto;
|
||
|
|
/* padding-bottom: 20px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* LEFT RIBBON ICONS */
|
||
|
|
|
||
|
|
.side-dock-actions {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 38%;
|
||
|
|
margin-left: 13px;
|
||
|
|
padding-top: 200%;
|
||
|
|
transform: scale(0.75);
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-settings {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 38%;
|
||
|
|
transform: scale(1.2);
|
||
|
|
margin-left: 13px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
margin-top: 7px;
|
||
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-ribbon-tab, .side-dock-ribbon-action {
|
||
|
|
color: green;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 1;
|
||
|
|
opacity: 1;
|
||
|
|
opacity: 0.5;
|
||
|
|
stroke-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.side-dock-ribbon-action[aria-label='Open another vault']{
|
||
|
|
color: white;
|
||
|
|
margin: 0 -20px -10px 0;
|
||
|
|
content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='34' height='34'><path fill='white' stroke='currentColor' d='M 10 4 C 6.6981361 4 4 6.6981361 4 10 C 4 13.301864 6.6981361 16 10 16 C 13.301864 16 16 13.301864 16 10 C 16 6.6981361 13.301864 4 10 4 z M 25 4 C 21.698136 4 19 6.6981361 19 10 C 19 13.301864 21.698136 16 25 16 C 28.301864 16 31 13.301864 31 10 C 31 6.6981361 28.301864 4 25 4 z M 40 4 C 36.698136 4 34 6.6981361 34 10 C 34 13.301864 36.698136 16 40 16 C 43.301864 16 46 13.301864 46 10 C 46 6.6981361 43.301864 4 40 4 z M 10 6 C 12.220984 6 14 7.7790164 14 10 C 14 12.220984 12.220984 14 10 14 C 7.7790164 14 6 12.220984 6 10 C 6 7.7790164 7.7790164 6 10 6 z M 25 6 C 27.220984 6 29 7.7790164 29 10 C 29 12.220984 27.220984 14 25 14 C 22.779016 14 21 12.220984 21 10 C 21 7.7790164 22.779016 6 25 6 z M 40 6 C 42.220984 6 44 7.7790164 44 10 C 44 12.220984 42.220984 14 40 14 C 37.779016 14 36 12.220984 36 10 C 36 7.7790164 37.779016 6 40 6 z M 10 19 C 6.6981361 19 4 21.698136 4 25 C 4 28.301864 6.6981361 31 10 31 C 13.301864 31 16 28.301864 16 25 C 16 21.698136 13.301864 19 10 19 z M 25 19 C 21.698136 19 19 21.698136 19 25 C 19 28.301864 21.698136 31 25 31 C 28.301864 31 31 28.301864 31 25 C 31 21.698136 28.301864 19 25 19 z M 40 19 C 36.698136 19 34 21.698136 34 25 C 34 28.301864 36.698136 31 40 31 C 43.301864 31 46 28.301864 46 25 C 46 21.698136 43.301864 19 40 19 z M 10 21 C 12.220984 21 14 22.779016 14 25 C 14 27.220984 12.220984 29 10 29 C 7.7790164 29 6 27.220984 6 25 C 6 22.779016 7.7790164 21 10 21 z M 25 21 C 27.220984 21 29 22.779016 29 25 C 29 27.220984 27.220984 29 25 29 C 22.779016 29 21 27.220984 21 25 C 21 22.779016 22.779016 21 25 21 z M 40 21 C 42.220984 21 44 22.779016 44 25 C 44 27.220984 42.220984 29 40 29 C 37.779016 29 36 27.220984 36 25 C 36 22.779016 37.779016 21 40 21 z M 10 34 C 6.6981361 34 4 36.698136 4 40 C 4 43.301864 6.6981361 46 10 46 C 13.301864 46 16 43.301864 16 40 C 16 36.698136 13.301864 34 10 34 z M 25 34 C 21.698136 34 19 36.698136 19 40 C 19 43.301864 21.698136 46 25 46 C 28.301864 46 31 43.301864 31 40 C 31 36.698136 28.301864 34 25 34 z M 40 34 C 36.698136 34 34 36.698136 34 40 C 34 43.301864 36.698136 46 40 46 C 43.301864 46 46 43.301864 46 40 C 46 36.698136 43.301864 34 40 34 z M 10 36 C 12.220984 36 14 37.779016 14 40 C 14 42.220984 12.220984 44 10 44 C 7.7790164 44 6 42.220984 6 40 C 6 37.779016 7.7790164 36 10 36 z M 25 36 C 27.220984 36 29 37.779016 29 40 C 29 42.220984 27.220984 44 25 44 C 22.779016 44 21 42.220984 21 40 C 21 37.779016 22.779016 36 25 36 z M 40 36 C 42.220984 36 44 37.779016 44 40 C 44 42.220984 42.220984 44 40 44 C 37.779016 44 36 42.220984 36 40 C 36 37.779016 37.779016 36 40 36 z'/></svg>");
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-ribbon-action[aria-label='Help']{
|
||
|
|
color: var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-ribbon-action[aria-label='Settings']{
|
||
|
|
color: var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Tags */
|
||
|
|
|
||
|
|
.cm-s-obsidian span.cm-hashtag {
|
||
|
|
background-color: var(--background-tertiary);
|
||
|
|
border: none;
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-size: var(--font-small);
|
||
|
|
text-align: center;
|
||
|
|
text-decoration: none;
|
||
|
|
margin: 0;
|
||
|
|
line-height: 2em;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
cursor: text;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-hashtag-begin {
|
||
|
|
border-top-left-radius:14px;
|
||
|
|
border-bottom-left-radius:14px;
|
||
|
|
padding-left:8px;
|
||
|
|
}
|
||
|
|
.cm-hashtag-end {
|
||
|
|
border-top-right-radius:14px;
|
||
|
|
border-bottom-right-radius:14px;
|
||
|
|
padding-right:8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Modals */
|
||
|
|
|
||
|
|
.modal.mod-settings .vertical-tab-content-container {
|
||
|
|
/* border: 1px solid var(--background-modifier-border); */
|
||
|
|
padding-bottom: 0;
|
||
|
|
padding-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal.mod-settings {
|
||
|
|
padding: 0;
|
||
|
|
width: 50%;
|
||
|
|
height: 70%;
|
||
|
|
max-width: 90vw;
|
||
|
|
overflow: hidden;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-close-button {
|
||
|
|
cursor: pointer;
|
||
|
|
position: absolute;
|
||
|
|
top: 5px;
|
||
|
|
left: 10px;
|
||
|
|
/* right: 15px; */
|
||
|
|
font-size: 30px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
input.prompt-input, input.prompt-input:hover {
|
||
|
|
/* border: 0; */
|
||
|
|
background: var(--background-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Settings */
|
||
|
|
|
||
|
|
|
||
|
|
.vertical-tab-header-group-title {
|
||
|
|
font-size: 12px;
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
text-transform: uppercase;
|
||
|
|
letter-spacing: 0.03em;
|
||
|
|
filter: opacity(0.4);
|
||
|
|
padding: 6px 16px;
|
||
|
|
text-align: center;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-tab-header-group {
|
||
|
|
padding: 20% 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-tab-nav-item {
|
||
|
|
border-left: 10px solid transparent;
|
||
|
|
user-select: none;
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--text-muted);
|
||
|
|
filter: opacity(0.5);
|
||
|
|
text-align: right;
|
||
|
|
line-height: 1;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-info {
|
||
|
|
flex-grow: 1;
|
||
|
|
/* margin-right: 20px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-name {
|
||
|
|
font-size: 13px;
|
||
|
|
filter: brightness(1.1);
|
||
|
|
text-align: left;
|
||
|
|
/* margin-left: 60px; */
|
||
|
|
margin-top: 10px;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vertical-tab-nav-item.is-active {
|
||
|
|
border-left: 5px solid var(--color-accent);
|
||
|
|
background: var(--color-accent-shadow);
|
||
|
|
filter: blur(0px);
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight: 300;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover {
|
||
|
|
background-color: var(--background-secondary);
|
||
|
|
text-shadow: 0 0 40px var(--color-accent);
|
||
|
|
filter: opacity(0.6);
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-description {
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-size: 10px;
|
||
|
|
text-align: left;
|
||
|
|
line-height: 1.2;
|
||
|
|
/* margin-left: -60px; */
|
||
|
|
margin-top: 15px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-control button {
|
||
|
|
font-size: 10px;
|
||
|
|
padding: 6px 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.horizontal-tab-content, .vertical-tab-content {
|
||
|
|
background-color: var(--background-secondary);
|
||
|
|
padding: 5px 10px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
button.mod-cta {
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
color: var(--background-primary);
|
||
|
|
text-align: center;
|
||
|
|
word-break: keep-all;
|
||
|
|
hyphens: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-control button {
|
||
|
|
font-size: 10px;
|
||
|
|
padding: 5px 30px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.setting-item-control {
|
||
|
|
padding-top: 8px;
|
||
|
|
flex-shrink: 1;
|
||
|
|
text-align: left;
|
||
|
|
width: 50%;
|
||
|
|
margin-left: 0px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
align-self: flex-start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown {
|
||
|
|
font-size: 80%;
|
||
|
|
font-family: 'Inter', sans-serif;
|
||
|
|
color: var(--text-normal);
|
||
|
|
line-height: 1.3;
|
||
|
|
padding: 0.6em 1.9em 0.5em 0.8em;
|
||
|
|
max-width: 100%;
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin: 0;
|
||
|
|
border: 1px solid var(--background-modifier-border);
|
||
|
|
border-radius: 0.5em;
|
||
|
|
-moz-appearance: none;
|
||
|
|
-webkit-appearance: none;
|
||
|
|
appearance: none;
|
||
|
|
background-color: var(--background-modifier-form-field);
|
||
|
|
background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
|
||
|
|
background-repeat: no-repeat, repeat;
|
||
|
|
background-position: right 0.7em top 50%, 0 0;
|
||
|
|
background-size: 0.65em auto, 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] {
|
||
|
|
background: var(--background-modifier-form-field);
|
||
|
|
border: 1px solid var(--background-modifier-border);
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-family: 'Inter', sans-serif;
|
||
|
|
padding: 5px 14px;
|
||
|
|
font-size: 80%;
|
||
|
|
border-radius: 4px;
|
||
|
|
outline: none;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.is-translucent .modal.mod-settings {
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .vertical-tab-nav-item.is-active {
|
||
|
|
opacity: 0.7;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Progress bar */
|
||
|
|
|
||
|
|
|
||
|
|
.progress-bar-message {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
opacity: 1;
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-container.is-loading:before {
|
||
|
|
background-color: var(--text-on-accent);
|
||
|
|
animation: 1000ms ease-in-out 300ms infinite progress-bar;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Right bubble notice */
|
||
|
|
|
||
|
|
.notice {
|
||
|
|
animation: slideInFromRight 500ms forwards;
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
border-radius: 8px;
|
||
|
|
box-shadow: 0 2px 8px var(--color-accent);
|
||
|
|
color: var(--text-primary);
|
||
|
|
font-size: 12px;
|
||
|
|
line-height: 22px;
|
||
|
|
padding: 10px 20px;
|
||
|
|
position: fixed;
|
||
|
|
right: -350px;
|
||
|
|
top: 14px;
|
||
|
|
max-width: 400px;
|
||
|
|
z-index: var(--layer-notice);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .notice {
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .notice {
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.notice.mod-disappearing {
|
||
|
|
right: 14px;
|
||
|
|
animation: slideOutRight 500ms forwards;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Drag ghost */
|
||
|
|
|
||
|
|
.workspace-drop-overlay:before,
|
||
|
|
.mod-drag,
|
||
|
|
.drag-ghost {
|
||
|
|
opacity:0.8;
|
||
|
|
border-radius:0 !important;}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Workspace */
|
||
|
|
|
||
|
|
.workspace > .workspace-split:not(.mod-root) .workspace-leaf-content {
|
||
|
|
height:calc(100% - 6px);
|
||
|
|
}
|
||
|
|
.workspace-split.mod-root .workspace-leaf-content {
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
||
|
|
height:0px;
|
||
|
|
background:transparent;
|
||
|
|
border-bottom:1px solid var(--background-modifier-border);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
|
background:transparent;
|
||
|
|
border-left:1px solid var(--background-modifier-border);
|
||
|
|
width:0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
||
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
|
||
|
|
background:transparent;
|
||
|
|
border-right:1px solid var(--background-modifier-border);
|
||
|
|
width:0px !important;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
|
||
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active,
|
||
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
|
||
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
|
||
|
|
border-color:var(--background-modifier-border-hover);
|
||
|
|
}
|
||
|
|
.workspace-tab-container-before, .workspace-tab-container-after{
|
||
|
|
width:0;
|
||
|
|
}
|
||
|
|
.workspace-leaf {
|
||
|
|
border-left:0px;
|
||
|
|
}
|
||
|
|
.mod-horizontal .workspace-leaf {
|
||
|
|
border-bottom:0px;
|
||
|
|
}
|
||
|
|
.workspace-leaf:not(.mod-active) {} /* Effects on non-active panels */
|
||
|
|
|
||
|
|
.workspace-tab-container-inner {
|
||
|
|
background: transparent;
|
||
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
||
|
|
border-radius: 0;
|
||
|
|
width: 100%;
|
||
|
|
max-width: 100%;
|
||
|
|
margin: 0px auto auto auto;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-left: 15%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
|
||
|
|
.workspace-tab-header.is-active,
|
||
|
|
.workspace-tab-header.is-after-active,
|
||
|
|
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
|
||
|
|
.workspace-tab-header.is-before-active,
|
||
|
|
.workspace-tab-header.is-after-active {
|
||
|
|
background:transparent;
|
||
|
|
}
|
||
|
|
.workspace-tabs {
|
||
|
|
border:0;
|
||
|
|
padding-right:0;
|
||
|
|
font-size:100%;
|
||
|
|
}
|
||
|
|
.workspace-tab-header-container {
|
||
|
|
border:0 !important;
|
||
|
|
height:36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-horizontal > * {
|
||
|
|
width: 101%;
|
||
|
|
flex: 1 0 0;
|
||
|
|
height: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Tooltip */
|
||
|
|
|
||
|
|
.tooltip {
|
||
|
|
animation: fadeIn 500ms forwards ease-in-out;
|
||
|
|
background-color: var(--background-primary);
|
||
|
|
border-radius: 8px;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-size: 10px;
|
||
|
|
left: 50%;
|
||
|
|
line-height: 15px;
|
||
|
|
max-width: 350px;
|
||
|
|
padding: 2px 10px;
|
||
|
|
position: fixed;
|
||
|
|
text-align: center;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
white-space: nowrap;
|
||
|
|
z-index: var(--layer-tooltip);
|
||
|
|
pointer-events: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Title Bar */
|
||
|
|
|
||
|
|
.workspace-leaf.mod-active .view-header-title {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 300;
|
||
|
|
margin: 2px -80px 0 0;
|
||
|
|
color: var(--text-muted);
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-header-title {
|
||
|
|
text-align: center;
|
||
|
|
font-size: 12px;
|
||
|
|
font-weight: 300;
|
||
|
|
margin: 2px -80px 0 0;
|
||
|
|
color: #484848;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-actions {
|
||
|
|
z-index:15;
|
||
|
|
background:var(--background-primary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-header {
|
||
|
|
height:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-tab-header-inner {
|
||
|
|
padding: 3px 10px 3px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
||
|
|
right: 0;
|
||
|
|
visibility: hidden;
|
||
|
|
top: 0;
|
||
|
|
width: -20px;
|
||
|
|
background: transparent;
|
||
|
|
cursor: col-resize;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.view-header-title:before {
|
||
|
|
background:linear-gradient(90deg, var(--background-transparent) 0%, var(--background-primary) 80%);
|
||
|
|
width:60px;
|
||
|
|
content:" ";
|
||
|
|
height:30px;
|
||
|
|
display:inline-block;
|
||
|
|
vertical-align:bottom;
|
||
|
|
position:absolute;
|
||
|
|
right:0;
|
||
|
|
pointer-events:none;
|
||
|
|
}
|
||
|
|
.workspace-leaf-header, .view-header {
|
||
|
|
background-color:var(--background-primary) !important;
|
||
|
|
border:none !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-header-title-container {
|
||
|
|
padding-left:0;
|
||
|
|
padding-right:0px;
|
||
|
|
position:absolute;
|
||
|
|
width:var(--line-width);
|
||
|
|
max-width:var(--max-width);
|
||
|
|
margin:0 auto;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-header-title-container:after {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Editor */
|
||
|
|
|
||
|
|
/* Moving hash marks into gutter
|
||
|
|
|
||
|
|
.cm-formatting-header {
|
||
|
|
left:calc(-60px + 0.2em);
|
||
|
|
position:absolute;
|
||
|
|
text-align:right;
|
||
|
|
width:60px;
|
||
|
|
}
|
||
|
|
.CodeMirror-gutter-elt {
|
||
|
|
top:15px;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian .CodeMirror-gutters {
|
||
|
|
left:0px !important;
|
||
|
|
}
|
||
|
|
.CodeMirror-scroll {
|
||
|
|
padding-left:48px;
|
||
|
|
padding-right:48px;
|
||
|
|
} */
|
||
|
|
|
||
|
|
.CodeMirror-scroll {
|
||
|
|
overflow: scroll !important;
|
||
|
|
margin-right: 0px;
|
||
|
|
padding-bottom: 30px;
|
||
|
|
height: 100%;
|
||
|
|
outline: none;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-source-view {
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian .CodeMirror-code {
|
||
|
|
padding-right:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-hmd-codeblock{
|
||
|
|
font-size:70%;
|
||
|
|
margin:0
|
||
|
|
color:var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-lines {
|
||
|
|
width: 80%;
|
||
|
|
margin-left: 10%;
|
||
|
|
padding-bottom:170px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-obsidian div.HyperMD-codeblock-begin-bg, .cm-s-obsidian div.HyperMD-codeblock-end-bg {
|
||
|
|
/* background-color: var(--color-accent); */
|
||
|
|
filter: opacity(0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view {
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror pre.CodeMirror-line {
|
||
|
|
font-size: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.markdown-preview-view {
|
||
|
|
padding: 10px 20px 10px 20px;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
font-width: 400 ;
|
||
|
|
line-height:1.4em;
|
||
|
|
font-size: 92%;
|
||
|
|
position: relative;
|
||
|
|
overflow-y: auto;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight:150;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.CodeMirror,
|
||
|
|
.markdown-preview-section {
|
||
|
|
padding-left:0;
|
||
|
|
padding-right:0;
|
||
|
|
margin:0 auto 0 auto;
|
||
|
|
width:var(--line-width);
|
||
|
|
max-width:var(--max-width);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian pre.HyperMD-header,
|
||
|
|
.CodeMirror-line {
|
||
|
|
|
||
|
|
}
|
||
|
|
.CodeMirror-linenumber {
|
||
|
|
font-size:var(--font-small) !important;
|
||
|
|
font-feature-settings:'tnum';
|
||
|
|
padding-top:6px;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-url {
|
||
|
|
color:var(--text-accent);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-link {
|
||
|
|
color:var(--text-muted);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian span.cm-hmd-internal-link {
|
||
|
|
color:var(--text-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
|
||
|
|
/* width: 90%; */
|
||
|
|
word-wrap: break-word;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-break: normal;
|
||
|
|
padding: 0 20px;
|
||
|
|
hyphens: auto;
|
||
|
|
font-size: 85%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Editor Mode Footnotes */
|
||
|
|
|
||
|
|
.cm-s-obsidian span.cm-footref {
|
||
|
|
font-size:var(--font-normal);
|
||
|
|
}
|
||
|
|
.cm-s-obsidian pre.HyperMD-footnote {
|
||
|
|
font-size:var(--font-small);
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-obsidian span.cm-footref, .cm-s-obsidian span.cm-blockid {
|
||
|
|
display: inline;
|
||
|
|
font-size: 0.7em;
|
||
|
|
color: var(--text-muted);
|
||
|
|
margin-top: -0.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Editor Mode Lists */
|
||
|
|
.cm-formatting-list {
|
||
|
|
color: var(--color-accent) !important;
|
||
|
|
filter: opacity(0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Editor Mode Quotes */
|
||
|
|
.cm-formatting-quote {
|
||
|
|
color:var(--text-faint) !important;
|
||
|
|
font-family: var(--font-monospace);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-s-obsidian span.cm-quote {
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-family: var(--text-editor);
|
||
|
|
text-align: right;
|
||
|
|
font-style: italic;
|
||
|
|
/* font-size: 90%; */
|
||
|
|
/* line-height: 1; */
|
||
|
|
font-weight: 200;
|
||
|
|
/* color: var(--color-accent-hover); */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Image zoom */
|
||
|
|
|
||
|
|
.markdown-preview-view .internal-embed img {
|
||
|
|
cursor:zoom-in;}
|
||
|
|
|
||
|
|
.markdown-preview-view .internal-embed img:active {
|
||
|
|
cursor:zoom-out;
|
||
|
|
display:block;
|
||
|
|
z-index:100;
|
||
|
|
position:fixed;
|
||
|
|
max-height:calc(100% + 1px);
|
||
|
|
max-width:calc(100% - 20px);
|
||
|
|
height:calc(100% + 1px);
|
||
|
|
width:100%;
|
||
|
|
object-fit:contain;
|
||
|
|
margin:-0.5px auto 0;
|
||
|
|
text-align:center;
|
||
|
|
top:50%;
|
||
|
|
transform:translateY(-50%);
|
||
|
|
padding:0;
|
||
|
|
left:0;
|
||
|
|
right:0;
|
||
|
|
bottom:0;
|
||
|
|
background:var(--background-primary);
|
||
|
|
mix-blend-mode: normal;
|
||
|
|
filter: opacity(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Image blending options */
|
||
|
|
|
||
|
|
.theme-dark img {
|
||
|
|
display: block;
|
||
|
|
max-width: 80%;
|
||
|
|
padding: 0 auto 0 auto;
|
||
|
|
outline: none;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
mix-blend-mode: screen;
|
||
|
|
filter: opacity(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light img {
|
||
|
|
display: block;
|
||
|
|
max-width: 80%;
|
||
|
|
padding: 0 auto 0 auto;
|
||
|
|
outline: none;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
mix-blend-mode: multiply;
|
||
|
|
filter: opacity(0.95);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view img:not([width]) {
|
||
|
|
max-width: 50%;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .popover.hover-popover .markdown-preview-view img {
|
||
|
|
|
||
|
|
mix-blend-mode: screen;
|
||
|
|
filter: opacity(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .popover.hover-popover .markdown-preview-view img {
|
||
|
|
|
||
|
|
mix-blend-mode: multiply;
|
||
|
|
filter: opacity(0.95);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Rightclick menu */
|
||
|
|
|
||
|
|
.is-translucent .menu {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item-icon {
|
||
|
|
display: inline-block;
|
||
|
|
width: 28px;
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
position: relative;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu {
|
||
|
|
background-color: var(--background-secondary-alt);
|
||
|
|
border-radius: 4px;
|
||
|
|
box-shadow: 0px 0px 20px var(--color-accent-shadow);
|
||
|
|
position: absolute;
|
||
|
|
z-index: var( --layer-menu);
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item:hover {
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
text-shadow: 0 0 30px var(--color-accent);
|
||
|
|
text-shadow: inset 0 0 6px #ff9090;
|
||
|
|
/* padding-top: 1px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item:hover > .menu-item-icon {
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-group {
|
||
|
|
padding: 4px 0 14px;
|
||
|
|
border-bottom: 1px solid var(--color-accent-shadow);
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item {
|
||
|
|
padding: 5px 14px 5px 14px;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 10px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
line-height: 0.1em;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-item-icon {
|
||
|
|
display: inline-block;
|
||
|
|
width: 22px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
position: relative;
|
||
|
|
top: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Audio player */
|
||
|
|
|
||
|
|
.theme-light audio {
|
||
|
|
mix-blend-mode: darken;
|
||
|
|
transform: scale(0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark audio {
|
||
|
|
mix-blend-mode: lighten;
|
||
|
|
transform: scale(0.9);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view audio, .markdown-preview-view video {
|
||
|
|
max-width: 80%;
|
||
|
|
outline: none;
|
||
|
|
margin: 0 10% 0 10%;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal.mod-settings .vertical-tab-content-container {
|
||
|
|
/* padding: 5px 0px 0px 0; */
|
||
|
|
height: 70vh;
|
||
|
|
margin: 0 -20px 0 0px;
|
||
|
|
transform: scale(0.9);
|
||
|
|
/* filter: sepia(0.2); */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Internal search */
|
||
|
|
|
||
|
|
.document-search-container.mod-replace-mode {
|
||
|
|
height:90px;
|
||
|
|
}
|
||
|
|
.document-search-container {
|
||
|
|
padding-top:10px;
|
||
|
|
height:50px;
|
||
|
|
background-color:var(--background-primary);
|
||
|
|
border-top:1px solid var(--background-modifier-border);
|
||
|
|
}
|
||
|
|
input.document-search-input, input.document-replace-input {
|
||
|
|
font-size:var(--font-small) !important;
|
||
|
|
border:1px solid var(--background-modifier-border);
|
||
|
|
border-radius:14px;
|
||
|
|
background:var(--background-primary);
|
||
|
|
transition:border-color 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
input.document-search-input:hover,
|
||
|
|
input.document-replace-input:hover {
|
||
|
|
border:1px solid var(--background-modifier-border-hover);
|
||
|
|
background:var(--background-primary);
|
||
|
|
transition:border-color 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
input.document-search-input:focus,
|
||
|
|
input.document-replace-input:focus {
|
||
|
|
border:1px solid var(--background-modifier-border-focus);
|
||
|
|
background:var(--background-primary);
|
||
|
|
transition:all 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
.document-search-button {
|
||
|
|
font-size:var(--font-small);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Sidebar documents */
|
||
|
|
|
||
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
||
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
|
||
|
|
font-size:var(--font-small);
|
||
|
|
line-height:1.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
||
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-section {
|
||
|
|
max-width:100%;
|
||
|
|
padding:0 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Inputs */
|
||
|
|
|
||
|
|
button {
|
||
|
|
background-color:transparent;
|
||
|
|
}
|
||
|
|
button:hover {
|
||
|
|
background-color:var(--background-tertiary);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Checkboxes */
|
||
|
|
|
||
|
|
.markdown-preview-view .task-list-item-checkbox {
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
position: relative;
|
||
|
|
top: 5px;
|
||
|
|
line-height: 1em;
|
||
|
|
margin-left: -2.5em;
|
||
|
|
margin-right: 15px;
|
||
|
|
filter: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .task-list-item-checkbox:checked {
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
|
||
|
|
margin-left: -2.7em;
|
||
|
|
padding-right: 1px;
|
||
|
|
margin-right: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .task-list-item {
|
||
|
|
padding-inline-start:1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.side-dock-plugin-panel-inner {
|
||
|
|
padding-right:6px;
|
||
|
|
padding-left:6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.task-list-item {
|
||
|
|
list-style: none;
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.task-list-item-checkbox {
|
||
|
|
-webkit-appearance: none;
|
||
|
|
box-sizing: border-box;
|
||
|
|
border-radius: 40px;
|
||
|
|
position: relative;
|
||
|
|
width: 2.5em;
|
||
|
|
height: 1em;
|
||
|
|
margin: 0;
|
||
|
|
outline: none;
|
||
|
|
margin-left: -20px;
|
||
|
|
margin-right: 15px;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
cursor: pointer;
|
||
|
|
vertical-align: baseline;
|
||
|
|
background-color: var(--text-selection);
|
||
|
|
box-shadow: 0px 0px 30px transparent;
|
||
|
|
transition: all 200ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag:hover {
|
||
|
|
background: #4e4e4eb0;
|
||
|
|
box-shadow: 0px 0px 40px #585858f2;
|
||
|
|
color: #d0d0d0;
|
||
|
|
transition: all 200ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Toggle switches */
|
||
|
|
|
||
|
|
.theme-light .checkbox-container.is-enabled {
|
||
|
|
background-color: hsla(125, 56%, 46%, 0.52);
|
||
|
|
transition: all 0ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .checkbox-container.is-enabled {
|
||
|
|
background-color: hsla(321, 100%, 57%, 0.95);
|
||
|
|
transition: all 0ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .checkbox-container.is-enabled {
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-translucent .checkbox-container {
|
||
|
|
opacity: 0.8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .checkbox-container {
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 14px;
|
||
|
|
display: inline-block;
|
||
|
|
height: 22px;
|
||
|
|
filter: invert(0.7);
|
||
|
|
position: relative;
|
||
|
|
top: 4px;
|
||
|
|
user-select: none;
|
||
|
|
width: 42px;
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||
|
|
transition: all 100ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .checkbox-container {
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 14px;
|
||
|
|
display: inline-block;
|
||
|
|
height: 22px;
|
||
|
|
filter: invert(0.05);
|
||
|
|
position: relative;
|
||
|
|
top: 4px;
|
||
|
|
user-select: none;
|
||
|
|
width: 42px;
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
|
||
|
|
transition: all 100ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Files explorer */
|
||
|
|
|
||
|
|
.mod-root > .nav-folder-title:before {
|
||
|
|
visibility: visible;
|
||
|
|
line-height: 0.1em;
|
||
|
|
filter: invert(100%) brightness(150%);
|
||
|
|
margin-bottom: -20px;
|
||
|
|
padding: 0px 5% 0 5%;
|
||
|
|
margin-left: calc(40% - 30px);
|
||
|
|
margin-right: calc(40% - 25px);
|
||
|
|
transition: transform 100ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-file-title-content, .nav-folder-title-content {
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder-title-content {
|
||
|
|
text-align: left;
|
||
|
|
padding: 0px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder-title-content {
|
||
|
|
text-align: left;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Vault orb + name */
|
||
|
|
|
||
|
|
.mod-root > .nav-folder-title:before {
|
||
|
|
visibility: visible;
|
||
|
|
filter: opacity(0.2);
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-left: 20px;
|
||
|
|
transition: transform 100ms ease-in-out;
|
||
|
|
content:url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='74' height='74'><path fill='white' stroke='currentColor' d='M 16 5.9375 L 15.65625 6.0625 L 2.65625 10.96875 L 2 11.21875 L 2 12.78125 L 2.65625 13.03125 L 15.65625 17.9375 L 16 18.0625 L 16.34375 17.9375 L 29.34375 13.03125 L 30 12.78125 L 30 11.21875 L 29.34375 10.96875 L 16.34375 6.0625 Z M 16 8.0625 L 26.40625 12 L 16 15.9375 L 5.59375 12 Z M 2 13.90625 L 2 16.78125 L 16 22.0625 L 30 16.78125 L 30 13.90625 L 28 14.65625 L 28 15.40625 L 16 19.9375 L 4 15.40625 L 4 14.65625 Z M 2 17.90625 L 2 20.78125 L 16 26.0625 L 30 20.78125 L 30 17.90625 L 28 18.65625 L 28 19.40625 L 16 23.9375 L 4 19.40625 L 4 18.65625 Z'/></svg>")
|
||
|
|
}
|
||
|
|
|
||
|
|
.mod-root > .nav-folder-title:before::hover {
|
||
|
|
visibility: visible;
|
||
|
|
filter: brightness(50%);
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-left: 20px;
|
||
|
|
transition: transform 100ms ease-in-out;
|
||
|
|
content:url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='74' height='74'><path fill='white' stroke='currentColor' d='M 16 5.9375 L 15.65625 6.0625 L 2.65625 10.96875 L 2 11.21875 L 2 12.78125 L 2.65625 13.03125 L 15.65625 17.9375 L 16 18.0625 L 16.34375 17.9375 L 29.34375 13.03125 L 30 12.78125 L 30 11.21875 L 29.34375 10.96875 L 16.34375 6.0625 Z M 16 8.0625 L 26.40625 12 L 16 15.9375 L 5.59375 12 Z M 2 13.90625 L 2 16.78125 L 16 22.0625 L 30 16.78125 L 30 13.90625 L 28 14.65625 L 28 15.40625 L 16 19.9375 L 4 15.40625 L 4 14.65625 Z M 2 17.90625 L 2 20.78125 L 16 26.0625 L 30 20.78125 L 30 17.90625 L 28 18.65625 L 28 19.40625 L 16 23.9375 L 4 19.40625 L 4 18.65625 Z'/></svg>")
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
|
||
|
|
font-size: 70%;
|
||
|
|
margin-left: 65px;
|
||
|
|
margin-top: 4px;
|
||
|
|
filter: brightness(40%);
|
||
|
|
margin-bottom: 10px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Folders & files formatting */
|
||
|
|
|
||
|
|
|
||
|
|
.nav-folder-title {
|
||
|
|
border: 1px solid transparent;
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 1.2em;
|
||
|
|
padding: 0px 20px 0 26px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
position: relative;
|
||
|
|
text-transform: uppercase;
|
||
|
|
white-space: nowrap;
|
||
|
|
width: max-content;
|
||
|
|
min-width: 99%;
|
||
|
|
display: block;
|
||
|
|
width: 85%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: wrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-file-title {
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-size: 70%;
|
||
|
|
line-height: 0.7em;
|
||
|
|
margin: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
width: max-content;
|
||
|
|
min-width: 99%;
|
||
|
|
display: block;
|
||
|
|
width: 85%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: wrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder.mod-root > .nav-folder-children {
|
||
|
|
padding-left: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder.mod-root > .nav-folder-children {
|
||
|
|
padding-left: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder-children {
|
||
|
|
padding-left: 10px;
|
||
|
|
margin: 5px 0 5px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
color: var(--text-normal);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Outliner for the file and folders */
|
||
|
|
|
||
|
|
/* Active file formatting */
|
||
|
|
|
||
|
|
.nav-file.is-active > .nav-file-title, .nav-file.is-active > .nav-folder-title, .nav-file.is-active > .nav-folder-collapse-indicator, .nav-folder.is-active > .nav-file-title, .nav-folder.is-active > .nav-folder-title, .nav-folder.is-active > .nav-folder-collapse-indicator {
|
||
|
|
background: transparent;
|
||
|
|
margin-left: -1px;
|
||
|
|
padding-left: 27px;
|
||
|
|
color: var(--color-accent);
|
||
|
|
border-radius: 0px;
|
||
|
|
border-left: 1px solid var(--color-accent);
|
||
|
|
border-top: transparent;
|
||
|
|
border-bottom: transparent;
|
||
|
|
border-right: transparent;
|
||
|
|
margin-top:0px
|
||
|
|
margin-bottom:0px;
|
||
|
|
line-height: 0.9em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* normal file formatting */
|
||
|
|
|
||
|
|
|
||
|
|
.nav-file {
|
||
|
|
margin-left: 15px;
|
||
|
|
flex-flow: row;
|
||
|
|
border-radius: 0px;
|
||
|
|
border-left: 1px solid var(--text-shadow);
|
||
|
|
border-top: transparent;
|
||
|
|
border-bottom: transparent;
|
||
|
|
border-right: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* hover file formatting */
|
||
|
|
|
||
|
|
.nav-file:hover {
|
||
|
|
background: transparent;
|
||
|
|
margin-left: 15px;
|
||
|
|
padding-left: -20px;
|
||
|
|
flex-flow: row;
|
||
|
|
border-radius: 0px;
|
||
|
|
border-left: 1px solid var(--text-normal);
|
||
|
|
border-top: transparent;
|
||
|
|
border-bottom: transparent;
|
||
|
|
border-right: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder.is-collapsed .nav-folder-collapse-indicator {
|
||
|
|
filter: invert(50%) saturate(0%);
|
||
|
|
transform: rotate(0deg);
|
||
|
|
position: absolute;
|
||
|
|
left: 5px;
|
||
|
|
top: 6px;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* coloring of open folders */
|
||
|
|
|
||
|
|
.nav-folder .nav-folder-title{
|
||
|
|
color:var(--text-muted);
|
||
|
|
filter: var(--icon-bright);
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-folder-title:before {
|
||
|
|
visibility: visible;
|
||
|
|
font-size: 10px;
|
||
|
|
filter: var(--icon-dark);
|
||
|
|
content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='38' height='38'><path fill='grey' stroke='currentColor' d='M21,18c0,0.6-0.4,1-1,1H4c-0.6,0-1-0.4-1-1V6c0-0.6,0.4-1,1-1h5.6l2,2H20c0.6,0,1,0.4,1,1V18z'/></svg>");
|
||
|
|
position: absolute;
|
||
|
|
stroke-width: 1px;
|
||
|
|
left: 10px;
|
||
|
|
top: 3px;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
transition: transform 100ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* coloring of closed folders */
|
||
|
|
|
||
|
|
.is-collapsed .nav-folder-title{
|
||
|
|
color:var(--text-muted);
|
||
|
|
filter: var(--icon-dark);
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-collapsed .nav-folder-title:before {
|
||
|
|
visibility: visible;
|
||
|
|
font-size: 10px;
|
||
|
|
filter: var(--icon-dark);
|
||
|
|
content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='38' height='38'><path fill='white' stroke='currentColor' d='M 4 4 C 2.9057453 4 2 4.9057453 2 6 L 2 18 C 2 19.094255 2.9057453 20 4 20 L 20 20 C 21.094255 20 22 19.094255 22 18 L 22 8 C 22 6.9057453 21.094255 6 20 6 L 12 6 L 10 4 L 4 4 z M 4 6 L 9.171875 6 L 11.171875 8 L 20 8 L 20 18 L 4 18 L 4 6 z'/></svg>");
|
||
|
|
position: absolute;
|
||
|
|
stroke-width: 1px;
|
||
|
|
left: 10px;
|
||
|
|
top: 3px;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
transition: transform 100ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Hide buttons (add file /folder, sort) */
|
||
|
|
|
||
|
|
.nav-header {
|
||
|
|
padding: 0 0 0 0;
|
||
|
|
visibility: visible;
|
||
|
|
filter: opacity(0);
|
||
|
|
transform: scale(0.85);
|
||
|
|
height: 20px;
|
||
|
|
background: transparent;
|
||
|
|
transition: all 1000ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-header:hover {
|
||
|
|
padding: 0 0 0 0;
|
||
|
|
visibility: visible;
|
||
|
|
filter: opacity(1);
|
||
|
|
height: 20px;
|
||
|
|
background: transparent;
|
||
|
|
transition: all 200ms;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Color of small buttons dx */
|
||
|
|
|
||
|
|
.nav-action-button, .workspace-leaf-content[data-type='search'] .nav-action-button, .workspace-leaf-content[data-type='backlink'] .nav-action-button {
|
||
|
|
/* padding: 0 25px 0 8px; */
|
||
|
|
color: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-action:hover, .view-header-icon:hover, .nav-action-button:hover, .workspace-tab-header:hover, .side-dock-ribbon-tab:hover, .side-dock-ribbon-action:hover {
|
||
|
|
background: transparent;
|
||
|
|
color: var(--color-accent);
|
||
|
|
opacity: 0.8;
|
||
|
|
transition: opacity 0 ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hide buttons (folder icon as collapse buttin) */
|
||
|
|
|
||
|
|
.nav-folder-collapse-indicator {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Non sheet message */
|
||
|
|
|
||
|
|
.empty-state-title {
|
||
|
|
margin-top: 20px;
|
||
|
|
font-weight: 300;
|
||
|
|
color: var(--color-accent);
|
||
|
|
font-size: 100%;
|
||
|
|
position: relative;
|
||
|
|
text-align: center;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.empty-state-action {
|
||
|
|
cursor: pointer;
|
||
|
|
line-height: 22px;
|
||
|
|
font-size: 60%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Left sidebar icons color */
|
||
|
|
|
||
|
|
.side-dock-ribbon-tab, .side-dock-ribbon-action {
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
opacity: 1;
|
||
|
|
opacity: 1;
|
||
|
|
opacity: 0.5;
|
||
|
|
stroke-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Right sidebar tag bar */
|
||
|
|
|
||
|
|
.tag-pane-tag-count {
|
||
|
|
padding:0;
|
||
|
|
color:var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag-pane-tag {
|
||
|
|
/* padding: 0 10px; */
|
||
|
|
cursor: var(--cursor);
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-leaf-content[data-type='tag'] {
|
||
|
|
padding-top:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pane-list-item:hover .pane-list-item-ending-flair {
|
||
|
|
background-color: transparent;
|
||
|
|
color: var(--text);
|
||
|
|
}
|
||
|
|
|
||
|
|
.pane-list-item-ending-flair {
|
||
|
|
position: absolute;
|
||
|
|
top: 7px;
|
||
|
|
right: 10px;
|
||
|
|
font-size: 11px;
|
||
|
|
background-color: var(--background-secondary-alt);
|
||
|
|
line-height: 12px;
|
||
|
|
border-radius: 3px;
|
||
|
|
padding: 2px 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pane-clickable-item {
|
||
|
|
cursor: pointer;
|
||
|
|
/* user-select: none; */
|
||
|
|
color: var(--text-muted);
|
||
|
|
padding: 0px 15px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
margin: 0;
|
||
|
|
/* border-radius: 3px; */
|
||
|
|
font-size: 12px;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag-pane-tag-text {
|
||
|
|
word-break: break-word;
|
||
|
|
padding-right: 20px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Right sidebar TOC bar */
|
||
|
|
|
||
|
|
.outline {
|
||
|
|
font-size: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.collapsible-item-collapse {
|
||
|
|
position: absolute;
|
||
|
|
left: -1px;
|
||
|
|
top: -1px;
|
||
|
|
font-color: white;
|
||
|
|
padding: 2px 6px;
|
||
|
|
/* transition: transform 100ms ease-in-out; */
|
||
|
|
opacity: 0.2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.collapsible-item-self {
|
||
|
|
position: relative;
|
||
|
|
padding: 2px 15px 2px 20px;
|
||
|
|
border-radius: 3px;
|
||
|
|
font-size: 90%;
|
||
|
|
line-height: 1.4;
|
||
|
|
color: var(--text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
.collapsible-item-children {
|
||
|
|
/* margin-left: 20px; */
|
||
|
|
margin: 0px 10px 0px;
|
||
|
|
/* line-height: 1em; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.tree-view-item-self:hover .tree-view-item-collapse,
|
||
|
|
.side-dock-collapsible-section-header:hover,
|
||
|
|
.side-dock-collapsible-section-header:not(.is-collapsed) {
|
||
|
|
color:var(--text-normal);
|
||
|
|
}
|
||
|
|
.search-result-collapse-indicator,
|
||
|
|
.search-result-file-title:hover .search-result-collapse-indicator,
|
||
|
|
.side-dock-collapsible-section-header-indicator:hover,
|
||
|
|
.side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator {
|
||
|
|
color:var(--background-modifier-border-hover);
|
||
|
|
}
|
||
|
|
.tree-view-item-collapse,
|
||
|
|
.is-collapsed .search-result-collapse-indicator,
|
||
|
|
.nav-folder-collapse-indicator,
|
||
|
|
.side-dock-collapsible-section-header-indicator,
|
||
|
|
.is-collapsed .side-dock-collapsible-section-header-indicator {
|
||
|
|
color:var(--background-modifier-border-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Outline */
|
||
|
|
|
||
|
|
.outline {
|
||
|
|
padding-top:10px;
|
||
|
|
padding-bottom:20px;
|
||
|
|
}
|
||
|
|
.outline .pane-empty {
|
||
|
|
font-size:var(--font-small);
|
||
|
|
color:var(--text-faint);
|
||
|
|
margin:0 0 0 15px;
|
||
|
|
}
|
||
|
|
.outline .tree-view-item-self {
|
||
|
|
cursor:var(--cursor);
|
||
|
|
line-height:1.4;
|
||
|
|
margin-bottom:4px;
|
||
|
|
font-size:var(--font-small);
|
||
|
|
}
|
||
|
|
.tree-view-item-collapse {
|
||
|
|
opacity:1;
|
||
|
|
}
|
||
|
|
.outline > .tree-view-item > .tree-view-item-self .right-triangle {
|
||
|
|
opacity:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Search */
|
||
|
|
|
||
|
|
.search-result-file-matched-text {
|
||
|
|
color: var(--text-normal);
|
||
|
|
background-color: transparent;
|
||
|
|
hyphens: none;
|
||
|
|
border-radius: 14px;
|
||
|
|
color: var(--color-accent);
|
||
|
|
text-align: -webkit-center;
|
||
|
|
transition: all 200ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
text-shadow: 0 0 20px var(--color-accent-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-match {
|
||
|
|
cursor:var(--cursor) !important;
|
||
|
|
}
|
||
|
|
.search-result-file-match:hover {
|
||
|
|
color:var(--text-normal);
|
||
|
|
}
|
||
|
|
.search-result-container:before {
|
||
|
|
height:1px;
|
||
|
|
}
|
||
|
|
.search-result-container.is-loading:before {
|
||
|
|
background-color:var(--background-modifier-accent);
|
||
|
|
}
|
||
|
|
.search-result {
|
||
|
|
margin-bottom:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-count {
|
||
|
|
opacity: 1;
|
||
|
|
position: absolute;
|
||
|
|
color: var(--text-faint);
|
||
|
|
background: transparent;
|
||
|
|
padding: -5px 0;
|
||
|
|
top: -1px;
|
||
|
|
font-size: 90%;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-collapsed .search-result-count {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.search-result-file-match:before {
|
||
|
|
top:0;
|
||
|
|
}
|
||
|
|
.search-result-file-match:not(:first-child) {
|
||
|
|
margin-top:0px;}
|
||
|
|
|
||
|
|
|
||
|
|
.search-result-file-match {
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 3px;
|
||
|
|
text-align: justify;
|
||
|
|
hyphens: auto;
|
||
|
|
position: relative;
|
||
|
|
/* left: 4px; */
|
||
|
|
padding: 3px 0px 0px 0px;
|
||
|
|
/* white-space: pre-wrap; */
|
||
|
|
/* width: calc(100% - 20px); */
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-input {
|
||
|
|
max-width:calc(100% - 20px);
|
||
|
|
margin-left:10px;
|
||
|
|
width:500px;
|
||
|
|
}
|
||
|
|
input.search-input:focus {
|
||
|
|
border-color:var(--background-modifier-border);
|
||
|
|
}
|
||
|
|
.workspace-leaf-content[data-type='search'] .search-result-file-matches {
|
||
|
|
border-left:0;
|
||
|
|
padding-left:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-empty-state {
|
||
|
|
font-size: var(--font-small);
|
||
|
|
color: var(--text-faint);
|
||
|
|
padding-left: 10px;
|
||
|
|
font-weight: 100;
|
||
|
|
margin: 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-container {
|
||
|
|
padding:0 10px 5px 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-collapse-indicator {
|
||
|
|
left:5px;
|
||
|
|
}
|
||
|
|
.search-result-file-match:before {
|
||
|
|
height:0.5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-matches {
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 1.4;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-info-more-matches {
|
||
|
|
font-size:var(--font-smaller);
|
||
|
|
padding-top:4px;
|
||
|
|
padding-bottom:4px;
|
||
|
|
color:var(--text-normal);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-info-more-matches {
|
||
|
|
font-size: 70%;
|
||
|
|
padding-top: 0px;
|
||
|
|
text-align: right;
|
||
|
|
margin-left: 20px;
|
||
|
|
padding-bottom: 0px;
|
||
|
|
color: var(--text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-collapsible-section-header-indicator {
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
.side-dock-collapsible-section-header {
|
||
|
|
padding-left:15px;
|
||
|
|
}
|
||
|
|
.backlink-pane {
|
||
|
|
padding-bottom:30px;
|
||
|
|
}
|
||
|
|
.backlink-pane .search-result-container {
|
||
|
|
padding:5px 0px 5px 10px;
|
||
|
|
margin-left:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.search-result-file-title {
|
||
|
|
line-height: 1.3;
|
||
|
|
padding: 4px 10px 4px 10px;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
overflow: hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
text-align: left;
|
||
|
|
text-transform: uppercase;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size: 65%;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight: var(--font-normal);
|
||
|
|
padding: 2px 25px;
|
||
|
|
margin: 0 0px 5px 2px;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
border-top: 1px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result > .search-result-collapse-indicator {
|
||
|
|
left: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-collapsed .search-result-file-title {
|
||
|
|
margin: 0 0px 0px 2px;
|
||
|
|
font-size: 65%;
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
border-top: 1px solid var(--color-accent-shadow-more);
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-item {
|
||
|
|
padding: 4px 18px 0 18px;
|
||
|
|
margin: 4px;
|
||
|
|
line-height: 1.2em;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tree-view-item-self .tree-view-item-collapse, .side-dock-collapsible-section-header, .side-dock-collapsible-section-header:not(.is-collapsed) {
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight: 100;
|
||
|
|
display: block;
|
||
|
|
margin-left: 20px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 80%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-match-replace-button {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
background-color: #d0d0d00d;
|
||
|
|
right: 0%;
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom: 0;
|
||
|
|
opacity: 0.8;
|
||
|
|
text-transform: uppercase;
|
||
|
|
text-align: center;
|
||
|
|
margin: 10px 0 0 0;
|
||
|
|
padding: 2px 20% 2px 20%;
|
||
|
|
font-size: 11px;
|
||
|
|
color: #909090;
|
||
|
|
box-shadow: 0 0 15px #0000001c;
|
||
|
|
transition: all 2500ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-match-replace-button:hover {
|
||
|
|
background: var(--color-accent-hover);
|
||
|
|
box-shadow: 0px 0px 50px var(--color-accent);
|
||
|
|
color: #000000;
|
||
|
|
transition: all 800ms cubic-bezier(0.4, 0, 1, 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-result-file-match:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.list-item-ending-flair {
|
||
|
|
right:0;
|
||
|
|
background:transparent;
|
||
|
|
}
|
||
|
|
.backlink-pane .list-item-ending-flair {
|
||
|
|
right:12px;
|
||
|
|
}
|
||
|
|
.list-item:hover .list-item-ending-flair {
|
||
|
|
background:transparent;
|
||
|
|
color:var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-leaf-content .search-input,
|
||
|
|
.workspace-leaf-content .search-input:hover,
|
||
|
|
.workspace-leaf-content .search-input:focus {
|
||
|
|
font-size: 65%;
|
||
|
|
padding: 7px 10px;
|
||
|
|
border-radius: 8px;
|
||
|
|
background: var(--background-secondary);
|
||
|
|
border: 1px solid var(--background-modifier-border);
|
||
|
|
transition: border-color 0.1s ease-in-out;
|
||
|
|
height: 25px;
|
||
|
|
margin: 5px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-leaf-content .search-input:hover {
|
||
|
|
border-color:var(--background-modifier-border-hover);
|
||
|
|
transition:border-color 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
.workspace-leaf-content .search-input:focus {
|
||
|
|
background:var(--background-primary);
|
||
|
|
border-color:var(--background-modifier-border-focus);
|
||
|
|
transition:all 0.1s ease-in-out;
|
||
|
|
}
|
||
|
|
.workspace-leaf-content .search-input::placeholder {
|
||
|
|
color:var(--text-faint);
|
||
|
|
font-size:var(--font-small);
|
||
|
|
}
|
||
|
|
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content {
|
||
|
|
padding-right:0;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-horizontal.mod-right-split {
|
||
|
|
width:0;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-vertical > .workspace-leaf {
|
||
|
|
padding-right:1px;
|
||
|
|
}
|
||
|
|
.workspace-leaf-content[data-type=starred] .item-list {
|
||
|
|
padding-top:5px;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-right-split .view-content {
|
||
|
|
padding:0 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Tags */
|
||
|
|
|
||
|
|
.tag {
|
||
|
|
display: inline-table;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-decoration: none;
|
||
|
|
hyphens: none;
|
||
|
|
font-size: 75%;
|
||
|
|
color: var(--text-muted);
|
||
|
|
border-radius: 20px;
|
||
|
|
margin: -1px 3px 10px 2px;
|
||
|
|
line-height: 2em;
|
||
|
|
min-width: 100px;
|
||
|
|
margin: 15px 5px auto 5px;
|
||
|
|
padding: auto;
|
||
|
|
text-align: center;
|
||
|
|
background: transparent;
|
||
|
|
box-shadow: 0 0 8px var(--button-background);
|
||
|
|
transition: var(--tags-fade-out-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag{
|
||
|
|
box-shadow: 0 0 10px 0px #00000059;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .tag {
|
||
|
|
box-shadow: 0 0 12px 0px #a0a0a0a3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag:hover {
|
||
|
|
background: var(--button-background-active);
|
||
|
|
box-shadow: 0px 0px 40px #585858f2;
|
||
|
|
color: var(--text-normal);
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Delete or edit the rules
|
||
|
|
|
||
|
|
/* PERSONAL FROMATTING OF TAGSs */
|
||
|
|
|
||
|
|
.theme-light .tag[href="#cze"] {
|
||
|
|
|
||
|
|
content: "🇨🇿";
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag[href="#cze"] {
|
||
|
|
color: #908c09;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#cze"]:hover {
|
||
|
|
background: #fffb68b5;
|
||
|
|
box-shadow: 0px 0px 50px #cecb59f2;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.theme-light .tag[href="#svk"] {
|
||
|
|
color: #000000;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag[href="#svk"] {
|
||
|
|
color: #908c09;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#svk"]:hover {
|
||
|
|
background: #fffb68b5;
|
||
|
|
box-shadow: 0px 0px 50px #cecb59f2;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag[href="#pli"] {
|
||
|
|
color: #000000;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag[href="#pli"] {
|
||
|
|
color: #908c09;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#pli"]:hover {
|
||
|
|
background: #fffb68b5;
|
||
|
|
box-shadow: 0px 0px 50px #cecb59f2;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.theme-light .tag[href="#eng"] {
|
||
|
|
color: #908c09;
|
||
|
|
box-shadow: 0 0 10px 0px #c3be0bd1;
|
||
|
|
transition: all var(--tags-fade-out-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .tag[href="#eng"] {
|
||
|
|
color: #b4c74d;
|
||
|
|
box-shadow: 0 0 10px 0px #86831cd1;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#eng"]:hover {
|
||
|
|
background: #fffb68b5;
|
||
|
|
box-shadow: 0px 0px 50px #cecb59f2;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#audio"]{
|
||
|
|
color: #b661b7;
|
||
|
|
box-shadow: 0 0 10px 0px #b64fffab;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#audio"]:hover {
|
||
|
|
box-shadow: inset 0 0 10px 0px #b64fffab, 0 0 10px 0px #b64fffab;
|
||
|
|
background: #cc8cfb;
|
||
|
|
box-shadow: 0px 0px 50px #b759fb;
|
||
|
|
color: #000000;
|
||
|
|
transition: all var(--tags-fade-in-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.tag[href="#video"] {
|
||
|
|
color: #b661b7;
|
||
|
|
box-shadow: 0 0 10px 0px #a55fd685;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href="#video"]:hover {
|
||
|
|
box-shadow: inset 0 0 10px 0px #b64fffab, 0 0 10px 0px #b64fffab;
|
||
|
|
background: #cc8cfb;
|
||
|
|
box-shadow: 0px 0px 50px #b759fb;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href^="#toedit"] {
|
||
|
|
color: #dc8c8c;
|
||
|
|
box-shadow: 0 0 10px 0px #ea6161a6;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href^="#toedit"]:hover {
|
||
|
|
background: #ff9191;
|
||
|
|
box-shadow: 0px 0px 50px #ff0000fa;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .tag[href^="#important"] {
|
||
|
|
color: #35d276;
|
||
|
|
box-shadow: 0 0 10px 0px #11793c;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .tag[href^="#important"] {
|
||
|
|
color: #35d276;
|
||
|
|
box-shadow: 0 0 10px 0px #14bd5aa6;
|
||
|
|
transition: all var(--tags-fade-out-speed)
|
||
|
|
}
|
||
|
|
|
||
|
|
.tag[href^="#important"]:hover {
|
||
|
|
background: #86f1b2;
|
||
|
|
box-shadow: 0px 0px 50px #86f1b2;
|
||
|
|
color: #000000;
|
||
|
|
transition: var(--tags-fade-in-speed);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Status bar */
|
||
|
|
|
||
|
|
.status-bar, .side-dock.mod-right, .side-dock.mod-left {
|
||
|
|
border-color: #dbdbdc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-bar {
|
||
|
|
--bar-vertical-padding: 4px;
|
||
|
|
--bar-height: 1px;
|
||
|
|
line-height: 20px;
|
||
|
|
padding: 0 20px;
|
||
|
|
height: var(--bar-height);
|
||
|
|
max-height: var(--bar-height);
|
||
|
|
min-height: var(--bar-height);
|
||
|
|
overflow: hidden;
|
||
|
|
background: var(--background-secondary-alt);
|
||
|
|
font-size: 70%;
|
||
|
|
border-top: transparent;
|
||
|
|
z-index: 19;
|
||
|
|
filter: blur(12px);
|
||
|
|
visibility: visible;
|
||
|
|
transition: filter 200ms ease-in-out;
|
||
|
|
box-shadow: -9px -8px 17px 0px var(--background-secondary);
|
||
|
|
transition: all 250ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-bar:hover{
|
||
|
|
filter: blur(0px);
|
||
|
|
--bar-vertical-padding: 4px;
|
||
|
|
--bar-height: calc(22px + (var(--bar-vertical-padding) * 2));
|
||
|
|
transition: all 50ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-bar-item {
|
||
|
|
margin: auto 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-bar-item > * {
|
||
|
|
padding-top: var(--bar-vertical-padding) !important;
|
||
|
|
padding-bottom: var(--bar-vertical-padding) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.status-bar {justify-content: center}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Sidedock icons */
|
||
|
|
|
||
|
|
.workspace-ribbon-collapse-btn,
|
||
|
|
.view-action,
|
||
|
|
.side-dock-ribbon-tab, .side-dock-ribbon-action {
|
||
|
|
cursor:var(--cursor);
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-actions {
|
||
|
|
padding: 4px 22px;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon-collapse-btn {
|
||
|
|
margin-top: -35%;
|
||
|
|
margin-left: 6px;
|
||
|
|
padding: 0px -15px 0 2pt;
|
||
|
|
cursor: pointer;
|
||
|
|
color: var(--text-faint);
|
||
|
|
transform: none;
|
||
|
|
transition: transform 200ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon-collapse-btn {
|
||
|
|
transform: rotateY(0deg);
|
||
|
|
color: white;
|
||
|
|
filter:invert(0.5);
|
||
|
|
margin: 0 -25px 5px 0;
|
||
|
|
content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 100' width='24' height='24'><path fill='black' stroke='currentColor' d='M 27.980469 3.992188 C 27.71875 3.996094 27.472656 4.105469 27.292969 4.292969 L 6.585938 25 L 27.292969 45.707031 C 27.542969 45.96875 27.917969 46.074219 28.265625 45.980469 C 28.617188 45.890625 28.890625 45.617188 28.980469 45.265625 C 29.074219 44.917969 28.96875 44.542969 28.707031 44.292969 L 9.414063 25 L 28.707031 5.707031 C 29.003906 5.417969 29.089844 4.980469 28.929688 4.601563 C 28.769531 4.21875 28.394531 3.976563 27.980469 3.992188 Z M 40.980469 3.992188 C 40.71875 3.996094 40.472656 4.105469 40.292969 4.292969 L 19.585938 25 L 40.292969 45.707031 C 40.542969 45.96875 40.917969 46.074219 41.265625 45.980469 C 41.617188 45.890625 41.890625 45.617188 41.980469 45.265625 C 42.074219 44.917969 41.96875 44.542969 41.707031 44.292969 L 22.414063 25 L 41.707031 5.707031 C 42.003906 5.417969 42.089844 4.980469 41.929688 4.601563 C 41.769531 4.21875 41.394531 3.976563 40.980469 3.992188 Z'/></svg>");
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn {
|
||
|
|
transform: rotateY(180deg);
|
||
|
|
filter: invert(0.5);
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-left: 0px;
|
||
|
|
transition: transform 50ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon-collapse-btn[aria-label-position='right'] {
|
||
|
|
margin-left: 15px;
|
||
|
|
margin-top: 10px;
|
||
|
|
transition: all 0ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.is-fullscreen .workspace-ribbon-collapse-btn[aria-label-position='right']{
|
||
|
|
padding-left: 5px;
|
||
|
|
margin-top: -10px;
|
||
|
|
transition: all 200ms ease-in-out;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon-collapse-btn[aria-label-position='left'] {
|
||
|
|
margin-left: -15px;
|
||
|
|
margin-top: -10px;
|
||
|
|
transition: all 0ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn[aria-label-position='left'] {
|
||
|
|
filter: invert(0.3);
|
||
|
|
margin-top: -10px;
|
||
|
|
margin-left: -3px;
|
||
|
|
transition: transform 50ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon {
|
||
|
|
border-color:var(--background-modifier-border);
|
||
|
|
background:var(--background-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-ribbon.mod-right {
|
||
|
|
right:0;
|
||
|
|
position:absolute;
|
||
|
|
background:transparent;
|
||
|
|
border-right:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
|
||
|
|
margin-right:0;
|
||
|
|
transition: all 500ms ease-in-out;
|
||
|
|
}
|
||
|
|
.side-dock-ribbon-action {
|
||
|
|
padding:6px 0;
|
||
|
|
}
|
||
|
|
.side-dock-settings {
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
.side-dock-ribbon {
|
||
|
|
border-left:0;
|
||
|
|
transition: all 500ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
.side-dock-ribbon {
|
||
|
|
flex: 0 0 30px;
|
||
|
|
display: block;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
/* --------------- */
|
||
|
|
/* iframes */
|
||
|
|
|
||
|
|
iframe {
|
||
|
|
border: 0;
|
||
|
|
margin: 4% 0% 4% 0%;
|
||
|
|
width: 100%;
|
||
|
|
padding: 0;
|
||
|
|
/* max-height: 110%; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Preview Mode */
|
||
|
|
|
||
|
|
.markdown-preview-view hr {
|
||
|
|
height:1px;
|
||
|
|
border-width:2px 0 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.external-link {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: linear-gradient(transparent, transparent), url(/public/images/fdc8603….svg);
|
||
|
|
background-size: 13px;
|
||
|
|
padding-right: 0px;
|
||
|
|
text-decoration: none;
|
||
|
|
color: var(--color-external);
|
||
|
|
background-position-y: 4px;
|
||
|
|
text-shadow: 0 0 20px #05a3f7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footnotes-list {
|
||
|
|
margin-block-start:-10px;
|
||
|
|
padding-inline-start:20px;
|
||
|
|
font-size:var(--font-small);
|
||
|
|
}
|
||
|
|
.footnotes-list p {
|
||
|
|
display:inline;
|
||
|
|
margin-block-end:0;
|
||
|
|
margin-block-start:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.footnote-backref {
|
||
|
|
color:var(--text-faint);
|
||
|
|
}
|
||
|
|
|
||
|
|
a.footnote-link:hover {
|
||
|
|
color: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.footnote-ref a {
|
||
|
|
font-size: 80%;
|
||
|
|
text-decoration: none;
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
margin: 0 5px 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
section.footnotes{
|
||
|
|
text-align: left;
|
||
|
|
font-size: 80%;
|
||
|
|
line-height: 1em;
|
||
|
|
font-weight: 300;
|
||
|
|
margin-bottom: 5pt;
|
||
|
|
}
|
||
|
|
.markdown-preview-view {
|
||
|
|
padding: 10px 20px 10px 20px;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
font-width: 400;
|
||
|
|
line-height: 1.4em;
|
||
|
|
font-size: 88%;
|
||
|
|
position: relative;
|
||
|
|
overflow-y: auto;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-weight: 150;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view blockquote {
|
||
|
|
border-color: transparent;
|
||
|
|
font-size: 95%;
|
||
|
|
text-align: center;
|
||
|
|
hyphens: auto;
|
||
|
|
word-break: keep-all;
|
||
|
|
color: var(--text-muted);
|
||
|
|
font-color: #aacdbe;
|
||
|
|
line-height: 1.3;
|
||
|
|
padding: 1px 2% 1px 2%;
|
||
|
|
margin-top: 15pt;
|
||
|
|
margin-bottom: 15pt;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Preview Mode Lists dx */
|
||
|
|
|
||
|
|
|
||
|
|
/* BULLET POINT RELATIONSHIP LINES */
|
||
|
|
|
||
|
|
.cm-hmd-list-indent .cm-tab, li ul, li ol {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-hmd-list-indent .cm-tab::before, li ul::before, li ol::before {
|
||
|
|
content: '';
|
||
|
|
border-left: 1px solid var(--line-shadow);
|
||
|
|
filter: var(--icon-light);
|
||
|
|
position: absolute;
|
||
|
|
padding:0;
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.cm-hmd-list-indent .cm-tab::before {
|
||
|
|
padding-right: 10px;
|
||
|
|
top: -5px;
|
||
|
|
bottom: -4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.markdown-preview-view ol li {
|
||
|
|
line-height: 1.3em;
|
||
|
|
margin-top: 5px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* tasklist (preview) indentation lines correction dx */
|
||
|
|
.contains-task-list::before {
|
||
|
|
left: 40px ;
|
||
|
|
border-left: 1px solid var(--text-selection);
|
||
|
|
position: absolute;
|
||
|
|
top: 6px;
|
||
|
|
bottom: 1px;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Code */
|
||
|
|
|
||
|
|
.theme-light :not(pre) > code[class*="language-"],
|
||
|
|
.theme-light pre[class*="language-"] {
|
||
|
|
background-color:var(--background-primary-alt);
|
||
|
|
}
|
||
|
|
.theme-light code[class*="language-"], .theme-light pre[class*="language-"] {
|
||
|
|
text-shadow:none;
|
||
|
|
}
|
||
|
|
.cm-s-obsidian .hmd-fold-html-stub,
|
||
|
|
.cm-s-obsidian .hmd-fold-code-stub,
|
||
|
|
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
|
||
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
||
|
|
.cm-s-obsidian .cm-inline-code,
|
||
|
|
.cm-s-obsidian .HyperMD-codeblock,
|
||
|
|
.cm-s-obsidian .HyperMD-hr,
|
||
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
||
|
|
.cm-s-obsidian .cm-hmd-orgmode-markup,
|
||
|
|
.cm-s-obsidian .cm-formatting-code,
|
||
|
|
.cm-s-obsidian .cm-math, .cm-s-obsidian span.hmd-fold-math-placeholder,
|
||
|
|
.cm-s-obsidian .CodeMirror-linewidget kbd,
|
||
|
|
.cm-s-obsidian .hmd-fold-html kbd
|
||
|
|
.CodeMirror-code {
|
||
|
|
font-family:var(--font-monospace);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.cm-s-obsidian .CodeMirror-line {
|
||
|
|
padding: 0 5px 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.cm-s-obsidian .CodeMirror-line * {
|
||
|
|
text-indent: 0;
|
||
|
|
/* word-break: break-word; */
|
||
|
|
margin-right: 2px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* External link */
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: var(--color-accent-hover);
|
||
|
|
filter: brightness(1.9);
|
||
|
|
/* color: var(--color-accent-hover); */
|
||
|
|
}
|
||
|
|
|
||
|
|
.external-link {
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: linear-gradient(transparent, transparent), url(/public/images/fdc8603….svg);
|
||
|
|
background-size: 13px;
|
||
|
|
padding-right: 0px;
|
||
|
|
filter: brightness(1);
|
||
|
|
/* text-decoration: none; */
|
||
|
|
color: var(--text-normal);
|
||
|
|
background-position-y: 4px;
|
||
|
|
text-shadow: 0 0 20px var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Popover */
|
||
|
|
|
||
|
|
|
||
|
|
.popover.hover-popover {
|
||
|
|
transform: scale(0.95); /* makes the content smaller */
|
||
|
|
max-height: 800px; /* was 300 */
|
||
|
|
min-height: 100px;
|
||
|
|
width: 500px; /* was 400 */
|
||
|
|
overflow: overlay; /* new added */
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover .markdown-embed {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover.is-loaded .markdown-embed .markdown-embed-content .markdown-preview-view{
|
||
|
|
padding: 10px 10px 10px 16px; /*16px two pop magin */
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover .markdown-preview-view table{
|
||
|
|
|
||
|
|
min-width: 90%;
|
||
|
|
width: 410px;
|
||
|
|
max-width: 200%;
|
||
|
|
font-size: 90%;
|
||
|
|
height: auto;
|
||
|
|
margin-left: 0%;
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover video {
|
||
|
|
|
||
|
|
min-width: 100%;
|
||
|
|
width: 410px;
|
||
|
|
max-width: 200%;
|
||
|
|
font-size: 90%;
|
||
|
|
height: auto;
|
||
|
|
margin-left: 0%;
|
||
|
|
margin-right: 0%;
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Quick switcher plugin */
|
||
|
|
.is-translucent .prompt {
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.suggestion-item {
|
||
|
|
cursor: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.prompt {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
border-radius: 8px;
|
||
|
|
background-color: var(--background-secondary-alt);
|
||
|
|
z-index: 1;
|
||
|
|
top: 80px;
|
||
|
|
width: 700px;
|
||
|
|
max-width: 80vw;
|
||
|
|
max-height: 70vh;
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-input {
|
||
|
|
display: block;
|
||
|
|
margin: 15px auto;
|
||
|
|
width: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.suggestion-item, .suggestion-empty {
|
||
|
|
padding: 8px 20px;
|
||
|
|
font-size: 90%;
|
||
|
|
line-height: 1.2em;
|
||
|
|
filter: opacity(0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-container .suggestion-item.is-selected {
|
||
|
|
border-radius: 6px;
|
||
|
|
filter: opacity(0.9);
|
||
|
|
color: var(--background-accent);
|
||
|
|
background: var(--color-accent);
|
||
|
|
}
|
||
|
|
|
||
|
|
.suggestion-hotkey {
|
||
|
|
padding: 0 10px;
|
||
|
|
float: right;
|
||
|
|
color: var(--background-primary);
|
||
|
|
background: var(--color-accent-hover);
|
||
|
|
font-size: 12px;
|
||
|
|
font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace);
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus {
|
||
|
|
background: var(--interactive-hover);
|
||
|
|
color: var( --text-normal);
|
||
|
|
font-family: 'Inter', sans-serif;
|
||
|
|
padding: 5px 14px;
|
||
|
|
font-size: 80%;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 4px;
|
||
|
|
outline: none;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] {
|
||
|
|
background: var(--interactive-hover);
|
||
|
|
color: var( --text-normal);
|
||
|
|
font-family: 'Inter', sans-serif;
|
||
|
|
padding: 5px 14px;
|
||
|
|
font-size: 80%;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 4px;
|
||
|
|
outline: none;
|
||
|
|
height: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Search higlight */
|
||
|
|
|
||
|
|
.markdown-preview-view .mod-highlighted {
|
||
|
|
transition: background-color 1s ease;
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
color: var(--text-normal);
|
||
|
|
}
|
||
|
|
|
||
|
|
.search-info-container {
|
||
|
|
color: var(--color-accent);
|
||
|
|
padding: 0 14px;
|
||
|
|
font-size: 11px;
|
||
|
|
line-height: 1.5;
|
||
|
|
margin: 10px 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Graphs */
|
||
|
|
|
||
|
|
|
||
|
|
input[type=range] {
|
||
|
|
background-color: transparent;
|
||
|
|
height:16px;
|
||
|
|
padding:9px 7px 0 7px;
|
||
|
|
-webkit-appearance:none;
|
||
|
|
cursor:default;
|
||
|
|
margin:0;
|
||
|
|
border-radius:50px;
|
||
|
|
}
|
||
|
|
input[type=range]:focus {
|
||
|
|
|
||
|
|
}
|
||
|
|
input[type=range]::-webkit-slider-runnable-track {
|
||
|
|
background:var(--text-muted);
|
||
|
|
height:1px;
|
||
|
|
margin-top:-9px;
|
||
|
|
}
|
||
|
|
input[type=range]::-webkit-slider-thumb {
|
||
|
|
background:var(--text-muted);
|
||
|
|
height:7px;
|
||
|
|
width:20px;
|
||
|
|
margin-top:0px;
|
||
|
|
cursor:default;
|
||
|
|
}
|
||
|
|
input[type=range]::-webkit-slider-thumb:hover,
|
||
|
|
input[type=range]::-webkit-slider-thumb:active {
|
||
|
|
background:var(--text-normal);
|
||
|
|
}
|
||
|
|
.local-graph-jumps-slider-container,
|
||
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container,
|
||
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
|
||
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
|
||
|
|
background:transparent;
|
||
|
|
opacity:0.6;
|
||
|
|
padding:0;
|
||
|
|
left:12px;
|
||
|
|
transition:opacity 0.2s linear;
|
||
|
|
height:auto;
|
||
|
|
}
|
||
|
|
.mod-root .local-graph-jumps-slider-container {
|
||
|
|
right:0;
|
||
|
|
left:0;
|
||
|
|
width:var(--line-width);
|
||
|
|
max-width:var(--max-width);
|
||
|
|
margin:0 auto;
|
||
|
|
top:30px;
|
||
|
|
}
|
||
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
|
||
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
|
||
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
|
||
|
|
.local-graph-jumps-slider-container:hover {
|
||
|
|
opacity:0.8;
|
||
|
|
transition:opacity 0.2s linear;
|
||
|
|
}
|
||
|
|
|
||
|
|
.graph-controls .setting-item {
|
||
|
|
padding: 5px 0 10px 0;
|
||
|
|
line-height: 1em;
|
||
|
|
}
|
||
|
|
.setting-item {
|
||
|
|
display: flex;
|
||
|
|
padding: 18px 0 18px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.graph-controls input[type='text'], .graph-controls input[type='range'] {
|
||
|
|
width: 100%;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*.graph-view.color-fill {
|
||
|
|
color:var(--background-secondary);
|
||
|
|
}
|
||
|
|
.graph-view.color-circle {
|
||
|
|
color:var(--text-normal);
|
||
|
|
}
|
||
|
|
.graph-view.color-line {
|
||
|
|
color:var(--background-modifier-border);
|
||
|
|
}
|
||
|
|
.graph-view.color-text {
|
||
|
|
color:var(--text-normal);
|
||
|
|
} */
|
||
|
|
|
||
|
|
|
||
|
|
.graph-view.color-fill-tag {
|
||
|
|
color:var(--color-accent-hover-invert) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.graph-view.color-fill-highlight {
|
||
|
|
color:var(--color-accent-hover)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.graph-view.color-fill{
|
||
|
|
color: var(--color-accent);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.graph-view.color-line-highlight {
|
||
|
|
color:var(--color-accent-hover);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.color-fill-attachment{
|
||
|
|
|
||
|
|
color: #AC5AFF !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Scroll bars */
|
||
|
|
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width:6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background-color:var(--background-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.workspace-split .mod-vertical .mod-root > ::-webkit-scrollbar-thumb {
|
||
|
|
border-width:0px 4px 6px 0px;
|
||
|
|
border-style:solid;
|
||
|
|
border-radius:0 !important;
|
||
|
|
border-color:var(--background-primary);
|
||
|
|
min-height:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
border-width:0px 4px 6px 0px;
|
||
|
|
border-style:solid;
|
||
|
|
border-radius:0 !important;
|
||
|
|
border-color:var(--background-secondary);
|
||
|
|
min-height:40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Vault menu */
|
||
|
|
|
||
|
|
.recent-vaults-list-item {
|
||
|
|
padding: 10px 10px 10px 15px;
|
||
|
|
cursor: pointer;
|
||
|
|
position: relative;
|
||
|
|
/* width: 150px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark.starter.is-frameless .recent-vaults {
|
||
|
|
flex-shrink: 0;
|
||
|
|
width: 339px;
|
||
|
|
overflow-y: hidden;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.splash {
|
||
|
|
align-items: center;
|
||
|
|
/* background-color: var(--background-primary-alt); */
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
flex-grow: 1;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Embed notes */
|
||
|
|
|
||
|
|
|
||
|
|
.view-header-title, .file-embed-title, .markdown-embed-title {
|
||
|
|
font-family: var(--font-family-preview);
|
||
|
|
font-weight: 400 !important;
|
||
|
|
text-align: center;
|
||
|
|
color: var(--text-normal);
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .markdown-embed-content {
|
||
|
|
max-height:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view .markdown-embed, .markdown-preview-view .file-embed {
|
||
|
|
border-top: 1px solid transparent;
|
||
|
|
border-bottom: 1px solid transparent;
|
||
|
|
padding: 4px 0;
|
||
|
|
margin: 28px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-embed-link, .file-embed-link {
|
||
|
|
position: absolute;
|
||
|
|
top: 20px;
|
||
|
|
right: 0px;
|
||
|
|
filter: saturate(0.5);
|
||
|
|
color: var(--color-accent);
|
||
|
|
cursor: pointer;
|
||
|
|
transform: scale(0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-embed-link, .file-embed-link:hover {
|
||
|
|
position: absolute;
|
||
|
|
top: 20px;
|
||
|
|
right: 0px;
|
||
|
|
filter: saturate(0.8);
|
||
|
|
color: var(--color-accent);
|
||
|
|
cursor: pointer;
|
||
|
|
transform: scale(0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Highlights */
|
||
|
|
|
||
|
|
.theme-light mark {
|
||
|
|
background-color: rgba(255, 255, 255, 0);
|
||
|
|
color: var(--text-normal);
|
||
|
|
text-shadow: 0 0 20px #f3f200;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark mark {
|
||
|
|
background-color: rgba(255, 236, 9, 0);
|
||
|
|
color: #faffd2;
|
||
|
|
text-shadow: 0 0 13px #f9e34999;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Formatting of tables */
|
||
|
|
|
||
|
|
.markdown-preview-view table {
|
||
|
|
min-width: 90%;
|
||
|
|
width: 800px;
|
||
|
|
max-width: 200%;
|
||
|
|
font-size: 90%;
|
||
|
|
height: auto;
|
||
|
|
margin-left: 0%;
|
||
|
|
margin-top: 30px;
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Table header */
|
||
|
|
|
||
|
|
thead {
|
||
|
|
display: table-header-group;
|
||
|
|
vertical-align: middle;
|
||
|
|
border-color: inherit;
|
||
|
|
text-align: center;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: 85%;
|
||
|
|
}
|
||
|
|
|
||
|
|
th, thead {
|
||
|
|
background: var(--background-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-embed table {
|
||
|
|
margin-top: 30px;
|
||
|
|
font-size: 100%;
|
||
|
|
min-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.file-embed-link table {
|
||
|
|
margin-left: 0%;
|
||
|
|
font-size: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr:nth-child(odd) {
|
||
|
|
background-color: var(--background-secondary-table);
|
||
|
|
}
|
||
|
|
|
||
|
|
.markdown-preview-view th, .markdown-preview-view td {
|
||
|
|
padding: 2px 5px 0 0;
|
||
|
|
border: 0.5px solid transparent;
|
||
|
|
text-align: justify;
|
||
|
|
font-size: 95%;
|
||
|
|
word-break: keep-all;
|
||
|
|
hyphens: manual;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Modal dialogue (delete, rename) */
|
||
|
|
.modal-container.mod-confirmation .modal {
|
||
|
|
width: 600px;
|
||
|
|
max-width: 90vw;
|
||
|
|
transform: scale(0.7);
|
||
|
|
}
|
||
|
|
|
||
|
|
p.mod-warning {
|
||
|
|
color: var(--text-error);
|
||
|
|
text-align: center;
|
||
|
|
padding: 0;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-title {
|
||
|
|
font-size: 26px;
|
||
|
|
font-weight: 600;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal-content {
|
||
|
|
margin-top: 18px;
|
||
|
|
font-weight: 200;
|
||
|
|
}
|
||
|
|
|
||
|
|
button.mod-warning {
|
||
|
|
background-color: var(--color-accent);
|
||
|
|
color: var(--text-on-accent);
|
||
|
|
font-size: 80%;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.modal button:not(.mod-cta):not(.mod-warning) {
|
||
|
|
background-color: var(--background-secondary-alt);
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Mermaid diagram */
|
||
|
|
|
||
|
|
.mermaid {
|
||
|
|
transform: scale(0.8);
|
||
|
|
margin: 0 60% 0 40%;
|
||
|
|
display: block;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
/* overflow-x: scroll; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.popover.hover-popover .mermaid {
|
||
|
|
transform: scale(0.6);
|
||
|
|
margin: 0 60% 0 20%;
|
||
|
|
display: block;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
/* overflow-x: scroll; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --------------- */
|
||
|
|
/* Zoom table cell text */
|
||
|
|
|
||
|
|
td:active {
|
||
|
|
position: absolute;
|
||
|
|
width: 50%;
|
||
|
|
height: 50%;
|
||
|
|
padding: 10% 10% 10% 10%;
|
||
|
|
margin: 0% 15% 0% 15%;
|
||
|
|
left: 0;
|
||
|
|
z-index:1;
|
||
|
|
transition: .2s;
|
||
|
|
transform: scale(1.00);
|
||
|
|
border-radius: 15px;
|
||
|
|
background: var(--background-primary);
|
||
|
|
box-shadow: 0px 0px 20px var(--color-accent-shadow);
|
||
|
|
transition: all 0ms ease-in-out
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
thead, .markdown-preview-view th
|
||
|
|
{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PLUGIN SECTION */
|
||
|
|
|
||
|
|
/* Obsidian-daily-tasker-plugin */
|
||
|
|
|
||
|
|
.ei_Copy.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
font-size: 80%;
|
||
|
|
display: inline-block;
|
||
|
|
margin-top: -5px;
|
||
|
|
margin-left: 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#now-line.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
height: 4px;
|
||
|
|
background-color: var(--background-secondary);
|
||
|
|
opacity: 80%;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 3;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#now-line.svelte-1puvib9 .timeline-time.svelte-1puvib9 {
|
||
|
|
position: relative;
|
||
|
|
left: 5px;
|
||
|
|
top: 0;
|
||
|
|
background-color: darkred;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 0 4px 2px 4px;
|
||
|
|
border-radius: 0 0 4px 4px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#day-planner-timeline-container.svelte-4nsrdz.svelte-4nsrdz {
|
||
|
|
position: relative;
|
||
|
|
height: 1440px;
|
||
|
|
font-size: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_title.svelte-1puvib9.svelte-1puvib9, .ei_Title.svelte-1puvib9.svelte-1puvib9, .ce_title.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
color: #fff;
|
||
|
|
font-size: 12px;
|
||
|
|
margin-left: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.aside__line.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
position: absolute;
|
||
|
|
left: 65px;
|
||
|
|
transform: translateX(-50%);
|
||
|
|
width: 4px;
|
||
|
|
height: 100%;
|
||
|
|
background: var(--background-secondary);
|
||
|
|
}
|
||
|
|
|
||
|
|
.ei_Dot.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
position: absolute;
|
||
|
|
border-radius: 50%;
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
margin-top: 8px;
|
||
|
|
margin-left:2px;
|
||
|
|
background-color: var(--background-secondary);
|
||
|
|
box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.event_item.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
border-bottom: 2px solid var(--background-primary);
|
||
|
|
margin: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
padding: 5px 10px 10px 0;
|
||
|
|
width: 100%;
|
||
|
|
filter: hue-rotate(165deg);
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-light .events.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 50px;
|
||
|
|
filter: invert(1) hue-rotate(185deg);
|
||
|
|
/* transform: scale(0.5); */
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-dark .events.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
position: relative;
|
||
|
|
padding-bottom: 50px;
|
||
|
|
filter: brightness(1.3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.dot_active.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
/* background-color: var(--text-error-hover); */
|
||
|
|
}
|
||
|
|
|
||
|
|
#scroll-controls.svelte-1puvib9.svelte-1puvib9 {
|
||
|
|
background-color: var(--background-secondary);
|
||
|
|
position: fixed;
|
||
|
|
bottom: 0;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 4;
|
||
|
|
visibility: hidden;
|
||
|
|
padding: 8px 15px;
|
||
|
|
left: 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Obsidian-calendar-plugin */
|
||
|
|
/* https://github.com/liamcain/obsidian-calendar-plugin */
|
||
|
|
|
||
|
|
#calendar-container {
|
||
|
|
--color-border: transparent !important!;
|
||
|
|
--color-hover: var(--background-primary) !important!;
|
||
|
|
--color-empty: var(--background-secondary) !important!;
|
||
|
|
--color-dot: hsl(105, 70%, 60%) !important!;
|
||
|
|
--color-active: var(--background-primary) !important!;
|
||
|
|
--color-today: var(--color-accent) !important!;
|
||
|
|
transform: scale(0.8);
|
||
|
|
}
|
||
|
|
|
||
|
|
.dot.svelte-762g9o.svelte-762g9o {
|
||
|
|
display: inline-block;
|
||
|
|
fill: var(--color-accent);
|
||
|
|
height: 6px;
|
||
|
|
width: 6px;
|
||
|
|
margin-right: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.svelte-762g9o.svelte-762g9o {
|
||
|
|
transition: background-color 0.1s ease-in;
|
||
|
|
cursor: pointer;
|
||
|
|
background-color: transparent;
|
||
|
|
color: var(--color-text-day);
|
||
|
|
font-size: 0.8em;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.today.svelte-762g9o.svelte-762g9o {
|
||
|
|
background: var(--color-accent-shadow);
|
||
|
|
}
|
||
|
|
|
||
|
|
.title.svelte-762g9o.svelte-762g9o {
|
||
|
|
margin-right: 0px;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow.svelte-762g9o.svelte-762g9o {
|
||
|
|
margin-right: 0px;
|
||
|
|
transform: scale(0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.container.svelte-15nltuc.svelte-15nltuc {
|
||
|
|
/* overflow-y: auto; */
|
||
|
|
/* padding: 0 16px; */
|
||
|
|
/* padding-right: 10px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.container.svelte-1ocurao.svelte-1ocurao {
|
||
|
|
/* padding: 0 8px; */
|
||
|
|
margin-left: -15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.year.svelte-1ocurao.svelte-1ocurao {
|
||
|
|
color: var(--text);
|
||
|
|
}
|
||
|
|
|
||
|
|
.active.svelte-1lgyrog.svelte-1lgyrog, .active.today.svelte-1lgyrog.svelte-1lgyrog {
|
||
|
|
color: var(--text-on-accent) !important;
|
||
|
|
background-color: var(--color-accent)!important;;
|
||
|
|
}
|
||
|
|
|
||
|
|
.today.svelte-1lgyrog.svelte-1lgyrog {
|
||
|
|
color: var(--color-accent);
|
||
|
|
background: var(--color-accent-shadow-more);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PLUGIN WINDOW */
|
||
|
|
|
||
|
|
.community-plugin-search {
|
||
|
|
/* flex: 3 0 0; */
|
||
|
|
background-color: var(--background-secondary-alt);
|
||
|
|
padding: 20px 0 0 0;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
width: 35%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.community-plugin-item .community-plugin-author {
|
||
|
|
font-size: 70%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.community-plugin-downloads {
|
||
|
|
font-size: 10px;
|
||
|
|
color: var(--color-accent);
|
||
|
|
margin-top: 3px;
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flair.mod-pop {
|
||
|
|
background-color: transparent;
|
||
|
|
/* transform: scale(0.5); */
|
||
|
|
color: var(--color-accent);
|
||
|
|
font-size: 40%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flair {
|
||
|
|
background-color: var(--interactive-normal);
|
||
|
|
border-radius: 4px;
|
||
|
|
color: var(--text-normal);
|
||
|
|
font-size: 10px;
|
||
|
|
/* letter-spacing: 0.05em; */
|
||
|
|
margin-left: 8px;
|
||
|
|
/* padding: 2px 4px; */
|
||
|
|
position: relative;
|
||
|
|
text-transform: uppercase;
|
||
|
|
vertical-align: super;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.community-plugin-item .community-plugin-author {
|
||
|
|
font-size: 70%;
|
||
|
|
display: inline-flex;
|
||
|
|
margin-left: 5%;
|
||
|
|
/* text-align: right; */
|
||
|
|
}
|
||
|
|
|
||
|
|
.community-plugin-item {
|
||
|
|
margin: 15px 0;
|
||
|
|
padding: 0px 10px 0px 10px;
|
||
|
|
cursor: pointer;
|
||
|
|
font-size: 80%;
|
||
|
|
line-height: 1.2em;
|
||
|
|
text-align: left;
|
||
|
|
word-break: keep-all;
|
||
|
|
}
|