/* src/stalin.css */ .quiet-outline { --custom-font-size: var(--nav-item-size); --custom-font-family: inherit; --custom-font-weight: inherit; --custom-line-height: 1.6em; --custom-line-gap: 0px; --h1-color: inherit; --h2-color: inherit; --h3-color: inherit; --h4-color: inherit; --h5-color: inherit; --h6-color: inherit; } .quiet-outline-tabs { display: flex; border-bottom: 1px solid var(--background-modifier-border); margin-bottom: 16px; } .quiet-outline-tabs button { background: none; border: none; padding: 8px 16px; cursor: pointer; color: var(--text-muted); border-bottom: 2px solid transparent; transition: all 0.2s ease; font-size: var(--font-ui-medium); } .quiet-outline-tabs button:hover { color: var(--text-normal); background-color: var(--background-modifier-hover); } .quiet-outline-tabs button.active { color: var(--text-accent); border-bottom-color: var(--text-accent); font-weight: var(--font-semibold); } .quiet-outline-tab-content { min-height: 400px; } .quiet-outline .n-tree { font-size: var(--custom-font-size); font-family: var(--custom-font-family); font-weight: var(--custom-font-weight); } .quiet-outline .n-tree-node-indent { flex: 0 0 13px !important; } .quiet-outline .n-tree-node-wrapper { padding: 0px; } .quiet-outline .n-tree-node.n-tree-node--selectable { align-items: center; } .quiet-outline .n-tree-node .n-tree-node-content { line-height: var(--custom-line-height); min-height: 10px; margin-bottom: var(--custom-line-gap); } .quiet-outline .n-tree-node-content__text p { margin: 0; } .quiet-outline .n-tree.ellipsis { overflow-x: hidden; } .quiet-outline .n-tree.ellipsis .n-tree-node .n-tree-node-content p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quiet-outline .n-tree.ellipsis .n-tree-node-content__text { overflow: hidden; } .quiet-outline .n-tree.ellipsis .n-tree-node-content { overflow: hidden; flex: 1; } .quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--pending { background-color: unset; } .quiet-outline .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover { color: var(--nav-item-color-active); background-color: var(--nav-item-background-active); font-weight: var(--nav-item-weight-active); } .quiet-outline .function-bar { display: flex; align-items: center; padding: 0px; margin-bottom: 5px; } .quiet-outline .function-bar .n-button { margin-right: 5px; text-align: center; } .quiet-outline .function-bar .n-input { flex: 1; min-width: 10px; } .is-mobile .quiet-outline .function-bar .n-button { margin-right: 5px; text-align: center; flex: 1; } .is-mobile .quiet-outline .function-bar .n-input { min-width: 10px; flex: none; } .quiet-outline .n-button__icon { --n-icon-size: 22px; font-size: 22px; } .quiet-outline .n-tree-node-content .n-input { .n-input-wrapper { padding: 0px; } .n-input__input-el { line-height: var(--custom-line-height); font-size: var(--custom-font-size); height: var(--custom-line-height); } } .quiet-outline code { font-weight: bold; font-family: var(--font-monospace); background-color: var(--code-background); border-radius: var(--radius-s); } .quiet-outline a.tag { white-space: nowrap; padding: 0.2em 0.6em; } .quiet-outline a:not(.tag) { color: var(--link-external-color); } .quiet-outline span.internal-link { color: var(--link-color); } .quiet-outline mark { background-color: var(--text-highlight-bg); color: var(--text-normal); } .n-tree .n-tree-node-switcher { height: 0px; } .quiet-outline [class*=level-]:not(.level-1) .n-tree-node-content { font-size: 1em; } .quiet-outline .level-1 .n-tree-node-content { color: var(--h1-color); } .quiet-outline .level-2 .n-tree-node-content { color: var(--h2-color); } .quiet-outline .level-3 .n-tree-node-content { color: var(--h3-color); } .quiet-outline .level-4 .n-tree-node-content { color: var(--h4-color); } .quiet-outline .level-5 .n-tree-node-content { color: var(--h5-color); } .quiet-outline .level-6 .n-tree-node-content { color: var(--h6-color); } .n-tree-node.located { font-weight: bold !important; :is(a) { font-weight: bold !important; } } .n-tree-node.located code { font-weight: 1000 !important; } .n-tree-node.located mjx-math { font-weight: bold !important; } .n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected { background-color: transparent !important; } .n-tree.n-tree--block-line:focus .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected { box-shadow: 0 0 0 2px var(--background-modifier-border-focus); } .view-content:has(.quiet-outline) { padding-bottom: 0px; } .quiet-outline .n-tree.n-tree--block-node.n-tree--block-line { padding-bottom: var(--size-4-8); } .quiet-outline { height: 100%; } .quiet-outline #container { height: 100%; } .quiet-outline .n-config-provider { display: flex; flex-direction: column; height: 100%; } .quiet-outline .n-tree { overflow: auto; padding-inline: 2px; } .n-tree__empty { display: none; } .canvas-node .markdown-embed-content .is-flashing { mix-blend-mode: normal; } /* main.css */ .quiet-outline .n-tree { padding-top: 5px; } .quiet-outline .n-tree .n-tree-node-indent { content: ""; height: unset; align-self: stretch; } .quiet-outline .n-tree .n-tree-node-content :is(p, h1, h2, h3, h4, h5) { unicode-bidi: var(--61117f8c-biDi); } .quiet-outline .level-2 .n-tree-node-indent, .quiet-outline .level-3 .n-tree-node-indent:first-child, .quiet-outline .level-4 .n-tree-node-indent:first-child, .quiet-outline .level-5 .n-tree-node-indent:first-child, .quiet-outline .level-6 .n-tree-node-indent:first-child { border-right: var(--nav-indentation-guide-width) solid var(--61117f8c-rainbowColor1); } .quiet-outline .level-3 .n-tree-node-indent, .quiet-outline .level-4 .n-tree-node-indent:nth-child(2), .quiet-outline .level-5 .n-tree-node-indent:nth-child(2), .quiet-outline .level-6 .n-tree-node-indent:nth-child(2) { border-right: var(--nav-indentation-guide-width) solid var(--61117f8c-rainbowColor2); } .quiet-outline .level-4 .n-tree-node-indent, .quiet-outline .level-5 .n-tree-node-indent:nth-child(3), .quiet-outline .level-6 .n-tree-node-indent:nth-child(3) { border-right: var(--nav-indentation-guide-width) solid var(--61117f8c-rainbowColor3); } .quiet-outline .level-5 .n-tree-node-indent, .quiet-outline .level-6 .n-tree-node-indent:nth-child(4) { border-right: var(--nav-indentation-guide-width) solid var(--61117f8c-rainbowColor4); } .quiet-outline .level-6 .n-tree-node-indent { border-right: var(--nav-indentation-guide-width) solid var(--61117f8c-rainbowColor5); } .n-tree-node.located p { color: var(--61117f8c-locatedColor); } .quiet-outline .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix { margin-right: 0; } .quiet-outline .n-tree .n-tree-node .n-tree-node-content .n-tree-node-content__prefix > *:last-child { margin-right: 8px; } .n-tree-node-switcher__icon { display: flex; align-items: center; justify-content: center; } /* src/main.css */