/* 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, '); } .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, "); } .side-dock-ribbon-action[aria-label='Help']{ color: var(--text-faint); } .side-dock-ribbon-action[aria-label='Settings']{ color: var(--text-faint); } /* --------------- */ /* Tags */ .cm-s-obsidian span.cm-hashtag { background-color: var(--background-tertiary); border: none; color: var(--text-muted); font-size: var(--font-small); text-align: center; text-decoration: none; margin: 0; line-height: 2em; padding-top: 2px; padding-bottom: 2px; cursor: text; } .cm-hashtag-begin { border-top-left-radius:14px; border-bottom-left-radius:14px; padding-left:8px; } .cm-hashtag-end { border-top-right-radius:14px; border-bottom-right-radius:14px; padding-right:8px; } /* --------------- */ /* Modals */ .modal.mod-settings .vertical-tab-content-container { /* border: 1px solid var(--background-modifier-border); */ padding-bottom: 0; padding-right: 0; } .modal.mod-settings { padding: 0; width: 50%; height: 70%; max-width: 90vw; overflow: hidden; display: flex; flex-direction: column; } .modal-close-button { cursor: pointer; position: absolute; top: 5px; left: 10px; /* right: 15px; */ font-size: 30px; color: var(--text-muted); } input.prompt-input, input.prompt-input:hover { /* border: 0; */ background: var(--background-primary); } /* Settings */ .vertical-tab-header-group-title { font-size: 12px; color: var(--color-accent-hover); text-transform: uppercase; letter-spacing: 0.03em; filter: opacity(0.4); padding: 6px 16px; text-align: center; user-select: none; } .vertical-tab-header-group { padding: 20% 0; } .vertical-tab-nav-item { border-left: 10px solid transparent; user-select: none; cursor: pointer; color: var(--text-muted); filter: opacity(0.5); text-align: right; line-height: 1; font-size: 80%; } .setting-item-info { flex-grow: 1; /* margin-right: 20px; */ } .setting-item-name { font-size: 13px; filter: brightness(1.1); text-align: left; /* margin-left: 60px; */ margin-top: 10px; color: var(--text-normal); font-weight: 500; } .vertical-tab-nav-item.is-active { border-left: 5px solid var(--color-accent); background: var(--color-accent-shadow); filter: blur(0px); color: var(--text-normal); font-weight: 300; text-transform: uppercase; } .horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover { background-color: var(--background-secondary); text-shadow: 0 0 40px var(--color-accent); filter: opacity(0.6); } .setting-item-description { color: var(--text-muted); font-size: 10px; text-align: left; line-height: 1.2; /* margin-left: -60px; */ margin-top: 15px; width: 100%; } .setting-item-control button { font-size: 10px; padding: 6px 20px; } .horizontal-tab-content, .vertical-tab-content { background-color: var(--background-secondary); padding: 5px 10px; */ } button.mod-cta { background-color: var(--color-accent); color: var(--background-primary); text-align: center; word-break: keep-all; hyphens: none; } .setting-item-control button { font-size: 10px; padding: 5px 30px 5px; } .setting-item-control { padding-top: 8px; flex-shrink: 1; text-align: left; width: 50%; margin-left: 0px; display: flex; justify-content: flex-end; align-self: flex-start; } .dropdown { font-size: 80%; font-family: 'Inter', sans-serif; color: var(--text-normal); line-height: 1.3; padding: 0.6em 1.9em 0.5em 0.8em; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid var(--background-modifier-border); border-radius: 0.5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: var(--background-modifier-form-field); background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0 0; background-size: 0.65em auto, 100%; } input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] { background: var(--background-modifier-form-field); border: 1px solid var(--background-modifier-border); color: var(--text-normal); font-family: 'Inter', sans-serif; padding: 5px 14px; font-size: 80%; border-radius: 4px; outline: none; height: 30px; } .is-translucent .modal.mod-settings { opacity: 0.9; } .is-translucent .vertical-tab-nav-item.is-active { opacity: 0.7; } /* --------------- */ /* Progress bar */ .progress-bar-message { margin-bottom: 20px; opacity: 1; color: var(--text-on-accent); } .search-result-container.is-loading:before { background-color: var(--text-on-accent); animation: 1000ms ease-in-out 300ms infinite progress-bar; } /* --------------- */ /* Right bubble notice */ .notice { animation: slideInFromRight 500ms forwards; background-color: var(--color-accent); border-radius: 8px; box-shadow: 0 2px 8px var(--color-accent); color: var(--text-primary); font-size: 12px; line-height: 22px; padding: 10px 20px; position: fixed; right: -350px; top: 14px; max-width: 400px; z-index: var(--layer-notice); } .theme-dark .notice { background-color: var(--color-accent); } .theme-light .notice { background-color: var(--color-accent); } .notice.mod-disappearing { right: 14px; animation: slideOutRight 500ms forwards; } /* --------------- */ /* Drag ghost */ .workspace-drop-overlay:before, .mod-drag, .drag-ghost { opacity:0.8; border-radius:0 !important;} /* --------------- */ /* Workspace */ .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content { height:calc(100% - 6px); } .workspace-split.mod-root .workspace-leaf-content { } .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { height:0px; background:transparent; border-bottom:1px solid var(--background-modifier-border); } .workspace-split.mod-right-split > .workspace-leaf-resize-handle { background:transparent; border-left:1px solid var(--background-modifier-border); width:0px !important; } .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle { background:transparent; border-right:1px solid var(--background-modifier-border); width:0px !important; } .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active, .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active { border-color:var(--background-modifier-border-hover); } .workspace-tab-container-before, .workspace-tab-container-after{ width:0; } .workspace-leaf { border-left:0px; } .mod-horizontal .workspace-leaf { border-bottom:0px; } .workspace-leaf:not(.mod-active) {} /* Effects on non-active panels */ .workspace-tab-container-inner { background: transparent; border-bottom: 1px solid var(--background-modifier-border); border-radius: 0; width: 100%; max-width: 100%; margin: 0px auto auto auto; padding-top: 2px; padding-left: 15%; } .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-active, .workspace-tab-header.is-after-active, .workspace-tab-header.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background:transparent; } .workspace-tabs { border:0; padding-right:0; font-size:100%; } .workspace-tab-header-container { border:0 !important; height:36px; } .workspace-split.mod-horizontal > * { width: 101%; flex: 1 0 0; height: 0; } /* --------------- */ /* Tooltip */ .tooltip { animation: fadeIn 500ms forwards ease-in-out; background-color: var(--background-primary); border-radius: 8px; color: var(--text-normal); font-size: 10px; left: 50%; line-height: 15px; max-width: 350px; padding: 2px 10px; position: fixed; text-align: center; transform: translateX(-50%); white-space: nowrap; z-index: var(--layer-tooltip); pointer-events: none; } /* --------------- */ /* Title Bar */ .workspace-leaf.mod-active .view-header-title { text-align: center; font-size: 12px; font-weight: 300; margin: 2px -80px 0 0; color: var(--text-muted); text-transform: uppercase; } .view-header-title { text-align: center; font-size: 12px; font-weight: 300; margin: 2px -80px 0 0; color: #484848; text-transform: uppercase; } .view-actions { z-index:15; background:var(--background-primary); } .view-header { height:40px; } .workspace-tab-header-inner { padding: 3px 10px 3px 10px; } .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle { right: 0; visibility: hidden; top: 0; width: -20px; background: transparent; cursor: col-resize; } .view-header-title:before { background:linear-gradient(90deg, var(--background-transparent) 0%, var(--background-primary) 80%); width:60px; content:" "; height:30px; display:inline-block; vertical-align:bottom; position:absolute; right:0; pointer-events:none; } .workspace-leaf-header, .view-header { background-color:var(--background-primary) !important; border:none !important; } .view-header-title-container { padding-left:0; padding-right:0px; position:absolute; width:var(--line-width); max-width:var(--max-width); margin:0 auto; left:0; right:0; } .view-header-title-container:after { display:none; } /* --------------- */ /* Editor */ /* Moving hash marks into gutter .cm-formatting-header { left:calc(-60px + 0.2em); position:absolute; text-align:right; width:60px; } .CodeMirror-gutter-elt { top:15px; } .cm-s-obsidian .CodeMirror-gutters { left:0px !important; } .CodeMirror-scroll { padding-left:48px; padding-right:48px; } */ .CodeMirror-scroll { overflow: scroll !important; margin-right: 0px; padding-bottom: 30px; height: 100%; outline: none; position: relative; } .markdown-source-view { padding:0; } .cm-s-obsidian .CodeMirror-code { padding-right:0; } .cm-hmd-codeblock{ font-size:70%; margin:0 color:var(--color-accent); } .CodeMirror-lines { width: 80%; margin-left: 10%; padding-bottom:170px; } .cm-s-obsidian div.HyperMD-codeblock-begin-bg, .cm-s-obsidian div.HyperMD-codeblock-end-bg { /* background-color: var(--color-accent); */ filter: opacity(0.5); } .markdown-preview-view { padding:0; } .CodeMirror pre.CodeMirror-line { font-size: 75%; } .markdown-preview-view { padding: 10px 20px 10px 20px; width: 100%; height: 100%; font-width: 400 ; line-height:1.4em; font-size: 92%; position: relative; overflow-y: auto; color: var(--text-normal); font-weight:150; } .CodeMirror, .markdown-preview-section { padding-left:0; padding-right:0; margin:0 auto 0 auto; width:var(--line-width); max-width:var(--max-width); } .cm-s-obsidian pre.HyperMD-header, .CodeMirror-line { } .CodeMirror-linenumber { font-size:var(--font-small) !important; font-feature-settings:'tnum'; padding-top:6px; } .cm-s-obsidian span.cm-url { color:var(--text-accent); } .cm-s-obsidian span.cm-link { color:var(--text-muted); } .cm-s-obsidian span.cm-hmd-internal-link { color:var(--text-accent); } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { /* width: 90%; */ word-wrap: break-word; white-space: pre-wrap; word-break: normal; padding: 0 20px; hyphens: auto; font-size: 85%; } /* Editor Mode Footnotes */ .cm-s-obsidian span.cm-footref { font-size:var(--font-normal); } .cm-s-obsidian pre.HyperMD-footnote { font-size:var(--font-small); padding-left:20px; } .cm-s-obsidian span.cm-footref, .cm-s-obsidian span.cm-blockid { display: inline; font-size: 0.7em; color: var(--text-muted); margin-top: -0.2em; } /* Editor Mode Lists */ .cm-formatting-list { color: var(--color-accent) !important; filter: opacity(0.8); } /* Editor Mode Quotes */ .cm-formatting-quote { color:var(--text-faint) !important; font-family: var(--font-monospace); } .cm-s-obsidian span.cm-quote { color: var(--text-muted); font-family: var(--text-editor); text-align: right; font-style: italic; /* font-size: 90%; */ /* line-height: 1; */ font-weight: 200; /* color: var(--color-accent-hover); */ } /* --------------- */ /* Image zoom */ .markdown-preview-view .internal-embed img { cursor:zoom-in;} .markdown-preview-view .internal-embed img:active { cursor:zoom-out; display:block; z-index:100; position:fixed; max-height:calc(100% + 1px); max-width:calc(100% - 20px); height:calc(100% + 1px); width:100%; object-fit:contain; margin:-0.5px auto 0; text-align:center; top:50%; transform:translateY(-50%); padding:0; left:0; right:0; bottom:0; background:var(--background-primary); mix-blend-mode: normal; filter: opacity(1); } /* --------------- */ /* Image blending options */ .theme-dark img { display: block; max-width: 80%; padding: 0 auto 0 auto; outline: none; margin-left: auto; margin-right: auto; mix-blend-mode: screen; filter: opacity(1); } .theme-light img { display: block; max-width: 80%; padding: 0 auto 0 auto; outline: none; margin-left: auto; margin-right: auto; mix-blend-mode: multiply; filter: opacity(0.95); } .markdown-preview-view img:not([width]) { max-width: 50%; outline: none; } .theme-dark .popover.hover-popover .markdown-preview-view img { mix-blend-mode: screen; filter: opacity(1); } .theme-light .popover.hover-popover .markdown-preview-view img { mix-blend-mode: multiply; filter: opacity(0.95); } /* --------------- */ /* Rightclick menu */ .is-translucent .menu { opacity: 1; } .menu-item-icon { display: inline-block; width: 28px; color: var(--color-accent-hover); position: relative; top: 2px; } .menu { background-color: var(--background-secondary-alt); border-radius: 4px; box-shadow: 0px 0px 20px var(--color-accent-shadow); position: absolute; z-index: var( --layer-menu); user-select: none; } .menu-item:hover { color: var(--color-accent-hover); text-shadow: 0 0 30px var(--color-accent); text-shadow: inset 0 0 6px #ff9090; /* padding-top: 1px; */ } .menu-item:hover > .menu-item-icon { color: var(--color-accent-hover); } .menu-group { padding: 4px 0 14px; border-bottom: 1px solid var(--color-accent-shadow); } .menu-item { padding: 5px 14px 5px 14px; cursor: pointer; font-size: 10px; color: var(--text-muted); line-height: 0.1em; text-transform: uppercase; } .menu-item-icon { display: inline-block; width: 22px; color: var(--text-muted); position: relative; top: 3px; } /* --------------- */ /* Audio player */ .theme-light audio { mix-blend-mode: darken; transform: scale(0.9); } .theme-dark audio { mix-blend-mode: lighten; transform: scale(0.9); } .markdown-preview-view audio, .markdown-preview-view video { max-width: 80%; outline: none; margin: 0 10% 0 10%; padding: 0; } .modal.mod-settings .vertical-tab-content-container { /* padding: 5px 0px 0px 0; */ height: 70vh; margin: 0 -20px 0 0px; transform: scale(0.9); /* filter: sepia(0.2); */ } /* --------------- */ /* Internal search */ .document-search-container.mod-replace-mode { height:90px; } .document-search-container { padding-top:10px; height:50px; background-color:var(--background-primary); border-top:1px solid var(--background-modifier-border); } input.document-search-input, input.document-replace-input { font-size:var(--font-small) !important; border:1px solid var(--background-modifier-border); border-radius:14px; background:var(--background-primary); transition:border-color 0.1s ease-in-out; } input.document-search-input:hover, input.document-replace-input:hover { border:1px solid var(--background-modifier-border-hover); background:var(--background-primary); transition:border-color 0.1s ease-in-out; } input.document-search-input:focus, input.document-replace-input:focus { border:1px solid var(--background-modifier-border-focus); background:var(--background-primary); transition:all 0.1s ease-in-out; } .document-search-button { font-size:var(--font-small); } /* --------------- */ /* Sidebar documents */ .workspace > .workspace-split:not(.mod-root) .CodeMirror, .workspace > .workspace-split:not(.mod-root) .markdown-preview-view { font-size:var(--font-small); line-height:1.2; } .workspace > .workspace-split:not(.mod-root) .CodeMirror, .workspace > .workspace-split:not(.mod-root) .markdown-preview-section { max-width:100%; padding:0 15px; } /* --------------- */ /* Inputs */ button { background-color:transparent; } button:hover { background-color:var(--background-tertiary); } /* --------------- */ /* Checkboxes */ .markdown-preview-view .task-list-item-checkbox { width: 10px; height: 10px; position: relative; top: 5px; line-height: 1em; margin-left: -2.5em; margin-right: 15px; filter: none; } .markdown-preview-view .task-list-item-checkbox:checked { width: 15px; height: 15px; margin-left: -2.7em; padding-right: 1px; margin-right: 12px; } .markdown-preview-view .task-list-item { padding-inline-start:1.5em; } .side-dock-plugin-panel-inner { padding-right:6px; padding-left:6px; } .task-list-item { list-style: none; margin-top: 2px; } .task-list-item-checkbox { -webkit-appearance: none; box-sizing: border-box; border-radius: 40px; position: relative; width: 2.5em; height: 1em; margin: 0; outline: none; margin-left: -20px; margin-right: 15px; margin-bottom: 3px; cursor: pointer; vertical-align: baseline; background-color: var(--text-selection); box-shadow: 0px 0px 30px transparent; transition: all 200ms cubic-bezier(0.4, 0, 1, 1); } .tag:hover { background: #4e4e4eb0; box-shadow: 0px 0px 40px #585858f2; color: #d0d0d0; transition: all 200ms cubic-bezier(0.4, 0, 1, 1); } /* --------------- */ /* Toggle switches */ .theme-light .checkbox-container.is-enabled { background-color: hsla(125, 56%, 46%, 0.52); transition: all 0ms ease-in-out } .theme-dark .checkbox-container.is-enabled { background-color: hsla(321, 100%, 57%, 0.95); transition: all 0ms ease-in-out } .is-translucent .checkbox-container.is-enabled { opacity: 0.8; } .is-translucent .checkbox-container { opacity: 0.8; } .theme-dark .checkbox-container { cursor: pointer; border-radius: 14px; display: inline-block; height: 22px; filter: invert(0.7); position: relative; top: 4px; user-select: none; width: 42px; background: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); transition: all 100ms ease-in-out } .theme-light .checkbox-container { cursor: pointer; border-radius: 14px; display: inline-block; height: 22px; filter: invert(0.05); position: relative; top: 4px; user-select: none; width: 42px; background: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); transition: all 100ms ease-in-out } /* --------------- */ /* Files explorer */ .mod-root > .nav-folder-title:before { visibility: visible; line-height: 0.1em; filter: invert(100%) brightness(150%); margin-bottom: -20px; padding: 0px 5% 0 5%; margin-left: calc(40% - 30px); margin-right: calc(40% - 25px); transition: transform 100ms ease-in-out; } .nav-file-title-content, .nav-folder-title-content { float: none; } .nav-folder-title-content { text-align: left; padding: 0px; } .nav-folder-title-content { text-align: left; margin: 0; padding: 0px; } /* Vault orb + name */ .mod-root > .nav-folder-title:before { visibility: visible; filter: opacity(0.2); margin-top: 0px; margin-left: 20px; transition: transform 100ms ease-in-out; content:url("data:image/svg+xml;charset=UTF-8, ") } .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; } /* 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, "); 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, "); 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, "); } .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; }