/*
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,
.titlebar-button-container {
display: block;
}
.search-result-file-matches,
.backlink-pane .search-result-file-matches,
.workspace-leaf-content[data-type=starred] .nav-header {
}
.side-dock-ribbon-action[aria-label='Help'] {
color: var(--text-faint);
visibility: hidden;
margin: -25px;
}
:root {
--base-h:0;
--base-s:0%;
--base-d:10%;
--base-l:95%;
--accent-h:210;
--accent-h-o: 50;
--accent-s:90%;
--accent-d:85%;
--accent-l:63%;
--main-accent-h:360;
--main-accent-s:70%;
--main-accent-d:60%;
--main-accent-l:10%;
--text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,'m1+ 1p';
--text-editor:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue", 'm1+ 1p';
--font-monospace:Menlo,Monaco,Consolas,"Courier New",monospace;
--font-normal:16px;
--font-medium:13.5px;
--font-small:12px;
--font-smaller:11px;
--normal-weight:300;
--bold-weight:500;
--line-width:800px;
--max-width: 100%;
--view-width: 95%;
--cursor:pointer;
--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 {
--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);
--color-accent-bright:hsla(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 20%),0.9);;
}
.theme-light {
--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);
--color-accent-bright:hsla(var(--main-accent-h),var(--main-accent-s),calc(var(--main-accent-d) + 5%),1.9);
}
.markdown-source-view.is-readable-line-width .CodeMirror {
max-width: 120%;
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;
}
.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);
}
.markdown-preview-view .collapse-indicator {
color: var(--color-accent);
margin-top: 0.4%;
transform: scale(0.8);
filter: opacity(0.1);
}
.markdown-preview-view .collapse-indicator:hover {
color: var(--color-accent);
margin-top: 0.4%;
transform: scale(0.8);
filter: opacity(1);
}
.collapse-icon svg {
transition: transform 100ms ease-in-out;
transform: scale(1.6);
color: var(--color-accent);
}
.markdown-preview-view .list-collapse-indicator {
margin-left: -5%;
}
.markdown-preview-view .collapse-indicator {
margin-left: -5%;
}
.popover {
}
.popover.hover-popover {
position: fixed;
z-index: var(--layer-popover);
width: 120%;
max-width: 550px;
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%;
}
::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, input, button {
letter-spacing:0.02rem;
}
body, input, button,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian {
font-family:var(--text) !important;
font-size:var(--font-normal);
font-weight:var(--normal-weight);
text-align: justify;
-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;
}
mjx-c {
display: inline-block;
margin: 0 1px;
font-family: 'Inter';
padding: 0px -1px;
}
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;
}
.theme-dark 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, ');
}
.theme-light 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, ');
}
.markdown-preview-view ul > li.task-list-item.is-checked {
text-decoration: line-through;
margin: -1px 1px;
color: var(--text-faint);
}
.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-normal);
text-align: left;
line-height: 1.2;
font-size: 13px;
hyphens: auto;
text-transform: uppercase;
}
.markdown-preview-view .internal-embed:not(.image-embed) {
display: block;
font-size: 80;
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 0.1;
text-align: left;
border-left: transparent;
border-right: transparent;
color: var(--text-shadow);
}
.internal-query.is-embed .search-result-file-matches {
font-size: 100%;
line-height: 1.2;
margin-bottom: 10px;
color: var(--text-muted);
display: none;
}
.internal-query.is-embed .tree-item-inner:before {
content: "◉";
color: var(--color-accent);
position: absolute;
transform: scale(0.4);
margin-left: -1.2em;
display: inline-block;
width: -30px;
text-indent: 0;
text-align: center;
}
.tree-item-self .collapse-icon {
margin-left: -20px;
width: 13px;
padding-left: 6px;
}
.internal-query.is-embed .is-collapsed .search-result-file-title {
margin: 0 0px 0px 2px;
font-size: 85%;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-top: 1px solid var(--color-accent-shadow-more);
display: none;
}
.internal-query.is-embed .tree-item-inner {
font-size: 70%;
text-transform: uppercase;
margin: 2px 2px -10px 20px;
}
.markdown-preview-view .internal-query.is-embed {
margin: 28px 0;
border-bottom: 1px solid var(--background-modifier-border);
}
.markdown-preview-view .internal-query.is-embed .internal-query-header-title {
font-size: 80%;
font-weight: 600;
}
.markdown-preview-view .internal-query.is-embed .internal-query-header-icon {
color: var(--text-faint);
margin-right: 6px;
display: flex;
transform: scale(0.7);
}
.markdown-preview-view .internal-query.is-embed .internal-query-header {
display: none;
text-align: center;
padding: 4px 0 12px 0;
color: var(--color-accent);
filter: opacity(0.6);
justify-content: center;
align-items: center;
border-top: transparent;
}
.markdown-preview-view .internal-query.is-embed .internal-query-header-icon {
color: var(--color-accent);
margin-right: 6px;
display: flex;
transform: scale(0.7);
}
.markdown-preview-view .internal-query.is-embed .search-results-children {
padding: 4px 0;
max-height: 100%;
}
.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);
transform: scale(0.9);
margin: 0px;
padding: 0px;
}
.workspace-tab-header-inner {
padding: 3px 0px 3px 10px;
}
.view-header-icon {
opacity:0.2;
}
.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;
}
.view-header-icon {
padding: 8px 15px;
color: var(--text-muted);
cursor: grab;
}
.workspace-split.is-collapsed ~ .mod-root .view-header-icon {
opacity:0.2;
}
.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;
}
.theme-dark :not(pre) > code[class*="language-"], .theme-dark pre[class*="language-"] {
line-height: 1;
font-size: 90%;
filter: opacity(0.5);
}
.theme-light code[class*="language-"], .theme-light pre[class*="language-"] {
text-shadow: none;
background: transparent;
line-height: 1;
font-size: 90%;
filter: opacity(0.8);
}
.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, ");
}
.side-dock-ribbon-action[aria-label='Help']{
color: var(--text-faint);
}
.side-dock-ribbon-action[aria-label='Settings']{
color: var(--text-faint);
}
.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;
}
.modal.mod-settings .vertical-tab-content-container {
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;
font-size: 30px;
color: var(--text-muted);
}
input.prompt-input, input.prompt-input:hover {
background: var(--background-primary);
}
.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;
}
.setting-item-name {
font-size: 13px;
filter: brightness(1.1);
text-align: left;
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-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-message {
margin-bottom: 20px;
opacity: 0.8;
color: var(--color-accent);
}
.search-result-container.is-loading:before {
background-color: var(--text-on-accent);
animation: 1000ms ease-in-out 300ms infinite progress-bar;
}
.setting-item.mod-search-setting.is-loading .setting-item-control:before {
background-color: transparent;
width: 500px;
animation: 500ms ease-in-out 1500ms infinite progress-bar;
}
.progress-bar-line {
position: absolute;
opacity: 0.4;
background-color: transparent;
width: 500px;
height: 5px;
}
.progress-bar-subline {
position: absolute;
background-color: var(--color-accent);
height: 8px;
width: 500px;
}
.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: 0px;
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);
}
.workspace-drop-overlay:before,
.mod-drag,
.drag-ghost {
opacity:0.8;
border-radius:0 !important;}
.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) {}
.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: -10px;
margin-top: -5px;
padding-left: 1%;
}
.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 {
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;
}
.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-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;
}
.CodeMirror-scroll {
overflow: scroll !important;
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 {
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 {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
padding: 0 20px;
hyphens: auto;
font-size: 85%;
}
.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;
}
.cm-formatting-list {
color: var(--color-accent) !important;
filter: opacity(0.8);
}
.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-weight: 200;
}
.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-color: transparent;
color:transparent;
mix-blend-mode: normal;
}
.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;
}
.theme-light .popover.hover-popover .markdown-preview-view img {
mix-blend-mode: multiply;
}
span[src$="#side"] {
position: relative;
float: left;
width: 35%;
margin-top: 5px;
margin-left: 10px;
margin-right: 12px;
}
.theme-dark span[src$="invert_B"] img{
filter: invert(1) hue-rotate(180deg);
}
.theme-light span[src$="#invert_W"] img{
filter: invert(1) hue-rotate(180deg);
}
span[src$="#contrast"] img{
filter: contrast(1.2);
}
.theme-dark span[src$="invert_B_C"] img{
filter: invert(1) hue-rotate(180deg) contrast(1.5);
}
.theme-light span[src$="#invert_W_C"] img{
filter: invert(1) hue-rotate(180deg) contrast(1.45);
}
.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;
}
.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;
}
.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 {
height: 70vh;
margin: 0 -20px 0 0px;
transform: scale(0.9);
}
.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);
}
.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;
}
button {
background-color:transparent;
}
button:hover {
background-color:var(--background-tertiary);
}
.markdown-preview-view .task-list-item-checkbox {
width: 10px;
height: 10px;
position: relative;
top: 5px;
line-height: 1em;
margin-left: -0.8em;
margin-right: 15px;
filter: none;
}
.theme-dark .markdown-preview-view .internal-link.is-unresolved {
opacity: 0.5;
color: var(--text-faint);
filter: brightness(1.2);
}
.theme-light .markdown-preview-view .internal-link.is-unresolved {
opacity: 0.5;
color: var(--text-faint);
filter: opacity(0.3);
}
.markdown-preview-view .task-list-item-checkbox:checked {
width: 15px;
height: 15px;
margin-left: -0.9em;
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);
}
.tag-container {
font-size: 14px;
padding: 0 10px 0 0;
}
.tree-item-self {
display: flex;
align-items: flex-start;
padding: 0px 6px 0px 20px;
border-radius: 3px;
color: var(--text-muted);
}
.tag-pane-tag-text {
word-break: break-word;
padding-right: 20px;
font-size: 12px;
text-transform: capitalize;
}
.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
}
.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;
}
.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, ")
}
.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, ")
}
.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;
}
.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%;
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);
}
.tree-item-flair {
font-size: 8px;
line-height: 12px;
border-radius: 3px;
padding: 2px 4px;
background-color: var(--background-secondary-alt);
}
.tree-item-flair:hover {
font-size: 8px;
line-height: 12px;
border-radius: 3px;
padding: 2px 4px;
background-color: var(--background-secondary-alt);
}
.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;
}
.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;
}
.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;
}
.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, ");
position: absolute;
stroke-width: 1px;
left: 10px;
top: 3px;
width: 9px;
height: 9px;
transition: transform 100ms ease-in-out;
}
.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, ");
position: absolute;
stroke-width: 1px;
left: 10px;
top: 3px;
width: 9px;
height: 9px;
transition: transform 100ms ease-in-out;
}
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {
background-color: var(--color-accent);
}
.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;
}
.nav-action-button, .workspace-leaf-content[data-type='search'] .nav-action-button, .workspace-leaf-content[data-type='backlink'] .nav-action-button {
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;
}
.nav-folder-collapse-indicator {
visibility: hidden;
}
.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%;
}
.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;
}
.tag-pane-tag-count {
padding:0;
color:var(--text-faint);
}
.tag-pane-tag {
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;
color: var(--text-muted);
padding: 0px 15px;
line-height: 1.3em;
margin: 0;
font-size: 12px;
position: relative;
}
.tag-pane-tag-text {
word-break: break-word;
padding-right: 20px;
font-size: 12px;
}
.outline {
font-size: 70%;
}
.collapsible-item-collapse {
position: absolute;
left: -1px;
top: -1px;
font-color: white;
padding: 2px 6px;
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: 0px 10px 0px;
}
.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 {
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-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(--color-accent);
filter:opacity(0.5);
margin: 0px
padding-bottom: 5px;
}
.is-loading:before {
content: ' ';
position: absolute;
top: 0;
width: 0;
height: 1px;
background-color:var(--color-accent);
filter:opacity(0.5);
animation: 1500ms ease-in-out 100ms infinite progress-bar;
}
.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-input-container {
margin: 0 14px 15px 14px;
position: relative;
}
.search-result-file-match:before {
top:0;
}
.search-result-file-match:not(:first-child) {
margin-top: 0px;
font-size: 90%;
}
.search-result-file-match {
cursor: pointer;
border-radius: 3px;
text-align: justify;
hyphens: auto;
position: relative;
padding: 3px 0px 0px 0px;
}
.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: 5px 5px 0px 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.2;
margin-bottom: 10px;
color: var(--text-muted);
}
.search-info-more-matches {
font-size: 70%;
padding-top: 0px;
text-align: left;
size: 80%;
padding-bottom: 0px;
color: var(--color-accent-shadow);
}
.tree-item-flair-outer {
visibility: hidden;
}
.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.1;
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: 1em;
color: var(--text-normal);
font-weight: var(--font-normal);
padding: 0px 25px;
margin: 0px 0px 5px 2px;
width: 90%;
overflow: hidden;
hyphens: auto;
white-space: nowrap;
text-overflow: ellipsis;
}
.tree-item-self {
display: flex;
align-items: flex-start;
padding: 0px 6px 0px 20px;
border-radius: 3px;
color: var(--text-muted);
}
.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;
}
a.tag {
display: inline-block;
}
.tag {
display: table;
text-decoration: none;
hyphens: none;
font-size: 90%;
color: var(--text-muted);
border-radius: 20px;
margin: -1px 3px 10px 2px;
line-height: 1;
min-width: 80px;
min-height: 17px;
padding-top: 2px;
margin: auto 0px auto 0px;
padding: auto;
text-align: center;
background: transparent;
transition: var(--tags-fade-out-speed);
transform: scale(0.7);
}
.theme-light .tag{
box-shadow: 0 0 10px 0px #00000059;
}
.theme-dark .tag {
box-shadow: 0 0 2px 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);
}
.theme-light .tag[href="#cze"] {
content: "🇨🇿";
box-shadow: 0 0 2px 0px #c3be0bd1;
transition: all var(--tags-fade-out-speed)
}
.theme-dark .tag[href="#cze"] {
color: #b4c74d;
box-shadow: 0 0 2px 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 2px 0px #c3be0bd1;
transition: all var(--tags-fade-out-speed)
}
.theme-dark .tag[href="#svk"] {
color: #b4c74d;
box-shadow: 0 0 2px 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 2px 0px #c3be0bd1;
transition: all var(--tags-fade-out-speed)
}
.theme-dark .tag[href="#pli"] {
color: #b4c74d;
box-shadow: 0 0 2px 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 2px 0px #c3be0bd1;
transition: all var(--tags-fade-out-speed);
}
.theme-dark .tag[href="#eng"] {
color: #b4c74d;
box-shadow: 0 0 2px 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 2px 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 2px 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 2px 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 2px 0px #11793c;
transition: all var(--tags-fade-out-speed)
}
.theme-light .tag[href^="#important"] {
color: #35d276;
box-shadow: 0 0 2px 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, .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}
.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: "0"
}
.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: -13px;
transition: all 200ms ease-in-out;
}
.workspace-ribbon-collapse-btn[aria-label-position='left'] {
margin-top: -10px;
transition: all 50ms ease-in-out;
}
.workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn[aria-label-position='left'] {
filter: invert(0.3);
margin-top: -13px;
margin-left: -3px;
transition: transform 150ms ease-in-out;
}
.workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn[aria-label-position='left'] {
margin-top: -10px;
}
.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;
}
.tree-item-inner {
font-size: 70%;
text-transform: uppercase;
margin: 1px -2px -10px 0;
color: var(--text-normal);
}
iframe {
border: 0;
margin: 4% 0% 4% 0%;
width: 100%;
padding: 0;
}
.markdown-preview-view hr {
height:1px;
border-width:2px 0 0 0;
}
.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;
}
.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;
}
::marker {
color: var(--color-accent);
font-weight: 400;
}
.markdown-preview-view li {
line-height: 1.5em;
font-size: 95%;
margin-left: 0.1em;
text-align: left;
}
.markdown-preview-view ol{
line-height: 1.5em;
}
.contains-task-list::before {
left: 40px ;
border-left: 1px solid var(--text-selection);
position: absolute;
top: 6px;
bottom: 1px;
z-index: 0;
}
.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;
margin-right: 2px;
width: 100%;
}
a:hover {
color: var(--color-accent-hover);
filter: brightness(1.9);
}
.external-link {
background-repeat: no-repeat;
background-image: linear-gradient(transparent, transparent), url(/public/images/fdc8603….svg);
text-decoration: none;
color: var(--color-accent-bright);
margin:0 0 0 0;
padding: 0 0 0 0;
text-shadow: 0 0 20px transparent;
}
a.external-link[href="kmtrigger://macro=Play%"]{
color: purple;
}
.external-link:hover{
cursor: pointer;
}
.external-link:after{
display: inline-block;
content: "↩";
margin: 0 0 0 2px;
color: var(--color-accent-bright);
vertical-align: super;
font-size:40%;
}
.popover.hover-popover {
transform: scale(0.95);
max-height: 800px;
min-height: 100px;
width: 500px;
overflow: overlay;
}
.popover.hover-popover .markdown-embed {
height: 100%;
overflow: overlay;
width: 100%;
}
.popover.hover-popover.is-loaded .markdown-embed .markdown-embed-content .markdown-preview-view{
padding: 10px 10px 10px 16px;
}
.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;
}
.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: 70%;
text-align: center;
border-radius: 4px;
outline: none;
height: 30px;
}
.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;
}
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-controls.is-close {
min-width: inherit;
background-color: transparent;
border: 1px solid transparent;
padding: 0px 28px 2px 8px;
margin: -10px -6px;
transform: scale(0.8);
}
.graph-control-section-header {
font-weight: 600;
font-size: 90%;
color: var(--text-normal);
}
.graph-controls {
position: absolute;
left: 0px;
top: 0px;
padding: 8px 16px 8px 8px; */
background-color: var(--background-primary-alt); */
min-width: 240px;
max-width: 280px; */
border: 1px solid var(--background-modifier-border); */
border-radius: 6px;
max-height: calc(100% - 16px); */
overflow: auto;
transform: scale(0.);
}
.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;
}
::-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;
}
.recent-vaults-list-item {
padding: 10px 10px 10px 15px;
cursor: pointer;
position: relative;
}
.theme-dark.starter.is-frameless .recent-vaults {
flex-shrink: 0;
width: 339px;
overflow-y: hidden;
height: 100%;
}
.splash {
align-items: center;
display: flex;
flex-direction: column;
flex-grow: 1;
text-align: center;
}
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
max-height: 100%;
}
.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, .markdown-preview-view .file-embed {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 0px 0;
margin: 0;
height: 100%;
}
.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);
}
.theme-light mark {
background-color: #fffb6852;
color: #000000;
text-shadow: 0 0 33px #fff800;
}
.theme-dark mark {
background-color: #fffb680f;
color: #fffc7d;
text-shadow: 0 0 33px #fff800;
}
.markdown-preview-view table {
min-width: 90%;
width: 100%;
max-width: 200%;
font-size: 90%;
height: auto;
margin-left: 0%;
margin-top: 30px;
margin-bottom: 20px;
}
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: left;
font-size: 95%;
word-break: keep-all;
hyphens: auto;
}
.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 {
transform: scale(0.8);
display: inline-block;
font-size: 100%;
justify-content: center;
align-items: center;
padding: 2% 5% 2% 5%;}
#mbff9761193691098 {
font-family: var(--mermaid-font);
font-size: 100%;
fill: var(--text-normal);
}
.popover.hover-popover .mermaid {
transform: scale(1.0);
}
@media print {
.mermaid > svg {
max-width: 100%;
max-height: 100%;
page-break-inside: avoid;
}
}
.mermaid > svg {
max-width: 100%;
}
tarot
thead, .markdown-preview-view th
{
text-align: center;
}
.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);
}
.theme-dark .events.svelte-1puvib9.svelte-1puvib9 {
position: relative;
padding-bottom: 50px;
filter: brightness(1.3);
}
.dot_active.svelte-1puvib9.svelte-1puvib9 {
}
#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;
}
#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.90);
}
.container.svelte-km7ymq {
--color-background-heading: transparent;
--color-background-day: transparent;
--color-background-weeknum: transparent;
--color-background-weekend: transparent;
--color-dot: var(--color-accent);
--color-arrow: var(--text-muted);
--color-button: var(--text-muted);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-muted);
--color-text-day: var(--text-normal);
--color-text-today: var(--color-accent)!important!;
}
.year.svelte-1elemso {
color: var(--text-editor) !important!;
}
.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 {
}
.container.svelte-1ocurao.svelte-1ocurao {
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);
}
.community-plugin-search {
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;
color: var(--color-accent);
font-size: 40%;
}
.flair {
background-color: var(--interactive-normal);
border-radius: 4px;
color: var(--text-normal);
font-size: 10px;
margin-left: 8px;
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%;
}
.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;
}
div#dangling-links {
font-size: 70%;
line-height: 1.2em;
}
div#dangling-links .cm-hmd-list-indent .cm-tab, li ul, li ol {
position: relative;
padding-left: 15px;
line-height: 1.em;
}
.todo-list {
font-size: 80%;
margin: 5px 20px 5px 20px;
}
g.react-calendar-heatmap-month-labels {
font-size: 50%;
}
g.react-calendar-heatmap-weekday-labels {
visibility: hidden;
display: none;
}
div#calendar-container element.style {
padding: 10px 0px 0px 10px;
max-width: 300px;
margin-left: auto;
margin-top: -80px;
}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
stroke: #02d75ff7 !important;
}
.ct-label.ct-vertical.ct-start {
filter: opacity(0.3);
}
.svg.svelte-t9i4te {
width: 18px !important;
height: 18px !important;
fill: var(--text-normal) !important;
transition: transform 150ms ease !important;
cursor: pointer !important;
margin: 1px 10px !important;
}
.count.svelte-im5pnh {
font-size: 80% !important;
}
.group-header.svelte-im5pnh {
font-weight: 600 !important;
font-size: 80% !important;
text-transform: uppercase !important;
display: flex !important;
text-align: center !important;
align-items: center !important;
}
.compact.svelte-zpfope.svelte-zpfope {
margin-bottom: 0px !important;
}
.item.svelte-zpfope.svelte-zpfope {
display: flex !important;
align-items: center !important;
border-radius: 8px !important;
margin-bottom: 0px !important;
background: transparent var(--background-secondary) !important;
cursor: pointer !important;
transition: background-color 100ms ease-in-out !important;
}
.compact.svelte-zpfope>.content.svelte-zpfope {
padding: 4px 8px !important;
line-height: 1 !important;
font-size: 80% !important;
padding: 0 !important;
}
.checkbox.svelte-y3iyim {
border: 2px solid var(--color-accent) !important;
padding: 2px !important;
background: transparent var(--background-secondary) !important;
position: relative !important;
min-width: 10px !important;
min-height: 10px !important;
}