XeNote/posts/.obsidian/themes/Suddha.css

3596 lines
86 KiB
CSS
Raw Normal View History

2021-03-03 21:33:38 +00:00
/*
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.w3c3.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;
}