/* colors */ :root { --tan: #B68D40; --cream: #F4EBD0; --charcoal: #122620; --gold: #D6AD60; --beige: #6F5B3E; --black: #171515; --black2: #232425; --black3: #303234; --pewter: #D4D9DD; --olive: #778A35; --sage-green: #D1E2C4; --pewter-dark: #2a2b2b; --mocha: #706553; --light-mocha: #C3B091; --latte: #E4CDA7; --light-latte: #ffeed1; } @font-face { font-family: 'Avenir Next'; font-weight: normal; font-style: normal; font-display: swap; src: url(public/fonts/94f2f163d4b698242fef.otf); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 200; font-display: swap; src: url(public/fonts/72505e6a122c6acd5471.woff2) format('woff2'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(public/fonts/2d5198822ab091ce4305.woff2) format('woff2'); } @font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url(public/fonts/c8ba52b05a9ef10f4758.woff2); } @font-face { font-family: 'Inter'; font-weight: 400; font-style: italic; font-display: swap; src: url(public/fonts/cb10ffd7684cd9836a05.woff2); } @font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url(public/fonts/b5f0f109bc88052d4000.woff2); } @font-face { font-family: 'Inter'; font-weight: 800; font-style: normal; font-display: swap; src: url(public/fonts/cbe0ae49c52c920fd563.woff2); } @font-face { font-family: 'Inter'; font-weight: 800; font-style: italic; font-display: swap; src: url(public/fonts/535a6cf662596b3bd6a6.woff2); } @font-face { font-family: 'Source Code Pro'; font-weight: normal; font-style: normal; font-display: swap; src: url(public/fonts/70cc7ff27245e82ad414.ttf); } @font-face { font-family: 'Source Code Pro'; font-weight: normal; font-style: italic; font-display: swap; src: url(public/fonts/454577c22304619db035.ttf); } @font-face { font-family: 'Source Code Pro'; font-weight: bold; font-style: normal; font-display: swap; src: url(public/fonts/52ac8f3034507f1d9e53.ttf); } @font-face { font-family: 'Source Code Pro'; font-weight: bold; font-style: italic; font-display: swap; src: url(public/fonts/05b618077343fbbd92b7.ttf); } @font-face { font-family: 'Flow Circular'; font-display: swap; src: url(public/fonts/853ff76f08786ae44ca0.woff); } @font-face { font-family: '??'; unicode-range: U+0; } body { --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif; --font-interface-override: '??'; --font-interface-theme: '??'; --font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font, '??'), var(--font-default); --font-text-override: '??'; --font-text-theme: '??'; --font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface); --font-monospace-override: '??'; --font-monospace-theme: '??'; --font-monospace: var(--font-monospace-override), var(--font-monospace-theme), 'Source Code Pro', monospace; --font-text-size: 16px; --font-mermaid: var(--font-text); } :root { /* Headers */ --h1: 2em; --h2: 1.6em; --h3: 1.37em; --h4: 1.25em; --h5: 1.12em; --h6: 1.12em; --h1-weight: 700; --h2-weight: 600; --h3-weight: 600; --h4-weight: 600; --h5-weight: 600; --h6-weight: 600; --h1-variant: normal; --h2-variant: normal; --h3-variant: normal; --h4-variant: normal; --h5-variant: normal; --h6-variant: normal; --h1-style: normal; --h2-style: normal; --h3-style: normal; --h4-style: normal; --h5-style: normal; --h6-style: normal; /* Weights */ --bold-weight: 700; /* Cursor */ --cursor: pointer; /* Borders */ --border-width: 2px; } .theme-dark { --background-primary: var(--black); --background-primary-alt: var(--black2); --background-secondary: var(--black); --background-secondary-alt: var(--black2); --background-modifier-border: #6f5b3e; --background-modifier-form-field: rgba(0, 0, 0, 0.3); --background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.22); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --background-modifier-success: #197300; --background-modifier-success-rgb: 25, 115, 0; --background-modifier-error: #3d0000; --background-modifier-error-rgb: 61, 0, 0; --background-modifier-error-hover: #470000; --background-modifier-cover: rgba(0, 0, 0, 0.8); --text-accent: var(--gold); --text-accent-hover: var(--tan); --text-normal: var(--cream); --text-muted: var(--pewter); --text-muted-rgb: 153, 153, 153; --text-faint: var(--pewter); --text-error: #ff3333; --text-error-hover: #990000; --text-highlight-bg: rgba(255, 255, 0, 0.4); --text-highlight-bg-active: rgba(255, 128, 0, 0.4); --text-selection: rgba(111, 91, 62, 0.99); --text-on-accent: #dcddde; --interactive-normal: var(--beige); --interactive-hover: #303030; --interactive-accent: var(--tan); --interactive-accent-rgb: var(--black3); --interactive-accent-hover: var(--beige); --interactive-success: #197300; --scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.2); --scrollbar-bg: rgba(255, 255, 255, 0.05); --scrollbar-thumb-bg: rgba(255, 255, 255, 0.1); --highlight-mix-blend-mode: lighten; color-scheme: dark; } .theme-light { --background-primary: var(--light-latte); --background-primary-alt: var(--latte); --background-secondary: var(--light-latte); --background-secondary-alt: var(--latte); --background-modifier-border: #6f5b3e; --background-modifier-form-field: #ffe7be; --background-modifier-form-field-highlighted: #ffe7be; --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); --background-modifier-success: #A4E7C3; --background-modifier-success-rgb: 164, 231, 195; --background-modifier-error: #990000; --background-modifier-error-rgb: 230, 135, 135; --background-modifier-error-hover: #bb0000; --background-modifier-cover: rgba(0, 0, 0, 0.8); --text-accent: var(--beige); --text-accent-hover: var(--tan); --text-normal: var(--black); --text-muted: var(--mocha); --text-muted-rgb: 136, 136, 136; --text-faint: var(--mocha); --text-error: #ff3333; --text-error-hover: #990000; --text-highlight-bg: rgba(255, 255, 0, 0.4); --text-highlight-bg-active: rgba(255, 128, 0, 0.4); --text-selection: rgba(195, 176, 145, 0.99); --text-on-accent: #f2f2f2; --interactive-normal: var(--beige); --interactive-hover: #e9e9e9; --interactive-accent: var(--tan); --interactive-accent-rgb: #fadba5; --interactive-accent-hover: var(--gold); --interactive-success: #197300; --scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.2); --scrollbar-bg: rgba(0, 0, 0, 0.05); --scrollbar-thumb-bg: rgba(251, 172, 61, 0.1); --highlight-mix-blend-mode: darken; color-scheme: light; } body { --indentation-guide: var(--background-modifier-border); --indentation-guide-active: var(--text-faint); } iframe { color-scheme: normal; } body { --layer-cover: 5; --layer-sidedock: 10; --layer-status-bar: 15; --layer-popover: 30; --layer-slides: 45; --layer-modal: 50; --layer-notice: 60; --layer-menu: 65; --layer-tooltip: 70; --layer-dragged-item: 80; } .theme-dark { --opacity-translucency: 0.75; } .theme-light { --opacity-translucency: 0.6; } @media print { html, body { padding-top: 0 !important; overflow: auto !important; height: auto !important; } iframe, .titlebar, .app-container, .progress-bar, .popover, .markdown-embed-link { display: none !important; } body> :not(.print) { display: none !important; } .print .markdown-preview-view { -webkit-print-color-adjust: exact; color: initial; } .print .markdown-preview-view mark { color: initial; } .print .markdown-preview-view .frontmatter-container { display: none; } .print .markdown-preview-view .markdown-embed-content { max-height: none; overflow: visible; } .print .markdown-preview-view .callout-content { display: inherit !important; } .print .external-link { background: none; padding-right: 0; } * { text-shadow: none !important; } webview { display: none; } } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; width: 100%; overflow: hidden; } body { text-rendering: optimizeLegibility; font-family: var(--font-interface); line-height: 1.5em; font-size: 16px; background-color: var(--background-primary); color: var(--text-normal); -webkit-tap-highlight-color: rgba(255, 255, 255, 0); } body.is-translucent { background-color: transparent; } body { user-select: none; -webkit-user-select: none; overflow: hidden; } body [contenteditable="true"], body [contenteditable=""] { user-select: text; -webkit-user-select: text; } body.is-grabbing, body.is-grabbing *:not(.workspace-leaf-resize-handle) { cursor: -moz-grabbing !important; cursor: -webkit-grabbing !important; cursor: grabbing !important; } body.is-grabbing iframe, body.is-grabbing webview { pointer-events: none; } .app-container { display: flex; height: 100%; width: 100%; position: relative; flex-direction: column; } .app-container.no-transition * { transition: none !important; } .app-container.is-text-garbled * { font-family: 'Flow Circular', sans-serif !important; line-height: 1.45em !important; } .horizontal-main-container { width: 100%; display: flex; overflow: hidden; flex: 1 0 0; } :focus { outline: none; } /* START OF ORIGINAL FILE, DO NOT MODIFY */ /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror .CodeMirror-line, .CodeMirror .CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: var(--interactive-accent); color: var(--text-on-accent); } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; } .cm-animate-fat-cursor { width: auto; border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; background: var(--interactive-accent); color: var(--text-on-accent); } @-moz-keyframes blink { 50% { background-color: transparent; } } @-webkit-keyframes blink { 50% { background-color: transparent; } } @keyframes blink { 50% { background-color: transparent; } } /* Can style cursor different in overwrite (non-insert) mode */ .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-strong { font-weight: bold; } .cm-em { font-style: italic; } .cm-strikethrough { text-decoration: line-through; } .cm-invalidchar { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, 0.3); } .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 50px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; outline: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent; } .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent; } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror .CodeMirror-line, .CodeMirror .CodeMirror-line-like { /* Reset some styles that the rest of the page might have set */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: transparent; font-family: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual; } .CodeMirror-wrap .CodeMirror-line, .CodeMirror-wrap .CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; /* Force widget margins to stay inside of the container */ } .CodeMirror-rtl pre { direction: rtl; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { -moz-box-sizing: content-box; box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection, .CodeMirror-line>span>span::-moz-selection { background: #d7d4f0; } .cm-searching { background-color: #ffa; background-color: rgba(255, 255, 0, 0.4); } /* Used to force a border model for a node */ .cm-force-border { padding-right: 0.1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /* END OF ORIGINAL FILE, DO NOT MODIFY */ /* START OF CUSTOM DEFINED STYLES FOR OBSIDIAN */ .markdown-source-view { font-size: var(--font-text-size); font-family: var(--font-text); } .CodeMirror { height: 100%; font-family: unset; color: unset; } .markdown-source-view.is-readable-line-width .CodeMirror { max-width: 700px; margin-left: auto; margin-right: auto; } .CodeMirror-lines { padding: 20px 0; } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: transparent; } .CodeMirror-gutters { border-right: unset; background-color: unset; } .CodeMirror-guttermarker-subtle { color: var(--text-faint); } .CodeMirror-cursor { border-left: 1px solid var(--text-normal); } .CodeMirror-cursor, .cm-s-obsidian .cm-cursor, .cm-s-obsidian .cm-dropCursor { border-left-color: var(--text-normal); } .cm-tab { display: unset; } .CodeMirror-activeline-background { background: transparent; } .CodeMirror { background: unset; } .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { z-index: unset; outline: unset; } .CodeMirror-vscrollbar { outline: 0; } .CodeMirror-hscrollbar { outline: 0; z-index: 3; } .CodeMirror-gutter { margin-bottom: -30px; } .CodeMirror-selected { background-color: var(--text-selection); } .CodeMirror-focused .CodeMirror-selected { background-color: var(--text-selection); } .CodeMirror-line::selection, .CodeMirror-line>span::selection, .CodeMirror-line>span>span::selection { background-color: var(--text-selection); } .CodeMirror-line::-moz-selection, .CodeMirror-line>span::-moz-selection, .CodeMirror-line>span>span::-moz-selection { background-color: var(--text-selection); } .CodeMirror-foldmarker { color: var(--text-accent); cursor: var(--cursor); display: inline-block; margin-left: 8px; } .CodeMirror-foldgutter { width: 0.7em; } .CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded { cursor: var(--cursor); font-size: 18px; } .CodeMirror-foldgutter-open:after { content: "\25BE"; } .CodeMirror-foldgutter-folded:after { content: "\25B8"; } .CodeMirror-dialog { position: absolute; left: 0; right: 0; background: inherit; z-index: 15; padding: 0.1em 0.8em; overflow: hidden; color: inherit; display: flex; align-items: center; background-color: var(--background-primary); } .CodeMirror-dialog span:first-child { flex-grow: 1; } .CodeMirror-dialog-top { border-bottom: 1px solid var(--background-modifier-border); top: 0; } .CodeMirror-dialog-bottom { border-top: 1px solid var(--background-modifier-border); bottom: 0; } .CodeMirror-dialog input { border: none; outline: none; background: transparent; width: 20em; color: inherit; font-family: var(--font-monospace); } .CodeMirror-dialog button { font-size: 70%; } .CodeMirror .cm-spell-error { background-image: url(public/images/7877465e5f8197b19e8e.gif); background-position: bottom; background-repeat: repeat-x; } .CodeMirror textarea { border: 0; border-radius: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .CodeMirror-gutter.CodeMirror-linenumbers, .CodeMirror-gutter.CodeMirror-foldgutter { background-color: var(--background-primary); } .titlebar { position: fixed; top: 0; left: 0; right: 0; display: flex; background-color: var(--background-primary-alt); border-bottom: 0px solid var(--background-modifier-border); } .is-translucent .titlebar { opacity: var(--opacity-translucency); } .titlebar-inner { -webkit-app-region: drag; color: var(--text-on-accent); width: 100%; } .titlebar-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 25px; flex-grow: 1; font-size: 12px; text-align: center; opacity: 0.8; padding: 0 125px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--text-normal) } .mod-macos .titlebar-text { line-height: 28px; } .titlebar-button-container { position: absolute; top: -2px; } .mod-macos .titlebar-button-container { line-height: 24px; top: 0px; } .titlebar-button-container.mod-left { left: 30px; } .titlebar-button-container.mod-right { right: 0; } .titlebar-button { -webkit-app-region: no-drag; padding: 0 10px; cursor: var(--cursor); opacity: 0.5; display: inline-block; } .titlebar-button:hover { opacity: 1; } .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); } .titlebar-button svg { vertical-align: middle; } .titlebar-button:before { content: "\200B"; } @media screen and (max-width: 300px) { .titlebar-text { display: none; } } .drag-ghost { position: fixed; padding: 6px 12px; border-radius: 4px; background-color: var(--background-secondary); border: 1px solid var(--background-secondary-alt); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); z-index: var(--layer-dragged-item); max-width: 300px; pointer-events: none; } .drag-reorder-ghost { opacity: 0.7; } .drag-ghost-self { display: flex; } .drag-ghost-self svg { vertical-align: middle; align-self: center; margin-right: 8px; flex-shrink: 0; } .drag-ghost-self span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .drag-ghost-action { padding: 2px 0; font-size: 14px; color: var(--text-muted); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .drag-ghost-hidden { visibility: hidden; position: relative; } .drag-ghost-hidden:before { content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: visible; border-radius: 5px; background-color: var(--interactive-accent); } /* Remove the native selection to avoid stacking selection styles with CM6 .markdown-source-view.mod-cm6 ::selection { background-color: transparent; } */ .markdown-source-view.mod-cm6 { height: 100%; display: flex; flex-direction: column; } .markdown-source-view.mod-cm6 .cm-editor { flex: 1 1 0; min-height: 0; } .markdown-source-view.mod-cm6 .cm-editor.cm-focused { outline: none; } .markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground { background: var(--text-selection); } .markdown-source-view.mod-cm6 .cm-scroller { font-family: var(--font-monospace); padding: 20px; } .markdown-source-view.mod-cm6:not(.is-line-wrap) .cm-content { min-width: max-content; } .markdown-source-view.mod-cm6:not(.is-line-wrap) .cm-line { min-width: max-content; } .markdown-source-view.mod-cm6.is-line-wrap .cm-content { flex-basis: unset !important; } .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-content { max-width: 700px; } .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) { max-width: 700px; } .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-scroller>*:first-child { margin-left: auto; } .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer { max-width: 700px; margin-right: auto; } .markdown-source-view.mod-cm6.is-readable-line-width.is-rtl .cm-scroller>*:first-child { margin-right: auto; } .markdown-source-view.mod-cm6.is-readable-line-width.is-rtl .cm-contentContainer { max-width: 700px; margin-left: auto; } .markdown-source-view.mod-cm6 .cm-gutters { flex: 0 0 auto; background-color: transparent; color: var(--text-faint) !important; border-right: none !important; padding-right: 6px; font-size: 12px; } .markdown-source-view.mod-cm6 .cm-contentContainer { flex: 1 1 auto; width: 0; overflow-x: visible; } .markdown-source-view.mod-cm6 .cm-content { caret-color: var(--text-normal); -webkit-user-modify: read-write-plaintext-only; min-height: unset; } .markdown-source-view.mod-cm6 .cm-content>* { margin: 0 !important; display: block; } .markdown-source-view.mod-cm6 .cm-content>[contenteditable=false] { contain: paint !important; } .markdown-source-view.mod-cm6 .cm-line>* { text-indent: 0; } .markdown-source-view.mod-cm6 .cm-transparent { color: transparent; } .markdown-source-view.mod-cm6 .cm-html-embed, .markdown-source-view.mod-cm6 .cm-callout, .markdown-source-view.mod-cm6 .cm-table-widget { white-space: normal; overflow-wrap: normal; word-break: normal; } .markdown-source-view.mod-cm6 .cm-line { position: relative; } .markdown-source-view.mod-cm6 .edit-block-button { padding: 5px; position: absolute; top: 5px; right: 5px; display: flex; opacity: 0; transition: opacity 500ms; background-color: var(--interactive-accent); color: var(--text-on-accent); border-radius: 5px; cursor: var(--cursor); } .markdown-source-view.mod-cm6 .cm-panels { background-color: inherit; color: inherit; } .markdown-source-view.mod-cm6 img.cm-widgetBuffer { display: inline !important; width: 0 !important; border: 0 !important; margin: 0 !important; padding: 0 !important; } .empty-state { position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; } .empty-state-container { max-width: 480px; max-height: 280px; margin: 20px; } .empty-state-title { margin: 20px 0; font-weight: 800; font-size: 32px; line-height: 1.2em; position: relative; } .empty-state-action-list { font-size: 17px; line-height: 24px; color: var(--text-muted); margin-top: 20px; } .empty-state-action { cursor: var(--cursor); line-height: 36px; } .empty-state-action:hover { color: var(--text-accent-hover); } .empty-state-close-button { margin-left: 8px; position: absolute; top: -2px; left: -46px; color: var(--text-muted); cursor: var(--cursor); } .empty-state-close-button:hover { color: var(--text-normal); } .loader-cube { width: 40px; height: 40px; margin: 100px auto; } .loader-cube .sk-cube { width: 33%; height: 33%; background-color: var(--interactive-accent); float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .loader-cube .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loader-cube .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loader-cube .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .loader-cube .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .loader-cube .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loader-cube .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .loader-cube .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .loader-cube .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .loader-cube .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .is-loading { position: relative; } .is-loading:before { content: ' '; position: absolute; top: 0; width: 0; height: 3px; background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite progress-bar; } .pane-empty { color: var(--text-muted); font-size: 16px; width: 200px; margin: 5px auto; } ::selection { background-color: var(--text-selection); } .markdown-reading-view { display: flex; flex-direction: column; } .markdown-preview-view { font-size: var(--font-text-size); font-family: var(--font-monospace); line-height: 1.5; padding: 15px 30px; width: 100%; height: 100%; position: relative; overflow-y: auto; overflow-wrap: break-word; color: var(--text-normal); user-select: text; -webkit-user-select: text; } .workspace-leaf-content.is-read-mode .markdown-preview-view { width: 100%; left: 0; background-color: var(--background-primary); } .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width: 700px; margin-left: auto; margin-right: auto; } .markdown-rendered.rtl { direction: rtl; } .published-container { width: 100%; height: 100%; } /* Ribbon */ .workspace-ribbon-collapse-btn { margin-top: 20px; padding: 20px 6px; cursor: var(--cursor); color: var(--text-faint); transform: none; transition: transform 200ms ease-in-out; } .workspace-ribbon-collapse-btn:hover { color: var(--text-normal); } .workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn { transform: rotateY(180deg); } .workspace-ribbon { overflow: hidden; width: 30px; background-color: var(--background-secondary-alt); z-index: var(--layer-sidedock); transition: background-color 200ms ease-in-out, border-left-color 100ms 100ms ease-in-out; border-left: 1px solid transparent; border-right: 1px solid transparent; } .is-translucent .workspace-ribbon { opacity: var(--opacity-translucency); } .workspace-ribbon.mod-left.is-collapsed { border-right-color: var(--background-modifier-border); } .workspace-ribbon.mod-right.is-collapsed { border-left-color: var(--background-modifier-border); } .workspace-ribbon.is-hidden { display: none; } .workspace-ribbon.is-collapsed { background-color: var(--background-secondary); } .setting { display: flex; align-items: center; } .setting-text { flex-grow: 1; } .setting-title { font-size: 20px; line-height: 32px; } .setting-explanation { color: var(--text-muted); } .modal.mod-settings { padding: 0; width: 80vw; height: 70vh; max-width: 90vw; overflow: hidden; display: flex; flex-direction: column; } .modal.mod-settings .vertical-tab-header { padding: 20px 0; flex: 0 0 250px; height: 70vh; overflow: auto; } .modal.mod-settings .vertical-tab-content-container { padding: 35px 0 20px 0; height: 70vh; } .modal.mod-settings .modal-content { margin-top: 0; overflow: hidden; } .modal.mod-settings button:not(.mod-cta):not(.mod-warning) { background-color: var(--background-secondary-alt); } .modal.mod-settings button:not(.mod-cta):not(.mod-warning):hover { background-color: var(--interactive-accent-hover); } .modal.mod-plugin-options .modal-content { margin: 25px 0; } .setting-item { display: flex; align-items: center; padding: 18px 0; border-top: 1px solid var(--background-modifier-border); } .setting-item:first-child { padding-top: 0; border-top: none; } .setting-item>*:first-child { margin-right: 16px; } .setting-item>*:last-child { margin-right: 0; } .setting-item button { margin: 0 6px; } .setting-item.mod-cta { justify-content: center; } .setting-item-heading { font-weight: 600; padding-bottom: 0; border-top: none; } .setting-item-heading .setting-item-info { flex-grow: 0; margin-right: 0; } .setting-item-info { flex: 1 1 auto; } .setting-item-description { color: var(--text-muted); font-size: 14px; } .setting-item-description code { font-family: var(--font-monospace); font-size: 0.85em; border-radius: 3px; background-color: var(--background-secondary-alt); padding: 0 3px 2px 3px; position: relative; bottom: 1px; } .setting-item-description ul { margin: 4px 0; padding-left: 24px; } .setting-item-name { color: var(--text-normal); font-size: 16px; } .setting-item-control { flex: 1 1 auto; text-align: right; display: flex; justify-content: flex-end; align-items: center; } .setting-item-control.mod-vertical { flex-direction: column; } .setting-item-control.mod-vertical>*:not(:last-child) { margin-bottom: 10px; margin-right: 0; } .setting-item-control.mod-hotkey { padding-top: 0; cursor: default; } .setting-item-control.mod-hotkey input { font-family: var(--font-monospace); font-size: 0.85em; } .setting-item-control.mod-hotkey input:focus { background-color: var(--interactive-accent); color: var(--text-on-accent); } .setting-item-control button { font-size: 15px; padding: 6px 20px; } .setting-item-control select { max-width: 500px; } .setting-item-control a { cursor: pointer; } .setting-command-hotkeys { display: flex; flex-direction: column; margin-right: 6px; } .setting-hotkey { font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace); font-size: 12px; background-color: var(--background-secondary-alt); border-radius: 4px; padding: 0 10px; min-height: 24px; align-self: flex-end; position: relative; } .theme-dark .setting-hotkey.has-conflict, .theme-light .setting-hotkey.has-conflict { background-color: var(--background-modifier-error); color: var(--text-on-accent); } .setting-hotkey.mod-active { background-color: var(--interactive-accent); color: var(--text-on-accent); } .setting-hotkey.mod-empty { padding-right: 10px; } .setting-hotkey:not(:first-child) { margin-top: 10px; } .setting-hotkey-icon { display: inline-block; cursor: var(--cursor); width: 16px; height: 16px; border-radius: 10px; line-height: 16px; text-align: center; } .setting-delete-hotkey:hover { background-color: var(--background-modifier-error); color: var(--text-on-accent); } .setting-add-hotkey-button, .setting-restore-hotkey-button { padding: 4px 6px; border-radius: 4px; color: var(--text-faint); cursor: var(--cursor); height: 26px; } .setting-add-hotkey-button svg, .setting-restore-hotkey-button svg { position: relative; bottom: 2px; } .setting-add-hotkey-button.mod-active, .setting-restore-hotkey-button.mod-active { color: var(--text-accent); } .setting-add-hotkey-button:hover, .setting-restore-hotkey-button:hover { background-color: var(--background-secondary-alt); color: var(--text-normal); } .setting-restore-hotkey-button { padding: 6px; } .setting-editor-extra-setting-button { line-height: 0; } .setting-message { font-size: 16px; line-height: 24px; } .hotkey-settings-container { height: 100%; overflow: hidden; display: flex; flex-direction: column; } .hotkey-settings-container hr { margin: 20px 0 10px 0; } .hotkey-list-container { overflow: auto; } .hotkey-search-container { padding-left: 0; } .hotkey-list-container { padding-right: 20px; } .modal.mod-image-lightbox { width: 90vw; max-width: 90vw; height: auto; } .login-field { max-width: 500px; margin: 1em auto; } .spellchecker-dictionary-container { max-height: 60vh; overflow: auto; } .spellchecker-dictionary-item { display: flex; margin-bottom: 10px; } .spellchecker-dictionary-word { flex-grow: 1; } .spellchecker-dictionary-remove-button { cursor: var(--cursor); color: var(--text-muted); margin-right: 10px; } .spellchecker-dictionary-remove-button:hover { color: var(--text-normal); } .modal.mod-new-editor .card, .modal.mod-restricted-mode .card { flex: 1 0 0; } .modal.mod-new-editor { max-width: 600px; } .modal.mod-trust-folder { max-width: 700px; } .plugin { position: relative; color: var(--text-muted); margin-bottom: 6px; padding: 10px 20px; user-select: none; border-radius: 3px; } .plugin-list-plugins { overflow-y: auto; padding-bottom: 20px; } .plugin-name { color: var(--text-muted); margin-bottom: 6px; } .plugin-description { color: var(--text-faint); font-size: 15px; line-height: 22px; } .plugin-enabled-state { margin-top: 6px; font-size: 16px; color: var(--text-faint); } .plugin-enabled-state.is-enabled { color: var(--text-accent); } .plugin-settings { position: absolute; right: 12px; bottom: 8px; } .modal.mod-community-plugin { width: 80vw; height: 90vh; padding: 0; } .community-plugin { display: flex; flex-direction: row; margin: 0; height: 100%; } .community-plugin.modal-content { margin: 0; } .community-plugin-search { flex: 3 0 100px; background-color: var(--background-secondary-alt); padding: 40px 0 0 0; display: flex; flex-direction: column; } .community-plugin-search .setting-item-control { justify-content: center; } .community-plugin-search .search-input-container { margin: 0 0 0 10px; } .community-plugin-search button.clickable-icon { padding: 6px 10px; display: flex; } .community-plugin-details-empty-state { padding: 40px 20px 20px 20px; text-align: center; } .community-plugin-search-summary { font-size: 15px; padding: 0 20px 6px 20px; } .community-plugin-item { margin: 15px 0; padding: 10px 20px 15px 20px; cursor: var(--cursor); } .community-plugin-item .community-plugin-author { font-size: 14px; } .community-plugin-item .community-plugin-desc { font-size: 14px; line-height: 18px; } .community-plugin-item.is-active, .community-plugin-item:hover { background-color: var(--background-secondary); } .community-plugin-desc { color: var(--text-muted); } .community-plugin-details { flex: 10 0 0; overflow: auto; display: flex; flex-direction: column; } .community-plugin-info { overflow-y: auto; padding: 40px 30px 20px 30px; } .community-plugin-info .community-plugin-readme { overflow-y: visible; height: auto; padding: 20px 0; } .community-plugin-info .community-plugin-name { font-weight: 600; font-size: 22px; line-height: 36px; } .community-plugin-info .community-plugin-desc { font-size: 15px; line-height: 20px; margin-top: 8px; } .community-plugin-downloads { font-size: 14px; color: var(--text-muted); margin-top: 3px; display: inline-block; } .community-plugin-downloads-text { margin-left: 4px; position: relative; top: -1px; } .community-plugin-search-results { overflow: auto; } .community-plugin-version, .community-plugin-author { line-height: 26px; } .installed-plugins-container { padding-top: 18px; border-top: 1px solid var(--background-modifier-border); } .modal.mod-community-theme { width: 90vw; max-width: 90vw; min-height: 90vh; padding: 30px 0; } .modal.mod-community-theme .modal-content { height: calc(90vh - 120px); padding: 0 30px; } .theme-list { display: flex; flex-wrap: wrap; justify-content: center; } .community-theme-filters-container, .hotkey-search-container { padding: 10px 10px 20px 10px; display: flex; flex-wrap: wrap; } .community-theme-filters-container .setting-item { flex-grow: 1; } .community-theme-filters-container .setting-item-info { display: none; } .community-theme-filters-container .setting-item-control { justify-content: flex-start; } .community-theme-filters-container .search-input-container { margin: 0 0 10px 0; } .community-theme-filters-container button { padding: 5px 10px; margin-bottom: 10px; } .community-theme-mode-toggle-container .checkbox-container { top: 4px; } .community-theme-mode-toggle-label { margin-right: 10px; position: relative; bottom: 1px; } .community-theme-search-container { flex-grow: 1; } .community-theme { width: 50%; max-width: 260px; padding: 15px 10px; background: var(--background-secondary-alt); margin: 15px 10px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; position: relative; } .community-theme .modal-button-container { margin-top: 10px; } .community-theme a { font-size: 14px; vertical-align: bottom; } .community-theme.is-selected { background-color: var(--interactive-accent); color: var(--text-on-accent); border-radius: 10px; } .community-theme.is-selected button { color: var(--text-normal); background-color: var(--background-primary); } .is-mobile .community-theme { max-width: 500px; } .community-theme-lightbox { width: 100%; } .community-theme-title { text-align: center; font-weight: bold; } .community-theme-info { font-size: 0.9em; color: var(--text-muted); margin-bottom: 6px; flex-grow: 1; display: flex; } .community-theme.is-selected .community-theme-info { color: var(--text-on-accent); } .community-theme-info .clickable-icon svg { vertical-align: text-bottom; } .community-theme-downloads { font-size: 14px; color: var(--text-muted); margin-left: 10px; } .community-theme.is-selected .community-theme-downloads { color: var(--text-on-accent); } .community-theme-screenshot { max-width: 200px; height: auto; cursor: pointer; } .community-theme-screenshot.mod-unavailable { height: 130px; padding: 50px 10px; text-align: center; color: var(--text-muted); } .community-theme.is-selected .community-theme-screenshot { color: var(--text-on-accent); } .community-theme-remove-button { vertical-align: middle; color: var(--text-faint); position: absolute; top: 6px; right: 2px; background: var(--background-secondary-alt); padding: 3px 5px 1px 5px; border-radius: 4px; display: none; } .community-theme:hover .community-theme-remove-button { display: block; } .community-theme-github-link { margin-top: 8px; } .side-dock { width: 300px; height: 100%; flex-shrink: 0; background-color: var(--background-secondary); display: flex; overflow: hidden; z-index: var(--layer-sidedock); transition: width ease-in-out 200ms; } .side-dock.mod-right .side-dock-plugin-panel { border-left: 1px solid var(--background-modifier-border); } .side-dock.mod-left { border-right: 1px solid var(--background-modifier-border); } .side-dock.mod-right { border-left: 1px solid var(--background-modifier-border); } .side-dock.mod-bottom { display: none; } .side-dock-ribbon-before { height: 60px; } .side-dock-ribbon-after { height: 12px; } .side-dock-ribbon { flex: 0 0 30px; display: flex; flex-direction: column; } .side-dock.mod-right .side-dock-ribbon, .side-dock.mod-bottom .side-dock-ribbon { order: 2; } .side-dock.mod-right .side-dock-ribbon-after, .side-dock.mod-bottom .side-dock-ribbon-after { order: 3; } .side-dock-ribbon-tab, .side-dock-ribbon-action { color: var(--text-faint); text-align: center; cursor: var(--cursor); stroke-width: 2px; } .side-dock-ribbon-tab:hover, .side-dock-ribbon-action:hover { color: var(--text-muted); } .side-dock-ribbon-action { padding: 10px 0; } .side-dock-ribbon-tab-inner { padding: 18px 0; line-height: 16px; } .side-dock-ribbon-tab.is-active { background-color: var(--background-secondary); color: var(--text-muted); } .side-dock-ribbon-tab.is-active:hover { color: var(--text-normal); } .side-dock-ribbon-tab, .side-dock-ribbon-before, .side-dock-ribbon-after, .side-dock-ribbon-tab-inner { transition: background-color 200ms ease-in-out; } .side-dock-ribbon-before.is-before-active, .side-dock-ribbon-after.is-after-active, .side-dock-ribbon-tab.is-before-active, .side-dock-ribbon-tab.is-after-active { background-color: var(--background-secondary); } .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner, .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner { background-color: var(--background-secondary-alt); } .side-dock.mod-left .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, .side-dock.mod-left .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner { border-bottom-right-radius: 10px; } .side-dock.mod-left .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, .side-dock.mod-left .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner { border-top-right-radius: 10px; } .side-dock.mod-right .side-dock-ribbon-before.is-before-active .side-dock-ribbon-tab-inner, .side-dock.mod-right .side-dock-ribbon-tab.is-before-active .side-dock-ribbon-tab-inner { border-bottom-left-radius: 10px; } .side-dock.mod-right .side-dock-ribbon-after.is-after-active .side-dock-ribbon-tab-inner, .side-dock.mod-right .side-dock-ribbon-tab.is-after-active .side-dock-ribbon-tab-inner { border-top-left-radius: 10px; } .side-dock-ribbon-before .side-dock-ribbon-tab-inner, .side-dock-ribbon-after .side-dock-ribbon-tab-inner { height: 100%; } .side-dock-ribbon-action.is-active { color: var(--text-accent); } .side-dock-ribbon-action.is-active .microphone-filled { color: #E32323; } .side-dock-ribbon-action.is-active:hover { color: var(--text-accent-hover); } .side-dock-settings { margin-top: auto; margin-bottom: 40px; } .side-dock-title { font-size: 20px; padding: 25px 20px 10px 20px; user-select: none; white-space: nowrap; } .side-dock-collapse-btn { position: absolute; right: 15px; top: 27px; display: none; color: var(--text-muted); cursor: var(--cursor); } .side-dock-collapse-btn:hover { color: var(--text-accent); } .side-dock:hover .side-dock-collapse-btn { display: block; } .side-dock-plugin-panel { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; } .side-dock-plugin-panel-inner { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; padding-right: 6px; } .side-dock-plugin-panel.mod-backlinks .side-dock-plugin-panel-inner { overflow-y: auto; padding-bottom: 20px; } .status-bar { background-color: var(--background-secondary); border-top: 1px solid var(--background-modifier-border); color: var(--text-muted); display: flex; font-size: 14px; justify-content: flex-end; line-height: 22px; max-height: 22px; padding: 0 20px; user-select: none; z-index: var(--layer-status-bar); } .is-translucent .status-bar { opacity: var(--opacity-translucency); border-top: 1px solid var(--background-secondary-alt); padding: 0 30px; } .status-bar-item { display: inline-block; padding: 0 15px; } .status-bar-item.mod-clickable { cursor: var(--cursor); } .status-bar-item.mod-clickable:hover { color: var(--text-normal); } .status-bar-item-segment { margin-right: 10px; } .status-bar-item-segment:last-child { margin-right: 0; } .status-bar-item-icon { vertical-align: middle; line-height: 20px; } .workspace { display: flex; flex: 1 0 0; transition: padding-left 100ms ease-in; overflow: hidden; height: 100%; } .is-translucent .workspace { background-color: transparent; } .workspace-split { display: flex; position: relative; } .workspace-split.mod-vertical>.workspace-split { padding-right: var(--border-width); } .workspace-split.mod-vertical>.workspace-split:last-child { padding-right: 0; } .workspace-split:last-child:not(.mod-right-split)>.workspace-leaf-resize-handle { display: none; } .workspace-split.mod-vertical { flex-direction: row; } .workspace-split.mod-horizontal { flex-direction: column; } .workspace-split.mod-root { background-color: var(--background-secondary-alt); } .is-translucent .workspace-split.mod-root { opacity: var(--opacity-translucency); } .workspace-tabs .workspace-leaf { border: none; } .workspace-tabs .workspace-leaf.mod-active { border-color: rgba(var(--interactive-accent-rgb), 0.4); } .workspace-leaf { display: flex; flex-direction: column; position: relative; contain: strict !important; } .workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-resize-handle { display: none; } .workspace-split.mod-root .workspace-leaf:last-child .workspace-leaf-content { padding-right: 0; } .workspace-split.mod-vertical>.workspace-leaf { padding-right: var(--border-width); } .workspace-split.mod-vertical>.workspace-leaf:last-child { padding-right: 0; } .workspace-leaf.is-highlighted:before { content: ' '; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(var(--interactive-accent-rgb), 0.25); z-index: var(--layer-popover); pointer-events: none; } .workspace>.workspace-leaf, .workspace>.workspace-split { height: 100%; width: 100%; } /* Resize handles */ .workspace-split.mod-root>.workspace-leaf-resize-handle { display: none; } .workspace-leaf-resize-handle { position: absolute; z-index: var(--layer-cover); background-color: transparent; transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out; border-color: var(--background-primary-alt); border-top: 0; border-width: 1px; margin: 0; } .workspace-leaf-resize-handle:hover { background-color: var(--tan); border-color: var(--tan); } .is-translucent .workspace-leaf-resize-handle { opacity: var(--opacity-translucency); background-color: transparent; border-color: transparent; } .is-translucent .workspace-leaf-resize-handle:hover { background-color: rgba(var(--interactive-accent-rgb), 1); border-color: rgba(var(--interactive-accent-rgb), 1); } .workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle { bottom: 0; left: 0; border-bottom-style: solid; border-bottom-width: var(--border-width); height: 3px; width: 100%; cursor: row-resize; } .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle, .workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-right-split>.workspace-leaf-resize-handle { right: 0; top: 0; width: 3px; height: 100%; cursor: col-resize; } .workspace-split.mod-right-split>.workspace-leaf-resize-handle { border-left-style: solid; border-left-width: var(--border-width); } .workspace-split.mod-vertical>*>.workspace-leaf-resize-handle, .workspace-split.mod-left-split>.workspace-leaf-resize-handle { border-right-style: solid; border-right-width: var(--border-width); } .workspace-split.mod-right-split>.workspace-leaf-resize-handle { right: unset; left: 0; } .workspace-split.mod-vertical>* { height: 100%; flex: 1 0 0; width: 0; } .workspace-split.mod-horizontal>* { width: 100%; flex: 1 0 0; height: 0; } .workspace-split.mod-left-split, .workspace-split.mod-right-split { flex: 0 0 auto; } .is-translucent .workspace-split.mod-left-split.is-collapsed .workspace-tabs, .is-translucent .workspace-split.mod-right-split.is-collapsed .workspace-tabs { visibility: hidden; } .workspace-split.mod-left-split>.workspace-leaf-resize-handle, .workspace-split.mod-right-split>.workspace-leaf-resize-handle { z-index: var(--layer-status-bar); height: 100%; top: unset; bottom: 0; } .workspace-leaf-content { width: 100%; height: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; } .workspace-leaf-content .view-content { padding: 20px 10px; overflow: auto; } .workspace-leaf-content[data-type='markdown'] .view-content { padding: 0; overflow: hidden; } .workspace-leaf-content[data-type='backlink'] .view-content, .workspace-leaf-content[data-type='outgoing-link'] .view-content { padding: 0; overflow: hidden; display: flex; flex-direction: column; } .workspace-leaf-content .image-container, .workspace-leaf-content .audio-container, .workspace-leaf-content .video-container { text-align: center; } .workspace-leaf-content img:not([width]), .workspace-leaf-content audio, .workspace-leaf-content video { max-width: 100%; } .view-header { height: 36px; display: flex; border-bottom: var(--border-width) solid var(--background-secondary-alt); background-color: var(--background-primary-alt); z-index: 1; position: relative; } .workspace-leaf.mod-active .view-header { background-color: var(--background-primary); border-bottom: var(--border-width) solid var(--interactive-accent); } .workspace-split.mod-left-split .view-header, .workspace-split.mod-right-split .view-header, .workspace-fake-target-overlay.is-in-sidebar .view-header { display: none; } .view-header.is-highlighted:after { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(var(--interactive-accent-rgb), 0.5); } .view-header-icon { padding: 5px 10px; color: var(--text-muted); cursor: grab; position: relative; top: 2px; } .view-header-icon:hover { color: var(--text-normal); } .view-header-title { font-size: var(--font-text-size); font-weight: 600; overflow: auto; padding-right: 20px; white-space: pre; word-wrap: normal; line-height: 32px; color: var(--text-muted); } .workspace-leaf.mod-active .view-header-title { color: var(--text-normal); } .view-header-title::-webkit-scrollbar { display: none; } .view-header-title-container { flex-grow: 1; overflow: hidden; padding-left: 5px; position: relative; } .view-header-title-container:after { content: ' '; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: linear-gradient(to right, transparent, var(--background-primary-alt)); } .workspace-leaf.mod-active .view-header-title-container:after { background: linear-gradient(to right, transparent, var(--background-primary)); } .view-actions { padding: 4px 10px; display: flex; justify-content: flex-end; } .view-action { margin: 0 8px; cursor: var(--cursor); color: var(--text-muted); position: relative; top: 3px; } .view-action:hover, .view-action.is-active { color: var(--text-accent); } .view-content { width: 100%; height: calc(100% - 36px); } .workspace-split.mod-root .view-content { background-color: var(--background-primary); } .workspace-split.mod-root .workspace-fake-target-overlay .view-content { background-color: transparent; } .workspace-split.mod-left-split .view-content, .workspace-split.mod-right-split .view-content { height: 100%; overflow: auto; } .workspace-fake-target-overlay, .workspace-drop-overlay { will-change: transform, width, height; position: fixed; left: 0; top: 0; width: 0; height: 0; transform: translate(0, 0); transition: all 100ms ease-in-out; z-index: var(--layer-popover); } .workspace-drop-overlay { background-color: var(--background-primary); opacity: 0.25; } .workspace-drop-overlay:before { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 6px; background-color: var(--interactive-accent); } .workspace-drop-overlay.mod-drag { opacity: 0.5; } .workspace-fake-target-overlay { overflow: hidden; background-color: var(--background-primary); } .workspace-fake-target-overlay.is-in-sidebar { background-color: var(--background-secondary); } .workspace-fake-target-overlay>* { width: 100%; height: 100%; } .drag-ghost.mod-leaf { display: flex; color: var(--text-muted); font-size: 14px; line-height: 20px; padding: 4px 16px; z-index: var(--layer-tooltip); } .drag-ghost-icon { margin-right: 6px; position: relative; top: 1px; } .app-container.is-left-sidedock-collapsed .workspace-split.mod-left-split, .app-container.is-right-sidedock-collapsed .workspace-split.mod-right-split { width: 0; } .workspace-tabs { background-color: var(--background-secondary-alt); overflow: hidden; padding-right: var(--border-width); display: flex; flex-direction: column; position: relative; } .workspace-tabs>* { flex: 1 0 0; } .is-translucent .workspace-tabs { opacity: var(--opacity-translucency); } .workspace-tabs .workspace-leaf { height: 100%; } .workspace-split.mod-right-split .workspace-tabs { padding-right: 0; } .workspace-tabs:last-child .workspace-leaf-resize-handle { display: none; } .workspace-tabs .workspace-leaf { background-color: var(--background-secondary); } .workspace-split.mod-left-split .workspace-tabs .workspace-leaf { border-top-left-radius: 6px; } .workspace-split.mod-right-split .workspace-tabs .workspace-leaf { border-top-right-radius: 6px; } .workspace-tab-header-container { display: flex; background-color: var(--background-secondary-alt); height: 36px; padding-top: var(--border-width); flex: 0 0 auto; } .workspace-tab-header-container-inner { height: 26px; } .workspace-tab-header.is-active { background-color: var(--background-secondary); color: var(--text-muted); border-radius: 5px 5px 0 0; } .workspace-tab-header.is-active:hover { color: var(--text-normal); } .workspace-tab-header { color: var(--text-faint); text-align: center; stroke-width: 2px; } .workspace-tab-header:hover { color: var(--text-muted); } .workspace-tab-header.is-active { background-color: var(--background-secondary); color: var(--text-muted); } .workspace-tab-header.is-active:hover { color: var(--text-normal); } .workspace-tab-header-inner { padding: 3px 12px; height: 100%; display: flex; align-items: center; color: var(--text-accent) } .workspace-tab-container-inner { display: flex; } .workspace-sidedock-empty-state { font-size: 15px; padding: 20px 30px; } .workspace-tab-container-before.is-before-active, .workspace-tab-container-after.is-after-active, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background-color: var(--background-secondary); } .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-after-active .workspace-tab-header-inner { background-color: var(--background-secondary-alt); } .workspace-tab-container-before, .workspace-tab-container-after { width: 20px; height: 100%; } .workspace-tab-container-before .workspace-tab-header-inner, .workspace-tab-container-after .workspace-tab-header-inner { padding: 4px 0; } .workspace-tab-header, .workspace-tab-header-inner, .workspace-tab-container-before, .workspace-tab-container-after { transition: background-color 200ms ease-in-out; } .workspace-tab-container-before.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active .workspace-tab-header-inner { border-bottom-right-radius: 10px; } .workspace-tab-container-after.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-after-active .workspace-tab-header-inner { border-bottom-left-radius: 10px; } body>.workspace-split { height: 100%; } .button-container { margin-top: 20px; } button { color: var(--text-normal); background-color: var(--interactive-normal); border-radius: 4px; border: none; padding: 6px 20px; cursor: var(--cursor); margin-right: 12px; font-family: inherit; outline: none; user-select: none; white-space: nowrap; } button:hover { background-color: var(--interactive-accent); } button.mod-cta { background-color: var(--interactive-accent); color: var(--text-on-accent); } button.mod-cta a { color: inherit; text-decoration: none; } button.mod-cta:hover { background-color: var(--interactive-accent-hover); } button.mod-muted { background-color: var(--background-secondary-alt); color: var(--text-muted); } button.mod-muted:hover { background-color: var(--background-secondary-alt); } button.mod-warning { background-color: var(--background-modifier-error); color: var(--text-on-accent); } button.mod-warning:hover { background-color: var(--background-modifier-error-hover); } .icon-button-group { display: inline-block; } .icon-button { display: inline-block; color: var(--interactive-normal); } .rich-button { width: auto; padding-top: 5px; } .rich-button-icon { position: relative; top: 6px; } .horizontal-preference-group { display: flex; } .horizontal-preference-group button { border-radius: 0; margin: 0 -1px; } .horizontal-preference-group button:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .horizontal-preference-group button:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .horizontal-preference-group button.is-selected { background-color: var(--interactive-accent); color: var(--text-on-accent); } .horizontal-preference-group button.is-selected:hover { background-color: var(--interactive-accent-hover); } .card-container { display: flex; } .card-container.mod-horizontal { flex-direction: column; } .card { background-color: var(--background-secondary-alt); border-radius: 4px; border: 1px solid var(--background-modifier-border); margin: 0 10px; padding: 15px 30px; display: flex; flex-direction: column; flex-grow: 1; } .card ul { padding: 0; } .card .button-container { margin: 10px 0; } .card-container.mod-horizontal .card { margin: 10px 0; } .card-container.mod-horizontal .card ul { padding-left: 24px; } .card li { margin: 5px 0; } .card.u-clickable { cursor: var(--cursor); } .card.u-clickable:hover { border: 1px solid var(--interactive-accent); background-color: rgba(var(--interactive-accent-rgb), 0.1); } .card.is-selected { border: 1px solid var(--interactive-accent); background-color: rgba(var(--interactive-accent-rgb), 0.2); } .card-title { text-align: center; font-size: 20px; line-height: 30px; color: var(--text-muted); margin-bottom: 8px; } .card-description { color: var(--text-muted); font-size: 15px; line-height: 20px; flex-grow: 1; } /* Only used in Format Converter so far */ .changelog-item { margin: 10px 0; font-size: 16px; line-height: 26px; } .changelog-item:before { content: attr(data-label); width: 50px; border-radius: 6px; font-size: 14px; display: inline-block; text-align: center; margin-right: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 22px; } .changelog-item.mod-success:before { background-color: var(--background-modifier-success); } .changelog-item.mod-highlighted:before { background-color: var(--interactive-accent); } .page-container { width: 50vw; max-width: 1000px; margin: 0 auto; padding: 50px 0; background-color: var(--background-primary); } .page-title { font-weight: 800; font-size: 46px; } [contenteditable] { outline: none; } .rich-link { color: var(--text-accent); position: relative; padding-left: 30px; } .rich-link-icon { position: absolute; left: 5px; top: 3px; } kbd { font-family: var(--font-monospace); padding: 6px 12px; border-radius: 4px; font-size: 14px; background-color: var(--background-secondary); } .horizontal-link-group { text-align: center; } .horizontal-link-group a, .horizontal-link-group span { margin: 0 10px; } .footer-link-group { list-style: none; display: inline-block; margin: 0 30px; padding: 0; } .footer-header { font-size: 22px; line-height: 30px; margin-bottom: 10px; } .footer-link { margin: 4px 0; } .collapse-icon { display: flex; align-items: center; color: var(--text-faint); } .collapse-icon:before { content: "\200B"; } .collapse-icon:hover { color: var(--text-muted); } .collapse-icon svg { transition: transform 100ms ease-in-out; } .is-collapsed .collapse-icon svg { transform: rotate(-90deg); } .rtl .is-collapsed .collapse-icon svg { transform: rotate(90deg); } .components-container .menu { position: relative; display: inline-block; } .clickable-icon { color: var(--text-muted); cursor: var(--cursor); margin: 0 10px; } .clickable-icon:hover { color: var(--text-normal); } .clickable-icon.mod-warning { color: var(--text-error); } .list-item { display: flex; padding: 4px 8px; margin: 4px 0; line-height: 1em; align-items: center; } .list-item-part:not(:first-child) { margin-left: 10px; } .list-item-part.mod-extended { flex-grow: 1; overflow-wrap: anywhere; } .lightbox { display: none; position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); } .lightbox img { max-width: 90vw; max-height: 90vh; margin-top: 5vh; } .lightbox:target { display: block; } .u-center-text { text-align: center; } .u-faded-text { color: var(--text-muted); } .u-pop { color: var(--text-accent); font-weight: 600; } .u-muted { color: var(--text-muted); } .u-small { font-size: 0.8em; } .u-clickable { cursor: var(--cursor); } .u-pop-bg { background-color: var(--interactive-accent); color: var(--text-on-accent); display: inline-block; padding: 3px 16px; border-radius: 20px; opacity: 0.6; cursor: default; } .u-pop-bg:hover { opacity: 1; } .components-container h3 { font-weight: 600; font-size: 30px; margin: 60px 0 25px 0; } .components-container .vertical-tabs-container { height: 300px; } .components-container .checkbox-demo { margin: 10px 0; } .components-container .checkbox-demo label { display: inline-block; width: 300px; } .components-container .prompt { position: static; } @keyframes node-inserted { from { outline-color: #fff; } to { outline-color: #000; } } .node-insert-event { animation-duration: 0.01s; animation-name: node-inserted; } .diff-view { border: 1px solid var(--background-modifier-border); border-radius: 10px; height: 100%; overflow: auto; } .diff-line { padding: 0 8px; } .diff-line.mod-left { background-color: rgba(var(--background-modifier-error-rgb), 0.4); } .diff-line.mod-left .diff-changed { background-color: rgba(var(--background-modifier-error-rgb), 0.6); } .diff-line.mod-right { background-color: rgba(var(--background-modifier-success-rgb), 0.3); } .diff-line.mod-right .diff-changed { background-color: rgba(var(--background-modifier-success-rgb), 0.5); } .diff-collapsed { text-align: center; background-color: var(--background-secondary-alt); cursor: var(--cursor); } /* Document search and replace */ /* UI */ .document-search-container { height: 42px; background-color: var(--background-primary-alt); display: flex; flex-direction: column; padding: 5px; z-index: var(--layer-popover); border-top: 1px solid var(--background-secondary); } .document-search-container.mod-replace-mode { height: 80px; } .document-search, .document-replace { width: 100%; display: flex; height: 42px; overflow: hidden; } .document-replace { display: none; } .document-search-container.mod-replace-mode .document-replace { display: flex; } input.document-search-input, input.document-replace-input { border: none; flex-grow: 1; height: 28px; margin: 1px 8px; } input.document-search-input.mod-no-match, input.document-replace-input.mod-no-match { background-color: rgba(var(--background-modifier-error-rgb), 0.4); } input.document-search-input.mod-no-match:hover, input.document-replace-input.mod-no-match:hover { background-color: rgba(var(--background-modifier-error-rgb), 0.4); } .document-search-button { height: 26px; font-size: 14px; padding: 0 6px; color: var(--text-muted); margin: 2px 4px; } .document-search-button:hover { color: var(--text-normal); } .document-search-close-button { color: var(--text-faint); cursor: var(--cursor); position: relative; top: 2px; font-size: 26px; line-height: 10px; padding: 0 5px; } .document-search-close-button:before { content: '\D7'; } .document-search-close-button:hover { color: var(--text-normal); } .markdown-source-view.mod-cm5 { position: relative; height: 100%; padding-left: 20px; padding-right: 30px; } .workspace-leaf-content.is-read-mode .markdown-source-view.mod-cm5 { z-index: 0; } .markdown-source-view.mod-cm5 .document-search-container { position: absolute; bottom: 0; left: 0; width: 100%; } .markdown-source-view.mod-cm6 .document-search-container { flex: 0 0 auto; } .markdown-source-view.is-searching .CodeMirror { padding-bottom: 60px; } .markdown-source-view.is-replacing .CodeMirror { padding-bottom: 100px; } .cm-s-obsidian span.obsidian-search-match-highlight { color: var(--text-normal); background-color: var(--text-highlight-bg); } .cm-s-obsidian span.cm-highlight.obsidian-search-match-highlight { background-color: var(--text-selection); } .is-flashing { transition: background-color 1s ease; background-color: var(--text-highlight-bg); color: var(--text-normal); } .is-flashing * { background-color: transparent !important; color: var(--text-normal); } .markdown-rendered .search-highlight>div { position: absolute; pointer-events: none; background-color: var(--text-highlight-bg); mix-blend-mode: var(--highlight-mix-blend-mode); } .markdown-rendered .search-highlight>div.is-active { background-color: var(--text-highlight-bg-active); } /* Support for rtl text, explicit support for Arabic and Hebrew */ *[dir="rtl"] .dropdown, :root:lang(ar) .dropdown, :root:lang(iw) .dropdown { background-position: left 0.7em top 50%, 0 0; padding: 0.6em 0.8em 0.5em 1.4em; } /* class applies to select element itself, not a wrapper element */ .dropdown { font-size: 16px; font-family: inherit; color: var(--text-normal); line-height: 1.3; padding: 0.6em 1.9em 0.5em 0.8em; max-width: 100%; /* useful when width is set to anything other than 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); /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it' s a url.You can also swap in a different svg icon or an external image reference */ background-image: url(data:image/png;base64,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); background-repeat: no-repeat, repeat; /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/ background-position: right 0.7em top 50%, 0 0; /* icon size, then gradient */ background-size: 0.65em auto, 100%; } /* Hide arrow icon in IE browsers */ .dropdown::-ms-expand { display: none; } /* Hover style */ .dropdown:hover { background-color: var(--background-modifier-form-field-highlighted); } /* Focus style */ .dropdown:focus { border-color: var(--interactive-accent); outline: none; } /* Set options to normal weight */ .dropdown option { font-weight: normal; background-color: var(--background-primary); } .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; } .flair.mod-flat { vertical-align: top; } .flair.mod-pop { background-color: var(--interactive-accent); color: var(--text-on-accent); } .markdown-preview-view .collapse-indicator { display: inline-block; float: left; color: var(--text-muted); cursor: var(--cursor); } .markdown-preview-view .collapse-indicator svg { vertical-align: middle; } .markdown-preview-view .collapse-indicator:hover { color: var(--text-normal); } .markdown-preview-view .list-collapse-indicator { margin-left: -45px; padding: 0 8px; } .markdown-preview-view li.is-collapsed>ul, .markdown-preview-view li.is-collapsed>ol { display: none; } .markdown-preview-view .heading-collapse-indicator { margin-left: -30px; padding: 0 10px; } .markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator { display: none; } .markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator { display: none; } .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { opacity: 0; } .is-mobile .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator { opacity: 1; } .markdown-preview-view .collapse-indicator { display: inline-block; float: left; color: var(--text-muted); cursor: var(--cursor); } .markdown-preview-view .collapse-indicator svg { vertical-align: middle; } .markdown-preview-view .collapse-indicator:hover { color: var(--text-normal); } .markdown-preview-view .list-collapse-indicator { margin-left: -45px; padding: 0 8px; } .markdown-preview-view li.is-collapsed>ul, .markdown-preview-view li.is-collapsed>ol { display: none; } .markdown-preview-view .heading-collapse-indicator { margin-left: -30px; padding: 0 10px; } .markdown-preview-view:not(.allow-fold-lists) .list-collapse-indicator { display: none; } .markdown-preview-view:not(.allow-fold-headings) .heading-collapse-indicator { display: none; } .markdown-source-view.mod-cm6.is-folding .cm-contentContainer { padding-left: 10px; } .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { opacity: 0; } .is-mobile .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator, .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator { opacity: 1; } .markdown-source-view.mod-cm6 .cm-foldPlaceholder { color: var(--text-accent); background-color: transparent; border: none; margin-left: 8px; } .markdown-source-view.mod-cm6 .cm-fold-indicator { display: inline-block; position: relative; } .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { position: absolute; top: 0; right: 0; height: 100%; cursor: var(--cursor); padding-right: 5px; } .markdown-rendered.show-indentation-guide li>ul, .markdown-rendered.show-indentation-guide li>ol { position: relative; } .markdown-rendered.show-indentation-guide li>ul::before, .markdown-rendered.show-indentation-guide li>ol::before { content: "\200B"; position: absolute; display: block; left: -1em; top: 0; bottom: 0; border-right: 1px solid var(--indentation-guide); } .markdown-rendered.show-indentation-guide li.task-list-item>ul::before, .markdown-rendered.show-indentation-guide li.task-list-item>ol::before { left: -14px; } .markdown-source-view.mod-cm6 .cm-indent { display: inline-block; } .markdown-source-view.mod-cm6 .cm-indent::before { content: "\200B"; display: block; width: 1px; border-right: 1px solid var(--indentation-guide); color: transparent; position: absolute; top: 0; bottom: 0; } .markdown-source-view.mod-cm6 .cm-active-indent::before { border-color: var(--indentation-guide-active); } .input-label { display: inline-block; width: 150px; text-align: right; margin-right: 8px; } .input-button { padding: 6px 14px; margin-left: 14px; color: var(--text-muted); font-size: 16px; position: relative; top: -1px; } .input-button:hover { color: var(--text-normal); } 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: inherit; padding: 5px 14px; font-size: 16px; border-radius: 4px; outline: none; height: 30px; } input[type='text']:hover, input[type='search']:hover, input[type='email']:hover, input[type='password']:hover, input[type='number']:hover { background-color: var(--background-modifier-form-field-highlighted); } input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, input[type='number']:active, input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus { border-color: var(--interactive-accent); } input[type='text']::placeholder, input[type='search']::placeholder, input[type='email']::placeholder, input[type='password']::placeholder, input[type='number']::placeholder { color: var(--text-faint); } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; pointer-events: none; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; } /* Range slider */ input[type='range'] { width: 100px; -webkit-appearance: none; background-color: var(--background-modifier-border); border-radius: 3px; } input[type='range']::-webkit-slider-runnable-track { height: 6px; -webkit-appearance: none; } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; border-radius: 6px; width: 12px; height: 12px; cursor: ew-resize; background: var(--interactive-accent); position: relative; top: -3px; } input[type='range'] { outline: none; } /* Textarea */ textarea { font-family: inherit; background-color: var(--background-primary); color: var(--text-normal); border: 1px solid var(--background-modifier-border); outline: none; font-size: 16px; line-height: 24px; resize: none; border-radius: 4px; padding: 10px 20px; } /* Color inputs */ input[type="color"] { -webkit-appearance: none; width: 32px; height: 32px; border-radius: 100%; background-color: transparent; border: none; cursor: var(--cursor); } input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } input[type="color"]::-webkit-color-swatch { border: 2px solid var(--background-modifier-border); border-radius: 14px; height: 24px; } .notice-container { z-index: var(--layer-notice); position: fixed; top: 22px; right: 0; padding: 10px; overflow: hidden; } .notice { background-color: rgba(0, 0, 0, 0.9); border-radius: 8px; box-shadow: 0 2px 8px var(--background-modifier-box-shadow); color: #dcddde; font-size: 14px; line-height: 22px; padding: 10px 20px; max-width: 300px; margin-bottom: 14px; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; cursor: var(--cursor); } .theme-dark .notice { background-color: var(--interactive-accent); color: var(--text-on-accent); } .is-mobile .menu { max-height: calc(100% - 100px); width: calc(100% - 20px); max-width: calc(100% - 20px); min-width: unset; position: absolute; bottom: 0; border-radius: 6px 6px 0 0; padding: 5px 10px; left: 10px !important; top: unset !important; overflow-y: auto; } .is-mobile .menu-item { font-size: 18px; padding: 12px 16px; height: unset; line-height: unset; } .menu { background-color: var(--background-primary); border-radius: 4px; border: 1px solid var(--background-modifier-border); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); position: fixed; z-index: var(--layer-menu); user-select: none; max-height: calc(100% - 25px); overflow: hidden; } .menu.mod-no-icon .menu-item-icon { display: none; } .menu { padding: 4px 0; } .menu-separator { height: 0; margin: 4px 0; border-bottom: 1px solid var(--background-modifier-border); } .menu-separator:last-child, .menu-separator:first-child { display: none; } .menu-separator+.menu-separator { display: none; } .menu-item { padding: 2px 14px 3px 14px; cursor: var(--cursor); font-size: 14px; height: 32px; line-height: 31px; white-space: nowrap; } .menu-item.is-disabled { cursor: default; color: var(--text-faint); } .menu-item.is-warning:hover { color: var(--text-error); } .menu-item.is-label { cursor: default; pointer-events: none; font-size: 20px; color: var(--text-muted); white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; } .menu-item:hover:not(.is-disabled):not(.is-label) { background-color: var(--background-secondary); } .menu-item.selected:not(.is-disabled):not(.is-label) { background-color: var(--interactive-accent-rgb); } .menu-item-icon { display: inline-block; width: 28px; color: var(--text-muted); position: relative; top: 2px; } .menu-item.is-warning:hover .menu-item-icon { color: var(--text-error); } .menu-item-title { display: inline-block; } .debug-textarea { width: 100%; height: 50vh; max-height: 70vh; font-family: var(--font-monospace); tab-size: 4; } .modal-container { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: var(--layer-modal); } .modal-container.mod-confirmation .modal { width: 700px; max-width: 90vw; } .modal-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--background-modifier-cover); } .modal { background-color: var(--background-secondary); border-radius: 4px; border: 1px solid var(--background-secondary-alt); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); max-width: 70vw; padding: 30px 50px; position: relative; min-width: 560px; display: flex; flex-direction: column; max-height: 100%; } .modal.mod-narrow { max-width: 600px; } .modal button:not(.mod-cta):not(.mod-warning) { background-color: var(--background-secondary-alt); } .modal-close-button { cursor: var(--cursor); position: absolute; top: 8px; right: 15px; font-size: 30px; color: var(--text-muted); } .modal-close-button:before { content: '\D7'; } .modal-title { font-size: 26px; font-weight: 600; text-align: center; line-height: 40px; } .modal-content { margin-top: 18px; flex: 1 1 auto; overflow: auto; } .modal-button-container { margin-top: 30px; text-align: center; } .modal-checkbox-label { cursor: var(--cursor); margin-left: 10px; user-select: none; } .message-container { text-align: center; margin: 20px 0; } .message { display: inline-block; padding: 6px 15px 4px 15px; border-radius: 4px; } .message.mod-success { background-color: var(--background-modifier-success); color: var(--text-on-accent); } .message.mod-success a { color: var(--text-normal); } .message.mod-info { background-color: var(--background-modifier-info); } .message.mod-error { background-color: var(--background-modifier-error); color: var(--text-on-accent); } .message.mod-error a { color: var(--text-normal); } .mod-warning { color: var(--text-error); } .mod-success { color: var(--interactive-success); } .popover { background-color: var(--background-primary); border: 1px solid var(--background-primary-alt); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); border-radius: 6px; padding: 15px 20px 10px 20px; position: relative; } .popover-title { font-weight: 800; } .popover-content { margin: 8px 0; } .components-container .popover { width: 300px; margin-top: 20px; } .components-container .popover .popover-content { font-size: 16px; } .popover.hover-popover { position: absolute; z-index: var(--layer-popover); max-height: 300px; min-height: 100px; width: 400px; overflow: hidden; padding: 0; border-bottom: none; } .popover.hover-popover.mod-empty { display: flex; justify-content: center; align-items: center; padding: 0 20px; font-size: 0.85em; } .popover.hover-popover img { max-width: 400px; height: auto; } .popover.hover-popover.pdf-embed { width: 600px; height: 800px; max-height: 800px; } .popover.hover-popover .markdown-embed { height: 300px; font-size: 0.85em; line-height: 1.4; } .popover.hover-popover .markdown-embed .markdown-embed-content { height: 100%; } .follow-link-popover { box-shadow: 0 2px 8px var(--background-modifier-box-shadow); background-color: rgba(0, 0, 0, 0.9); border-radius: 6px; color: #ccc; font-size: 14px; line-height: 20px; max-width: 300px; padding: 5px 12px; text-align: center; z-index: var(--layer-tooltip); white-space: pre-wrap; top: calc(100%); } .follow-link-popover.mod-bottom { top: 0; } .follow-link-popover:hover { background-color: #000000; } .follow-link-popover .popover-arrow { position: absolute; top: calc(100%); left: 50%; width: 0; margin-left: -5px; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; border-top: 5px solid rgba(0, 0, 0, 0.9); border-bottom: 5px solid transparent; } .follow-link-popover.mod-bottom .popover-arrow { border-bottom: 5px solid rgba(0, 0, 0, 0.9); border-top: none; top: -5px; } .progress-bar { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: var(--background-modifier-cover); z-index: var(--layer-modal); display: flex; flex-direction: column; justify-content: center; align-items: center; } .progress-bar-message { margin-bottom: 20px; opacity: 1; color: var(--text-on-accent); } .progress-bar-indicator { position: relative; height: 8px; margin: 0 10vw; width: 90vw; overflow-x: hidden; border-radius: 3px; } .progress-bar-line { position: absolute; opacity: 0.4; background-color: var(--interactive-accent); width: 150%; height: 8px; } .progress-bar-subline { position: absolute; background-color: var(--interactive-accent); height: 8px; } .progress-bar-subline.mod-increase { animation: increase 2s infinite; } .progress-bar-subline.mod-decrease { animation: decrease 2s 0.5s infinite; } .progress-bar .progress-bar-subline { transition: width 150ms ease-in-out; } @keyframes increase { from { left: -5%; width: 5%; } to { left: 130%; width: 100%; } } @keyframes decrease { from { left: -80%; width: 80%; } to { left: 110%; width: 10%; } } .prompt { display: flex; flex-direction: column; border-radius: 8px; padding: 10px; background-color: var(--background-primary); z-index: 1; position: absolute; top: 80px; width: 700px; max-width: 80vw; max-height: 70vh; } input.prompt-input { width: 100%; padding: 9px 20px 8px 20px; font-size: 16px; border-radius: 6px; height: 40px; } .prompt-results { list-style: none; margin: 0; padding: 10px 0 0 0; overflow-y: auto; } .prompt-result { padding: 10px 20px; border-radius: 6px; color: var(--text-muted); cursor: var(--cursor); } .prompt-result:hover { background-color: var(--background-primary); } .prompt-result.is-active { background-color: var(--background-primary-alt); color: var(--text-normal); } .prompt-instructions { user-select: none; font-size: 13px; opacity: 0.7; padding: 10px 10px 2px 10px; text-align: center; } .prompt-instruction { display: inline-block; margin-right: 20px; } .prompt-instruction-command { font-size: 12px; font-weight: 900; margin-right: 4px; } body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-bg); } body:not(.native-scrollbars) ::-webkit-scrollbar { background-color: var(--scrollbar-bg); } body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-active-thumb-bg); } body:not(.native-scrollbars) ::-webkit-scrollbar { width: 10px; height: 10px; -webkit-border-radius: 100px; } body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { -webkit-border-radius: 100px; } body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active { -webkit-border-radius: 100px; } body:not(.native-scrollbars) ::-webkit-scrollbar-corner { background: transparent; } body:not(.native-scrollbars) * { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg); } .suggestion-container { position: absolute; background-color: var(--background-primary); max-width: 500px; border-radius: 4px; border: 1px solid var(--background-modifier-border); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); z-index: var(--layer-notice); } .suggestion { max-height: 300px; overflow-y: auto; } .suggestion-item, .suggestion-empty { padding: 5px 10px; font-size: 16px; } .suggestion-empty { color: var(--text-muted); text-align: center; } .suggestion-item { cursor: var(--cursor); padding-left: 12px; white-space: pre-wrap; } .suggestion-item.is-selected { background-color: var(--interactive-accent-rgb); } .suggestion-item.mod-downranked { color: var(--text-muted); } .suggestion-item.mod-complex { align-items: baseline; display: flex; justify-content: space-between; } .suggestion-item.mod-complex .suggestion-content { display: flex; flex-direction: column; } .suggestion-item.mod-complex .suggestion-prefix:after { content: ': '; } .suggestion-item.mod-complex .suggestion-note { font-size: 0.8em; color: var(--text-muted); width: 100%; flex-basis: 100%; } .suggestion-item.mod-complex .suggestion-aux { display: flex; align-items: center; flex-shrink: 0; } .suggestion-item.mod-complex .suggestion-hotkey { font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, var(--font-monospace); padding: 0 10px; } .suggestion-item.mod-complex .suggestion-hotkey:not(:last-child) { margin-left: 10px; } .suggestion-item.mod-complex .suggestion-flair { color: var(--text-muted); margin: 0 4px 0 12px; } .suggestion-highlight { font-weight: bold; } .horizontal-tab-header { display: flex; } .horizontal-tab-nav-item, .vertical-tab-nav-item { background-color: var(--background-secondary-alt); padding: 10px 6px 10px 24px; cursor: default; font-size: 16px; } .horizontal-tab-nav-item.is-active, .vertical-tab-nav-item.is-active { background-color: var(--background-secondary); } .horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover { background-color: var(--background-secondary); } .horizontal-tab-nav-item { border-top: 3px solid transparent; } .horizontal-tab-nav-item:first-child { border-top-left-radius: 6px; } .horizontal-tab-nav-item:last-child { border-top-right-radius: 6px; } .horizontal-tab-nav-item.is-active { border-top-color: var(--interactive-accent); } .horizontal-tab-content, .vertical-tab-content { background-color: var(--background-secondary); padding: 5px 30px; } .vertical-tabs-container { display: flex; } .vertical-tab-header { background-color: var(--background-secondary-alt); } .vertical-tab-header-group-items { display: flex; flex-direction: column; } .vertical-tab-header-group-title { font-size: 14px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.03em; padding: 6px 16px; user-select: none; } .vertical-tab-nav-item { border-left: 3px solid transparent; user-select: none; cursor: var(--cursor); } .vertical-tab-nav-item.is-active { border-left-color: var(--interactive-accent); } .vertical-tab-header-group { padding: 10px 0; } .vertical-tab-content-container { overflow: hidden; flex-grow: 1; } .vertical-tab-content { overflow-y: auto; height: 100%; } .vertical-tab-content h2 { font-size: 24px; font-weight: normal; text-align: center; } .checkbox-container { cursor: var(--cursor); background-color: var(--background-secondary-alt); border-radius: 14px; display: inline-block; height: 22px; position: relative; user-select: none; width: 42px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .checkbox-container input[type='checkbox'] { position: absolute; opacity: 0; left: 0; } .checkbox-container:focus-within { box-shadow: 0 0 0 1px var(--interactive-accent); } .checkbox-container.is-enabled { background-color: var(--interactive-accent); } .checkbox-container.is-enabled:after { transform: translate3d(19px, 0, 0); } .checkbox-container.is-enabled:active:after { left: -4px; } .checkbox-container:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } .checkbox-container:after { pointer-events: none; content: ''; display: block; position: absolute; background-color: #fff; width: 15px; height: 15px; margin: 3px; border-radius: 9px; transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out; left: 0; transform: translate3d(3px, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); } .checkbox-container:active:after { width: 20px; } /* Add this attribute to the element that needs a tooltip */ .tooltip { animation: pop-down 200ms forwards ease-in-out; box-shadow: 0 2px 8px var(--background-modifier-box-shadow); background-color: rgba(0, 0, 0, 0.9); border-radius: 6px; color: #dcddde; font-size: 14px; left: 50%; line-height: 20px; max-width: 300px; padding: 5px 14px; position: fixed; text-align: center; transform: translateX(-50%); z-index: var(--layer-tooltip); pointer-events: none; white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; } .tooltip.mod-right { animation: pop-right 200ms forwards ease-in-out; transform: translateY(-50%); } .tooltip.mod-left { animation: pop-right 200ms forwards ease-in-out; transform: translateY(-50%); } .tooltip.mod-error { width: 200px; background-color: var(--background-modifier-error); color: var(--text-on-accent); } .tooltip.mod-wide { max-width: 450px; width: 400px; } /* Triangle hack to make tooltip look like a speech bubble */ .tooltip .tooltip-arrow { position: absolute; top: -5px; left: 50%; width: 0; margin-left: -5px; border-bottom: 5px solid rgba(0, 0, 0, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } .tooltip.mod-right .tooltip-arrow { top: calc(50% - 5px); left: -5px; border-right: 5px solid rgba(0, 0, 0, 0.9); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tooltip.mod-left .tooltip-arrow { top: calc(50% - 5px); left: calc(100% + 5px); border-left: 5px solid rgba(0, 0, 0, 0.9); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .tooltip.mod-top .tooltip-arrow { top: calc(100%); border-top: 5px solid rgba(0, 0, 0, 0.9); border-bottom: 5px solid transparent; } .tooltip.mod-error .tooltip-arrow { border-bottom-color: var(--background-modifier-error); } .tooltip.mod-error.mod-right .tooltip-arrow { border-right-color: var(--background-modifier-error); border-bottom: 5px solid transparent; } .tooltip.mod-error.mod-left .tooltip-arrow { border-left-color: var(--background-modifier-error); border-bottom: 5px solid transparent; } [aria-label] svg { pointer-events: none; } @keyframes pop-down { 0% { opacity: 0; transform: translateX(-50%) scale(1); } 20% { opacity: 0.7; transform: translateX(-50%) scale(1.02); } 40% { opacity: 1; transform: translateX(-50%) scale(1.05); } 100% { opacity: 1; transform: translateX(-50%) scale(1); } } @keyframes pop-right { 0% { opacity: 0; transform: translateY(-50%) scale(1); } 20% { opacity: 0.7; transform: translateY(-50%) scale(1.02); } 40% { opacity: 1; transform: translateY(-50%) scale(1.05); } 100% { opacity: 1; transform: translateY(-50%) scale(1); } } .tree-item-self { display: flex; align-items: flex-start; padding: 2px 6px; padding-inline-start: 20px; border-radius: 3px; color: var(--text-muted); } .tree-item-self.is-clickable { cursor: var(--cursor); } .tree-item-self.is-clickable:hover { background-color: var(--background-secondary-alt); color: var(--text-normal); } .tree-item-self .tree-item-icon { display: flex; align-items: center; align-self: center; margin-inline-start: -20px; padding-inline-start: 6px; padding-inline-end: 2px; flex: 0 0 auto; } .tree-item-self .tree-item-icon:after { content: '\00a0'; } .tree-item-flair-outer { flex: 0 0 auto; } .tree-item-flair-outer:after { content: '\00a0'; } .tree-item-flair { font-size: 12px; line-height: 12px; border-radius: 3px; padding: 2px 4px; background-color: var(--background-secondary-alt); } .tree-item-self:hover .tree-item-flair { background-color: var(--interactive-accent); color: var(--text-on-accent); } .tree-item-inner { flex: 1 1 auto; } .tree-item-inner-subtext { color: var(--text-faint); font-size: 85%; } .tree-item-children { margin-left: 20px; } .inline-block { display: inline-block; vertical-align: middle; } .hidden-token { display: inline; font-size: 1px !important; letter-spacing: -1ch; font-family: monospace; color: transparent; } .cm-s-obsidian { /* adding some CodeMirror-not-implemented styles' default style */ /* tooltip for addon/hover */ /* gutter for addon/click */ /* addon/fold */ /* addon/fold-emoji */ } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-em, .cm-s-obsidian span.hmd-hidden-token.cm-formatting-strong, .cm-s-obsidian span.hmd-hidden-token.cm-formatting-strikethrough, .cm-s-obsidian span.hmd-hidden-token.cm-formatting-code, .cm-s-obsidian span.hmd-hidden-token.cm-formatting-link { display: inline; font-size: 1px !important; letter-spacing: -1ch; font-family: monospace; color: transparent; } .cm-s-obsidian .cm-inline-code, .cm-s-obsidian .cm-math { color: #c7254e; } .cm-s-obsidian div.HyperMD-hover>.HyperMD-hover-content { background-color: #fff; color: #000; border: 1px solid #000; padding: 0.5em; } .cm-s-obsidian div.HyperMD-hover>.HyperMD-hover-content p { margin: 0.2em 0; } .cm-s-obsidian .HyperMD-goback { width: 1px; } .cm-s-obsidian div.HyperMD-goback-button { background-color: #ddd; color: #333; text-align: center; cursor: var(--cursor); } .cm-s-obsidian .hmd-link-icon:after { content: "🔗»"; color: #009; text-shadow: 0 0 2px #69F; } .cm-s-obsidian img.hmd-emoji { height: 1.2em; vertical-align: middle; } .mod-cm5 .cm-s-obsidian .HyperMD-table-row> :last-child { padding-right: 52px !important; } .cm-s-obsidian { line-height: 1.5; } .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 { font-family: var(--font-monospace); } .cm-s-obsidian .CodeMirror-matchingbracket { outline: 1px solid grey; color: black !important; } .cm-s-obsidian .CodeMirror-linenumber { color: var(--text-faint); } .cm-s-obsidian .CodeMirror-gutters { padding-right: 5px; } .cm-s-obsidian .CodeMirror-line { padding: 0 5px; } .cm-s-obsidian .CodeMirror-line * { text-indent: 0; } .cm-s-obsidian .CodeMirror-code { padding-right: 10px; } .cm-s-obsidian span.cm-hmd-toc { font-size: 24pt; color: #999; } .cm-s-obsidian .HyperMD-header-line { color: var(--text-muted); } .cm-s-obsidian span.cm-hmd-escape-backslash { color: #CAA; } .cm-s-obsidian span.cm-hmd-escape-char { color: #666; } .cm-s-obsidian span.cm-footref, .cm-s-obsidian span.cm-blockid { display: inline-block; font-size: 0.7em; vertical-align: text-top; color: var(--text-muted); margin-top: -0.2em; } .cm-s-obsidian .hmd-file-uploading { outline: 2px dashed #CCC; outline-offset: -2px; animation: hmd-file-uploading-ani 1.5s linear infinite; } @keyframes hmd-file-uploading-ani { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.7; } } .cm-s-obsidian .hmd-file-uploaded { outline: 2px solid #6C3; outline-offset: -2px; } .cm-s-obsidian .HyperMD-goback { width: 1px; } .cm-s-obsidian div.HyperMD-goback-button { padding-right: 15px; border-radius: 0 10px 10px 0; display: inline-block; text-align: center; background-color: #8daed9; color: #f7f7f7; cursor: var(--cursor); } .cm-s-obsidian div.HyperMD-goback-button:hover { color: transparent; text-align: left; } .cm-s-obsidian div.HyperMD-goback-button:hover:before { position: absolute; padding-left: 5px; content: "Back"; color: #f7f7f7; } .cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content { background-color: #000; background-color: rgba(0, 0, 0, 0.7); border: 0; color: #fff; border-radius: 5px; padding: 5px 10px; font-size: 95%; min-width: 200px; } .cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content a { color: inherit; } .cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content p { margin: 0.2em 0; } .cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-indicator { content: " "; display: block; width: 0px; margin-bottom: -5px; border: 5px solid transparent; border-top-color: #000; border-top-color: rgba(0, 0, 0, 0.7); } .cm-s-obsidian .hmd-fold-code-image { text-align: center; } .cm-s-obsidian .HyperMD-header, .cm-s-obsidian .HyperMD-footnote, .cm-s-obsidian .HyperMD-codeblock, .cm-s-obsidian .HyperMD-hr { clear: left; } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task { color: transparent !important; } .cm-s-obsidian .hmd-inactive-line span.cm-hmd-escape-backslash, .cm-s-obsidian .hmd-inactive-line span.cm-formatting-header { font-size: 0 !important; display: inline; } .cm-s-obsidian .hmd-inactive-line span.cm-hmd-list-indent { border-right: 0; } audio { outline: none; } .markdown-rendered audio { max-width: 100%; outline: none; } audio { width: 100%; height: 46px; } .theme-dark audio { filter: invert(100%); } .markdown-rendered blockquote { border-radius: 0 4px 4px 0; border: 1px solid var(--background-modifier-border); border-left-width: 5px; padding: 10px 20px; margin-inline-start: 30px; margin-inline-end: 30px; } .markdown-rendered blockquote> :first-child { margin-top: 0; } .markdown-rendered blockquote> :last-child { margin-bottom: 0; } .cm-s-obsidian span.cm-quote { color: var(--text-muted); } .cm-s-obsidian .hmd-inactive-line span.cm-formatting-quote { color: transparent; } .markdown-source-view.mod-cm6 .cm-blockquote-border { border: 0 solid var(--background-modifier-border); display: inline-block; border-left-width: 5px; text-indent: -5px; } .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { border: 0 solid var(--background-modifier-border); border-left-width: 5px; background-color: var(--background-secondary); } .callout { --callout-color: 68, 138, 255; --callout-icon: lucide-pencil; } .callout[data-callout="abstract"], .callout[data-callout="summary"], .callout[data-callout="tldr"] { --callout-color: 0, 176, 255; --callout-icon: lucide-clipboard-list; } .callout[data-callout="info"], .callout[data-callout="todo"] { --callout-color: 0, 184, 212; } .callout[data-callout="info"] { --callout-icon: lucide-info; } .callout[data-callout="todo"] { --callout-icon: lucide-check-circle-2; } .callout[data-callout="tip"], .callout[data-callout="hint"], .callout[data-callout="important"] { --callout-color: 0, 191, 165; --callout-icon: lucide-flame; } .callout[data-callout="success"], .callout[data-callout="check"], .callout[data-callout="done"] { --callout-color: 0, 200, 83; --callout-icon: lucide-check; } .callout[data-callout="question"], .callout[data-callout="help"], .callout[data-callout="faq"] { --callout-color: 100, 221, 23; --callout-icon: lucide-help-circle; } .callout[data-callout="warning"], .callout[data-callout="caution"], .callout[data-callout="attention"] { --callout-color: 255, 145, 0; --callout-icon: lucide-alert-triangle; } .callout[data-callout="failure"], .callout[data-callout="fail"], .callout[data-callout="missing"] { --callout-color: 255, 82, 82; --callout-icon: lucide-x; } .callout[data-callout="danger"], .callout[data-callout="error"] { --callout-color: 255, 23, 68; --callout-icon: lucide-zap; } .callout[data-callout="bug"] { --callout-color: 245, 0, 87; --callout-icon: lucide-bug; } .callout[data-callout="example"] { --callout-color: 124, 77, 255; --callout-icon: lucide-list; } .callout[data-callout="quote"], .callout[data-callout="cite"] { --callout-color: 158, 158, 158; --callout-icon: quote-glyph; } .callout { border-left: 4px solid rgb(var(--callout-color)); border-radius: 2px; background-color: var(--background-secondary); margin: 1em 0; } .callout .callout .callout-content { border-right: 1px solid rgba(var(--callout-color), 0.2); border-bottom: 1px solid rgba(var(--callout-color), 0.2); } .callout.is-collapsible .callout-title { cursor: var(--cursor); } .callout-title { padding: 10px; display: flex; gap: 10px; background-color: rgba(var(--callout-color), 0.1); } .callout-icon { flex: 0 0 auto; display: flex; align-self: center; color: rgb(var(--callout-color)); } .callout-title-inner { flex: 1 1 0; font-weight: 700; } .callout-fold svg { transition: transform 100ms ease-in-out; } .callout.is-collapsed .callout-fold svg { transform: rotate(-90deg); } .markdown-source-view.mod-cm6 .callout { margin: 5px 0; } .callout-content { overflow-x: auto; padding: 5px 15px; } .cm-s-obsidian .HyperMD-codeblock { font-family: var(--font-monospace); line-height: 1.3; font-size: 0.85em; } .cm-s-obsidian .HyperMD-codeblock-begin, .cm-s-obsidian .HyperMD-codeblock-end { color: #c7254e; } .cm-s-obsidian .HyperMD-codeblock span.cm-inline-code { background-color: inherit; border: inherit; padding: inherit; font-size: inherit; } .cm-s-obsidian div.HyperMD-codeblock-bg { left: 0; right: 0; background-color: var(--background-primary-alt); border-left: 1px solid var(--background-secondary); border-right: 1px solid var(--background-secondary); } .cm-s-obsidian div.HyperMD-codeblock-begin-bg { border-top: 1px solid var(--background-secondary); border-top-left-radius: 4px; border-top-right-radius: 4px; } .cm-s-obsidian div.HyperMD-codeblock-end-bg { border-bottom: 1px solid var(--background-secondary); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .cm-s-obsidian div.HyperMD-codeblock-begin-bg, .cm-s-obsidian div.HyperMD-codeblock-end-bg { background-color: var(--background-primary-alt); } .markdown-source-view.mod-cm6 .cm-preview-code-block pre { margin: 0; } .markdown-source-view.mod-cm6 .code-block-flair { display: inline-block; padding: 0 10px; float: right; cursor: var(--cursor); } code[class*="language-"], pre[class*="language-"] { word-wrap: break-word; white-space: pre-wrap; word-break: normal; font-family: var(--font-monospace); text-align: left; word-spacing: normal; line-height: 1.5; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } /* Code blocks */ pre[class*="language-"] { overflow: hidden; } code[class*="language-"] { display: block; padding: 1em; overflow: auto; } /* Inline code */ :not(pre)>code[class*="language-"] { padding: 0.1em; border-radius: 0.3em; white-space: normal; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .theme-dark { /* Code blocks */ /* Inline code */ } .theme-dark code[class*="language-"], .theme-dark pre[class*="language-"] { color: #f8f8f2; background: none; } .theme-dark :not(pre)>code[class*="language-"], .theme-dark pre[class*="language-"] { background: var(--background-primary-alt); } .theme-dark .token.comment, .theme-dark .token.prolog, .theme-dark .token.doctype, .theme-dark .token.cdata, .theme-dark .cm-comment, .theme-dark .cm-meta, .theme-dark .cm-qualifier { color: #8292a2; } .theme-dark .token.namespace { opacity: 0.7; } .theme-dark .token.property, .theme-dark .token.tag, .theme-dark .token.constant, .theme-dark .token.symbol, .theme-dark .token.deleted, .theme-dark .cm-tag { color: #f92672; } .theme-dark .token.punctuation, .theme-dark .cm-punctuation, .theme-dark .cm-bracket, .theme-dark .cm-hr { color: var(--text-normal); } .theme-dark .token.boolean, .theme-dark .token.number, .theme-dark .cm-number { color: #ae81ff; } .theme-dark .token.selector, .theme-dark .token.attr-name, .theme-dark .token.string, .theme-dark .token.char, .theme-dark .token.builtin, .theme-dark .token.inserted, .theme-dark .cm-string, .theme-dark .cm-string-2 { color: #a6e22e; } .theme-dark .token.operator, .theme-dark .token.entity, .theme-dark .token.url, .theme-dark .language-css .token.string, .theme-dark .style .token.string, .theme-dark .token.variable, .theme-dark .cm-operator, .theme-dark .cm-link, .theme-dark .cm-variable-2, .theme-dark .cm-variable-3 { color: #f8f8f2; } .theme-dark .token.atrule, .theme-dark .token.attr-value, .theme-dark .token.function, .theme-dark .token.class-name, .theme-dark .cm-attribute, .theme-dark .cm-type, .theme-dark .cm-def { color: #e6db74; } .theme-dark .token.keyword, .theme-dark .cm-keyword, .theme-dark .cm-builtin { color: #66d9ef; } .theme-dark .token.regex, .theme-dark .token.important { color: #fd971f; } .theme-dark .token.important, .theme-dark .token.bold { font-weight: bold; } .theme-dark .token.italic { font-style: italic; } .theme-dark .token.entity { cursor: help; } .theme-light { /* Code blocks */ /* Inline code */ } .theme-light code[class*="language-"], .theme-light pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; } .theme-light pre[class*="language-"]::-moz-selection, .theme-light pre[class*="language-"] ::-moz-selection, .theme-light code[class*="language-"]::-moz-selection, .theme-light code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; } .theme-light pre[class*="language-"]::selection, .theme-light pre[class*="language-"] ::selection, .theme-light code[class*="language-"]::selection, .theme-light code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; } .theme-light :not(pre)>code[class*="language-"], .theme-light pre[class*="language-"] { background: var(--latte); } .theme-light .token.comment, .theme-light .token.prolog, .theme-light .token.doctype, .theme-light .token.cdata, .theme-light .cm-comment, .theme-light .cm-meta, .theme-light .cm-qualifier { color: slategray; } .theme-light .token.punctuation, .theme-light .cm-punctuation, .theme-light .cm-bracket, .theme-light .cm-hr { color: var(--text-normal); } .theme-light .token.namespace { opacity: 0.7; } .theme-light .token.property, .theme-light .token.tag, .theme-light .token.boolean, .theme-light .token.number, .theme-light .token.constant, .theme-light .token.symbol, .theme-light .token.deleted, .theme-light .cm-number, .theme-light .cm-tag { color: #905; } .theme-light .token.selector, .theme-light .token.attr-name, .theme-light .token.string, .theme-light .token.char, .theme-light .token.builtin, .theme-light .token.inserted, .theme-light .cm-attribute { color: #690; } .theme-light .token.operator, .theme-light .token.entity, .theme-light .token.url, .theme-light .language-css .token.string, .theme-light .style .token.string, .theme-light .cm-operator, .theme-light .cm-string, .theme-light .cm-string-2, .theme-light .cm-link { color: #9a6e3a; } .theme-light .token.atrule, .theme-light .token.attr-value, .theme-light .token.keyword, .theme-light .cm-keyword, .theme-light .cm-builtin { color: #07a; } .theme-light .token.function, .theme-light .token.class-name, .theme-light .cm-type, .theme-light .cm-def { color: #DD4A68; } .theme-light .token.regex, .theme-light .token.important, .theme-light .token.variable, .theme-light .cm-variable-2, .theme-light .cm-variable-3 { color: var(--olive); } .markdown-rendered code { color: #c7254e; font-family: var(--font-monospace); background-color: var(--background-primary-alt); border-radius: 4px; font-size: 0.85em; } .markdown-rendered pre { padding: 6px 10px; background-color: var(--background-primary-alt); border-radius: 4px; white-space: pre-wrap; } .markdown-rendered pre code { border: none; } .markdown-rendered pre { position: relative; } .markdown-rendered button.copy-code-button { margin: 5px; padding: 5px; color: var(--text-muted); position: absolute; top: 0; right: 0; } .markdown-rendered pre:not(:hover)>button.copy-code-button { display: none; } .cm-s-obsidian span.cm-inline-code { color: #c7254e; font-size: 90%; background-color: var(--background-primary-alt); vertical-align: baseline; } .cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code { background-color: transparent; } .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) { background-color: var(--background-primary-alt); vertical-align: baseline; } .cm-s-obsidian span.cm-inline-code.hmd-hidden-token { font-size: 0; } .cm-s-obsidian.CodeMirror div.HyperMD-hover>.HyperMD-hover-content code { display: inline-block; font-size: 0.87em; border: 1px solid #999; border-radius: 2px; padding: 0px 4px; } .markdown-embed .markdown-preview-view { height: 100%; padding: 20px 10px 10px 10px; } .markdown-embed .markdown-preview-view .markdown-preview-pusher h1, .markdown-embed .markdown-preview-view .markdown-preview-pusher h2, .markdown-embed .markdown-preview-view .markdown-preview-pusher h3, .markdown-embed .markdown-preview-view .markdown-preview-pusher h4, .markdown-embed .markdown-preview-view .markdown-preview-pusher h5, .markdown-embed .markdown-preview-view .markdown-preview-pusher h6 { margin-top: 0; } .pdf-embed, .markdown-source-view .pdf-embed { width: 100%; height: 800px; } .markdown-embed, .file-embed { position: relative; } .markdown-embed-link, .file-embed-link { position: absolute; top: 8px; right: 20px; color: var(--text-faint); cursor: var(--cursor); } .markdown-embed-link:hover, .file-embed-link:hover { color: var(--text-accent); } .markdown-embed-title, .file-embed-title { font-size: 26px; line-height: 52px; top: 5px; left: 0; right: 0; width: 100%; } .file-embed-icon { color: var(--text-muted); vertical-align: middle; } .file-embed { display: flex; justify-content: center; cursor: var(--cursor); } .file-embed:hover { background-color: var(--background-primary-alt); border-color: var(--interactive-accent); } .markdown-embed-title { font-weight: 900; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .markdown-embed, .file-embed { border-top: 1px solid var(--background-modifier-border); border-bottom: 1px solid var(--background-modifier-border); padding: 4px 0; margin: 28px 0; } .hover-popover .markdown-embed, .hover-popover .file-embed { border: none; margin: 0; padding: 0; } .markdown-source-view .markdown-embed, .markdown-source-view .file-embed { border: 2px solid var(--background-modifier-border); border-radius: 10px; padding: 4px 20px; margin: 0; } .file-embed { padding: 15px 20px; border: 1px solid var(--background-modifier-border); border-radius: 6px; } .file-embed.mod-empty { color: var(--text-muted); } .internal-embed:not(.image-embed) { display: block; } .markdown-embed-content { height: fit-content; max-height: 600px; overflow: auto; } .markdown-embed-content p:first-child { margin-top: 6px; } .markdown-source-view.mod-cm6 .internal-embed { white-space: normal; } .markdown-source-view.mod-cm6 .cm-embed-block { position: relative; padding: 4px; border: 2px solid transparent; border-radius: 10px; transition: border-color 500ms; } .markdown-source-view.mod-cm6 .cm-embed-block:hover { border-color: var(--background-modifier-border); } .markdown-source-view.mod-cm6 .cm-embed-block:hover .edit-block-button { opacity: 1; } .markdown-source-view.mod-cm6 .cm-embed-block pre { margin: 0; } .footnote-backref { color: var(--text-muted); text-decoration: none; } .footnote-backref:hover { color: var(--text-accent); } .cm-s-obsidian .HyperMD-footnote { font-size: 10.2pt; padding-left: 45px; } .cm-s-obsidian .HyperMD-footnote span.cm-hmd-footnote { color: var(--text-muted); cursor: text; text-decoration: none; } .markdown-preview-view:not(.show-frontmatter) .frontmatter { display: none; } .markdown-rendered .frontmatter.mod-failed { position: relative; } .markdown-rendered .frontmatter.mod-failed .mod-error { color: var(--text-error); font-size: 13px; } .markdown-rendered .frontmatter.mod-failed:after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: var(--background-modifier-error); opacity: 0.3; mix-blend-mode: var(--highlight-mix-blend-mode); } .frontmatter-container { border: 1px solid var(--background-modifier-border); font-size: 14px; color: var(--text-muted); padding: 6px 14px; border-radius: 4px; background-color: var(--background-primary-alt); position: relative; } .markdown-embed-content .frontmatter-container { display: none; } .frontmatter-container.is-collapsed .frontmatter-section { display: none; } .frontmatter-container .frontmatter-collapse-indicator { margin-right: 6px; align-self: center; } .frontmatter-container .frontmatter-container-header { user-select: none; -webkit-user-select: none; cursor: var(--cursor); font-size: 12px; text-transform: uppercase; font-weight: 600; display: flex; content: 'Metadata'; border-bottom: 1px solid var(--background-modifier-border); margin: 2px 0 10px 0; } .frontmatter-container .frontmatter-container-header:hover { color: var(--text-normal); } .frontmatter-container.is-collapsed .frontmatter-container-header { border-bottom-color: transparent; margin: 2px 0 0 0; } .frontmatter-container .frontmatter-section-label { flex-basis: 50px; flex-shrink: 0; } .frontmatter-container .tag, .frontmatter-container .frontmatter-alias { text-decoration: none; background-color: var(--background-secondary-alt); border-radius: 30px; color: var(--text-muted); font-size: 0.9em; padding: 2px 8px; margin: 2px 4px; line-height: 19px; border: 1px solid transparent; white-space: nowrap; } .frontmatter-container .tag:hover { background-color: var(--background-secondary); border-color: var(--background-modifier-border); } .frontmatter-container .frontmatter-alias { cursor: default; } .frontmatter-container .frontmatter-alias-icon { margin-right: 4px; color: var(--text-faint); } .frontmatter-container .frontmatter-section { margin: 6px 0; display: flex; } .frontmatter-container .frontmatter-section-aliases, .frontmatter-container .frontmatter-section-tags { display: inline-flex; flex-wrap: wrap; align-items: center; } .cm-s-obsidian .HyperMD-header { padding-bottom: 0.25em; } .markdown-rendered h1, .markdown-rendered h2, .markdown-rendered h3, .markdown-rendered h4, .markdown-rendered h5, .markdown-rendered h6 { margin: 15px 0; } h1, .markdown-rendered h1, .HyperMD-header-1, .HyperMD-list-line .cm-header-1 { font-variant: var(--h1-variant); letter-spacing: -0.015em; line-height: 1.2; font-size: var(--h1); color: var(--h1-color); font-weight: var(--h1-weight); font-style: var(--h1-style); } h2, .markdown-rendered h2, .HyperMD-header-2, .HyperMD-list-line .cm-header-2 { font-variant: var(--h2-variant); letter-spacing: -0.015em; line-height: 1.2; font-size: var(--h2); color: var(--h2-color); font-weight: var(--h2-weight); font-style: var(--h2-style); } h3, .markdown-rendered h3, .HyperMD-header-3, .HyperMD-list-line .cm-header-3 { font-variant: var(--h3-variant); letter-spacing: -0.015em; line-height: 1.3; font-size: var(--h3); color: var(--h3-color); font-weight: var(--h3-weight); font-style: var(--h3-style); } h4, .markdown-rendered h4, .HyperMD-header-4, .HyperMD-list-line .cm-header-4 { font-variant: var(--h4-variant); letter-spacing: 0.015em; line-height: 1.4; font-size: var(--h4); color: var(--h4-color); font-weight: var(--h4-weight); font-style: var(--h4-style); } h5, .markdown-rendered h5, .HyperMD-header-5, .HyperMD-list-line .cm-header-5 { font-variant: var(--h5-variant); letter-spacing: 0.015em; font-size: var(--h5); color: var(--h5-color); font-weight: var(--h5-weight); font-style: var(--h5-style); } h6, .markdown-rendered h5, .HyperMD-header-6, .HyperMD-list-line .cm-header-6 { font-variant: var(--h6-variant); letter-spacing: 0.015em; font-size: var(--h6); color: var(--h6-color); font-weight: var(--h6-weight); font-style: var(--h6-style); } .HyperMD-header .cm-header-1, .HyperMD-header .cm-header-2, .HyperMD-header .cm-header-3, .HyperMD-header .cm-header-4, .HyperMD-header .cm-header-5, .HyperMD-header .cm-header-6 { font-size: inherit !important; } hr { border: none; border-top: 1px solid; border-color: var(--background-modifier-border); margin: 26px 0; } .markdown-rendered hr { border: none; border-top: 2px solid; border-color: var(--background-modifier-border); } .cm-s-obsidian .hmd-inactive-line.HyperMD-hr { color: transparent; background-color: transparent; } .markdown-source-view.mod-cm6 .hr { display: flex; align-items: center; } .markdown-source-view.mod-cm6 hr { margin: 0; flex: 1 0 0; } .cm-s-obsidian .hmd-fold-html-stub, .cm-s-obsidian .hmd-fold-code-stub { display: inline-block; font-size: 67%; color: #999; vertical-align: middle; border: 1px solid #999; padding: 0 0.2em; border-radius: 5px; margin: 0 0.5em; background-color: var(--background-primary-alt); cursor: var(--cursor); } .cm-s-obsidian .hmd-fold-html-stub.omittable, .cm-s-obsidian .omittable.hmd-fold-code-stub { display: none; } .cm-s-obsidian .hmd-fold-html-stub:hover, .cm-s-obsidian .hmd-fold-code-stub:hover, .cm-s-obsidian .hmd-fold-html-stub.highlight, .cm-s-obsidian .highlight.hmd-fold-code-stub { color: #FFF; border-color: #C30; background: #F40; } .cm-s-obsidian .hmd-fold-html { position: relative; border: 1px solid #FFF; } .cm-s-obsidian .hmd-fold-html:hover { border: 1px dashed #999; } .cm-s-obsidian .hmd-fold-html:hover .hmd-fold-html-stub.omittable, .cm-s-obsidian .hmd-fold-html:hover .omittable.hmd-fold-code-stub { display: block; right: 0; bottom: 100%; margin: 0; position: absolute; z-index: 100; } .markdown-rendered img { -webkit-touch-callout: default; } .markdown-rendered img:not([width]) { max-width: 100%; outline: none; } .cm-s-obsidian .CodeMirror-linewidget a>img, .cm-s-obsidian .hmd-fold-html a>img { border: 0; } .cm-s-obsidian img.hmd-image { vertical-align: middle; width: auto; max-width: 100%; height: auto; } .cm-s-obsidian img.hmd-image.hmd-image-loading, .cm-s-obsidian img.hmd-image.hmd-image-error { min-width: 24px; min-height: 24px; } .markdown-source-view.mod-cm6 .cm-line .internal-embed.image-embed { display: inline; } .internal-query { margin: 28px 0; border-top: 1px solid var(--background-modifier-border); border-bottom: 1px solid var(--background-modifier-border); } .internal-query .search-result-container { padding: 4px 0; max-height: 800px; overflow: auto; } .internal-query .internal-query-header { text-align: center; padding: 4px 0 12px 0; color: var(--text-muted); display: flex; justify-content: center; align-items: center; } .internal-query .internal-query-header-icon { color: var(--text-faint); margin-right: 6px; display: flex; } .internal-query .internal-query-header-title { font-size: 17px; font-weight: 600; } .internal-query .internal-query-header-title:before, .internal-query .internal-query-header-title:after { content: '"'; } .cm-s-obsidian .CodeMirror-linewidget kbd, .cm-s-obsidian .hmd-fold-html kbd { display: inline-block; padding: 3px 5px; font-size: 90%; line-height: 1em; background-color: #fafbfc; border: solid 1px #c6cbd1; border-bottom-color: #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; vertical-align: baseline; } a { color: var(--text-accent); outline: none; } a:hover { color: var(--text-accent-hover); } a.tag { color: var(--text-muted); text-decoration: none; } .external-link { background-position: center right; background-repeat: no-repeat; background-image: linear-gradient(transparent, transparent), url(public/images/874d8b8e340f75575caa.svg); background-size: 13px; padding-right: 16px; background-position-y: 4px; cursor: pointer; color: var(--text-muted); } .markdown-rendered .internal-link { text-decoration: none; cursor: pointer; } .markdown-rendered .internal-link.is-unresolved { opacity: 0.5; } .cm-s-obsidian.HyperMD-with-alt span.cm-url, .cm-s-obsidian.HyperMD-with-alt span.cm-link, .cm-s-obsidian.HyperMD-with-alt .cm-link+.CodeMirror-widget, .cm-s-obsidian.HyperMD-with-alt span.cm-hashtag, .cm-s-obsidian.HyperMD-with-ctrl span.cm-url, .cm-s-obsidian.HyperMD-with-ctrl span.cm-link, .cm-s-obsidian.HyperMD-with-ctrl .cm-link+.CodeMirror-widget, .cm-s-obsidian.HyperMD-with-ctrl span.cm-hashtag { cursor: pointer; } .cm-s-obsidian span.hmd-link-icon { width: 20px; height: 16px; display: inline-block; vertical-align: middle; opacity: 0.4; } .cm-s-obsidian span.hmd-link-icon:hover { opacity: 1; } .cm-s-obsidian span.hmd-link-icon:after { content: ""; } .markdown-source-view.mod-cm6.is-live-preview .cm-hashtag.cm-meta, .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline, .markdown-source-view.mod-cm6 .cm-link .cm-underline, .markdown-source-view.mod-cm6 .cm-url .cm-underline { cursor: pointer; } .cm-s-obsidian span.cm-url { color: var(--text-muted); text-decoration: underline; word-break: break-all; } .cm-s-obsidian span.cm-url:hover { color: var(--text-normal); } .cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-hmd-internal-link { color: var(--text-accent); } .cm-s-obsidian span.cm-formatting-link { color: var(--text-faint); } .cm-s-obsidian span.cm-hmd-internal-link:hover { text-decoration: none; } .markdown-source-view.mod-cm6 .is-unresolved { opacity: 0.5; } .markdown-source-view.mod-cm6 .cm-underline { text-decoration: none; } .markdown-source-view.mod-cm6 .cm-underline:hover { color: var(--text-accent-hover); } ul ul, ol ul { list-style-type: disc; } ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: disc; } .cm-s-obsidian .HyperMD-list-line { padding-top: 0.3em; min-height: 1.5em; } .cm-s-obsidian .HyperMD-list-line.HyperMD-list-line-nobullet { padding-top: initial; } .cm-s-obsidian span.cm-formatting-list { color: var(--text-muted); } .markdown-source-view.mod-cm6 .cm-hmd-list-indent { display: inline-block; } .markdown-source-view.mod-cm6 .list-bullet { visibility: hidden; position: relative; } .markdown-source-view.mod-cm6 .list-bullet:after { visibility: visible; position: absolute; right: 0; content: '\2022'; pointer-events: none; } .markdown-source-view.mod-cm6 .cm-formatting-list-ul, .markdown-source-view.mod-cm6 .cm-formatting-list-ol { white-space: pre; } mjx-container { outline: none; } .cm-s-obsidian { /* addon/fold-math */ } .cm-s-obsidian .hmd-fold-math { display: inline-block; vertical-align: middle; } .cm-s-obsidian .hmd-fold-math.hmd-fold-math.math-2 { width: 100%; } .cm-s-obsidian span.cm-math, .cm-s-obsidian span.hmd-fold-math-placeholder { font-style: italic; } .cm-s-obsidian span.cm-formatting-math { color: var(--text-accent); font-weight: inherit; } .cm-s-obsidian span.cm-math-2 { font-size: 13.2pt; } .markdown-source-view.mod-cm6 .math-block>mjx-container { margin: 0; padding: 1em 0; overflow-x: auto; } .pdf-container { height: 100%; padding: 0 10px; position: relative; } .pdf-scroll-container { overflow-y: auto; height: 100%; } .pdf-canvas { width: 100%; margin: 6px 0; } .pdf-controls { position: absolute; top: 30px; left: calc(50% - 50px); height: 30px; background-color: var(--background-secondary); opacity: 0; border-radius: 6px; box-shadow: inset 8px 0 8px -10px var(--background-modifier-box-shadow); transition: opacity 200ms ease-in-out; text-align: center; font-size: 16px; line-height: 30px; padding: 0 30px; } .pdf-container:hover .pdf-controls { opacity: 0.75; } .pdf-container:hover .pdf-controls:hover { opacity: 0.9; } .pdf-controls-pager { position: absolute; top: 3px; cursor: var(--cursor); } .pdf-controls-pager.mod-previous { left: 8px; } .pdf-controls-pager.mod-next { right: 8px; } /* Tables */ /* Reading */ .markdown-rendered table { border-collapse: collapse; margin-bottom: 20px; } .markdown-rendered th { font-weight: 700; color: var(--text-normal); } .markdown-rendered th, .markdown-rendered td { padding: 4px 10px; border: 1px solid var(--background-modifier-border); } /* Editing */ .cm-s-obsidian { /* addon/table-align */ } .cm-s-obsidian .HyperMD-table-row { white-space: pre; word-break: normal; overflow-wrap: normal; font-family: var(--font-monospace); } .cm-s-obsidian .HyperMD-table-row .hmd-table-column, .cm-s-obsidian .HyperMD-table-row .hmd-table-column-content { display: inline-block; } .cm-s-obsidian .HyperMD-table-row .hmd-table-column-left { text-align: left; } .cm-s-obsidian .HyperMD-table-row .hmd-table-column-center { text-align: center; } .cm-s-obsidian .HyperMD-table-row .hmd-table-column-right { text-align: right; } .cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep { color: var(--text-normal); } .cm-s-obsidian .HyperMD-table-row-1>span { color: var(--text-normal); } .cm-s-obsidian .CodeMirror-linewidget table, .cm-s-obsidian .hmd-fold-html table { border-collapse: collapse; } .cm-s-obsidian .CodeMirror-linewidget table td, .cm-s-obsidian .CodeMirror-linewidget table th, .cm-s-obsidian .hmd-fold-html table td, .cm-s-obsidian .hmd-fold-html table th { padding: 10px; border: 1px solid #ccc; } .cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1 { color: transparent; text-shadow: none; } .cm-s-obsidian .hmd-inactive-line.HyperMD-table-row-1>span { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAQAAAAziH6sAAAADklEQVR42mOc+Z9x5n8ACTkDM4ikM1IAAAAASUVORK5CYII=) repeat-x 0px center; } .cm-s-obsidian .hmd-inactive-line.HyperMD-table-row span.cm-hmd-table-sep { color: transparent; } .markdown-source-view.mod-cm6 .cm-line.HyperMD-table-row { min-width: max-content; } .markdown-source-view.mod-cm6 .cm-table-widget table { margin-bottom: 0; } .cm-s-obsidian span.cm-hashtag { color: var(--text-muted); text-decoration: none; } .cm-s-obsidian span.cm-hashtag.cm-hmd-escape-backslash { color: #FCC; } .editor .cl-hashtag { color: var(--text-muted); text-decoration: underline; } .checkbox-container { cursor: var(--cursor); background-color: var(--background-secondary-alt); border-radius: 14px; display: inline-block; height: 22px; position: relative; user-select: none; width: 42px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } .checkbox-container.is-enabled { background-color: var(--interactive-accent); } .checkbox-container.is-enabled:after { transform: translate3d(19px, 0, 0); } .checkbox-container.is-enabled:active:after { left: -4px; } .checkbox-container:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } .checkbox-container:after { pointer-events: none; content: ''; display: block; position: absolute; background-color: #fff; width: 15px; height: 15px; margin: 3px; border-radius: 9px; transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out; left: 0; transform: translate3d(3px, 0, 0); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); } .checkbox-container:active:after { width: 20px; } .task-list-item-checkbox { width: 15px; height: 15px; filter: hue-rotate(195deg); } .markdown-preview-view .task-list-item-checkbox { position: relative; top: 3px; margin-right: 6px; } .is-mobile.is-ios .markdown-preview-view .task-list-item-checkbox { top: 0; } ul>li.task-list-item { list-style: none; } ul>li.task-list-item .task-list-item-checkbox { margin-inline-start: -21px; } ul>li.task-list-item[data-task="x"], ul>li.task-list-item[data-task="X"] { text-decoration: line-through; color: var(--text-faint); } .cm-s-obsidian span.cm-formatting-task { white-space: pre; height: 1em; line-height: 1em; min-width: 1em; text-align: center; color: var(--text-muted); background-size: 1em; font-family: var(--font-monospace); } .cm-s-obsidian span.hmd-hidden-token.cm-formatting-task { color: transparent !important; } .markdown-source-view.mod-cm6 .task-list-label { padding: 3px; margin: -3px; } .markdown-source-view.mod-cm6 .task-list-item-checkbox { vertical-align: middle; } .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] { text-decoration: line-through; color: var(--text-faint); } /* Highlights */ .markdown-rendered mark { background-color: var(--text-highlight-bg); color: var(--text-normal); } .markdown-rendered mark .internal-link { color: var(--text-normal); } .cm-s-obsidian span.cm-formatting-highlight, .cm-s-obsidian span.cm-highlight { background-color: var(--text-highlight-bg); color: var(--text-normal); } strong, .cm-s-obsidian .cm-strong { font-weight: var(--bold-weight); } .cm-s-obsidian span.cm-comment { color: var(--text-faint); } .cm-s-obsidian span.cm-error { color: #f00; } .markdown-rendered video { max-width: 100%; outline: none; } .nav-header { padding: 14px 20px 4px 20px; } .nav-buttons-container { display: flex; flex-wrap: wrap; justify-content: center; } .nav-buttons-container.has-separator { border-bottom: 1px solid var(--background-modifier-border); padding-bottom: 6px; margin-bottom: 10px; } .nav-action-button { color: var(--text-accent); cursor: var(--cursor); padding: 5px 8px 0 8px; margin: 0 3px 10px 3px; border-radius: 4px; } .nav-action-button.is-active { background-color: var(--interactive-accent); color: var(--text-on-accent); } .nav-action-button.is-active:hover { color: var(--text-on-accent); } .nav-action-button:hover { color: var(--text-accent); } .nav-files-container { flex-grow: 1; overflow-y: auto; padding-bottom: 20px; } .nav-files-container:not(.show-unsupported) .is-unsupported { display: none; } .nav-file-title, .nav-folder-title { display: flex; border: none; border-radius: 0px; cursor: var(--cursor); color: var(--text-muted); font-size: 14px; line-height: 20px; padding: 1px 10px 0 26px; white-space: nowrap; width: max-content; min-width: 100%; } .nav-file-title.is-active, .nav-folder-title.is-active, body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover { background-color: var(--background-secondary-alt); color: var(--text-normal); } .nav-file-title.is-active .nav-folder-collapse-indicator, .nav-folder-title.is-active .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator { color: var(--text-normal); } body:not(.is-grabbing) .nav-file-title.is-being-dragged, body:not(.is-grabbing) .nav-folder-title.is-being-dragged, .nav-file-title.is-being-dragged, .nav-folder-title.is-being-dragged { background-color: var(--interactive-accent); color: var(--text-on-accent); } body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-folder-collapse-indicator, .nav-file-title.is-being-dragged .nav-folder-collapse-indicator, .nav-folder-title.is-being-dragged .nav-folder-collapse-indicator { color: var(--text-on-accent); } body:not(.is-grabbing) .nav-file-title.is-being-dragged .nav-file-tag, body:not(.is-grabbing) .nav-folder-title.is-being-dragged .nav-file-tag, .nav-file-title.is-being-dragged .nav-file-tag, .nav-folder-title.is-being-dragged .nav-file-tag { color: var(--text-normal); } .nav-folder.mod-root>.nav-file-title, .nav-folder.mod-root>.nav-folder-title { padding-left: 10px; font-size: 16px; color: var(--text-normal); cursor: default; } .nav-folder.mod-root>.nav-file-title:hover, .nav-folder.mod-root>.nav-folder-title:hover { background-color: inherit; } .nav-folder.mod-root>.nav-file-title.is-being-dragged-over, .nav-folder.mod-root>.nav-folder-title.is-being-dragged-over { background-color: rgba(var(--interactive-accent-rgb), 0.2); } .nav-file-tag { background-color: var(--background-secondary-alt); border-radius: 3px; font-size: 9px; font-weight: 600; letter-spacing: 0.05em; line-height: 14px; margin-left: 4px; padding: 0 4px; text-transform: uppercase; align-self: center; } .nav-file-icon { display: inline-block; margin-right: 4px; position: relative; top: 2px; } .nav-file-title-content, .nav-folder-title-content { border-radius: 2px; border: 1px solid transparent; display: inline-block; padding: 2px 4px; } .nav-file-title-content.is-being-renamed, .nav-folder-title-content.is-being-renamed { cursor: text; border-color: var(--interactive-accent); background-color: var(--background-secondary-alt); } body:not(.is-grabbing) .nav-file-title.has-active-menu, .nav-folder-title.is-being-dragged-over { border-radius: 3px; border-color: var(--interactive-accent); background-color: rgba(var(--interactive-accent-rgb), 0.2); color: var(--text-normal); border: none; } .nav-folder-collapse-indicator { margin-left: -14px; width: 14px; color: var(--text-faint); } .nav-folder.mod-root>.nav-folder-title .nav-folder-collapse-indicator { display: none; } .nav-folder-children { padding-left: 15px; } .nav-folder.mod-root>.nav-folder-children { padding-left: 0; } .item-list { flex-grow: 1; padding-bottom: 20px; overflow-y: auto; } .drop-indicator { position: absolute; left: 0; width: 100%; height: 0; border: 2px solid var(--interactive-accent); pointer-events: none; } .drop-indicator:not(.is-active) { display: none; } .nav-folder-title, .nav-file { border: none; } .workspace-leaf.mod-active .nav-folder.has-focus>.nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus { border-radius: 3px; border: none; background-color: rgba(var(--interactive-accent-rgb), 0.2); } .workspace-leaf.mod-active .nav-folder.has-focus>.nav-folder-title:focus-within, .workspace-leaf.mod-active .nav-file.has-focus:focus-within { border: none; } .file-tree-item-checkbox, .file-tree-item-icon { flex-shrink: 0; } .file-tree-item-title { flex-grow: 1; word-break: break-word; } .file-tree-item-checkbox { margin-right: 8px; height: 16px; width: 16px; filter: hue-rotate(42deg); } .file-tree-item-icon { margin-right: 8px; color: var(--text-muted); position: relative; top: 2px; } .file-tree .tree-item-inner { border-radius: 4px; display: flex; padding: 4px 6px; cursor: var(--cursor); align-items: center; position: relative; } .file-tree .tree-item-inner:hover { background-color: var(--background-secondary-alt); } .file-tree .tree-item-self.is-selected .tree-item-inner { background-color: rgba(var(--interactive-accent-rgb), 0.2); } .file-tree .tree-item-self.is-selected .tree-item-inner:hover { background-color: rgba(var(--interactive-accent-rgb), 0.35); } .file-tree .tree-item-flair { line-height: 1.4; padding: 3px 8px; color: var(--text-on-accent); } .file-tree .mod-changed .tree-item-flair { background-color: var(--interactive-accent); } .file-tree .mod-new .tree-item-flair { background-color: var(--background-modifier-success); color: var(--text-normal); } .file-tree .mod-deleted .tree-item-flair, .file-tree .mod-to-delete .tree-item-flair { background-color: var(--background-modifier-error); } .file-tree .mod-to-delete .tree-item-flair { display: none; } .file-tree .mod-to-delete.is-selected .tree-item-flair { display: block; } .file-tree .clickable-icon { display: flex; } .graph-view.color-fill { color: var(--text-muted); } .graph-view.color-fill-focused { color: #ffdd00; } .theme-dark .graph-view.color-fill-tag { color: #704214; } .theme-light .graph-view.color-fill-tag { color: #E0D3AF; } .theme-dark .graph-view.color-fill-attachment { color: #1a356b; } .theme-light .graph-view.color-fill-attachment { color: #83D4F4; } .graph-view.color-fill-unresolved { color: var(--text-muted); opacity: 0.4; } .graph-view.color-fill-1 { color: var(--text-muted); } .graph-view.color-fill-2 { color: var(--text-muted); } .graph-view.color-fill-3 { color: var(--text-muted); } .graph-view.color-fill-4 { color: var(--text-muted); } .graph-view.color-fill-5 { color: var(--text-muted); } .graph-view.color-fill-6 { color: var(--text-muted); } .graph-view.color-arrow { color: var(--text-normal); opacity: 0.5; } .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-highlight { color: var(--interactive-accent); } .graph-view.color-line-highlight { color: var(--interactive-accent); } .graph-controls { position: absolute; left: 8px; top: 8px; padding: 8px 16px 8px 8px; background-color: var(--background-primary-alt); min-width: 140px; max-width: 240px; border: 1px solid var(--background-modifier-border); border-radius: 6px; max-height: calc(100% - 16px); overflow: auto; } .graph-controls.is-close { min-width: inherit; background-color: var(--background-primary); border: 1px solid transparent; padding: 6px 8px 2px 8px; } .graph-controls.is-close>.graph-control-section { display: none; } .graph-controls input[type='text'], .graph-controls input[type='range'] { width: 100%; font-size: 14px; } .graph-controls .setting-item { padding: 10px 0; } .graph-controls .setting-item:first-of-type { border-top: none; } .graph-controls .setting-item.mod-slider, .graph-controls .setting-item.mod-search-setting { flex-direction: column; } .graph-controls .setting-item.mod-slider>*, .graph-controls .setting-item.mod-search-setting>* { width: 100%; } .graph-controls .setting-item.mod-slider .setting-item-info, .graph-controls .setting-item.mod-search-setting .setting-item-info { margin-right: 0; } .graph-controls .setting-item.mod-slider .setting-item-control, .graph-controls .setting-item.mod-search-setting .setting-item-control { padding-top: 4px; } .graph-controls .setting-item.mod-toggle .setting-item-control { padding-top: 0; margin-top: -3px; } .graph-controls .setting-item.mod-search-setting .setting-item-info { margin-right: 0; } .graph-controls .setting-item-name { font-size: 14px; color: var(--text-muted); display: inline-block; } .graph-controls .tree-item-children { margin-top: 8px; } .graph-controls::-webkit-scrollbar, .graph-controls::-webkit-scrollbar-thumb { width: 8px; visibility: hidden; } .graph-controls:hover::-webkit-scrollbar, .graph-controls:hover::-webkit-scrollbar-thumb { visibility: visible; } .graph-color-group { position: relative; display: flex; align-items: center; padding: 0 0 10px 0; transition: top 200ms ease-in-out; } .graph-color-group input[type="color"] { height: 26px; margin-left: 6px; } .graph-color-group input[type="color"]::-webkit-color-swatch { height: 18px; width: 18px; } .graph-color-group .clickable-icon { display: inline-flex; } .graph-color-button-container { text-align: center; margin-bottom: 10px; } .graph-color-button-container button { margin: 0; } .graph-color-group.drag-ghost { position: fixed; display: flex; max-width: unset; border: none; box-shadow: none; background-color: var(--background-primary-alt); padding: 0; transition: none; pointer-events: none; } .graph-color-group.drag-ghost input[type='text'] { width: 100%; } .graph-color-group.drag-ghost input[type='color'] { margin-left: 6px; } .graph-control-section.mod-color-groups .tree-item-children.is-grabbing .graph-color-groups-container { padding-bottom: 40px; } .graph-controls-button { color: var(--text-faint); cursor: var(--cursor); display: none; z-index: 1; } .graph-controls-button:hover { color: var(--text-muted); } .graph-controls-button.mod-close { position: absolute; top: 5px; right: 6px; } .graph-controls:not(.is-close):hover .graph-controls-button.mod-close { display: inline-block; } .graph-controls-button.mod-reset { position: absolute; top: 5px; right: 30px; } .graph-controls:not(.is-close):hover .graph-controls-button.mod-reset { display: inline-block; } .graph-controls.is-close .graph-controls-button.mod-open { display: flex; } .graph-controls-button.mod-animate { margin-top: 12px; } .graph-controls.is-close .graph-controls-button.mod-animate { display: flex; } .setting-item.mod-search-setting .setting-item-info { display: none; } .setting-item.mod-search-setting .setting-item-control .search-input-container { position: relative; margin: 0; } .setting-item.mod-search-setting .setting-item-control .search-input-container:before { content: ' '; position: absolute; bottom: -6px; width: 0; height: 3px; } .setting-item.mod-search-setting.is-loading .setting-item-control:before { background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite progress-bar; } .graph-controls-currently-searching { font-size: 13px; color: var(--text-muted); margin-top: 10px; line-height: 18px; } .graph-control-section-header { font-weight: 600; font-size: 14px; color: var(--text-normal); } .graph-control-section:not(:last-child) .tree-item-children { margin-top: 8px; margin-bottom: 16px; border-bottom: 1px solid var(--background-modifier-border); } .graph-controls { padding-bottom: 12px; } .local-graph-jumps-slider-container { position: absolute; left: 14px; top: 10px; padding: 0 8px 4px 8px; border-radius: 4px; background-color: var(--background-primary); } .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-color: var(--background-secondary); } .outline { font-size: 14px; } .modal.mod-publish { min-width: 600px; max-width: 90vw; width: 700px; max-height: 80vh; } .publish-section { margin-bottom: 20px; } .publish-change-list { margin: 6px 0 20px 0; } .site-list-site-id-setting { margin-top: 16px; } .publish-sections-container, .publish-site-settings-container { overflow: auto; padding-right: 20px; } .publish-section-header { border-bottom: 2px solid var(--background-modifier-border); font-size: 13px; line-height: 1.1; color: var(--text-muted); display: flex; } .publish-sections-container { max-height: calc(70vh - 170px); } .publish-site-settings-container { max-height: calc(70vh - 110px); } .publish-section-header-text, .publish-section-header-toggle-collapsed-button, .publish-section-header-action { cursor: var(--cursor); } .publish-section-header-text:hover, .publish-section-header-toggle-collapsed-button:hover, .publish-section-header-action:hover { color: var(--text-accent-hover); } .publish-section-header-text { flex-grow: 1; text-transform: uppercase; font-weight: 800; } .publish-changes-switch-site { margin-left: 10px; flex-grow: 1; text-decoration: underline; font-size: 14px; position: relative; top: 2px; } .upload-progress-container { max-height: 60vh; overflow: auto; } .upload-progress-container.is-finished { max-height: calc(60vh - 200px); } .publish-changes-current-site-name { margin-left: 6px; text-decoration: underline; } .publish-changes-info { display: flex; align-items: center; margin-bottom: 20px; } .publish-changes-info button { margin-right: 0; margin-left: 8px; } .publish-changes-info .search-input-container { margin: 0; width: 0; flex: 1 0 auto; } .publish-section-header-toggle-collapsed-button { margin-right: 4px; color: var(--text-faint); width: 9px; height: 9px; } .publish-section-header-action { color: var(--text-faint); margin-left: 12px; } .publish-upload-item-title { word-break: break-word; } .publish-changes-buttons { text-align: right; padding-bottom: 18px; } .publish-upload-item { position: relative; } .publish-upload-item .flair { top: 2px; } .publish-upload-item:before { content: ' '; position: absolute; top: 0; left: 0; width: 0; height: 100%; transition: width 150ms ease-in-out; background-color: var(--background-modifier-success); z-index: 0; border-radius: 4px; } .publish-upload-item.mod-failed:before { background-color: var(--background-modifier-error); } .publish-upload-item.mod-completed>* { position: relative; } .publish-upload-item.mod-completed:before { width: 100%; } .site-list-container { border-top: 1px solid var(--background-modifier-border); margin-bottom: 20px; } .site-list-item-name { flex-grow: 1; } .slug-input { text-transform: lowercase; } .passwords-container { margin-bottom: 20px; } .password-item { border-radius: 4px; padding: 8px 20px; margin: 4px 0; } .password-item:hover { background-color: var(--background-primary); } .search-input-container { margin: 0 14px 10px 14px; position: relative; } .search-input-container input { display: block; width: 100%; padding: 5px 28px 5px 14px; } .search-input-clear-button { position: absolute; right: 8px; top: 2px; color: var(--text-faint); cursor: var(--cursor); } .search-input-clear-button:before { font-size: 22px; content: '\D7'; } .search-input-clear-button:hover { color: var(--text-muted); } .search-input-suggest-button { position: absolute; left: 0; top: 0; color: var(--text-faint); cursor: var(--cursor); padding: 4px 10px; } .search-input-suggest-button:hover { color: var(--text-muted); } .backlink-pane, .outgoing-link-pane { overflow-y: auto; padding: 0 4px; flex: 1 0 0; } .outgoing-link-pane { padding: 10px 4px; } .outgoing-link-pane .search-result-file-matches { margin-left: 0; } .search-result-container { padding: 4px 0 4px 4px; position: relative; flex: 1 0 0; } .search-result-container.mod-global-search { overflow-y: auto; } .backlink-pane .search-result-container { margin-left: 12px; } .search-result-container:before { content: ' '; position: absolute; top: 0; width: 0; height: 3px; } .search-result-container.is-loading:before { background-color: var(--interactive-accent); animation: 1000ms ease-in-out 300ms infinite progress-bar; } .search-suggest-info-text { color: var(--text-faint); margin-left: 4px; } .suggestion-container.mod-search-suggestion { max-width: unset; } .suggestion-container.mod-search-suggestion .suggestion { max-height: 600px; padding: 5px; } .search-suggest-icon { align-items: center; display: flex; } .search-suggest-item { padding: 4px 10px; margin: 2px 0; border-radius: 6px; } .search-suggest-item.mod-group { align-items: center; color: var(--text-muted); cursor: default; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; font-size: 13px; border-radius: 0; } .search-suggest-item.mod-group:not(:first-child) { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--background-modifier-border); } .search-suggest-item.mod-group:hover, .search-suggest-item.mod-group.is-selected { background-color: initial; } @keyframes progress-bar { 0% { width: 0; left: 0; } 5% { width: 0; left: 0; } 50% { width: 100%; right: 0; } 95% { width: 0; right: 0; } 100% { width: 0; right: 0; } } .search-empty-state { color: var(--text-muted); font-size: 16px; margin: 0 20px 15px 20px; } .search-result { word-break: break-word; margin-bottom: 8px; } .search-result .tree-item-self { border: 1px solid transparent; } .search-result-file-title { font-size: 14px; font-weight: 600; } .search-result-file-matches { font-size: 14px; line-height: 22px; margin-bottom: 5px; padding-bottom: 5px; color: var(--text-muted); margin-left: 10px; border-bottom: 1px solid var(--background-modifier-border); } .workspace-leaf-content[data-type='search'] .search-result-file-matches { padding-left: 5px; } .search-result:last-child .search-result-file-matches { border-bottom-color: transparent; } .search-info-more-matches { color: var(--text-faint); } .search-result-file-match { cursor: var(--cursor); border-radius: 3px; border: 1px solid transparent; position: relative; left: 4px; padding: 7px 10px; white-space: pre-wrap; width: calc(100% - 20px); } .search-result-file-match:after { position: absolute; width: 100%; bottom: -5px; left: 0; height: 1px; background-color: var(--background-modifier-border); content: ''; } .search-result-file-match:last-child:after { display: none; } .search-result-file-match:hover { background-color: var(--background-secondary-alt); } .workspace-split.mod-root .search-result-file-match:hover { background-color: var(--background-secondary); } .search-result-file-match:hover .search-result-file-match-replace-button { display: block; } .search-result-file-match:not(:last-child) { margin-bottom: 8px; } .search-result-hover-button { position: absolute; display: flex; right: 2px; border-radius: 3px; color: var(--text-faint); padding: 1px 3px; } .search-result-hover-button:hover { opacity: 1; background-color: var(--interactive-accent); } .search-result-hover-button:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); } .search-result-hover-button.mod-top { top: 2px; } .search-result-hover-button.mod-bottom { bottom: 2px; } .search-result-file-matched-text { color: var(--text-normal); background-color: var(--text-highlight-bg); } .search-result-file-match-replace-button { display: none; position: absolute; background-color: var(--interactive-accent); color: var(--text-on-accent); top: 3px; right: 14px; opacity: 0.8; padding: 2px 10px; font-size: 14px; } .search-result-file-match-replace-button:hover { opacity: 1; background-color: var(--interactive-accent); } .search-info-container { color: var(--text-muted); padding: 0 14px; font-size: 14px; line-height: 1.5; } .search-info-children { padding-left: 20px; border-left: 1px solid var(--background-modifier-border); margin: 1px 0; } .copy-search-result-container { display: flex; flex-direction: column; } .copy-search-result-textarea { height: 400px; } .copy-search-result-textarea+.setting-item { border-top: none; } .search-result-file-match-destination-file-container { margin-top: 6px; color: var(--text-faint); } .search-result-file-match-destination-file { display: inline-flex; background-color: var(--background-secondary-alt); border: 1px solid var(--background-modifier-border); border-radius: 6px; padding: 2px 6px 3px 6px; margin: 4px 6px 0 0; } .search-result-file-match:hover .search-result-file-match-destination-file { background-color: var(--background-secondary); color: var(--text-muted); } .search-result-file-match:hover .search-result-file-match-destination-file:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); } .search-result-file-match-destination-file-icon { margin-right: 6px; display: flex; } .search-result-file-match-destination-file-icon svg { align-self: center; } .search-result-file-match-destination-file-name { white-space: pre-wrap; word-break: break-all; } .outgoing-link-item { margin: 4px 16px 4px 10px; } .workspace-leaf.mod-active .search-result.has-focus .tree-item-self, .workspace-leaf.mod-active .search-result-file-match.has-focus { border-radius: 3px; border: 1px solid var(--interactive-accent); background-color: rgba(var(--interactive-accent-rgb), 0.2); } .slides-container { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; transition: -webkit-transform 0.8s ease 0s; background-color: #191919; z-index: var(--layer-slides); border: none; } .slides-container li .collapse-indicator { display: none; } .slides-close-btn { display: inline-block; position: absolute; top: 10px; right: 10px; color: var(--text-faint); cursor: var(--cursor); z-index: 1; } .slides-close-btn:hover { color: var(--text-muted); } .reveal input[type='checkbox'] { width: 24px; height: 24px; } .reveal .task-list-item, .reveal .footnote-item { list-style: none; } .reveal .task-list-item { margin-left: -1.5em; } .vault-list-item { margin: 6px 0; display: flex; } .vault-list-item.is-connected .vault-list-item-title { color: var(--text-normal); } .vault-list-item-icon { color: var(--text-muted); position: relative; top: 1px; } .vault-list-item-title { color: var(--text-muted); user-select: none; } .vault-list-item-creation-time { color: var(--text-faint); font-size: 14px; } .sync-status-icon { cursor: var(--cursor); } .sync-status-icon.mod-success { color: var(--interactive-success); } .sync-status-icon.mod-working { color: var(--interactive-accent); } .sync-status-icon.mod-error { color: var(--text-error); } .modal.mod-sync-history { padding: 0; background-color: var(--background-secondary-alt); width: 90vw; max-width: 90vw; } .modal.mod-sync-history .modal-content { display: flex; overflow: hidden; margin-top: 0; } .sync-history-list-container { display: flex; flex-direction: column; flex-basis: 180px; flex-shrink: 0; max-height: 70vh; } .sync-history-list { overflow: auto; padding: 30px 0; flex-grow: 1; display: flex; flex-direction: column; } .sync-history-list .setting-item-info { display: none; } .sync-history-list-item-container { overflow: auto; flex: 1 1 0; } .sync-history-list-item { padding: 6px 14px 6px 20px; cursor: var(--cursor); font-size: 14px; } .sync-history-list-item.is-active, .sync-history-list-item:hover { background-color: var(--background-secondary); } .sync-history-content-container { background-color: var(--background-secondary); padding: 20px; height: 70vh; display: flex; flex-direction: column; max-width: calc(90vw - 180px); width: 0; flex: 1 1 auto; } .sync-history-content-empty { display: none; } .sync-history-content-container.mod-empty .sync-history-content-empty { display: block; } .sync-history-content { padding-right: 20px; flex-grow: 1; overflow: hidden; } .sync-history-content-other { flex-grow: 1; } .sync-history-content-other img { max-width: 100%; } .sync-history-content-container.mod-empty .sync-history-content, .sync-history-content-container.mod-empty .sync-history-content-buttons { display: none; } .deleted-file-item { cursor: var(--cursor); padding: 8px 20px; border-radius: 6px; } .deleted-file-item:hover { background-color: var(--background-secondary-alt); } .sync-history-load-more-button { height: 38px; text-align: center; line-height: 38px; cursor: var(--cursor); color: var(--text-muted); } .sync-history-load-more-button:hover { color: var(--text-normal); } .modal.mod-sync-log { width: 800px; } .sync-log-container { max-height: 600px; overflow: auto; font-family: var(--font-monospace); font-size: 12px; color: var(--text-muted); border-top: 1px solid var(--background-modifier-border); padding-top: 14px; } .sync-log-container .list-item { line-height: 18px; margin: 0; } .sync-log-container .list-item.mod-error { color: var(--text-error); } .sync-file-tree-container { max-height: calc(90vh - 250px); overflow: auto; } .sync-exclude-folder { display: flex; margin: 14px 0; } .sync-exclude-folder>* { align-self: center; display: flex; } .sync-exclude-folder-name { flex-grow: 1; } .sync-exclude-folder-remove { visibility: hidden; margin-right: 6px; } .sync-exclude-folder:hover .sync-exclude-folder-remove { visibility: visible; } .tag-pane-tag.is-active { background-color: var(--interactive-accent); color: var(--text-on-accent); } .tag-pane-tag.is-active .tag-pane-tag-count { background-color: var(--background-secondary-alt); color: var(--text-normal); } .tag-pane-tag.is-active:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); } .tag-pane-tag-text, .tag-pane-tag-count { display: inline-block; } .tag-pane-tag-text { word-break: break-word; flex-grow: 1; } .tag-container { font-size: 14px; padding: 0 10px; overflow: auto; } .tree-item-children .tag-pane-tag .tag-pane-tag-parent { display: none; } .workspace-leaf.mod-active .tree-item.has-focus>.tag-pane-tag { border-radius: 3px; box-shadow: inset 0 0 0 1px var(--interactive-accent); background-color: rgba(var(--interactive-accent-rgb), 0.2); } body.is-mobile { padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); font-size: 18px; background-color: var(--background-secondary); -webkit-text-size-adjust: 100%; } .is-mobile .safe-area-top-cover { position: fixed; top: 0; left: 0; width: 100%; height: env(safe-area-inset-top, 20px); background-color: var(--background-secondary); z-index: var(--layer-cover); } .is-mobile .workspace-split.mod-left-split, .is-mobile .workspace-split.mod-right-split { display: none; } .is-mobile .workspace-ribbon { display: none; } .is-mobile .view-header { border-top: none; } .is-mobile .workspace-split.mod-root>.workspace-leaf:first-of-type .workspace-leaf-content, .is-mobile .workspace-split.mod-root>.workspace-leaf:last-of-type .workspace-leaf-content { border-radius: 0; } .is-mobile .view-header-title { padding-right: 0; -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000000 30px); mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0, #000000 30px); } .is-mobile .view-header-title-container:after { display: none; } .is-mobile .view-header-icon { cursor: default; } .is-mobile .view-header-icon:hover { color: var(--text-muted); } .is-mobile .horizontal-main-container { position: relative; background-color: var(--background-modifier-cover); } .is-mobile .status-bar { display: none; } .is-mobile .modal, .is-mobile .prompt, .is-mobile .suggestion-container { max-height: calc(100% - 100px); width: calc(100% - 20px); max-width: calc(100% - 20px); min-width: unset; position: absolute; bottom: 0; border-radius: 6px 6px 0 0; padding: 10px 20px; } .is-mobile .suggestion-container { left: 10px; top: unset; padding: 5px 10px; overflow: auto; } .is-mobile .suggestion { border-radius: 6px 6px 0 0; position: relative; } .is-mobile .suggestion-item { font-size: 18px; padding: 5px; border-radius: 8px; } .is-mobile .suggestion-item.mod-group { font-size: 14px; border-radius: 0; } .is-mobile .prompt { min-width: unset; top: unset; } .is-mobile .prompt-instructions { display: none; } .is-mobile .modal-close-button { display: none; } .is-mobile .modal.mod-settings { background-color: var(--background-primary); } .is-mobile .modal.mod-settings .vertical-tabs-container { display: block; } .is-mobile .modal.mod-settings .vertical-tab-header, .is-mobile .modal.mod-settings .vertical-tab-content-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; padding: 0; } .is-mobile .modal.mod-settings .vertical-tab-header { left: 0; } .is-mobile .modal.mod-settings .vertical-tab-header, .is-mobile .modal.mod-settings .vertical-tab-nav-item { background-color: var(--background-primary); } .is-mobile .modal.mod-settings .vertical-tab-nav-item { font-size: 18px; } .is-mobile .modal.mod-settings .vertical-tab-content { background-color: var(--background-primary); padding: 20px 20px; height: calc(100% - 50px); } .is-mobile .modal-setting-back-button { display: flex; flex: 0 1 auto; padding: 10px 20px; color: var(--text-muted); background-color: var(--background-secondary); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); } .is-mobile .modal-setting-back-button-icon { display: flex; align-items: center; margin-right: 6px; } .is-mobile .modal { display: flex; flex-direction: column; padding: 10px 0; overflow-wrap: anywhere; word-break: break-word; } .is-mobile .modal-content { display: flex; flex-direction: column; margin-top: 0; overflow: auto; padding: 5px 10px; } .is-mobile .modal-content>* { flex: 1 0 auto; } .is-mobile .modal-button-container { width: 100%; padding: 5px 10px; margin-top: 0; } .is-mobile .modal-title { font-size: 20px; } .is-mobile .sync-log-container { flex: 1 1 auto; } .is-mobile .vault-list-item-creation-time { display: none; } .is-mobile .vault-list-item { padding: 5px 0; } .is-mobile .vault-list-item .flair { display: none; } .is-mobile .vault-list-item-title { flex: 1 0 auto; } .is-mobile .vault-list-item-button { margin-right: 0; } .is-mobile .notice-container { top: unset; bottom: 16px; left: 0; } .is-mobile .notice { background-color: rgba(0, 0, 0, 0.9); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); max-width: unset; } .is-mobile .prompt-input { padding: 12px 16px; font-size: 18px; height: 50px; } .is-mobile .view-header { height: 50px; } .is-mobile .view-content { height: 100%; } .is-mobile .view-header-title-container { height: 50px; } .is-mobile .view-header-title { line-height: 50px; font-size: 20px; } .is-mobile .view-header-icon { padding: 10px 10px; } .is-mobile .view-actions { padding: 8px 10px; } .is-mobile .view-action { margin: 0 12px; } .is-mobile .search-result-file-matches, .is-mobile .search-result-file-title { font-size: 16px; line-height: 24px; } .is-mobile .nav-file-title, .is-mobile .nav-folder-title, .is-mobile .outline, .is-mobile .tag-container { font-size: 18px; line-height: 30px; } .is-mobile .workspace-drawer-actions, .is-mobile .nav-buttons-container { overflow: auto; flex-wrap: nowrap; } .is-mobile .workspace-drawer-actions::-webkit-scrollbar, .is-mobile .nav-buttons-container::-webkit-scrollbar, .is-mobile .workspace-drawer-actions::-webkit-scrollbar-thumb, .is-mobile .nav-buttons-container::-webkit-scrollbar-thumb { visibility: hidden; } .is-mobile .input-label { display: block; text-align: left; color: var(--text-muted); margin-bottom: 8px; } .is-mobile input[type='text'] { display: block; width: 100%; padding: 8px 14px; height: auto; font-size: 17px; } .is-mobile button { font-size: 16px; } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) { flex-direction: column; align-items: flex-start; } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control { margin-top: 14px; width: 100%; } .is-mobile .setting-icon { margin-right: 10px; display: inline-flex; vertical-align: middle; } .is-mobile .modal.mod-sync-history .search-input-container { width: 100%; margin-bottom: 0; } .is-mobile .setting-item-control select, .is-mobile .setting-item-control input, .is-mobile .setting-item-control button { width: 100%; margin: 0; } .is-mobile .setting-item-control button { padding: 10px; } .is-mobile .empty-state-action-list { margin-top: 40px; } .is-mobile .empty-state-action { background-color: var(--background-primary-alt); margin: 12px 0; padding: 6px 30px; border-radius: 100px; text-align: center; font-size: 18px; } .is-mobile .modal-button-container { display: flex; flex-direction: column; } .is-mobile .modal-button-container button { margin: 5px 0; padding: 10px 0; } .is-mobile .hotkey-list-container .setting-item { flex-direction: column; align-items: stretch; } .is-mobile .hotkey-list-container .setting-item-control { margin-top: 10px; align-items: flex-start; } .is-mobile .hotkey-list-container .setting-command-hotkeys { flex: 1 0 auto; } .is-mobile .hotkey-list-container .setting-hotkey { align-self: flex-start; } .is-mobile .community-theme { width: 100%; margin-bottom: 10px; } .is-mobile .community-theme-mode-toggle-container { width: 100%; margin-top: 14px; display: flex; justify-content: center; align-items: center; } .is-mobile .modal.mod-community-theme { min-height: unset; } .is-mobile .markdown-rendered { padding: 0 20px; } .is-mobile .markdown-rendered .frontmatter-container { margin-top: 20px; } .is-mobile .markdown-rendered .heading-collapse-indicator { margin-left: -20px; } .is-mobile .markdown-rendered ul, .is-mobile .markdown-rendered ol { padding-inline-start: 25px; } .is-mobile .modal.mod-sync-history, .is-mobile .modal.mod-community-plugin { background-color: var(--background-primary); height: 100%; padding: 0; } .is-mobile .modal.mod-sync-history .modal-content, .is-mobile .modal.mod-community-plugin .modal-content { flex-grow: 1; position: relative; } .is-mobile .modal.mod-sync-history .modal-content>*, .is-mobile .modal.mod-community-plugin .modal-content>* { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; padding: 0; } .is-mobile .community-plugin-search { background-color: transparent; } .is-mobile .community-plugin-search .setting-item { flex: 0 0 auto; padding: 0 10px 20px 10px; } .is-mobile .community-plugin-search .setting-item-info { display: none; } .is-mobile .community-plugin-search .setting-item-control { flex-direction: column; } .is-mobile .community-plugin-search .search-input-container { width: 100%; margin: 0 0 10px 0; } .is-mobile .community-plugin-item { margin: 0 0 10px 0; } .is-mobile .community-plugin-info { font-size: 16px; padding: 20px; } .is-mobile .community-plugin-readme { padding: 20px 0; } .is-mobile button { width: 100%; margin: 4px 0; } .is-mobile .sync-history-list-item.is-active { background-color: var(--background-primary); } .is-mobile .sync-history-list { padding: 0; } .is-mobile .sync-history-list-item { font-size: 18px; padding: 12px 16px; } .is-mobile .sync-history-content-container { display: flex; flex-direction: column; max-width: unset; } .is-mobile .sync-history-content { flex: 1 1 auto; padding: 5px; border-radius: 0; border: none; } .is-mobile .publish-changes-info-publishing-to { display: none; } .is-mobile .publish-changes-add-linked-btn { width: auto; } .is-mobile .message-container { text-align: center; margin: 8px 0; } .is-mobile .search-result-file-match-replace-button { display: block; position: relative; padding: 6px 10px; right: 0; margin-top: 6px; background-color: var(--background-secondary-alt); } .is-mobile .suggestion-flair { position: relative; margin-right: 6px; left: 0; top: 0; } .is-mobile .document-search-container { height: auto; } .is-mobile .document-search-container.mod-replace-mode { height: auto; } .is-mobile .document-search, .is-mobile .document-replace { height: auto; flex-direction: column; } .is-mobile .document-search input, .is-mobile .document-replace input { height: 32px; } .is-mobile .document-search .document-search-button, .is-mobile .document-replace .document-search-button { height: auto; padding: 4px 0; } .is-mobile .document-search input, .is-mobile .document-replace input, .is-mobile .document-search button, .is-mobile .document-replace button { width: auto; margin: 4px 3px; flex-grow: 1; } .is-mobile .document-search .document-search-buttons, .is-mobile .document-replace .document-search-buttons, .is-mobile .document-search .document-replace-buttons, .is-mobile .document-replace .document-replace-buttons { display: flex; flex-grow: 1; } .is-mobile .document-search .document-search-close-button, .is-mobile .document-replace .document-search-close-button { height: 34px; line-height: 34px; top: 0; } .is-mobile .workspace-leaf-content[data-type='search'] .search-input-container input { padding: 8px 14px 8px 28px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .workspace-drawer { position: absolute; top: 0; display: flex; overflow: hidden; height: 100%; min-width: 300px; max-width: 600px; width: 80vw; z-index: var(--layer-sidedock); } .workspace-drawer.is-pinned { position: relative; max-width: 300px; border-right: 1px solid var(--background-modifier-border); z-index: var(--layer-cover); } .workspace-drawer.mod-left { left: 0; border-right: 1px var(--background-modifier-border) solid; } .workspace-drawer.mod-left .workspace-drawer-inner { padding-left: 42px; } .workspace-drawer.mod-right { right: 0; border-left: 1px var(--background-modifier-border) solid; } .workspace-drawer.is-collapsed { overflow: hidden; } .workspace-drawer .nav-header { padding: 0; } .workspace-drawer .side-dock-settings { margin-bottom: 0; } .workspace-drawer-inner { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; background-color: var(--background-primary); position: relative; transition: width ease-out 150ms; } .workspace-drawer.is-collapsed .workspace-drawer-inner { padding: 0; width: 0; } .workspace-drawer-inner .workspace-ribbon-collapse-btn { display: none; } .workspace-drawer-backdrop { display: block; position: fixed; z-index: var(--layer-cover); width: 100%; height: 100%; background-color: var(--background-modifier-cover); top: 0; left: 0; opacity: 1; transition: opacity ease-out 150ms; } .workspace-drawer.is-collapsed .workspace-drawer-backdrop { display: none; opacity: 0; } .workspace-drawer-ribbon { position: absolute; left: 0; top: 0; height: 100%; overflow: auto; width: 42px; padding: 12px 0; background: var(--background-secondary); } .workspace-drawer-ribbon::-webkit-scrollbar, .workspace-drawer-ribbon::-webkit-scrollbar-thumb { visibility: hidden; width: 0; } .workspace-drawer-ribbon .side-dock-ribbon-action { padding: 12px 0; } .workspace-drawer-header { padding: 10px 20px 0 20px; display: flex; align-items: center; } .workspace-drawer-header-left { display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; } .workspace-drawer-header-name { font-size: 20px; height: 34px; line-height: 34px; display: flex; } .workspace-drawer-header-name-text { text-overflow: ellipsis; overflow: hidden; } .workspace-drawer-header-name-action-icon { color: var(--text-muted); margin-left: 8px; display: flex; align-items: center; } .workspace-drawer-header-info { color: var(--text-muted); margin: 4px 0 10px 0; font-size: 14px; } .workspace-drawer-header-icon { color: var(--text-faint); margin-left: 10px; } .workspace-drawer-actions { margin: 20px 0 10px 0; display: flex; color: var(--text-muted); } .workspace-drawer-action-item { flex: 0 0 70px; display: flex; flex-direction: column; align-items: center; overflow: hidden; } .workspace-drawer-action-icon { color: var(--text-faint); } .workspace-drawer-action-short-name { font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 80px; } .workspace-drawer-separator { margin: 0 0 12px 0; } .workspace-drawer-tab-option-item { display: flex; align-items: center; margin: 20px; } .workspace-drawer-tab-option-item-icon, .workspace-drawer-active-tab-icon { margin-right: 12px; } .workspace-drawer-tab-option-item-icon, .workspace-drawer-active-tab-icon { color: var(--text-muted); display: flex; } .workspace-drawer-active-tab-back-icon { display: flex; color: var(--text-muted); } .workspace-drawer-tab-option-item-title, .workspace-drawer-active-tab-title { color: var(--text-muted); flex: 1 0 0; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .workspace-drawer-active-tab-header { display: flex; align-items: center; margin: 20px 0; } .workspace-drawer-active-tab-back-icon { flex: 0 0 26px; } .workspace-drawer-tab-container { overflow: hidden; position: relative; flex: 1 0 0; } .workspace-drawer-tab-container>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; } .workspace-drawer-active-tab-icon.mod-exit-fullscreen { display: none; } .workspace-drawer-active-tab-container { display: flex; flex-direction: column; } .workspace-drawer-active-tab-container.is-fullscreen { position: fixed; width: 100%; top: 0; left: 0; background-color: var(--background-primary); margin: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); padding: 8px 14px; } .workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-back-icon { display: none; } .workspace-drawer-active-tab-container.is-fullscreen .workspace-leaf { width: 100%; } .workspace-drawer-active-tab-container.is-fullscreen .workspace-drawer-active-tab-header { margin: 20px 0; } .workspace-drawer-active-tab-content { flex: 1 0 0; overflow: auto; display: flex; } .workspace-drawer-active-tab-content>* { flex: 1 0 0; width: 100%; height: 100%; } .workspace-drawer-active-tab-content .view-header { display: none; } .workspace-drawer-active-tab-content .view-content { padding-top: 4px; } .workspace-drawer-active-tab-content .graph-controls { display: none; } .workspace-drawer-active-tab-content .outline { font-size: 16px; } .pull-action { position: absolute; background-color: var(--background-secondary-alt); z-index: var(--layer-popover); color: var(--text-muted); font-size: 90%; transition: background-color ease-in-out 150ms; } .pull-action.mod-activated { background-color: var(--interactive-accent); color: var(--text-on-accent); } .pull-down-action { top: 0; width: 100%; padding: 30px 10px; text-align: center; border-bottom: 1px solid var(--background-modifier-border); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); } .pull-out-action { top: 50%; padding: 30px 10px; } .mobile-vault-chooser { width: 100%; height: 100%; background-color: var(--background-secondary); position: relative; } .mobile-vault-chooser hr { margin: 12px 0; } .mobile-vault-chooser-screen { display: flex; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mobile-vault-chooser-header { display: flex; background-color: var(--background-secondary-alt); border-bottom: 1px solid var(--background-primary); color: var(--text-muted); flex: 0 0 50px; font-size: 18px; align-items: center; } .mobile-vault-chooser-header-icon { display: flex; margin: 0 6px 0 10px; } .mobile-vault-chooser-content { flex: 1 0 0; padding: 20px; height: 100%; overflow-y: auto; } .mobile-vault-chooser-logo-container { margin: 40px 0; text-align: center; color: var(--text-muted); } .mobile-vault-chooser-logo { font-size: 32px; text-transform: uppercase; font-family: 'Avenir Next', sans-serif; letter-spacing: 2px; margin-bottom: 10px; } .mobile-vault-chooser-version { font-size: 15px; } .mobile-vault-chooser-empty-state { margin: 20px 0; font-size: 17px; color: var(--text-muted); } .mobile-vault-chooser-action-icon { color: var(--text-muted); display: flex; padding: 10px; margin: -10px 0; } .mobile-vault-chooser-action { display: flex; padding: 14px 0; align-items: center; font-size: 20px; } .mobile-vault-chooser-action-name { flex: 1 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mobile-vault-chooser-action-description { color: var(--text-muted); font-size: 17px; overflow: hidden; text-overflow: ellipsis; max-width: calc(100vw - 110px); white-space: nowrap; } .mobile-vault-chooser-field-name { color: var(--text-muted); margin: 20px 0 10px 0; font-size: 18px; } input.mobile-vault-chooser-field-input { width: 100%; font-size: 16px; padding: 8px 12px; height: auto; } .mobile-vault-chooser-button-container { margin: 20px 0; } .mobile-vault-chooser-button-container button { padding: 10px 20px; font-size: 16px; width: 100%; } .mobile-image-viewer { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: var(--background-modifier-cover); display: flex; justify-content: center; overflow: hidden; z-index: var(--layer-modal); } .mobile-image-viewer img { align-self: center; max-height: 100%; max-width: 100%; } .mobile-toolbar { flex: 0 0 auto; bottom: 0; height: 48px; width: 100%; overflow-y: hidden; border-top: 1px solid var(--background-modifier-border); background-color: var(--background-primary-alt); } .mobile-toolbar-options-container { height: 48px; display: flex; overflow-x: auto; overflow-y: hidden; width: 100%; padding: 0 10px; scrollbar-width: none !important; /* Firefox */ -ms-overflow-style: none !important; /* Internet Explorer 10+ */ } .mobile-toolbar-options-container::-webkit-scrollbar { width: 0 !important; height: 0 !important; } .mobile-toolbar-option { display: flex; font-size: 16px; color: var(--text-muted); font-family: var(--font-monospace); justify-content: center; align-items: center; min-width: 50px; position: relative; left: 0; transition: left 200ms ease-in-out; } .mobile-toolbar-option.mod-ghost { position: absolute; transition: left 250ms ease-in-out; } .mobile-toolbar-option.mod-ghost:before { content: ' '; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 6px; background-color: var(--interactive-accent); } .mobile-option-setting-item { font-size: 16px; display: flex; align-items: center; margin: 12px 0; transition: transform 1000ms ease-in-out; color: var(--text-muted); } .mobile-option-setting-item>* { margin: 0 12px 0 0; } .mobile-option-setting-item:first-of-type:last-of-type .mobile-option-setting-drag-icon { display: none; } .mobile-option-setting-item-name { flex: 1 0 0; color: var(--text-normal); } .mobile-option-setting-item-option-icon { display: flex; } .mobile-option-setting-item-option-icon.mobile-option-setting-drag-icon { cursor: grab; } .mobile-option-setting-item-remove-icon { color: var(--text-error); display: flex; } .mobile-option-setting-item-add-icon { color: var(--interactive-success); display: flex; } .starter-screen { display: flex; flex-direction: column; background-color: var(--background-secondary); width: 100%; height: 100%; border: 1px solid var(--background-modifier-cover); } .starter-screen-inner { flex-grow: 1; display: flex; height: calc(100% - 24px); } .recent-vaults { flex-shrink: 0; width: 239px; overflow-y: hidden; height: 100%; } .recent-vaults-header { height: 30px; line-height: 30px; font-size: 18px; color: var(--text-muted); } .recent-vaults-list { overflow-y: auto; height: 100%; } .recent-vaults-list-item { padding: 10px 40px 10px 20px; cursor: var(--cursor); position: relative; } .recent-vaults-list-item:hover { background-color: var(--interactive-accent); color: var(--text-on-accent); } .recent-vaults-list-item-name, .recent-vaults-list-item-path { word-break: break-all; } .recent-vaults-list-item-name { border-radius: 2px; border: 1px solid transparent; } .recent-vaults-list-item-name[contenteditable] { cursor: text; border-color: var(--interactive-accent); background-color: var(--background-secondary-alt); font-size: 0.9em; padding: 0 4px; } .recent-vaults-list-item-path { font-size: 12px; color: var(--text-muted); line-height: 16px; } .recent-vaults-list-item:hover .recent-vaults-list-item-path { color: var(--text-on-accent); } .recent-vaults-list-item-option-button { position: absolute; top: 10px; right: 10px; color: var(--text-faint); width: 30px; height: 30px; border-radius: 15px; line-height: 36px; text-align: center; transition: background-color 200ms ease-in-out; } .recent-vaults-list-item-option-button:hover { color: var(--text-normal); background-color: var(--background-primary-alt); } .splash { align-items: center; background-color: var(--background-primary); display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; text-align: center; padding: 15px; } .splash-brand { flex: 0 0 content; padding: 20px; } .splash-brand-name { margin-top: 20px; flex-grow: 1; font-size: 30px; text-transform: uppercase; font-family: 'Avenir Next', sans-serif; letter-spacing: 2px; line-height: 26px; } .splash-brand-version { color: var(--text-muted); margin-top: 6px; font-size: 14px; } .help-options-container { flex: 1 0 0; overflow: auto; width: 100%; text-align: left; padding: 20px 50px; } .help-options-container::-webkit-scrollbar { display: none; } .open-vault-options-container { flex: 1 0 0; overflow: auto; width: 100%; max-width: 500px; position: relative; } .open-vault-options-container::-webkit-scrollbar { display: none; } .open-vault-options { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 30px; text-align: left; overflow-y: auto; display: flex; flex-direction: column; } .open-vault-options input[type='text'] { width: 150px; } .open-vault-options .setting-item-control button { width: 100px; } .open-vault-options .back-button { display: flex; align-items: center; color: var(--text-muted); user-select: none; cursor: var(--cursor); } .open-vault-options .back-button:hover { color: var(--text-normal); } .open-vault-options .setting-item-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .open-vault-options.mod-login { justify-content: flex-start; } .open-vault-options.mod-login input[type='text'] { width: 250px; } .quick-start-container { margin-bottom: 10px; } .quick-start-container button { font-size: 16px; padding: 8px 60px; } .quick-start-container+.setting-item { border-top: none; } .open-folder-input[type='text'] { font-size: 14px; width: 200px; height: 28px; } .browse-folder-button { margin-left: 10px; } .open-folder-button { margin-top: 14px; padding: 6px 40px; } .starter .notice { top: 38px; } .setting-item.mod-change-language .setting-item-info { flex-grow: 0; } .setting-item.mod-change-language .setting-item-control { flex-grow: 1; justify-content: flex-start; } .setting-item.mod-change-language select { width: 100%; } .setting-item.mod-change-language .setting-item-name { color: var(--text-faint); position: relative; top: 3px; cursor: var(--cursor); } .setting-item.mod-change-language .setting-item-name:hover { color: var(--text-muted); } .setting-icon { display: flex; color: var(--text-muted); margin-right: 24px; } .choose-vault-clickable-area { text-align: center; padding: 40px 60px; border: 5px dashed var(--interactive-accent); border-radius: 10px; cursor: var(--cursor); } .choose-vault-clickable-area:hover { background-color: rgba(var(--interactive-accent-rgb), 0.4); border: 5px solid rgba(var(--interactive-accent-rgb), 0.4); } .choose-vault-label-welcome { line-height: 46px; color: var(--text-muted); } .choose-vault-label-choose { font-weight: 800; font-size: 32px; } /* edit: calender plugin edits */ .year.svelte-1vwr9dd.svelte-1vwr9dd { color: var(--tan) !important; } .today.svelte-q3wqg9 { color: var(--tan) !important; } .nav.svelte-1vwr9dd.svelte-1vwr9dd { align-items: center; display: flex; margin: 10px !important; padding: 10px !important; width: 100%; border-bottom-style: solid; border-bottom-color: var(--gold); border-bottom-width: 2px; } /* edit: kanban plugin edits */ .kanban-plugin__board>div { background-color: var(--background-primary) !important; display: flex; align-items: flex-start; justify-content: flex-start; padding: 1rem; width: fit-content; height: 100%; } .kanban-plugin__item-action-add, .kanban-plugin__lane-action-add { background-color: var(--beige) !important; color: var(--text-on-accent); } .kanban-plugin__grow-wrap>textarea:focus { border-color: var(--beige) !important; } .kanban-plugin__lane-form-wrapper { position: absolute; top: 1rem; right: 1rem; width: 250px; background-color: var(--background-secondary); border-radius: 6px; border: 2px solid var(--gold) !important; z-index: var(--layer-popover); box-shadow: 0 0.5px 1px 0.5px #0000001a, 0 2px 10px #0000001a, 0 10px 20px #0000001a; } .kanban-plugin__lane { width: 100%; display: flex; flex-direction: column; background-color: var(--background-secondary); border-radius: 6px; border: 1px solid #6f5b3e !important; } .kanban-plugin__item { font-size: .875rem; border: 1px solid #6f5b3e !important; border-radius: 6px; overflow: hidden; transition: .3s opacity cubic-bezier(.25, 1, .5, 1); } .kanban-plugin__lane-header-wrapper { padding: 10px 11px; display: flex; align-items: center; flex-shrink: 0; flex-grow: 0; border-bottom: 1px solid #6f5b3e !important; } button.kanban-plugin__new-item-button:hover { background-color: var(--background-secondary-alt); color: var(--text-muted); } /* edit: pomodoro plugin edits */ .pomodoro-timer .mode-switchers-container div.enabled { background-color: var(--tan) !important; } .pomodoro-timer .mode-switchers-container div { background-color: var(--beige) !important; margin-left: 20px; padding: 8px; border-radius: 5px; border: none !important; } .pomodoro-timer .mode-switchers-container { text-align: center; margin-top: 20px !important; margin-right: 18px !important; margin-left: auto; display: flex; color: white; font-size: 12px !important; } .pomodoro-timer .time { font-size: 22px !important; text-align: center; padding: 20px !important; } .theme-light .pomodoro-timer button { color: white; }