4531 lines
128 KiB
CSS
4531 lines
128 KiB
CSS
/*
|
|
|
|
California Coast has been made possible by the work of:
|
|
|
|
Minimal Obsidian 2.4.4 by @kepano
|
|
|
|
Sponsor kepano on Patreon:
|
|
https://www.patreon.com/kepano
|
|
|
|
----------------------------------------------------------------
|
|
|
|
TOC
|
|
|
|
Options
|
|
|
|
Disabled features
|
|
Colors
|
|
Font styles
|
|
Cursor
|
|
|
|
Theme
|
|
|
|
Special Features
|
|
|
|
Frameless mode
|
|
Andy mode for use with Sliding Panes plugin
|
|
App ribbon removed
|
|
Focus mode
|
|
Image zoom
|
|
Calendar plugin
|
|
|
|
Minimal Styling
|
|
|
|
Headings and fonts
|
|
Icons
|
|
Tags
|
|
Modals
|
|
Drag ghost
|
|
Workspace
|
|
Window frame
|
|
Title bar
|
|
Editor mode
|
|
Internal search
|
|
Sidebar documents
|
|
Toggle switches
|
|
File browser
|
|
Outline
|
|
Search
|
|
Tag pane
|
|
Status bar
|
|
Sidedock icons
|
|
Preview mode
|
|
Code
|
|
Popovers
|
|
Graphs
|
|
Scrollbars
|
|
|
|
|
|
----------------------------------------------------------------
|
|
|
|
OPTIONS
|
|
|
|
Disabled features */
|
|
|
|
.pane-list-item-ending-flair:not(.tag-pane-tag-count) {
|
|
/* Search counts */
|
|
display: none;
|
|
}
|
|
|
|
/* Hides the name of the root folder */
|
|
.nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
|
|
display: none;
|
|
}
|
|
|
|
/* Remove this if you re-enable status bar */
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
height: 100%;
|
|
}
|
|
|
|
:root {
|
|
/*----------------------------------------------------------------
|
|
|
|
Colors
|
|
|
|
Most colors in this theme are driven from the following values,
|
|
meaning that the backgrounds, borders, and various shades are
|
|
automatically generated for you.
|
|
|
|
- Base color is used for the backgrounds, text and borders.
|
|
- Accent color is used for links and some interactive elements.
|
|
|
|
The colors use HSL (hue, saturation, lightness)
|
|
|
|
- Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue
|
|
- Saturation (0-100%):0% is desaturated, 100% is full saturation
|
|
- Lightness (0-100%):0% is black, 100% is white
|
|
|
|
*/
|
|
|
|
--base-h: 0; /* Base hue */
|
|
--base-s: 0%; /* Base saturation */
|
|
--base-d: 16%; /* Base lightness Dark Mode - 0 is black */
|
|
--base-l: 96%; /* Base lightness Light Mode - 100 is white */
|
|
|
|
--accent-h: 211; /* Accent hue */
|
|
--accent-s: 100%; /* Accent saturation */
|
|
--accent-d: 52%; /* Accent lightness Dark Mode */
|
|
--accent-l: 50%; /* Accent lightness Light Mode */
|
|
|
|
--color-black-rgb: 0, 0, 0;
|
|
--color-white-rgb: 255, 255, 255;
|
|
|
|
/*----------------------------------------------------------------
|
|
|
|
Font styles
|
|
|
|
Preview mode and UI */
|
|
|
|
--text: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
|
|
Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
|
|
/* Editor mode */
|
|
|
|
--text-editor: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
|
|
/* Code */
|
|
|
|
--font-monospace: Menlo, SFMono-Regular, Consolas, "Roboto Mono", monospace;
|
|
|
|
/* Sizes, weights, padding */
|
|
|
|
--rem: 18px;
|
|
|
|
--editor-font-size: 18px;
|
|
--editor-line-height: 1.88889;
|
|
--editor-line-height-rem: 1.88889rem;
|
|
--editor-font-weight: 400;
|
|
--editor-font-features: "";
|
|
|
|
--font-normal: 16px;
|
|
--font-small: 14px;
|
|
--font-smaller: 11px;
|
|
--font-smallest: 10px;
|
|
--normal-weight: 400; /* Switch to 300 if you want thinner default text */
|
|
--bold-weight: 600; /* Switch to 700 if you want thicker bold text */
|
|
--line-width: 42rem; /* Maximum characters per line */
|
|
--line-height: 1.5;
|
|
--max-width: 100%; /* Amount of padding around the text, use 90% for narrower padding */
|
|
--nested-padding: 3.5%; /* Amount of padding for quotes and transclusions */
|
|
--icon-muted: 0.4;
|
|
--border-width: 1px;
|
|
--border-width-alt: 1px;
|
|
--titlebar-height: 28px;
|
|
--header-width: 42px;
|
|
|
|
--radius-s: 4px;
|
|
--radius-m: 6px;
|
|
--radius-l: 10px;
|
|
--radius-xl: 20px;
|
|
|
|
/*----------------------------------------------------------------
|
|
|
|
Cursor
|
|
|
|
Change this to "pointer" if you like the normal style better */
|
|
|
|
--cursor: pointer;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
|
|
THEME
|
|
|
|
These values are mostly driven by the options above */
|
|
|
|
.theme-light {
|
|
--red-rgb: 255, 59, 48;
|
|
--orange-rgb: 255, 149, 0;
|
|
--yellow-rgb: 255, 204, 0;
|
|
--green-rgb: 52, 199, 89;
|
|
--teal-rgb: 90, 200, 250;
|
|
--blue-rgb: 0, 122, 255;
|
|
--indigo-rgb: 88, 86, 214;
|
|
--purple-rgb: 175, 82, 222;
|
|
--pink-rgb: 255, 45, 85;
|
|
|
|
--accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
|
|
|
|
--foreground-rgb: var(--color-black-rgb);
|
|
--background-rgb: var(--color-white-rgb);
|
|
|
|
--shade-90: rgba(var(--foreground-rgb), 0.9);
|
|
--shade-80: rgba(var(--foreground-rgb), 0.8);
|
|
--shade-70: rgba(var(--foreground-rgb), 0.7);
|
|
--shade-60: rgba(var(--foreground-rgb), 0.6);
|
|
--shade-50: rgba(var(--foreground-rgb), 0.5);
|
|
--shade-40: rgba(var(--foreground-rgb), 0.4);
|
|
--shade-30: rgba(var(--foreground-rgb), 0.3);
|
|
--shade-20: rgba(var(--foreground-rgb), 0.2);
|
|
--shade-10: rgba(var(--foreground-rgb), 0.1);
|
|
--shade-5: rgba(var(--foreground-rgb), 0.05);
|
|
--shade-3: rgba(var(--foreground-rgb), 0.03);
|
|
--shade-2: rgba(var(--foreground-rgb), 0.02);
|
|
--shade-0: rgb(var(--background-rgb));
|
|
|
|
--shade-plus-darker: var(--shade-5);
|
|
--shade-plus-darker-hsl: hsl(0, 0%, 95%);
|
|
|
|
--background-primary: var(--shade-0);
|
|
--background-primary-alt: var(--shade-3);
|
|
--background-secondary: var(--shade-3);
|
|
--background-secondary-alt: var(--shade-3);
|
|
--background-tertiary: var(--shade-3);
|
|
--background-modifier-border: var(--shade-plus-darker);
|
|
--background-modifier-border-hover: var(--shade-plus-darker);
|
|
--background-modifier-border-focus: var(--shade-plus-darker);
|
|
--text-normal: var(--shade-90);
|
|
--text-muted: var(--shade-50);
|
|
--text-faint: var(--shade-30);
|
|
--background-transparent: transparent;
|
|
--background-translucent: rgba(245, 245, 245, 0.75);
|
|
--background-match-highlight: hsla(var(--accent-hsl), 0.2);
|
|
--background-modifier-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) + 10%)
|
|
);
|
|
--text-accent: hsl(var(--accent-hsl));
|
|
--text-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) - 10%)
|
|
);
|
|
--text-on-accent: white;
|
|
--icon-hex: 000;
|
|
--interactive-accent: hsl(var(--accent-hsl));
|
|
--interactive-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) - 10%)
|
|
);
|
|
--quote-opening-modifier: var(--shade-70);
|
|
--interactive-accent-rgb: var(--shade-70);
|
|
--text-selection: hsl(var(--accent-h), var(--accent-s), 96%);
|
|
--text-highlight-bg: rgba(255, 224, 0, 0.5);
|
|
--text-highlight-bg-active: rgba(0, 0, 0, 0.1);
|
|
--background-modifier-cover: var(--shade-60);
|
|
|
|
--opacity-translucency: 1;
|
|
}
|
|
|
|
.theme-light.minimal-light-contrast
|
|
.workspace-fake-target-overlay.is-in-sidebar,
|
|
.theme-light.minimal-light-contrast .titlebar,
|
|
.theme-light.minimal-light-contrast .status-bar,
|
|
.theme-light.minimal-light-contrast .workspace-ribbon.mod-left,
|
|
.theme-light.minimal-light-contrast .mod-left-split,
|
|
.theme-light.minimal-light-contrast .modal.mod-settings .vertical-tab-header,
|
|
.theme-dark {
|
|
--accent-h: 210; /* Accent hue */
|
|
|
|
--red-rgb: 255, 69, 58;
|
|
--orange-rgb: 255, 159, 10;
|
|
--yellow-rgb: 255, 214, 10;
|
|
--green-rgb: 50, 215, 75;
|
|
--teal-rgb: 100, 210, 255;
|
|
--blue-rgb: 10, 132, 255;
|
|
--indigo-rgb: 94, 92, 230;
|
|
--purple-rgb: 191, 90, 242;
|
|
--pink-rgb: 255, 45, 85;
|
|
|
|
--accent-hsl: var(--accent-h), var(--accent-s), var(--accent-d);
|
|
|
|
--foreground-rgb: 204, 204, 204;
|
|
--background-rgb: 30, 30, 30;
|
|
|
|
--shade-90: rgba(var(--foreground-rgb), 0.9);
|
|
--shade-80: rgba(var(--foreground-rgb), 0.8);
|
|
--shade-70: rgba(var(--foreground-rgb), 0.7);
|
|
--shade-60: rgba(var(--foreground-rgb), 0.6);
|
|
--shade-50: rgba(var(--foreground-rgb), 0.5);
|
|
--shade-40: rgba(var(--foreground-rgb), 0.4);
|
|
--shade-30: rgba(var(--foreground-rgb), 0.3);
|
|
--shade-20: rgba(var(--foreground-rgb), 0.2);
|
|
--shade-10: rgba(var(--foreground-rgb), 0.1);
|
|
--shade-5: rgba(var(--foreground-rgb), 0.05);
|
|
--shade-3: rgba(var(--foreground-rgb), 0.03);
|
|
--shade-2: rgba(var(--foreground-rgb), 0.02);
|
|
--shade-0: rgb(var(--background-rgb));
|
|
|
|
--shade-plus-darker: rgba(255, 255, 255, 0.15);
|
|
--shade-plus-darker-hsl: hsl(0, 0%, 16%);
|
|
|
|
--dark-separator: hsl(0, 0%, 9%);
|
|
|
|
--background-primary: var(--shade-0);
|
|
--background-primary-alt: var(--shade-3);
|
|
--background-secondary: var(--shade-3);
|
|
--background-secondary-alt: var(--shade-3);
|
|
--background-tertiary: var(--shade-3);
|
|
--background-modifier-border: var(--shade-plus-darker);
|
|
--background-modifier-border-hover: var(--shade-plus-darker);
|
|
--background-modifier-border-focus: var(--shade-plus-darker);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--text-normal: var(--shade-90);
|
|
--text-muted: var(--shade-50);
|
|
--text-faint: var(--shade-30);
|
|
--background-transparent: transparent;
|
|
--background-translucent: rgba(40, 40, 40, 0.6);
|
|
--background-match-highlight: hsla(var(--accent-hsl), 0.2);
|
|
--background-modifier-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) - 10%)
|
|
);
|
|
--text-accent: hsl(var(--accent-hsl));
|
|
--text-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) + 12%)
|
|
);
|
|
--text-on-accent: white;
|
|
--icon-hex: FFF;
|
|
--interactive-accent: hsl(var(--accent-hsl));
|
|
--interactive-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) - 15%)
|
|
);
|
|
--quote-opening-modifier: var(--shade-70);
|
|
--interactive-accent-rgb: var(--shade-70);
|
|
--text-selection: hsl(var(--accent-h), calc(var(--accent-s) - 50%), 15%);
|
|
--text-highlight-bg: rgba(255, 177, 80, 0.3);
|
|
--text-highlight-bg-active: rgba(255, 255, 255, 0.1);
|
|
--background-modifier-cover: rgba(var(--color-black-rgb), 0.8);
|
|
|
|
--opacity-translucency: 1;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
|
|
SPECIAL FEATURES
|
|
|
|
Frameless mode on macOS only */
|
|
|
|
.hider-frameless .workspace-split.mod-right-split > .workspace-tabs,
|
|
.hider-frameless .workspace-split.mod-root .view-header {
|
|
padding-top: 2px;
|
|
}
|
|
.hider-frameless:not(.is-fullscreen)
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs {
|
|
padding-top: 28px !important;
|
|
}
|
|
.hider-frameless
|
|
.workspace-split.mod-right-split
|
|
> .workspace-tabs
|
|
~ .workspace-tabs,
|
|
.hider-frameless
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs
|
|
~ .workspace-tabs {
|
|
padding-top: 0px;
|
|
}
|
|
.hider-frameless.is-fullscreen
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs,
|
|
.hider-frameless.is-fullscreen .workspace-split.mod-root .view-header {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Andy Mode Sliding Panes
|
|
Designed for use with death_au's plugin */
|
|
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header {
|
|
padding: 0 !important;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
> .view-header-title-container:before {
|
|
display: none;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header {
|
|
text-orientation: sideways;
|
|
}
|
|
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf,
|
|
body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
|
|
box-shadow: var(--shade-plus-darker) -1px -0px !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes-stacking.theme-dark
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf,
|
|
body.plugin-sliding-panes.theme-dark
|
|
.workspace-split.mod-vertical
|
|
> .workspace-leaf {
|
|
box-shadow: var(--dark-separator) -1px -0px !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
body.plugin-sliding-panes:not(.is-fullscreen)
|
|
.workspace-split.is-collapsed
|
|
~ .workspace-split.mod-root
|
|
.view-header {
|
|
padding-top: 0;
|
|
transition: none;
|
|
}
|
|
body.plugin-sliding-panes .view-header-title:before {
|
|
background: none;
|
|
}
|
|
body.plugin-sliding-panes .view-header {
|
|
background: none;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title-container
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title {
|
|
margin-top: 0;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
> .view-header-title-container
|
|
> .view-header-title {
|
|
line-height: 1;
|
|
padding: 10px 6px !important;
|
|
margin: 0;
|
|
transform: translate3d(1.5px, 0, 0);
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title-container {
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-title-container {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 0;
|
|
width: 100%;
|
|
max-width: unset;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-title-container {
|
|
position: static;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.app-container
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-actions {
|
|
padding-left: 0;
|
|
padding-bottom: 0px;
|
|
bottom: 0;
|
|
|
|
width: 100%;
|
|
margin: 0 0 28px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header.hider-ribbon
|
|
.workspace-split.mod-left-split.is-collapsed
|
|
+ .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-actions {
|
|
margin-bottom: 47px !important;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-action {
|
|
margin: 5px 0 0 0 !important;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-icon {
|
|
opacity: 0.5;
|
|
}
|
|
body.plugin-sliding-panes.is-fullscreen .view-header-icon {
|
|
padding-top: 8px;
|
|
}
|
|
html
|
|
> body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-icon {
|
|
margin: 28px 0 17px;
|
|
}
|
|
body.plugin-sliding-panes .mod-root .graph-controls {
|
|
top: 20px;
|
|
left: 30px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* App Menu ribbon moved to the bottom edge */
|
|
|
|
body:not(.hider-ribbon):not(.hider-frameless) .workspace-ribbon.mod-left {
|
|
padding-top: 5px;
|
|
transition: padding-right 100ms ease, box-shadow 100ms ease;
|
|
}
|
|
|
|
body.is-fullscreen:not(.hider-ribbon):not(.hider-frameless)
|
|
.workspace-ribbon.mod-left {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
body:not(.hider-ribbon):not(.hider-frameless)
|
|
.workspace-ribbon.mod-left.is-collapsed {
|
|
box-shadow: inset -10px 0 4px -10px rgba(0, 0, 0, 0.04);
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.hider-ribbon .workspace-ribbon-collapse-btn {
|
|
display: none;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-right {
|
|
pointer-events: none;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left {
|
|
position: fixed;
|
|
margin: 0;
|
|
overflow: visible;
|
|
flex-basis: 0;
|
|
bottom: 0;
|
|
top: auto;
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
z-index: 17;
|
|
opacity: 0;
|
|
transition: opacity 0.25s ease-in-out;
|
|
|
|
padding: 0;
|
|
|
|
width: unset;
|
|
height: unset;
|
|
|
|
background: rgba(245, 245, 245, 0.5);
|
|
backdrop-filter: blur(90px);
|
|
|
|
border-top: 1px solid var(--shade-10);
|
|
border-right: 1px solid var(--shade-10);
|
|
border-top-right-radius: var(--radius-m);
|
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.theme-dark.hider-ribbon .workspace-ribbon.mod-left {
|
|
background: rgba(60, 60, 60, 0.5);
|
|
background-blend-mode: luminosity;
|
|
border-color: var(--shade-3);
|
|
}
|
|
|
|
.hider-ribbon .side-dock-actions,
|
|
.hider-ribbon .side-dock-settings {
|
|
display: flex;
|
|
background-color: transparent;
|
|
border-top: none;
|
|
margin: 0;
|
|
}
|
|
.hider-ribbon .side-dock-actions {
|
|
padding: 5px 0 5px 5px;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left:after {
|
|
content: none;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
|
|
.workspace-ribbon.mod-left .side-dock-ribbon-action {
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
color: var(--text-muted);
|
|
padding: 4px 6px;
|
|
margin-bottom: 5px;
|
|
border-radius: var(--radius-s);
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
|
|
margin-bottom: 0;
|
|
margin-right: 5px;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left:hover {
|
|
opacity: 1;
|
|
transition: opacity 0.25s ease-in-out;
|
|
}
|
|
.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
}
|
|
.hider-ribbon .workspace-split.mod-left-split {
|
|
margin: 0;
|
|
}
|
|
.hider-frameless .workspace-ribbon.mod-left.is-collapsed {
|
|
background-color: var(--shade-0);
|
|
}
|
|
|
|
.hider-ribbon .workspace-ribbon {
|
|
padding: 0;
|
|
}
|
|
|
|
.workspace-ribbon.mod-left {
|
|
background: transparent;
|
|
padding: 0 0 0 5px;
|
|
position: relative;
|
|
flex-basis: unset;
|
|
flex-shrink: 0;
|
|
flex-grow: 0;
|
|
}
|
|
|
|
.workspace-split.mod-left-split {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Focus mode */
|
|
/* When the left sidebar is collapsed */
|
|
|
|
.workspace-ribbon.mod-left {
|
|
transition: border-color 0s ease-in-out 0s, background-color 0s ease-in-out 0s;
|
|
}
|
|
.workspace-ribbon.mod-left.is-collapsed {
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
transition: border-color 0s ease-in-out 0.1s,
|
|
background-color 0s ease-in-out 0.2s;
|
|
}
|
|
.is-right-sidedock-collapsed .workspace-split.mod-right-split {
|
|
margin-right: 0px;
|
|
}
|
|
.view-actions {
|
|
background-color: transparent;
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.view-actions .view-action {
|
|
align-items: center;
|
|
border-radius: var(--radius-s);
|
|
color: var(--shade-40);
|
|
cursor: pointer;
|
|
display: flex;
|
|
justify-content: center;
|
|
line-height: 1;
|
|
margin: 0 0 0 5px;
|
|
opacity: 1;
|
|
padding: 4px 6px;
|
|
position: static;
|
|
}
|
|
.view-action.is-active {
|
|
color: var(--text-faint);
|
|
opacity: 1;
|
|
}
|
|
.view-actions .view-action:last-child {
|
|
margin-left: 5px;
|
|
}
|
|
.view-action:hover {
|
|
color: var(--text-muted);
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
.workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions,
|
|
.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions {
|
|
opacity: 1;
|
|
transition: opacity 0.25s ease-in-out;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Dark mode images */
|
|
|
|
.theme-dark .markdown-preview-view img {
|
|
opacity: 0.75;
|
|
transition: opacity 0.25s linear;
|
|
}
|
|
.theme-dark .markdown-preview-view img:hover {
|
|
opacity: 1;
|
|
transition: opacity 0.25s linear;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Image zoom */
|
|
|
|
.view-content img {
|
|
max-width: 100%;
|
|
cursor: zoom-in;
|
|
}
|
|
.view-content img:active {
|
|
cursor: zoom-out;
|
|
display: block;
|
|
z-index: 100;
|
|
position: fixed;
|
|
max-height: calc(100% + 1px);
|
|
max-width: calc(100% - 20px);
|
|
height: calc(100% + 1px);
|
|
width: 100%;
|
|
object-fit: contain;
|
|
margin: -0.5px auto 0;
|
|
text-align: center;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
padding: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--background-translucent);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Calendar Plugin */
|
|
|
|
.workspace-leaf-content[data-type="calendar"] .view-content {
|
|
padding: 5px 0 0 0;
|
|
}
|
|
#calendar-container {
|
|
padding: 5px 10px;
|
|
--color-background-day-empty: var(--background-secondary-alt);
|
|
--color-background-day-active: var(--background-tertiary);
|
|
--color-background-day-hover: var(--background-tertiary);
|
|
--color-dot: var(--text-faint);
|
|
--color-text-title: var(--text-normal);
|
|
--color-text-heading: var(--text-muted);
|
|
--color-text-day: var(--text-normal);
|
|
--color-text-today: var(--text-normal);
|
|
--color-arrow: var(--text-faint);
|
|
--color-background-day-empty: transparent;
|
|
}
|
|
#calendar-container .right-nav {
|
|
align-items: center;
|
|
}
|
|
#calendar-container .calendar {
|
|
background-color: var(--shade-3);
|
|
border-spacing: 0;
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
border-radius: var(--radius-l);
|
|
padding: 5px;
|
|
border-collapse: separate;
|
|
}
|
|
#calendar-container h2 {
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
}
|
|
.mod-root #calendar-container {
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
#calendar-container h2 .arrow {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
}
|
|
#calendar-container h2 .arrow:hover,
|
|
#calendar-container h2 .arrow:hover .arrow {
|
|
fill: var(--text-muted);
|
|
color: var(--text-muted);
|
|
}
|
|
#calendar-container tr th {
|
|
font-weight: 500;
|
|
font-size: 11px;
|
|
text-transform: none;
|
|
color: var(--text-normal);
|
|
padding: 5px 0 10px;
|
|
letter-spacing: 0;
|
|
}
|
|
#calendar-container tr td {
|
|
border-radius: 4px;
|
|
cursor: var(--cursor);
|
|
transition: none;
|
|
|
|
border: none;
|
|
padding: 0;
|
|
width: calc(100% / 7);
|
|
}
|
|
#calendar-container td:not(:empty):hover {
|
|
background: none;
|
|
}
|
|
#calendar-container .nav {
|
|
padding: 0;
|
|
}
|
|
#calendar-container tr td .dot {
|
|
margin: 0;
|
|
}
|
|
#calendar-container .arrow {
|
|
cursor: var(--cursor);
|
|
width: auto;
|
|
display: flex;
|
|
line-height: 1;
|
|
padding: 4px 6px;
|
|
border-radius: var(--radius-s);
|
|
}
|
|
#calendar-container .arrow:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
#calendar-container .arrow > svg {
|
|
color: var(--text-muted);
|
|
width: 13px;
|
|
height: 13px;
|
|
}
|
|
#calendar-container .reset-button {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-smaller);
|
|
line-height: 1;
|
|
padding: 4px 6px;
|
|
margin: 0 5px;
|
|
border-radius: var(--radius-s);
|
|
}
|
|
#calendar-container .reset-button:hover {
|
|
color: var(--text-muted);
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
#calendar-container .title {
|
|
font-size: 18px;
|
|
}
|
|
|
|
#calendar-container .month,
|
|
#calendar-container .title,
|
|
#calendar-container .reset-button {
|
|
letter-spacing: 0;
|
|
cursor: pointer;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
text-transform: none;
|
|
}
|
|
|
|
#calendar-container .today {
|
|
color: var(--text-accent);
|
|
font-weight: 700;
|
|
}
|
|
|
|
#calendar-container .active {
|
|
color: var(--text-normal);
|
|
}
|
|
#calendar-container .week-num:hover,
|
|
#calendar-container .day:hover {
|
|
background: var(--shade-0);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
#calendar-container .active,
|
|
#calendar-container .active.today {
|
|
background: var(--shade-0);
|
|
font-weight: 500;
|
|
box-shadow: inset 0 0 0 2px hsla(var(--accent-hsl), 0.5),
|
|
0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
#calendar-container .active.today {
|
|
color: var(--text-accent);
|
|
font-weight: 700;
|
|
}
|
|
|
|
#calendar-container .active.day:hover {
|
|
background: var(--shade-0);
|
|
box-shadow: inset 0 0 0 2px hsla(var(--accent-hsl), 0.5),
|
|
0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
#calendar-container svg.dot,
|
|
#calendar-container .active svg.dot {
|
|
fill: var(--text-accent);
|
|
}
|
|
#calendar-container svg.task,
|
|
#calendar-container .active svg.task {
|
|
stroke: var(--text-accent);
|
|
}
|
|
#calendar-container svg.dot,
|
|
#calendar-container svg.task {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
#calendar-container .year {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#calendar-container .day {
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
padding: 10px 0;
|
|
margin: 1px;
|
|
border-radius: var(--radius-s);
|
|
transition: box-shadow 100ms ease-out, background-color 100ms ease-out;
|
|
}
|
|
|
|
#calendar-container .day > .dot-container {
|
|
position: absolute;
|
|
bottom: 3px;
|
|
left: 0;
|
|
right: 0;
|
|
height: 4px;
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
|
|
MINIMAL STYLING */
|
|
|
|
/* Headings and fonts */
|
|
|
|
strong {
|
|
font-weight: var(--bold-weight);
|
|
}
|
|
|
|
body:not(.hider-frameless):not(.is-fullscreen) {
|
|
padding-top: var(--titlebar-height) !important;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
input,
|
|
button,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian {
|
|
font-size: var(--rem);
|
|
font-family: var(--text) !important;
|
|
font-weight: var(--normal-weight);
|
|
line-height: var(--line-height);
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
.markdown-source-view,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian {
|
|
line-height: var(--line-height);
|
|
font-family: var(--text-editor) !important;
|
|
}
|
|
.cm-s-obsidian .cm-header,
|
|
.cm-s-obsidian .cm-strong {
|
|
font-weight: var(--bold-weight);
|
|
}
|
|
.cm-formatting-header {
|
|
color: var(--text-faint) !important;
|
|
font-weight: var(--normal-weight) !important;
|
|
}
|
|
.view-header-title,
|
|
.file-embed-title,
|
|
.markdown-embed-title {
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.view-header-title:before {
|
|
display: none;
|
|
}
|
|
/*
|
|
.empty-state-title,
|
|
.markdown-preview-view h1,
|
|
.HyperMD-header-1,
|
|
.cm-header-1 {
|
|
letter-spacing: 0;
|
|
font-size: 1.125em;
|
|
line-height: 1.3;
|
|
font-weight: 500;
|
|
}
|
|
.markdown-preview-view h2,
|
|
.HyperMD-header-2,
|
|
.cm-header-2 {
|
|
letter-spacing: 0;
|
|
font-size: 1em;
|
|
line-height: 1.3;
|
|
font-weight: 500;
|
|
}
|
|
.markdown-preview-view h3,
|
|
.HyperMD-header-3,
|
|
.cm-header-3 {
|
|
letter-spacing: 0;
|
|
font-weight: 500;
|
|
font-size: 1em;
|
|
line-height: 1.4;
|
|
}
|
|
.markdown-preview-view h4,
|
|
.HyperMD-header-4,
|
|
.cm-header-4 {
|
|
letter-spacing: 0;
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
font-size: 1.0625em;
|
|
}
|
|
.markdown-preview-view h5,
|
|
.HyperMD-header-5,
|
|
.cm-header-5 {
|
|
letter-spacing: 0;
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
font-size: 0.9735em;
|
|
}
|
|
.markdown-preview-view h6,
|
|
.HyperMD-header-6,
|
|
.cm-header-6 {
|
|
letter-spacing: 0;
|
|
color: var(--text-normal);
|
|
font-weight: 400;
|
|
font-size: 0.875em;
|
|
} */
|
|
|
|
/* --------------- */
|
|
/* Icons */
|
|
|
|
/* .nav-action-button svg {
|
|
width: 15px;
|
|
}
|
|
.workspace-ribbon-collapse-btn svg path {
|
|
stroke-width: 3px;
|
|
}
|
|
.nav-action-button svg path {
|
|
stroke-width: 2px;
|
|
} */
|
|
|
|
.view-action svg,
|
|
.workspace-tab-header-inner-icon svg,
|
|
.nav-action-button svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.collapse-icon svg,
|
|
.menu-item-icon svg {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.graph-controls-button svg,
|
|
.menu-item-icon svg,
|
|
.view-header-icon svg,
|
|
.side-dock-ribbon-action svg,
|
|
.nav-action-button svg,
|
|
.view-action svg,
|
|
.workspace-tab-header-inner-icon svg {
|
|
shape-rendering: geometricPrecision;
|
|
display: block;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.view-header-icon,
|
|
.workspace-tab-header,
|
|
.nav-action-button,
|
|
.side-dock-ribbon-tab,
|
|
.view-action {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
.view-header-icon {
|
|
align-items: center;
|
|
border-radius: var(--radius-s);
|
|
color: var(--shade-40);
|
|
cursor: grab;
|
|
display: flex;
|
|
justify-content: center;
|
|
line-height: 1;
|
|
opacity: 1 !important;
|
|
padding: 4px 6px !important;
|
|
position: static;
|
|
top: 0;
|
|
}
|
|
|
|
.view-header-icon:hover {
|
|
color: var(--text-muted);
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
.workspace-leaf-content[data-type="search"] .nav-action-button.is-active,
|
|
.workspace-leaf-content[data-type="backlink"] .nav-action-button.is-active,
|
|
.workspace-leaf-content[data-type="search"] .nav-action-button.is-active {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
opacity: 1;
|
|
}
|
|
.view-header-icon:hover,
|
|
.nav-action-button:hover,
|
|
.workspace-tab-header:hover,
|
|
.side-dock-ribbon-tab:hover,
|
|
.side-dock-ribbon-action:hover {
|
|
background: var(--shade-plus-darker);
|
|
color: var(--text-muted);
|
|
opacity: 1;
|
|
}
|
|
.workspace-leaf-content[data-type="search"] .nav-action-button.is-active {
|
|
background: transparent;
|
|
}
|
|
.workspace-tab-header-inner {
|
|
line-height: 1;
|
|
padding: 0;
|
|
}
|
|
|
|
.nav-action-button,
|
|
.workspace-leaf-content[data-type="search"] .nav-action-button,
|
|
.workspace-leaf-content[data-type="backlink"] .nav-action-button {
|
|
padding: 4px 6px;
|
|
opacity: 1;
|
|
margin: 0 5px 0 0;
|
|
cursor: pointer;
|
|
border-radius: var(--radius-s);
|
|
display: flex;
|
|
}
|
|
|
|
.nav-action-button:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
|
|
.collapse-icon svg {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.is-collapsed .collapse-icon svg {
|
|
transform: rotate(0);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Tags */
|
|
|
|
.cm-s-obsidian span.cm-hashtag,
|
|
.frontmatter-container .tag,
|
|
.tag {
|
|
background-color: transparent;
|
|
text-decoration: none;
|
|
|
|
display: inline;
|
|
color: var(--text-accent);
|
|
margin: 0;
|
|
text-align: unset;
|
|
vertical-align: unset;
|
|
border: none;
|
|
font-size: unset;
|
|
padding: 0 !important;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Menu */
|
|
.menu {
|
|
color: var(--shade-90);
|
|
border: 1px solid var(--shade-10);
|
|
background: rgba(245, 245, 245, 0.5);
|
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
|
|
backdrop-filter: blur(60px);
|
|
|
|
font-weight: 500;
|
|
border-radius: 6px;
|
|
padding: 10px 14px;
|
|
}
|
|
|
|
.is-translucent .menu {
|
|
background: rgba(245, 245, 245, 1);
|
|
backdrop-filter: none;
|
|
}
|
|
|
|
.theme-dark .menu {
|
|
border: 1px solid var(--shade-20);
|
|
background: rgba(60, 60, 60, 0.5);
|
|
}
|
|
|
|
.is-translucent.theme-dark .menu {
|
|
background: rgba(60, 60, 60, 1);
|
|
backdrop-filter: none;
|
|
}
|
|
|
|
.menu-item {
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
border-radius: var(--radius-s);
|
|
padding: 5px 10px;
|
|
margin: 0 -10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.menu-separator {
|
|
height: 0;
|
|
margin: 10px 0;
|
|
border-bottom: 1px solid var(--shade-plus-darker);
|
|
}
|
|
|
|
.menu-item-icon {
|
|
color: var(--text-muted);
|
|
position: static;
|
|
width: unset;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Modals */
|
|
|
|
.progress-bar-message {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.modal {
|
|
border: none;
|
|
background: var(--background-primary);
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.modal.mod-settings .vertical-tab-content-container {
|
|
border-left: var(--border-width) solid var(--background-modifier-border);
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
input.prompt-input,
|
|
input.prompt-input:hover {
|
|
border: 0;
|
|
background: var(--background-primary);
|
|
padding-left: 10px;
|
|
}
|
|
.modal-container .suggestion-item.is-selected {
|
|
border-radius: 6px;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.suggestion-item.is-selected,
|
|
.menu-item:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
.suggestion-item,
|
|
.suggestion-empty {
|
|
font-size: var(--font-normal);
|
|
}
|
|
.modal,
|
|
.prompt,
|
|
.suggestion-container {
|
|
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.prompt-instructions {
|
|
color: var(--text-muted);
|
|
}
|
|
.prompt-instruction-command {
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Drag ghost */
|
|
|
|
.workspace-drop-overlay {
|
|
opacity: 1;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.drag-ghost {
|
|
opacity: 0.8;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.workspace-drop-overlay:before {
|
|
opacity: 1;
|
|
box-shadow: inset 0 0 0 4px hsla(var(--accent-hsl), 0.5);
|
|
background-color: transparent;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
.workspace-drop-overlay.mod-drag {
|
|
opacity: 1;
|
|
}
|
|
|
|
.workspace-drop-overlay.mod-drag:before {
|
|
opacity: 1;
|
|
background-color: var(--shade-2);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workspace */
|
|
|
|
.workspace {
|
|
background-color: var(--shade-3);
|
|
}
|
|
|
|
.theme-dark .workspace {
|
|
background-color: var(--shade-10);
|
|
}
|
|
|
|
.is-translucent .workspace {
|
|
backdrop-filter: blur(80px);
|
|
background-color: var(--background-translucent);
|
|
}
|
|
|
|
.workspace-split.mod-root {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.workspace-split.mod-right-split {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
body:not(.hider-frameless) .workspace-split.mod-root {
|
|
border-top-left-radius: var(--radius-m);
|
|
overflow: hidden;
|
|
}
|
|
|
|
body:not(.is-translucent):not(.hider-frameless) .workspace-split.mod-root,
|
|
body:not(.is-translucent):not(.hider-frameless)
|
|
.workspace-split.mod-right-split {
|
|
border-top: 1px solid var(--shade-plus-darker);
|
|
}
|
|
|
|
body.theme-dark:not(.is-translucent):not(.hider-frameless)
|
|
.workspace-split.mod-root,
|
|
body.theme-dark:not(.is-translucent):not(.hider-frameless)
|
|
.workspace-split.mod-right-split {
|
|
border-top: 1px solid var(--dark-separator);
|
|
}
|
|
|
|
.empty-state {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.workspace-split.mod-vertical > .workspace-split {
|
|
padding: 0;
|
|
}
|
|
.workspace-split .workspace-tabs {
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.workspace-split:not(.mod-right-split) .workspace-tabs {
|
|
background-color: transparent;
|
|
box-shadow: inset -10px 0 4px -10px rgba(0, 0, 0, 0.04);
|
|
}
|
|
.workspace-split.mod-root
|
|
> .workspace-leaf:first-of-type
|
|
.workspace-leaf-content,
|
|
.workspace-split.mod-root
|
|
> .workspace-leaf:last-of-type
|
|
.workspace-leaf-content {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
}
|
|
.workspace-leaf-resize-handle {
|
|
z-index: 11;
|
|
transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
|
|
}
|
|
.workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle {
|
|
border-width: 0;
|
|
background-color: var(--shade-plus-darker-hsl);
|
|
}
|
|
.theme-dark
|
|
.workspace-split.mod-root.mod-horizontal
|
|
.workspace-leaf-resize-handle,
|
|
.theme-dark
|
|
.workspace-split.mod-root.mod-vertical
|
|
.workspace-leaf-resize-handle {
|
|
background-color: var(--dark-separator);
|
|
}
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
|
height: 2px;
|
|
border-bottom: none;
|
|
}
|
|
.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 {
|
|
width: 2px;
|
|
}
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
border-left: none;
|
|
background-color: var(--shade-plus-darker-hsl);
|
|
width: 2px;
|
|
top: 0;
|
|
}
|
|
.theme-dark .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
background-color: var(--dark-separator);
|
|
}
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
|
|
background: transparent;
|
|
border-right: none;
|
|
width: 2px !important;
|
|
top: 0;
|
|
}
|
|
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
|
|
border-width: 0;
|
|
background-color: var(--shade-10) !important;
|
|
box-shadow: 1px 0 0 var(--shade-10), -1px 0 0 var(--shade-10);
|
|
}
|
|
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active {
|
|
background-color: var(--shade-10) !important;
|
|
box-shadow: 0 1px 0 var(--shade-10), 0 -1px 0 var(--shade-10);
|
|
}
|
|
|
|
.plugin-sliding-panes
|
|
.workspace-split.mod-root.mod-vertical
|
|
.workspace-leaf-resize-handle {
|
|
display: none;
|
|
}
|
|
|
|
.workspace-tab-container-before,
|
|
.workspace-tab-container-after {
|
|
width: 0;
|
|
}
|
|
.workspace-leaf {
|
|
border-left: 0px;
|
|
}
|
|
.workspace-leaf.is-highlighted:before {
|
|
width: calc(100% - 2px);
|
|
height: calc(100% - 2px);
|
|
border: 1px solid transparent;
|
|
box-shadow: inset 0 0 0 4px hsla(var(--accent-hsl), 0.5);
|
|
background-color: transparent;
|
|
}
|
|
.mod-horizontal .workspace-leaf {
|
|
border-bottom: 0px;
|
|
background-color: transparent;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.workspace-tab-container-inner {
|
|
background: var(--shade-plus-darker);
|
|
flex-grow: 0;
|
|
flex-shrink: 1;
|
|
width: unset;
|
|
max-width: unset;
|
|
border-bottom: none;
|
|
margin: 0;
|
|
padding: 1px;
|
|
border-radius: var(--radius-s);
|
|
box-shadow: inset 0px 0px 4px rgba(var(--color-black-rgb), 0.04);
|
|
}
|
|
.theme-dark .workspace-tab-container-inner {
|
|
background: rgba(var(--color-black-rgb), 0.2);
|
|
}
|
|
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
|
|
.workspace-tab-header.is-after-active,
|
|
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
|
|
.workspace-tab-header.is-before-active,
|
|
.workspace-tab-header.is-after-active {
|
|
background: transparent;
|
|
}
|
|
.workspace-tabs {
|
|
border: 0;
|
|
padding-right: 0;
|
|
font-size: 100%;
|
|
}
|
|
.workspace-tab-header-container {
|
|
border: 0 !important;
|
|
background-color: transparent;
|
|
height: unset;
|
|
padding: 5px 10px 10px;
|
|
display: flex;
|
|
}
|
|
|
|
.is-fullscreen .workspace-tab-header-container,
|
|
.mod-right-split .workspace-tab-header-container {
|
|
padding: 10px;
|
|
}
|
|
.workspace-tab-header {
|
|
color: var(--text-muted);
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
border-radius: var(--radius-s) !important;
|
|
padding: 4px 6px;
|
|
}
|
|
|
|
.workspace-tab-header + .workspace-tab-header {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
.workspace-tab-header.is-active,
|
|
.workspace-tab-header.is-active:hover,
|
|
.workspace-tab-header:hover {
|
|
color: var(--text-muted);
|
|
background-color: var(--shade-0);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(var(--color-black-rgb), 0.1);
|
|
}
|
|
|
|
.theme-dark .workspace-tab-header.is-active,
|
|
.theme-dark .workspace-tab-header.is-active:hover,
|
|
.theme-dark .workspace-tab-header:hover {
|
|
color: var(--shade-80);
|
|
background-color: var(--shade-20);
|
|
}
|
|
|
|
.workspace-tab-header-inner-icon {
|
|
display: flex;
|
|
}
|
|
|
|
.workspace-tab-header,
|
|
.workspace-tab-header-inner,
|
|
.workspace-tab-container-before,
|
|
.workspace-tab-container-after {
|
|
transition: none;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Window frame */
|
|
|
|
.titlebar {
|
|
background: var(--shade-3);
|
|
border-bottom: none;
|
|
height: var(--titlebar-height) !important;
|
|
top: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.theme-dark .titlebar {
|
|
background-color: var(--shade-10);
|
|
}
|
|
|
|
.is-translucent .titlebar {
|
|
background-color: var(--background-translucent);
|
|
}
|
|
|
|
.hider-frameless .titlebar {
|
|
border-bottom: none;
|
|
}
|
|
.titlebar-inner {
|
|
height: var(--titlebar-height);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.titlebar-button-container {
|
|
height: var(--titlebar-height);
|
|
top: 0;
|
|
}
|
|
.titlebar-button-container.mod-left {
|
|
display: none;
|
|
}
|
|
.titlebar-text {
|
|
display: none;
|
|
color: var(--text-faint);
|
|
}
|
|
.titlebar-button {
|
|
opacity: 1;
|
|
cursor: var(--cursor);
|
|
}
|
|
.titlebar-button svg path {
|
|
fill: var(--text-muted) !important;
|
|
stroke: var(--text-muted) !important;
|
|
}
|
|
.titlebar-button:hover svg path {
|
|
fill: var(--text-normal) !important;
|
|
stroke: var(--text-normal) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Title Bar */
|
|
|
|
.view-actions {
|
|
margin-right: 1px;
|
|
z-index: 15;
|
|
background: var(--background-primary);
|
|
}
|
|
.view-header {
|
|
height: unset;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 6px 10px !important;
|
|
}
|
|
.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-split.mod-left-split.is-collapsed
|
|
+ .mod-root
|
|
.workspace-leaf:first-of-type
|
|
.view-header {
|
|
padding-left: 70px !important;
|
|
}
|
|
|
|
.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-split.mod-left-split.is-collapsed
|
|
+ .mod-root
|
|
.workspace-leaf:first-of-type
|
|
.view-header {
|
|
padding-left: 34px !important;
|
|
}
|
|
.view-header-title {
|
|
padding: 3px 0;
|
|
line-height: 1;
|
|
margin-left: 7px;
|
|
}
|
|
.view-header-title:before {
|
|
content: none;
|
|
}
|
|
.workspace-leaf-header,
|
|
.view-header {
|
|
background-color: var(--background-primary) !important;
|
|
border: none !important;
|
|
}
|
|
.view-header-title-container:after {
|
|
display: none;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Custom line width */
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
|
|
max-width: var(--max-width);
|
|
width: var(--line-width);
|
|
}
|
|
.markdown-source-view.is-readable-line-width .CodeMirror,
|
|
.CodeMirror,
|
|
.markdown-preview-section {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin: 0 auto 0 auto;
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
}
|
|
.markdown-preview-sizer {
|
|
padding-top: 2.5rem;
|
|
}
|
|
.plugin-sliding-panes-rotate-header .markdown-preview-sizer {
|
|
padding-top: 5rem;
|
|
}
|
|
|
|
.markdown-preview-section > div {
|
|
padding-left: 3.5rem;
|
|
padding-right: 3.5rem;
|
|
margin: 0 auto 0 auto;
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
}
|
|
|
|
.plugin-sliding-panes-rotate-header .markdown-preview-section > div {
|
|
padding-left: var(--header-width);
|
|
padding-right: calc(var(--header-width) * 2);
|
|
}
|
|
|
|
.view-header-title-container {
|
|
padding-left: 0;
|
|
padding-right: 0px;
|
|
max-width: var(--max-width);
|
|
|
|
position: static;
|
|
margin: 0;
|
|
width: unset;
|
|
line-height: 1;
|
|
height: unset;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Editor mode */
|
|
|
|
.CodeMirror-sizer {
|
|
margin-left: 0 !important;
|
|
border-right-width: 0px !important;
|
|
}
|
|
|
|
.CodeMirror-scroll {
|
|
padding-left: 3.5rem;
|
|
padding-right: 3.5rem;
|
|
margin-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.CodeMirror-scroll::-webkit-scrollbar-track,
|
|
.CodeMirror-scroll::-webkit-scrollbar-thumb,
|
|
.CodeMirror-scroll::-webkit-scrollbar {
|
|
opacity: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.plugin-sliding-panes-rotate-header .CodeMirror-scroll {
|
|
padding-left: var(--header-width);
|
|
padding-right: calc(var(--header-width) * 2);
|
|
}
|
|
|
|
/* Fancy cursor */
|
|
.fancy-cursor .CodeMirror-cursor {
|
|
border: none;
|
|
border-right: 2px solid var(--text-accent);
|
|
}
|
|
.markdown-source-view {
|
|
padding: 0;
|
|
}
|
|
.cm-s-obsidian .CodeMirror-code {
|
|
padding-right: 0;
|
|
}
|
|
html .CodeMirror-lines {
|
|
padding-top: 2.5rem;
|
|
padding-bottom: 170px;
|
|
}
|
|
|
|
html .plugin-sliding-panes-rotate-header .CodeMirror-lines {
|
|
padding-top: 5rem;
|
|
}
|
|
|
|
.CodeMirror pre.CodeMirror-line,
|
|
.CodeMirror pre.CodeMirror-line-like {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.workspace .markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
.workspace .markdown-preview-view .markdown-embed {
|
|
margin: 0;
|
|
}
|
|
.workspace .markdown-preview-view .markdown-embed-content {
|
|
max-height: none;
|
|
}
|
|
.markdown-embed-title,
|
|
.internal-embed .markdown-preview-section {
|
|
max-width: 100%;
|
|
}
|
|
.cm-s-obsidian pre.HyperMD-header {
|
|
padding-left: 0 !important;
|
|
}
|
|
.CodeMirror-linenumber {
|
|
font-size: var(--font-small) !important;
|
|
font-feature-settings: "tnum";
|
|
color: var(--text-faint);
|
|
padding-top: 3px;
|
|
}
|
|
.cm-s-obsidian span.cm-url {
|
|
color: var(--text-accent);
|
|
}
|
|
.cm-s-obsidian span.cm-link {
|
|
color: var(--text-muted);
|
|
}
|
|
.cm-s-obsidian span.cm-hmd-internal-link {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
/* Transcluded notes embeds */
|
|
|
|
.markdown-preview-view.is-readable-line-width
|
|
.markdown-embed
|
|
.markdown-preview-sizer {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.markdown-embed h1:first-child {
|
|
margin-block-start: 0em;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed {
|
|
margin-top: var(--nested-padding);
|
|
padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding);
|
|
}
|
|
.markdown-embed-title {
|
|
line-height: 18px;
|
|
height: 24px;
|
|
}
|
|
.markdown-embed .markdown-preview-sizer:first-child ul {
|
|
margin-block-start: 2px;
|
|
}
|
|
.markdown-embed .markdown-preview-section:last-child p,
|
|
.markdown-embed .markdown-preview-section:last-child ul {
|
|
margin-block-end: 2px;
|
|
}
|
|
.internal-embed:not([src*="#^"]) .markdown-embed-link {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.markdown-embed-link,
|
|
.file-embed-link {
|
|
top: 0px;
|
|
right: 0;
|
|
text-align: right;
|
|
}
|
|
.file-embed-link svg,
|
|
.markdown-embed-link svg {
|
|
width: 16px;
|
|
opacity: 0;
|
|
}
|
|
.markdown-embed:hover .file-embed-link svg,
|
|
.markdown-embed:hover .markdown-embed-link svg {
|
|
opacity: 1;
|
|
}
|
|
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
|
|
max-height: none !important;
|
|
}
|
|
.markdown-embed .markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
.internal-embed .markdown-embed {
|
|
border: 0;
|
|
border-left: 1px solid var(--quote-opening-modifier);
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Editor Mode Footnotes */
|
|
|
|
.cm-s-obsidian span.cm-footref {
|
|
font-size: var(--font-normal);
|
|
}
|
|
.cm-s-obsidian pre.HyperMD-footnote {
|
|
font-size: var(--font-small);
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* Editor Mode Tables */
|
|
.CodeMirror pre.HyperMD-table-row {
|
|
font-family: var(--font-monospace);
|
|
font-size: calc(var(--font-normal) - 1px);
|
|
}
|
|
|
|
/* Editor Mode Lists */
|
|
.cm-formatting-list {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
/* Editor Mode Quotes */
|
|
.cm-formatting-quote {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Internal search */
|
|
|
|
.is-flashing {
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 0 8px var(--text-highlight-bg);
|
|
transition: all 0s ease-in-out;
|
|
}
|
|
.is-flashing .tag {
|
|
border-color: var(--text-highlight-bg-active);
|
|
}
|
|
.cm-s-obsidian span.obsidian-search-match-highlight {
|
|
background: inherit;
|
|
border-radius: 2px;
|
|
box-shadow: 0 0 0px 2px hsla(var(--accent-hsl), 0.8);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.markdown-preview-view .search-highlight > div {
|
|
box-shadow: 0 0 0px 2px var(--text-normal);
|
|
border-radius: 2px;
|
|
background: transparent;
|
|
}
|
|
.markdown-preview-view .search-highlight > div {
|
|
opacity: 0.4;
|
|
}
|
|
.markdown-preview-view .search-highlight > div.is-active {
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
opacity: 1;
|
|
mix-blend-mode: normal;
|
|
box-shadow: 0 0 0px 3px var(--text-accent);
|
|
}
|
|
.document-search-container.mod-replace-mode {
|
|
height: unset;
|
|
}
|
|
.document-search-button,
|
|
.document-search-close-button {
|
|
cursor: var(--cursor);
|
|
justify-self: flex-end;
|
|
top: 0;
|
|
font-size: 18px;
|
|
padding: 4px 0 4px;
|
|
width: var(--header-width);
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: auto;
|
|
}
|
|
.document-search-container {
|
|
background-color: var(--background-primary);
|
|
width: 100%;
|
|
|
|
position: absolute;
|
|
height: unset;
|
|
bottom: unset;
|
|
top: 0;
|
|
padding: 6px 10px;
|
|
border-top: 1px solid var(--shade-plus-darker);
|
|
border-bottom: 1px solid var(--shade-plus-darker);
|
|
}
|
|
input.document-search-input,
|
|
input.document-replace-input {
|
|
transition: border-color 0.1s ease-in-out;
|
|
|
|
font-size: 13px !important;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 6px 10px;
|
|
line-height: 1;
|
|
border-radius: var(--radius-m);
|
|
max-width: 400px;
|
|
background-color: var(--shade-0);
|
|
border: 1px solid var(--shade-10);
|
|
}
|
|
|
|
input.document-search-input:hover,
|
|
input.document-replace-input:hover {
|
|
border: 1px solid var(--shade-10);
|
|
background: var(--background-primary);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
input.document-search-input:focus,
|
|
input.document-replace-input:focus {
|
|
background: var(--background-primary);
|
|
transition: all 0.1s ease-in-out;
|
|
border: 1px solid hsla(var(--accent-hsl), 0.5);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1),
|
|
0 0 0 2px hsla(var(--accent-hsl), 0.5);
|
|
}
|
|
|
|
.document-search-button {
|
|
color: var(--text-normal);
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
border: 1px solid transparent;
|
|
border-radius: var(--radius-m);
|
|
font-weight: 500;
|
|
background-color: var(--shade-plus-darker);
|
|
cursor: pointer;
|
|
height: auto;
|
|
padding: 4px 8px;
|
|
margin: 0 0 0 5px;
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.document-search-button:hover {
|
|
background-color: var(--shade-10);
|
|
}
|
|
|
|
.document-search-buttons,
|
|
.document-replace-buttons {
|
|
margin-left: 5px;
|
|
display: flex;
|
|
font-size: 13px;
|
|
line-height: 1;
|
|
width: 210px;
|
|
}
|
|
|
|
.document-search,
|
|
.document-replace {
|
|
height: auto;
|
|
overflow: visible;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.document-replace {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.markdown-source-view.is-searching .CodeMirror,
|
|
.markdown-source-view.is-replacing .CodeMirror {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Sidebar documents */
|
|
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
|
|
font-size: var(--font-small);
|
|
line-height: 1.2;
|
|
}
|
|
.workspace
|
|
> .workspace-split:not(.mod-root)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.markdown-preview-view {
|
|
padding: 0 15px;
|
|
}
|
|
.workspace
|
|
> .workspace-split:not(.mod-root)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.markdown-embed
|
|
.markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.workspace-leaf-header,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.view-header {
|
|
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
|
|
body.theme-dark:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.workspace-leaf-header,
|
|
body.theme-dark:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="markdown"]
|
|
.view-header {
|
|
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-section,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer {
|
|
max-width: 100%;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
|
|
/* Hide embed styling for sidebar documents */
|
|
.workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Form inputs */
|
|
|
|
input[type="text"],
|
|
input[type="search"],
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="number"] {
|
|
font-size: var(--font-normal);
|
|
}
|
|
|
|
select:focus,
|
|
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: hsla(var(--accent-hsl), 0.5);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1),
|
|
0 0 0 2px hsla(var(--accent-hsl), 0.5);
|
|
}
|
|
|
|
button,
|
|
.modal.mod-settings button:not(.mod-cta) {
|
|
background-color: var(--background-modifier-border);
|
|
cursor: var(--cursor);
|
|
}
|
|
button:hover,
|
|
.modal.mod-settings button:not(.mod-cta):hover {
|
|
background-color: var(--background-modifier-border-hover);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Checkboxes */
|
|
|
|
input[type="checkbox"] {
|
|
cursor: var(--cursor);
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
padding: 0;
|
|
background: var(--shade-0);
|
|
border: 1px solid var(--shade-40);
|
|
box-sizing: border-box;
|
|
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.theme-dark input[type="checkbox"] {
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(255, 255, 255, 0.14) 0%,
|
|
rgba(255, 255, 255, 0.28) 100%
|
|
);
|
|
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25),
|
|
inset 0px 0.5px 0px rgba(255, 255, 255, 0.15);
|
|
border-color: var(--shade-5);
|
|
}
|
|
|
|
input[type="checkbox"]:focus,
|
|
input[type="checkbox"]:hover {
|
|
outline: 0;
|
|
}
|
|
.is-flashing input[type="checkbox"]:checked,
|
|
input[type="checkbox"]:checked {
|
|
background: hsl(var(--accent-hsl));
|
|
box-shadow: none;
|
|
border-color: transparent;
|
|
position: relative;
|
|
}
|
|
|
|
.is-flashing input[type="checkbox"]:checked:before,
|
|
input[type="checkbox"]:checked:before {
|
|
font-family: "boxicons";
|
|
line-height: 1;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
width: 16px;
|
|
height: 16px;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(255,255,255);"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>');
|
|
}
|
|
|
|
.markdown-preview-section > .contains-task-list {
|
|
padding-bottom: 0.5em;
|
|
}
|
|
.markdown-preview-view ul > li.task-list-item.is-checked {
|
|
text-decoration: none;
|
|
color: var(--text-normal);
|
|
}
|
|
.markdown-preview-view .task-list-item-checkbox {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
line-height: 0;
|
|
margin-left: -1.25em;
|
|
margin-right: 6px;
|
|
filter: none;
|
|
|
|
margin-bottom: 0;
|
|
top: 1px;
|
|
}
|
|
.markdown-preview-view ul > li.task-list-item {
|
|
text-indent: 0;
|
|
line-height: 1.4;
|
|
}
|
|
.markdown-preview-view .task-list-item {
|
|
padding-inline-start: 0;
|
|
}
|
|
.side-dock-plugin-panel-inner {
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Folding */
|
|
|
|
.markdown-preview-view .collapse-indicator {
|
|
position: relative;
|
|
cursor: pointer;
|
|
margin: 0;
|
|
float: none;
|
|
padding-left: 0;
|
|
display: inline-block;
|
|
line-height: inherit;
|
|
font-size: unset;
|
|
width: 0;
|
|
height: 0.75em;
|
|
}
|
|
|
|
.markdown-preview-view .collapse-indicator:before {
|
|
color: var(--text-faint);
|
|
position: absolute;
|
|
left: -2.5rem;
|
|
top: 50%;
|
|
transform: translate3d(0, -50%, 0);
|
|
}
|
|
|
|
.markdown-preview-view li > .collapse-indicator:before {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.markdown-preview-view .is-collapsed .collapse-indicator:before {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.markdown-preview-view li.is-collapsed,
|
|
.markdown-preview-view .markdown-preview-section > div.is-collapsed > * {
|
|
background-image: linear-gradient(
|
|
to right,
|
|
var(--shade-10) 50%,
|
|
transparent 50%
|
|
);
|
|
background-position: 0 bottom;
|
|
background-repeat: repeat-x;
|
|
background-size: 6px 3px;
|
|
}
|
|
.markdown-preview-view .heading-collapse-indicator {
|
|
margin-left: 0;
|
|
padding: 0;
|
|
}
|
|
.markdown-preview-view .heading-collapse-indicator:before {
|
|
font-size: 1rem;
|
|
left: -1.3rem;
|
|
}
|
|
.markdown-preview-view h4 .heading-collapse-indicator,
|
|
.markdown-preview-view h5 .heading-collapse-indicator,
|
|
.markdown-preview-view h6 .heading-collapse-indicator {
|
|
margin-top: -7px;
|
|
}
|
|
.CodeMirror-foldgutter-open,
|
|
.CodeMirror-foldgutter-folded {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
line-height: 1;
|
|
display: flex;
|
|
height: var(--editor-line-height-rem);
|
|
align-items: center;
|
|
margin-top: -1px;
|
|
transition: color 100ms ease;
|
|
}
|
|
.CodeMirror-foldgutter-open:hover,
|
|
.CodeMirror-foldgutter-folded:hover {
|
|
color: var(--text-muted);
|
|
}
|
|
.CodeMirror-foldgutter-open:after,
|
|
.CodeMirror-foldgutter-folded:after {
|
|
border-radius: 50%;
|
|
backdrop-filter: blur(10px);
|
|
background-color: rgba(var(--background-rgb), 0.3);
|
|
line-height: 1;
|
|
}
|
|
|
|
.CodeMirror-linenumbers,
|
|
.CodeMirror-foldgutter {
|
|
width: 18px;
|
|
}
|
|
|
|
.CodeMirror-linenumbers {
|
|
margin-left: -20px;
|
|
}
|
|
|
|
.CodeMirror-gutter-wrapper {
|
|
padding: 0;
|
|
height: 100%;
|
|
width: 18px;
|
|
left: -1.5em !important;
|
|
display: flex;
|
|
}
|
|
|
|
.CodeMirror-gutter-elt {
|
|
width: unset !important;
|
|
position: static;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-linenumber {
|
|
width: 18px !important;
|
|
min-width: 0;
|
|
position: absolute;
|
|
left: -20px !important;
|
|
padding: 3px 0 0;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
font-feature-settings: normal;
|
|
}
|
|
|
|
.cm-s-obsidian .CodeMirror-gutters {
|
|
width: 18px;
|
|
left: 0 !important;
|
|
padding-right: 0;
|
|
transform: translateX(2rem);
|
|
}
|
|
|
|
.plugin-sliding-panes-rotate-header .cm-s-obsidian .CodeMirror-gutters {
|
|
transform: translateX(2px);
|
|
}
|
|
|
|
.CodeMirror-foldmarker {
|
|
font-size: 0 !important;
|
|
color: transparent;
|
|
margin-left: 6px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Toggle switches */
|
|
|
|
.checkbox-container {
|
|
background-color: var(--text-faint);
|
|
border: none;
|
|
box-shadow: none;
|
|
cursor: var(--cursor);
|
|
}
|
|
.checkbox-container:after {
|
|
background: white;
|
|
box-shadow: none;
|
|
}
|
|
.checkbox-container.is-enabled {
|
|
border-color: var(--interactive-accent);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* File browser */
|
|
|
|
.nav-header {
|
|
padding: 0;
|
|
}
|
|
|
|
.nav-buttons-container {
|
|
padding: 4px 10px 1px;
|
|
margin-bottom: 0px !important;
|
|
justify-content: flex-start;
|
|
border: 0;
|
|
line-height: 1;
|
|
}
|
|
.nav-files-container {
|
|
overflow-x: hidden;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.nav-folder-title.is-being-dragged-over {
|
|
background-color: var(--background-modifier-accent);
|
|
border-color: var(--background-modifier-accent);
|
|
border-radius: 0;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
}
|
|
|
|
.nav-folder-collapse-indicator {
|
|
position: static;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
width: auto;
|
|
height: auto;
|
|
display: flex;
|
|
}
|
|
|
|
.nav-folder-children {
|
|
padding: 0;
|
|
}
|
|
|
|
.nav-folder-children > .nav-folder {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.nav-file {
|
|
padding: 0 10px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.nav-file-tag {
|
|
margin: 0 4px 0 0;
|
|
position: static;
|
|
}
|
|
|
|
.nav-file-title,
|
|
.nav-folder-title {
|
|
cursor: var(--cursor);
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0 9px;
|
|
border-radius: var(--radius-s);
|
|
border: none;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.nav-file-title.is-being-dragged,
|
|
.nav-file-title.is-active,
|
|
body:not(.is-grabbing) .nav-file-title.is-active:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
color: var(--text-normal);
|
|
}
|
|
.nav-file-title-content {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
vertical-align: middle;
|
|
cursor: var(--cursor);
|
|
}
|
|
|
|
.nav-file-title-content,
|
|
.nav-folder-title-content {
|
|
padding: 6px 0;
|
|
border: none;
|
|
line-height: 1;
|
|
}
|
|
|
|
.nav-folder-title-content {
|
|
flex-grow: 1;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.drop-indicator {
|
|
border-width: 1px;
|
|
}
|
|
.nav-file-icon {
|
|
padding: 0;
|
|
margin: 0;
|
|
top: 0;
|
|
line-height: 0;
|
|
}
|
|
.nav-file-icon:before,
|
|
.nav-file-title-content:only-child:before,
|
|
.search-result-collapse-indicator + span:before {
|
|
position: relative;
|
|
padding-right: 4px;
|
|
margin: 0;
|
|
}
|
|
.nav-file-title-content:only-child:before,
|
|
.search-result-collapse-indicator + span:before {
|
|
top: 0.5px;
|
|
}
|
|
.workspace-leaf-content[data-type="starred"] .nav-file-title-content {
|
|
width: calc(100% - 15px);
|
|
}
|
|
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
|
|
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator,
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background: transparent;
|
|
}
|
|
.nav-file-title,
|
|
.nav-folder-title,
|
|
.is-collapsed .search-result-file-title,
|
|
.tag-pane-tag {
|
|
color: var(--text-normal);
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
}
|
|
.search-result-file-title {
|
|
font-size: var(--font-small) !important;
|
|
color: var(--text-normal);
|
|
font-weight: var(--font-normal);
|
|
}
|
|
|
|
.tree-view-item-self:hover .tree-view-item-collapse,
|
|
.collapsible-item-self.is-clickable:hover {
|
|
color: var(--text-normal);
|
|
background: transparent;
|
|
}
|
|
.search-result-collapse-indicator,
|
|
.search-result-file-title:hover .search-result-collapse-indicator,
|
|
.side-dock-collapsible-section-header-indicator:hover,
|
|
.side-dock-collapsible-section-header:hover
|
|
.side-dock-collapsible-section-header-indicator,
|
|
.markdown-preview-view .collapse-indicator,
|
|
.tree-view-item-collapse,
|
|
.is-collapsed .search-result-collapse-indicator,
|
|
.nav-folder-collapse-indicator,
|
|
.side-dock-collapsible-section-header-indicator,
|
|
.is-collapsed .side-dock-collapsible-section-header-indicator {
|
|
color: var(--text-normal);
|
|
cursor: var(--cursor);
|
|
}
|
|
.nav-folder-title.is-being-dragged-over .nav-folder-collapse-indicator {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.nav-file.is-active > .nav-file-title,
|
|
.nav-file.is-active > .nav-folder-title,
|
|
.nav-file.is-active > .nav-folder-collapse-indicator,
|
|
.nav-folder.is-active > .nav-file-title,
|
|
.nav-folder.is-active > .nav-folder-title,
|
|
.nav-folder.is-active > .nav-folder-collapse-indicator {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Outline */
|
|
|
|
.outline {
|
|
padding: 10px 10px 5rem;
|
|
font-size: var(--font-small);
|
|
}
|
|
.outline .pane-empty {
|
|
font-size: var(--font-small);
|
|
color: var(--text-faint);
|
|
padding: 0 0 0 15px;
|
|
width: 100%;
|
|
}
|
|
.outline .collapsible-item-self {
|
|
cursor: var(--cursor);
|
|
font-size: var(--font-small);
|
|
color: var(--text-normal);
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
padding: 0 5px;
|
|
margin: 0;
|
|
}
|
|
.collapsible-item-collapse {
|
|
opacity: 1;
|
|
left: -5px;
|
|
color: var(--text-faint);
|
|
}
|
|
.outline .collapsible-item-collapse {
|
|
color: var(--text-normal);
|
|
padding: 0;
|
|
position: static;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
.collapsible-item-self.is-clickable:hover .collapsible-item-collapse {
|
|
color: var(--text-normal);
|
|
}
|
|
.outline > .collapsible-item > .collapsible-item-self .right-triangle {
|
|
opacity: unset;
|
|
}
|
|
.outline .collapsible-item-inner {
|
|
padding: 4px 6px;
|
|
line-height: 1.4;
|
|
}
|
|
.outline .collapsible-item-self.is-clickable .collapsible-item-inner:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
border-radius: var(--radius-m);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Search */
|
|
|
|
.search-result-file-match {
|
|
margin-top: 0;
|
|
cursor: var(--cursor) !important;
|
|
border-radius: var(--radius-m);
|
|
position: relative;
|
|
padding: 6px 10px 6px 10px;
|
|
margin-bottom: 5px;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
.search-result-file-match:hover {
|
|
color: var(--text-normal);
|
|
background: transparent;
|
|
}
|
|
.search-result-container:before {
|
|
height: 1px;
|
|
}
|
|
.search-result-container.is-loading:before {
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
.search-result {
|
|
margin-bottom: 0;
|
|
}
|
|
.search-result-count {
|
|
opacity: 1;
|
|
color: var(--text-faint);
|
|
padding: 0 0 0 5px;
|
|
}
|
|
.search-result-file-match:before {
|
|
content: none;
|
|
}
|
|
.search-result-file-match:not(.search-info-more-matches) {
|
|
border: 3px solid transparent;
|
|
background: var(--shade-0);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1);
|
|
transition: border-color 150ms ease-out;
|
|
}
|
|
.theme-dark .search-result-file-match:not(.search-info-more-matches) {
|
|
border: 3px solid transparent;
|
|
background: var(--shade-10);
|
|
}
|
|
|
|
.search-result-file-match:not(.search-info-more-matches):hover {
|
|
border: 3px solid hsla(var(--accent-hsl), 0.6);
|
|
}
|
|
|
|
.search-result-file-match.search-info-more-matches:hover {
|
|
background: var(--shade-plus-darker);
|
|
}
|
|
|
|
.search-result-file-matched-text {
|
|
background: hsla(var(--accent-hsl), 0.15);
|
|
}
|
|
|
|
.theme-dark .search-result-file-matched-text {
|
|
background: hsla(var(--accent-hsl), 0.25);
|
|
}
|
|
|
|
.graph-controls .search-input-container input,
|
|
.workspace-leaf-content .search-input-container input,
|
|
.workspace-leaf-content .search-input-container input:hover,
|
|
.workspace-leaf-content .search-input-container input:focus {
|
|
font-size: 13px;
|
|
padding: 6px 10px;
|
|
line-height: 1;
|
|
height: auto;
|
|
border-radius: var(--radius-m);
|
|
}
|
|
|
|
.graph-controls .search-input-container input,
|
|
.workspace-leaf-content .search-input-container input {
|
|
background-color: var(--shade-0);
|
|
border: 1px solid var(--shade-10);
|
|
}
|
|
|
|
.graph-controls .search-input-container input:hover,
|
|
.workspace-leaf-content .search-input-container input:hover {
|
|
border: 1px solid var(--shade-10);
|
|
}
|
|
|
|
.graph-controls .search-input-container input:focus,
|
|
.workspace-leaf-content .search-input-container input:focus {
|
|
border: 1px solid hsla(var(--accent-hsl), 0.5);
|
|
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1),
|
|
0 0 0 2px hsla(var(--accent-hsl), 0.5);
|
|
}
|
|
|
|
.search-input-container {
|
|
flex-grow: 0;
|
|
width: auto;
|
|
margin: 0;
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
.workspace-leaf-content .setting-item {
|
|
padding: 0;
|
|
border: none;
|
|
justify-content: space-between;
|
|
}
|
|
.workspace-leaf-content .setting-item-control {
|
|
flex-shrink: 0;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.search-input-clear-button {
|
|
cursor: var(--cursor);
|
|
top: 50%;
|
|
right: 16px;
|
|
bottom: unset;
|
|
line-height: 1;
|
|
height: unset;
|
|
width: unset;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: unset;
|
|
vertical-align: unset;
|
|
align-items: center;
|
|
color: var(--text-faint);
|
|
transform: translate3d(0, -50%, 0);
|
|
}
|
|
.search-input-clear-button:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
.search-input-clear-button:before {
|
|
font-size: 18px;
|
|
display: block;
|
|
}
|
|
.search-input {
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
width: 500px;
|
|
}
|
|
input.search-input:focus {
|
|
border-color: var(--background-modifier-border);
|
|
}
|
|
.workspace-leaf-content[data-type="search"] .search-result-file-matches {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
.search-empty-state {
|
|
font-size: var(--font-small);
|
|
color: var(--text-faint);
|
|
padding-left: 5px;
|
|
margin: 0;
|
|
}
|
|
.search-result-container {
|
|
padding: 0 10px 5px 10px;
|
|
}
|
|
.search-result-file-title {
|
|
vertical-align: middle;
|
|
cursor: var(--cursor) !important;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
|
|
align-items: center;
|
|
display: flex;
|
|
line-height: 1;
|
|
font-size: 13px !important;
|
|
font-weight: 500;
|
|
padding: 6px 0;
|
|
}
|
|
.is-collapsed .search-result-file-title {
|
|
font-size: 13px !important;
|
|
}
|
|
.search-result-file-title
|
|
> span:not(.search-result-collapse-indicator):not(.search-result-count) {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.search-result-collapse-indicator {
|
|
margin-right: 4px;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
display: block;
|
|
padding: 0;
|
|
position: static;
|
|
transform: rotate(90deg);
|
|
}
|
|
.is-collapsed .search-result-collapse-indicator {
|
|
transform: rotate(0deg);
|
|
}
|
|
.search-result-file-matches {
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
padding: 0 0 10px 8px !important;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.search-info-more-matches {
|
|
font-size: 12px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
color: var(--text-normal);
|
|
}
|
|
.side-dock-collapsible-section-header-indicator {
|
|
display: none;
|
|
}
|
|
.side-dock-collapsible-section-header {
|
|
background: transparent;
|
|
font-weight: 500;
|
|
color: var(--text-muted);
|
|
cursor: var(--cursor);
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
text-transform: capitalize;
|
|
letter-spacing: unset;
|
|
font-size: 12px;
|
|
padding: 6px 10px;
|
|
}
|
|
.side-dock-collapsible-section-header:hover,
|
|
.side-dock-collapsible-section-header:not(.is-collapsed) {
|
|
color: var(--text-muted);
|
|
background: transparent;
|
|
}
|
|
.backlink-pane {
|
|
padding: 10px 0 50px;
|
|
}
|
|
.backlink-pane .search-result-container {
|
|
padding: 0 10px 5px 10px;
|
|
margin-left: 0;
|
|
}
|
|
.backlink-pane .search-result-file-title {
|
|
padding-left: 0;
|
|
}
|
|
.list-item-ending-flair {
|
|
right: 0;
|
|
background: transparent;
|
|
}
|
|
.backlink-pane .list-item-ending-flair {
|
|
right: 12px;
|
|
}
|
|
.backlink-pane .search-result-file-match {
|
|
background-color: var(--shade-3);
|
|
}
|
|
.tag-pane-tag .list-item-ending-flair {
|
|
right: 10px;
|
|
}
|
|
.pane-list-item:hover .pane-list-item-ending-flair,
|
|
.list-item:hover .list-item-ending-flair {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
}
|
|
.search-result-file-title:hover {
|
|
color: var(--text-normal);
|
|
background: transparent;
|
|
}
|
|
.workspace-leaf-content .search-input,
|
|
.workspace-leaf-content .search-input:hover,
|
|
.workspace-leaf-content .search-input:focus {
|
|
font-size: var(--font-small);
|
|
padding: 7px 10px;
|
|
height: 28px;
|
|
border-radius: 5px;
|
|
background: var(--background-primary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
.workspace-leaf-content .search-input:hover {
|
|
border-color: var(--background-modifier-border-hover);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
.workspace-leaf-content .search-input:focus {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-modifier-border-focus);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.workspace-leaf-content .search-input::placeholder {
|
|
color: var(--text-faint);
|
|
font-size: var(--font-small);
|
|
}
|
|
.workspace-split.mod-root
|
|
.workspace-split.mod-vertical
|
|
.workspace-leaf-content {
|
|
padding-right: 0;
|
|
}
|
|
.workspace-split.mod-horizontal.mod-right-split {
|
|
width: 0;
|
|
}
|
|
.workspace-split.mod-vertical > .workspace-leaf {
|
|
padding-right: 1px;
|
|
}
|
|
.workspace-leaf-content[data-type="starred"] .item-list {
|
|
padding-top: 5px;
|
|
}
|
|
.workspace-split.mod-right-split .view-content {
|
|
padding: 0 0 0 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Tag pane */
|
|
|
|
.tag-container {
|
|
padding: 0;
|
|
}
|
|
|
|
.tag-pane-tag {
|
|
cursor: var(--cursor);
|
|
padding: 0 10px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.tag-pane-tag:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
.tag-pane-tag-text {
|
|
display: block;
|
|
padding: 6px 8px;
|
|
border-radius: var(--radius-m);
|
|
margin: 0;
|
|
}
|
|
|
|
.tag-pane-tag-text:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
|
|
.tag-pane-tag-count {
|
|
padding: 0;
|
|
color: var(--text-muted);
|
|
display: block;
|
|
position: static;
|
|
font-size: inherit;
|
|
}
|
|
.tag-pane-tag:hover .tag-pane-tag-count {
|
|
color: var(--text-accent);
|
|
}
|
|
.pane-list-item-ending-flair {
|
|
background: transparent;
|
|
}
|
|
|
|
.nav-file.is-active .nav-file-title:hover {
|
|
background: var(--background-tertiary) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Status bar */
|
|
|
|
.status-bar,
|
|
.is-translucent .status-bar {
|
|
font-size: 11px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: rgba(255, 255, 255, 0.9);
|
|
backdrop-filter: blur(15px);
|
|
border-top: 1px solid var(--shade-plus-darker);
|
|
border-left: 1px solid var(--shade-plus-darker);
|
|
border-top-left-radius: var(--radius-m);
|
|
line-height: 1;
|
|
padding: 8px 12px 8px 0;
|
|
color: var(--text-muted);
|
|
max-height: unset;
|
|
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
|
|
margin: 0;
|
|
}
|
|
|
|
.theme-dark .status-bar {
|
|
background: rgba(50, 50, 50, 0.9);
|
|
border-color: var(--shade-3);
|
|
}
|
|
|
|
.status-bar-item {
|
|
padding: 0 0 0 10px;
|
|
}
|
|
|
|
.status-bar-item-segment {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Default ribbon sidedock icons */
|
|
|
|
.workspace-ribbon .workspace-ribbon-collapse-btn,
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
height: unset;
|
|
width: unset;
|
|
top: unset;
|
|
line-height: 0;
|
|
padding: 4px 6px;
|
|
bottom: 28px;
|
|
border-radius: var(--radius-s);
|
|
transition: none;
|
|
opacity: 1;
|
|
z-index: 9;
|
|
}
|
|
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
|
|
position: static;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.hider-frameless .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
|
|
margin-top: 32px;
|
|
}
|
|
|
|
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
|
|
margin-bottom: 33px;
|
|
position: static;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.workspace-ribbon.mod-right:not(.is-collapsed) .workspace-ribbon-collapse-btn {
|
|
margin-bottom: 33px;
|
|
position: static;
|
|
border: 1px solid var(--shade-10);
|
|
background: rgba(245, 245, 245, 0.5);
|
|
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
|
|
backdrop-filter: blur(60px);
|
|
}
|
|
|
|
.theme-dark
|
|
.workspace-ribbon.mod-right:not(.is-collapsed)
|
|
.workspace-ribbon-collapse-btn {
|
|
border: 1px solid var(--shade-20);
|
|
background: rgba(60, 60, 60, 0.5);
|
|
}
|
|
|
|
.hider-ribbon .workspace-ribbon-collapse-btn {
|
|
display: none !important;
|
|
}
|
|
|
|
.workspace-ribbon .workspace-ribbon-collapse-btn:hover {
|
|
background: var(--shade-plus-darker);
|
|
}
|
|
|
|
.workspace-ribbon-collapse-btn {
|
|
margin: 0;
|
|
padding-top: 8px;
|
|
}
|
|
.workspace-ribbon-collapse-btn,
|
|
.view-action,
|
|
.side-dock-ribbon-tab,
|
|
.side-dock-ribbon-action {
|
|
cursor: var(--cursor);
|
|
}
|
|
.workspace-ribbon {
|
|
width: unset;
|
|
border-width: 0;
|
|
background: var(--background-primary);
|
|
}
|
|
.workspace-ribbon.mod-right {
|
|
opacity: 1;
|
|
height: unset;
|
|
position: fixed;
|
|
width: unset;
|
|
top: auto;
|
|
bottom: 0;
|
|
z-index: 9;
|
|
right: 0;
|
|
position: absolute;
|
|
background: transparent;
|
|
border-right: 0;
|
|
padding: 0 5px 0 0;
|
|
}
|
|
.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
|
|
margin-right: 0;
|
|
}
|
|
.side-dock-ribbon-action {
|
|
padding: 6px 0;
|
|
}
|
|
.side-dock-settings {
|
|
margin-bottom: 5px;
|
|
padding: 0;
|
|
}
|
|
.hider-ribbon .side-dock-settings {
|
|
padding: 5px 5px 5px 0;
|
|
}
|
|
.side-dock-ribbon {
|
|
border-left: 0;
|
|
}
|
|
body.hider-frameless:not(.hider-ribbon) .side-dock-actions {
|
|
padding-top: 0;
|
|
}
|
|
body:not(.hider-ribbon) .side-dock-ribbon-action {
|
|
padding: 6px 0 0 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Preview mode */
|
|
|
|
.markdown-preview-view hr {
|
|
height: 1px;
|
|
border-width: 2px 0 0 0;
|
|
}
|
|
.minimal-theme:not(.links-int-on) a[href*="obsidian://"],
|
|
.minimal-theme:not(.links-int-on) .markdown-preview-view .internal-link,
|
|
.minimal-theme:not(.links-int-on) .external-link {
|
|
text-decoration: none;
|
|
}
|
|
.markdown-preview-section a,
|
|
.minimal-theme.links-int-on .markdown-preview-view .internal-link,
|
|
.markdown-preview-view .internal-link {
|
|
margin-bottom: 0;
|
|
position: relative;
|
|
text-decoration: none;
|
|
z-index: 10;
|
|
box-shadow: 0 3px transparent;
|
|
transition: box-shadow 100ms ease-out;
|
|
}
|
|
.markdown-preview-section a:hover {
|
|
color: var(--text-accent);
|
|
box-shadow: 0 3px var(--shade-10);
|
|
}
|
|
.external-link {
|
|
background: none;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.external-link:after {
|
|
transform: rotate(135deg);
|
|
}
|
|
|
|
.external-link[href*="obsidian://search"]:after {
|
|
transform: scaleX(-1);
|
|
position: relative;
|
|
top: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.footnotes-list {
|
|
margin-block-start: -10px;
|
|
padding-inline-start: 20px;
|
|
font-size: var(--font-small);
|
|
}
|
|
.footnotes-list p {
|
|
display: inline;
|
|
margin-block-end: 0;
|
|
margin-block-start: 0;
|
|
}
|
|
.footnote-ref a {
|
|
text-decoration: none;
|
|
}
|
|
.footnote-backref {
|
|
color: var(--text-faint);
|
|
}
|
|
iframe {
|
|
border: 0;
|
|
}
|
|
.markdown-preview-view img:not([width]),
|
|
.markdown-preview-view audio,
|
|
.markdown-preview-view video {
|
|
width: 100%;
|
|
}
|
|
.markdown-preview-view .mod-highlighted {
|
|
transition: background-color 0.3s ease;
|
|
background-color: var(--text-selection);
|
|
color: inherit;
|
|
}
|
|
|
|
/* Metadata */
|
|
|
|
.frontmatter-collapse-indicator.collapse-indicator {
|
|
display: none;
|
|
}
|
|
.frontmatter-container .tag {
|
|
font-size: var(--font-smaller);
|
|
}
|
|
.frontmatter-container .frontmatter-alias {
|
|
color: var(--text-muted);
|
|
}
|
|
.frontmatter-container {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-small);
|
|
padding: 10px 0;
|
|
background: transparent;
|
|
border-radius: 0;
|
|
margin: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
.frontmatter-container .frontmatter-container-header {
|
|
padding: 0;
|
|
font-weight: 500;
|
|
border-bottom: 0;
|
|
font-size: var(--font-small);
|
|
}
|
|
|
|
/* Blockquotes */
|
|
|
|
.markdown-preview-view blockquote {
|
|
border-radius: 0;
|
|
border: solid var(--quote-opening-modifier);
|
|
border-width: 0px 0px 0px 1px;
|
|
background-color: transparent;
|
|
color: var(--text-muted);
|
|
padding: 0 0 0 calc(var(--nested-padding) / 2);
|
|
margin-inline-start: var(--nested-padding);
|
|
}
|
|
|
|
/* Tables */
|
|
|
|
.markdown-preview-view th {
|
|
font-weight: var(--bold-weight);
|
|
text-align: left;
|
|
border-top: none;
|
|
}
|
|
.markdown-preview-view th:last-child,
|
|
.markdown-preview-view td:last-child {
|
|
border-right: none;
|
|
}
|
|
.markdown-preview-view th:first-child,
|
|
.markdown-preview-view td:first-child {
|
|
border-left: none;
|
|
padding-left: 0;
|
|
}
|
|
.markdown-preview-view tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* Preview Mode Lists */
|
|
|
|
ul {
|
|
padding-inline-start: 2em;
|
|
list-style: none;
|
|
}
|
|
ul ul,
|
|
ol ul,
|
|
ol ol ul,
|
|
ol ul ul,
|
|
ul ol ul,
|
|
ul ul ul {
|
|
list-style: none;
|
|
}
|
|
ul > li:not(.task-list-item)::before {
|
|
content: "\2022";
|
|
color: var(--text-faint);
|
|
font-weight: 600;
|
|
display: inline-block;
|
|
width: 1em;
|
|
margin-left: -1em;
|
|
}
|
|
ul li p,
|
|
ol li p {
|
|
display: inline;
|
|
}
|
|
ol {
|
|
padding-inline-start: 1em;
|
|
margin-left: 1em;
|
|
list-style: none;
|
|
counter-reset: counter;
|
|
position: relative;
|
|
}
|
|
ol > li {
|
|
margin-left: 0em;
|
|
counter-increment: counter;
|
|
}
|
|
ol > li::before {
|
|
content: counter(counter) ". ";
|
|
color: var(--text-faint);
|
|
position: absolute;
|
|
left: -1.25em;
|
|
text-align: right;
|
|
width: 2em;
|
|
}
|
|
|
|
/* Code */
|
|
.theme-light :not(pre) > code[class*="language-"],
|
|
.theme-light pre[class*="language-"] {
|
|
background-color: var(--background-primary-alt);
|
|
}
|
|
.theme-light code[class*="language-"],
|
|
.theme-light pre[class*="language-"] {
|
|
text-shadow: none;
|
|
}
|
|
.markdown-preview-section .frontmatter code {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-small);
|
|
}
|
|
.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-inline-code,
|
|
.cm-s-obsidian .HyperMD-codeblock,
|
|
.cm-s-obsidian .HyperMD-hr,
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
|
.cm-s-obsidian .cm-hmd-orgmode-markup,
|
|
.cm-s-obsidian .cm-formatting-code,
|
|
.cm-s-obsidian .cm-math,
|
|
.cm-s-obsidian span.hmd-fold-math-placeholder,
|
|
.cm-s-obsidian .CodeMirror-linewidget kbd,
|
|
.cm-s-obsidian .hmd-fold-html kbd .CodeMirror-code {
|
|
font-family: var(--font-monospace);
|
|
}
|
|
.cm-s-obsidian .cm-hmd-frontmatter {
|
|
font-size: var(--font-small);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Popovers */
|
|
|
|
.theme-dark.minimal-dark-black .popover {
|
|
background: #111;
|
|
}
|
|
|
|
.popover,
|
|
.popover.hover-popover {
|
|
min-height: 40px;
|
|
box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
|
|
pointer-events: auto !important;
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
.popover.hover-popover {
|
|
max-height: 40vh;
|
|
}
|
|
.popover .markdown-embed-link {
|
|
display: none;
|
|
}
|
|
.popover .markdown-embed .markdown-preview-view {
|
|
padding-top: 15px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.popover.hover-popover .markdown-embed .markdown-embed-content {
|
|
max-height: none;
|
|
}
|
|
.popover.mod-empty {
|
|
padding: 20px 15px 20px 20px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Graphs */
|
|
|
|
/* Full bleed */
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="localgraph"]
|
|
.view-header,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="graph"]
|
|
.view-header {
|
|
position: static;
|
|
background: transparent !important;
|
|
width: 100%;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="localgraph"]
|
|
.view-content,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="graph"]
|
|
.view-content {
|
|
height: 100%;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="localgraph"]
|
|
.view-header-title,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="graph"]
|
|
.view-header-title {
|
|
display: none;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="localgraph"]
|
|
.view-actions,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type="graph"]
|
|
.view-actions {
|
|
background: transparent;
|
|
}
|
|
|
|
.graph-controls {
|
|
top: 10px !important;
|
|
left: 10px;
|
|
|
|
color: var(--shade-90);
|
|
border: 1px solid var(--shade-10);
|
|
background: rgba(245, 245, 245, 0.6);
|
|
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
|
|
backdrop-filter: blur(60px);
|
|
|
|
font-weight: 500;
|
|
border-radius: var(--radius-m);
|
|
padding: 18px;
|
|
}
|
|
|
|
.graph-controls.is-close {
|
|
background: transparent;
|
|
border: none;
|
|
box-shadow: none;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.theme-dark .graph-controls {
|
|
border: 1px solid var(--shade-20);
|
|
background: rgba(60, 60, 60, 0.5);
|
|
}
|
|
|
|
.theme-dark .graph-controls.is-close {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.graph-controls .collapse-icon {
|
|
font-size: 14px;
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.graph-controls .collapsible-item-self {
|
|
cursor: pointer;
|
|
color: var(--text-normal);
|
|
font-weight: 500;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
padding: 0;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.graph-control-section:not(:last-child) .collapsible-item-children {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.graph-control-section .collapsible-item-children {
|
|
margin: 0 !important;
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.graph-controls .search-input-container {
|
|
padding: 0;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.graph-controls .collapsible-item-collapse {
|
|
color: var(--text-normal);
|
|
padding: 0;
|
|
position: static;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
|
|
.graph-controls > .collapsible-item > .collapsible-item-self .right-triangle {
|
|
opacity: unset;
|
|
}
|
|
|
|
.graph-controls .graph-control-section-header {
|
|
padding: 4px;
|
|
}
|
|
|
|
.graph-controls .setting-item-name {
|
|
font-size: 13px;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.graph-controls .setting-item.mod-toggle .setting-item-control {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.graph-controls.is-close .graph-controls-button.mod-open,
|
|
.graph-controls:not(.is-close) .graph-controls-button.mod-reset,
|
|
.graph-controls:not(.is-close) .graph-controls-button.mod-close,
|
|
.graph-controls:not(.is-close):hover .graph-controls-button.mod-reset,
|
|
.graph-controls:not(.is-close):hover .graph-controls-button.mod-close {
|
|
display: flex;
|
|
}
|
|
|
|
.graph-controls-button {
|
|
padding: 3px 3px;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
border-radius: var(--radius-s);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.graph-controls-button:hover {
|
|
background-color: var(--shade-plus-darker);
|
|
}
|
|
|
|
.graph-controls-button.mod-close {
|
|
align-items: center;
|
|
top: 4px;
|
|
right: 4px;
|
|
}
|
|
|
|
.graph-controls-button.mod-reset {
|
|
top: 4px;
|
|
right: 26px;
|
|
}
|
|
|
|
.graph-controls.is-close .graph-controls-button {
|
|
padding: 6px 7px;
|
|
opacity: 1;
|
|
}
|
|
|
|
input[type="range"] {
|
|
background-color: rgba(0, 0, 0, 0.15);
|
|
height: 16px;
|
|
padding: 9px 7px 0 7px;
|
|
-webkit-appearance: none;
|
|
cursor: default;
|
|
margin: 0;
|
|
border-radius: 50px;
|
|
}
|
|
|
|
input[type="range"]::-webkit-slider-runnable-track {
|
|
background: var(--text-muted);
|
|
height: 1px;
|
|
margin-top: -9px;
|
|
}
|
|
input[type="range"]::-webkit-slider-thumb {
|
|
background: var(--text-muted);
|
|
height: 7px;
|
|
width: 20px;
|
|
margin-top: 0px;
|
|
cursor: default;
|
|
}
|
|
input[type="range"]::-webkit-slider-thumb:hover,
|
|
input[type="range"]::-webkit-slider-thumb:active {
|
|
background: var(--text-normal);
|
|
}
|
|
.local-graph-jumps-slider-container,
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container,
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
|
|
background: transparent;
|
|
opacity: 0.6;
|
|
padding: 0;
|
|
left: 12px;
|
|
transition: opacity 0.2s linear;
|
|
height: auto;
|
|
}
|
|
.mod-root .local-graph-jumps-slider-container {
|
|
right: 0;
|
|
left: 0;
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
top: 30px;
|
|
}
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
|
|
.local-graph-jumps-slider-container:hover {
|
|
opacity: 0.8;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
|
|
.graph-view {
|
|
font-family: var(--text) !important;
|
|
}
|
|
|
|
/* filled color for the circle when not hover*/
|
|
.graph-view.color-fill {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* color for the connecting line when not hover --background-modifier-border*/
|
|
.graph-view.color-line {
|
|
color: var(--shade-10);
|
|
}
|
|
|
|
/* color for text */
|
|
.graph-view.color-text {
|
|
font-family: var(--text) !important;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* filled color for the circle when hover*/
|
|
.graph-view.color-fill-highlight {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
/* color for the connecting line when hover*/
|
|
.graph-view.color-line-highlight {
|
|
color: var(--text-accent);
|
|
border: 0;
|
|
}
|
|
|
|
/* color for the circle stroke */
|
|
.graph-view.color-circle {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.graph-view.color-fill-unresolved {
|
|
color: var(--shade-20);
|
|
opacity: 1;
|
|
}
|
|
|
|
.graph-view.color-fill-tag {
|
|
color: rgb(var(--teal-rgb)) !important;
|
|
}
|
|
|
|
.graph-view.color-fill-attachment {
|
|
color: rgb(var(--yellow-rgb)) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Settings */
|
|
|
|
.modal-close-button {
|
|
top: 0;
|
|
cursor: var(--cursor);
|
|
}
|
|
.modal-close-button:before {
|
|
font-weight: 200;
|
|
}
|
|
.horizontal-tab-content,
|
|
.vertical-tab-content {
|
|
background: var(--background-primary);
|
|
}
|
|
.modal.mod-settings .vertical-tab-header {
|
|
background: var(--background-secondary);
|
|
padding-top: 5px;
|
|
}
|
|
.vertical-tab-header-group-title {
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.vertical-tab-nav-item {
|
|
font-size: var(--font-small);
|
|
padding: 5px 10px 5px 17px;
|
|
color: var(--text-muted);
|
|
border: none;
|
|
background: transparent;
|
|
cursor: var(--cursor);
|
|
}
|
|
.vertical-tab-nav-item:hover,
|
|
.vertical-tab-nav-item.is-active {
|
|
color: var(--text-normal);
|
|
}
|
|
.setting-hotkey {
|
|
background-color: var(--background-modifier-border);
|
|
padding: 3px 25px 3px 10px;
|
|
}
|
|
.setting-hotkey.mod-empty {
|
|
background: transparent;
|
|
}
|
|
.dropdown {
|
|
border-color: var(--background-modifier-border);
|
|
font-family: var(--text);
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
.theme-dark .dropdown {
|
|
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
|
|
}
|
|
.dropdown:focus {
|
|
border-color: var(--background-modifier-border-focus);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Scroll bars */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-color: var(--background-primary);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
border-width: 0px 4px 6px 0px;
|
|
border-style: solid;
|
|
border-radius: 0 !important;
|
|
border-color: var(--background-primary);
|
|
min-height: 40px;
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-track,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-track {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-thumb,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb {
|
|
border-color: var(--background-secondary);
|
|
}
|
|
.theme-light.minimal-light-contrast
|
|
.mod-left-split
|
|
.vertical-tab-header::-webkit-scrollbar-thumb,
|
|
.theme-light.minimal-light-contrast
|
|
.mod-left-split
|
|
.workspace-tabs
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: var(--background-modifier-border-hover);
|
|
}
|
|
.theme-light.minimal-light-contrast
|
|
.mod-left-split
|
|
.vertical-tab-header::-webkit-scrollbar-track,
|
|
.theme-light.minimal-light-contrast
|
|
.mod-left-split
|
|
.workspace-tabs
|
|
::-webkit-scrollbar-track {
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
|
|
/* Tooltip */
|
|
.tooltip {
|
|
animation: unset !important;
|
|
}
|
|
|
|
.workspace-tab-header[aria-label="File explorer"]
|
|
.workspace-tab-header-inner-icon:after,
|
|
.side-dock-ribbon-action[aria-label="Open today's note"]:after,
|
|
.side-dock-ribbon-action[aria-label="Open another vault"]:after,
|
|
.side-dock-ribbon-action[aria-label="Help"]:after,
|
|
.side-dock-ribbon-action[aria-label="Settings"]:after {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.plugin-sliding-panes-rotate-header .view-header-icon:after {
|
|
line-height: 1;
|
|
}
|
|
|
|
.outline .collapse-icon > svg,
|
|
.nav-file-icon > svg,
|
|
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn > svg,
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn > svg,
|
|
.markdown-preview-view .collapse-indicator > svg,
|
|
.view-header-icon > svg,
|
|
.workspace-tab-header[aria-label="File explorer"]
|
|
.workspace-tab-header-inner-icon
|
|
> svg,
|
|
.nav-action-button[aria-label="New note"] > svg,
|
|
.nav-action-button[aria-label="New folder"] > svg,
|
|
.side-dock-ribbon-action[aria-label="Open today's note"] > svg,
|
|
.side-dock-ribbon-action[aria-label="Open another vault"] > svg,
|
|
.side-dock-ribbon-action[aria-label="Help"] > svg,
|
|
.side-dock-ribbon-action[aria-label="Settings"] > svg {
|
|
display: none;
|
|
}
|
|
|
|
.external-link:after,
|
|
.markdown-preview-view .collapse-indicator:before,
|
|
.search-result-collapse-indicator + span:before,
|
|
.nav-file-title-content:only-child:before,
|
|
.nav-file-icon:before,
|
|
.CodeMirror-foldmarker:after,
|
|
.CodeMirror-foldgutter-folded:after,
|
|
.CodeMirror-foldgutter-open:after,
|
|
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn:after,
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn:after,
|
|
.side-dock-ribbon-action[aria-label="Settings"]:after,
|
|
.side-dock-ribbon-action[aria-label="Help"]:after,
|
|
.side-dock-ribbon-action[aria-label="Open another vault"]:after,
|
|
.side-dock-ribbon-action[aria-label="Open today's note"]:after,
|
|
.nav-action-button[aria-label="New folder"]:after,
|
|
.nav-action-button[aria-label="New note"]:after,
|
|
.workspace-tab-header[aria-label="File explorer"]
|
|
.workspace-tab-header-inner-icon:after,
|
|
.view-header-icon:after,
|
|
.search-input-clear-button:before,
|
|
.document-search-close-button:before {
|
|
line-height: 1;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.nav-file-title-content:only-child:before,
|
|
.search-result-collapse-indicator + span:before,
|
|
.nav-file-icon:before {
|
|
display: inline-block;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.view-header-icon:after {
|
|
opacity: 0.4;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" style="fill: rgb(0,0,0);" width="100%" height="100%" viewBox="0 0 24 24"><path d="M10 7H14V11H10zM16 7H20V11H16zM4 7H8V11H4zM10 13H14V17H10zM16 13H20V17H16zM4 13H8V17H4z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .view-header-icon:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" style="fill: rgb(204,204,204);" width="100%" height="100%" viewBox="0 0 24 24"><path d="M10 7H14V11H10zM16 7H20V11H16zM4 7H8V11H4zM10 13H14V17H10zM16 13H20V17H16zM4 13H8V17H4z"></path></svg>');
|
|
}
|
|
|
|
.search-input-clear-button:before,
|
|
.document-search-close-button:before {
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M9.172 16.242L12 13.414 14.828 16.242 16.242 14.828 13.414 12 16.242 9.172 14.828 7.758 12 10.586 9.172 7.758 7.758 9.172 10.586 12 7.758 14.828z"></path><path d="M12,22c5.514,0,10-4.486,10-10S17.514,2,12,2S2,6.486,2,12S6.486,22,12,22z M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8 s-8-3.589-8-8S7.589,4,12,4z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .search-input-clear-button:before,
|
|
.theme-dark .document-search-close-button:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M9.172 16.242L12 13.414 14.828 16.242 16.242 14.828 13.414 12 16.242 9.172 14.828 7.758 12 10.586 9.172 7.758 7.758 9.172 10.586 12 7.758 14.828z"></path><path d="M12,22c5.514,0,10-4.486,10-10S17.514,2,12,2S2,6.486,2,12S6.486,22,12,22z M12,4c4.411,0,8,3.589,8,8s-3.589,8-8,8 s-8-3.589-8-8S7.589,4,12,4z"></path></svg>');
|
|
}
|
|
|
|
.search-input-clear-button:hover:before,
|
|
.document-search-close-button:hover:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.nav-file-title-content:only-child:before,
|
|
.search-result-collapse-indicator + span:before,
|
|
.nav-file-icon:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M19.903,8.586c-0.049-0.106-0.11-0.207-0.196-0.293l-6-6c-0.086-0.086-0.187-0.147-0.293-0.196 c-0.03-0.014-0.062-0.022-0.094-0.033c-0.084-0.028-0.17-0.046-0.259-0.051C13.04,2.011,13.021,2,13,2H6C4.897,2,4,2.897,4,4v16 c0,1.103,0.897,2,2,2h12c1.103,0,2-0.897,2-2V9c0-0.021-0.011-0.04-0.013-0.062c-0.005-0.089-0.022-0.175-0.051-0.259 C19.926,8.647,19.917,8.616,19.903,8.586z M16.586,8H14V5.414L16.586,8z M6,20V4h6v5c0,0.553,0.447,1,1,1h5l0.002,10H6z"></path><path d="M8 12H16V14H8zM8 16H16V18H8zM8 8H10V10H8z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .nav-file-title-content:only-child:before,
|
|
.theme-dark .search-result-collapse-indicator + span:before,
|
|
.theme-dark .nav-file-icon:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M19.903,8.586c-0.049-0.106-0.11-0.207-0.196-0.293l-6-6c-0.086-0.086-0.187-0.147-0.293-0.196 c-0.03-0.014-0.062-0.022-0.094-0.033c-0.084-0.028-0.17-0.046-0.259-0.051C13.04,2.011,13.021,2,13,2H6C4.897,2,4,2.897,4,4v16 c0,1.103,0.897,2,2,2h12c1.103,0,2-0.897,2-2V9c0-0.021-0.011-0.04-0.013-0.062c-0.005-0.089-0.022-0.175-0.051-0.259 C19.926,8.647,19.917,8.616,19.903,8.586z M16.586,8H14V5.414L16.586,8z M6,20V4h6v5c0,0.553,0.447,1,1,1h5l0.002,10H6z"></path><path d="M8 12H16V14H8zM8 16H16V18H8zM8 8H10V10H8z"></path></svg>');
|
|
}
|
|
|
|
.workspace-tab-header[aria-label="File explorer"]
|
|
.workspace-tab-header-inner-icon:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M21,4c0-1.103-0.897-2-2-2H5C3.897,2,3,2.897,3,4v16c0,1.103,0.897,2,2,2h14c1.103,0,2-0.897,2-2V4z M5,4h14v7H5V4z M5,20 v-7h14.001v7H5z"></path><path d="M14 7L10 7 10 6 8 6 8 9 16 9 16 6 14 6zM14 15L14 16 10 16 10 15 8 15 8 18 16 18 16 15z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark
|
|
.workspace-tab-header[aria-label="File explorer"]
|
|
.workspace-tab-header-inner-icon:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M21,4c0-1.103-0.897-2-2-2H5C3.897,2,3,2.897,3,4v16c0,1.103,0.897,2,2,2h14c1.103,0,2-0.897,2-2V4z M5,4h14v7H5V4z M5,20 v-7h14.001v7H5z"></path><path d="M14 7L10 7 10 6 8 6 8 9 16 9 16 6 14 6zM14 15L14 16 10 16 10 15 8 15 8 18 16 18 16 15z"></path></svg>');
|
|
}
|
|
|
|
.nav-action-button[aria-label="New note"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M13 7L11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11z"></path><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10c5.514,0,10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8 s3.589-8,8-8s8,3.589,8,8S16.411,20,12,20z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .nav-action-button[aria-label="New note"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M13 7L11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11z"></path><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10c5.514,0,10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8 s3.589-8,8-8s8,3.589,8,8S16.411,20,12,20z"></path></svg>');
|
|
}
|
|
|
|
.nav-action-button[aria-label="New folder"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M13 9L11 9 11 12 8 12 8 14 11 14 11 17 13 17 13 14 16 14 16 12 13 12z"></path><path d="M20,5h-8.586L9.707,3.293C9.52,3.105,9.266,3,9,3H4C2.897,3,2,3.897,2,5v14c0,1.103,0.897,2,2,2h16c1.103,0,2-0.897,2-2V7 C22,5.897,21.103,5,20,5z M4,19V7h7h1h8l0.002,12H4z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .nav-action-button[aria-label="New folder"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M13 9L11 9 11 12 8 12 8 14 11 14 11 17 13 17 13 14 16 14 16 12 13 12z"></path><path d="M20,5h-8.586L9.707,3.293C9.52,3.105,9.266,3,9,3H4C2.897,3,2,3.897,2,5v14c0,1.103,0.897,2,2,2h16c1.103,0,2-0.897,2-2V7 C22,5.897,21.103,5,20,5z M4,19V7h7h1h8l0.002,12H4z"></path></svg>');
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label="Open today's note"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M19,4h-3V2h-2v2h-4V2H8v2H5C3.897,4,3,4.897,3,6v14c0,1.103,0.897,2,2,2h14c1.103,0,2-0.897,2-2V6C21,4.897,20.103,4,19,4z M5,20V7h3h2h4h2h3V6l0.002,14H5z"></path><path d="M7 9H17V11H7zM7 13H12V15H7z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-action[aria-label="Open today's note"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M19,4h-3V2h-2v2h-4V2H8v2H5C3.897,4,3,4.897,3,6v14c0,1.103,0.897,2,2,2h14c1.103,0,2-0.897,2-2V6C21,4.897,20.103,4,19,4z M5,20V7h3h2h4h2h3V6l0.002,14H5z"></path><path d="M7 9H17V11H7zM7 13H12V15H7z"></path></svg>');
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label="Open another vault"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M19,2.01H6c-1.206,0-3,0.799-3,3v3v6v3v2c0,2.201,1.794,3,3,3h15v-2H6.012C5.55,19.998,5,19.815,5,19.01 c0-0.101,0.009-0.191,0.024-0.273c0.112-0.575,0.583-0.717,0.987-0.727H20c0.018,0,0.031-0.009,0.049-0.01H21v-0.99V15V4.01 C21,2.907,20.103,2.01,19,2.01z M19,16.01H5v-2v-6v-3c0-0.806,0.55-0.988,1-1h7v7l2-1l2,1v-7h2V15V16.01z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-action[aria-label="Open another vault"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M19,2.01H6c-1.206,0-3,0.799-3,3v3v6v3v2c0,2.201,1.794,3,3,3h15v-2H6.012C5.55,19.998,5,19.815,5,19.01 c0-0.101,0.009-0.191,0.024-0.273c0.112-0.575,0.583-0.717,0.987-0.727H20c0.018,0,0.031-0.009,0.049-0.01H21v-0.99V15V4.01 C21,2.907,20.103,2.01,19,2.01z M19,16.01H5v-2v-6v-3c0-0.806,0.55-0.988,1-1h7v7l2-1l2,1v-7h2V15V16.01z"></path></svg>');
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label="Help"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M12 6C9.831 6 8.066 7.765 8.066 9.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626-.255.207-.496.404-.691.599C11.029 13.156 11 14.215 11 14.333V15h2l-.001-.633c.001-.016.033-.386.441-.793.15-.15.339-.3.535-.458.779-.631 1.958-1.584 1.958-3.182C15.934 7.765 14.169 6 12 6zM11 16H13V18H11z"></path><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8s3.589-8,8-8 s8,3.589,8,8S16.411,20,12,20z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-action[aria-label="Help"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M12 6C9.831 6 8.066 7.765 8.066 9.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626-.255.207-.496.404-.691.599C11.029 13.156 11 14.215 11 14.333V15h2l-.001-.633c.001-.016.033-.386.441-.793.15-.15.339-.3.535-.458.779-.631 1.958-1.584 1.958-3.182C15.934 7.765 14.169 6 12 6zM11 16H13V18H11z"></path><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z M12,20c-4.411,0-8-3.589-8-8s3.589-8,8-8 s8,3.589,8,8S16.411,20,12,20z"></path></svg>');
|
|
}
|
|
|
|
.side-dock-ribbon-action[aria-label="Settings"]:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M12,16c2.206,0,4-1.794,4-4s-1.794-4-4-4s-4,1.794-4,4S9.794,16,12,16z M12,10c1.084,0,2,0.916,2,2s-0.916,2-2,2 s-2-0.916-2-2S10.916,10,12,10z"></path><path d="M2.845,16.136l1,1.73c0.531,0.917,1.809,1.261,2.73,0.73l0.529-0.306C7.686,18.747,8.325,19.122,9,19.402V20 c0,1.103,0.897,2,2,2h2c1.103,0,2-0.897,2-2v-0.598c0.675-0.28,1.314-0.655,1.896-1.111l0.529,0.306 c0.923,0.53,2.198,0.188,2.731-0.731l0.999-1.729c0.552-0.955,0.224-2.181-0.731-2.732l-0.505-0.292C19.973,12.742,20,12.371,20,12 s-0.027-0.743-0.081-1.111l0.505-0.292c0.955-0.552,1.283-1.777,0.731-2.732l-0.999-1.729c-0.531-0.92-1.808-1.265-2.731-0.732 l-0.529,0.306C16.314,5.253,15.675,4.878,15,4.598V4c0-1.103-0.897-2-2-2h-2C9.897,2,9,2.897,9,4v0.598 c-0.675,0.28-1.314,0.655-1.896,1.111L6.575,5.403c-0.924-0.531-2.2-0.187-2.731,0.732L2.845,7.864 c-0.552,0.955-0.224,2.181,0.731,2.732l0.505,0.292C4.027,11.257,4,11.629,4,12s0.027,0.742,0.081,1.111l-0.505,0.292 C2.621,13.955,2.293,15.181,2.845,16.136z M6.171,13.378C6.058,12.925,6,12.461,6,12c0-0.462,0.058-0.926,0.17-1.378 c0.108-0.433-0.083-0.885-0.47-1.108L4.577,8.864l0.998-1.729L6.72,7.797c0.384,0.221,0.867,0.165,1.188-0.142 c0.683-0.647,1.507-1.131,2.384-1.399C10.713,6.128,11,5.739,11,5.3V4h2v1.3c0,0.439,0.287,0.828,0.708,0.956 c0.877,0.269,1.701,0.752,2.384,1.399c0.321,0.307,0.806,0.362,1.188,0.142l1.144-0.661l1,1.729L18.3,9.514 c-0.387,0.224-0.578,0.676-0.47,1.108C17.942,11.074,18,11.538,18,12c0,0.461-0.058,0.925-0.171,1.378 c-0.107,0.433,0.084,0.885,0.471,1.108l1.123,0.649l-0.998,1.729l-1.145-0.661c-0.383-0.221-0.867-0.166-1.188,0.142 c-0.683,0.647-1.507,1.131-2.384,1.399C13.287,17.872,13,18.261,13,18.7l0.002,1.3H11v-1.3c0-0.439-0.287-0.828-0.708-0.956 c-0.877-0.269-1.701-0.752-2.384-1.399c-0.19-0.182-0.438-0.275-0.688-0.275c-0.172,0-0.344,0.044-0.5,0.134l-1.144,0.662l-1-1.729 L5.7,14.486C6.087,14.263,6.278,13.811,6.171,13.378z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .side-dock-ribbon-action[aria-label="Settings"]:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M12,16c2.206,0,4-1.794,4-4s-1.794-4-4-4s-4,1.794-4,4S9.794,16,12,16z M12,10c1.084,0,2,0.916,2,2s-0.916,2-2,2 s-2-0.916-2-2S10.916,10,12,10z"></path><path d="M2.845,16.136l1,1.73c0.531,0.917,1.809,1.261,2.73,0.73l0.529-0.306C7.686,18.747,8.325,19.122,9,19.402V20 c0,1.103,0.897,2,2,2h2c1.103,0,2-0.897,2-2v-0.598c0.675-0.28,1.314-0.655,1.896-1.111l0.529,0.306 c0.923,0.53,2.198,0.188,2.731-0.731l0.999-1.729c0.552-0.955,0.224-2.181-0.731-2.732l-0.505-0.292C19.973,12.742,20,12.371,20,12 s-0.027-0.743-0.081-1.111l0.505-0.292c0.955-0.552,1.283-1.777,0.731-2.732l-0.999-1.729c-0.531-0.92-1.808-1.265-2.731-0.732 l-0.529,0.306C16.314,5.253,15.675,4.878,15,4.598V4c0-1.103-0.897-2-2-2h-2C9.897,2,9,2.897,9,4v0.598 c-0.675,0.28-1.314,0.655-1.896,1.111L6.575,5.403c-0.924-0.531-2.2-0.187-2.731,0.732L2.845,7.864 c-0.552,0.955-0.224,2.181,0.731,2.732l0.505,0.292C4.027,11.257,4,11.629,4,12s0.027,0.742,0.081,1.111l-0.505,0.292 C2.621,13.955,2.293,15.181,2.845,16.136z M6.171,13.378C6.058,12.925,6,12.461,6,12c0-0.462,0.058-0.926,0.17-1.378 c0.108-0.433-0.083-0.885-0.47-1.108L4.577,8.864l0.998-1.729L6.72,7.797c0.384,0.221,0.867,0.165,1.188-0.142 c0.683-0.647,1.507-1.131,2.384-1.399C10.713,6.128,11,5.739,11,5.3V4h2v1.3c0,0.439,0.287,0.828,0.708,0.956 c0.877,0.269,1.701,0.752,2.384,1.399c0.321,0.307,0.806,0.362,1.188,0.142l1.144-0.661l1,1.729L18.3,9.514 c-0.387,0.224-0.578,0.676-0.47,1.108C17.942,11.074,18,11.538,18,12c0,0.461-0.058,0.925-0.171,1.378 c-0.107,0.433,0.084,0.885,0.471,1.108l1.123,0.649l-0.998,1.729l-1.145-0.661c-0.383-0.221-0.867-0.166-1.188,0.142 c-0.683,0.647-1.507,1.131-2.384,1.399C13.287,17.872,13,18.261,13,18.7l0.002,1.3H11v-1.3c0-0.439-0.287-0.828-0.708-0.956 c-0.877-0.269-1.701-0.752-2.384-1.399c-0.19-0.182-0.438-0.275-0.688-0.275c-0.172,0-0.344,0.044-0.5,0.134l-1.144,0.662l-1-1.729 L5.7,14.486C6.087,14.263,6.278,13.811,6.171,13.378z"></path></svg>');
|
|
}
|
|
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M13.939 4.939L6.879 12 13.939 19.061 16.061 16.939 11.121 12 16.061 7.061z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M13.939 4.939L6.879 12 13.939 19.061 16.061 16.939 11.121 12 16.061 7.061z"></path></svg>');
|
|
}
|
|
|
|
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn:after {
|
|
opacity: 0.5;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M10.061 19.061L17.121 12 10.061 4.939 7.939 7.061 12.879 12 7.939 16.939z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M10.061 19.061L17.121 12 10.061 4.939 7.939 7.061 12.879 12 7.939 16.939z"></path></svg>');
|
|
}
|
|
|
|
.outline .collapse-icon:after {
|
|
line-height: 0;
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 6px;
|
|
padding: 4px;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(0, 0, 0);"><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .outline .collapse-icon:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(204,204,204);"><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z"></path></svg>');
|
|
}
|
|
|
|
.outline .collapse-icon:hover:after {
|
|
padding: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(0, 0, 0);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .outline .collapse-icon:hover:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(204,204,204);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.outline
|
|
.collapsible-item.is-collapsed
|
|
> .collapsible-item-self
|
|
> .collapse-icon:after {
|
|
padding: 0;
|
|
width: 14px;
|
|
height: 14px;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark
|
|
.outline
|
|
.collapsible-item.is-collapsed
|
|
> .collapsible-item-self
|
|
> .collapse-icon:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.markdown-preview-view .collapse-indicator:before,
|
|
.CodeMirror-foldgutter-open:after {
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(0, 0, 0);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view .collapse-indicator:before,
|
|
.theme-dark .CodeMirror-foldgutter-open:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(204,204,204);"><path d="M16.293 9.293L12 13.586 7.707 9.293 6.293 10.707 12 16.414 17.707 10.707z"></path></svg>');
|
|
}
|
|
|
|
.markdown-preview-view .is-collapsed .collapse-indicator:before,
|
|
.CodeMirror-foldgutter-folded:after {
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .markdown-preview-view .is-collapsed .collapse-indicator:before,
|
|
.theme-dark .CodeMirror-foldgutter-folded:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M10.707 17.707L16.414 12 10.707 6.293 9.293 7.707 13.586 12 9.293 16.293z"></path></svg>');
|
|
}
|
|
|
|
.CodeMirror-foldmarker:after {
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: 0.3;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M13.061 4.939L10.939 7.061 15.879 12 10.939 16.939 13.061 19.061 20.121 12z"></path><path d="M6.061 19.061L13.121 12 6.061 4.939 3.939 7.061 8.879 12 3.939 16.939z"></path></svg>');
|
|
transition: opacity 100ms ease;
|
|
}
|
|
|
|
.theme-dark .CodeMirror-foldmarker:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M13.061 4.939L10.939 7.061 15.879 12 10.939 16.939 13.061 19.061 20.121 12z"></path><path d="M6.061 19.061L13.121 12 6.061 4.939 3.939 7.061 8.879 12 3.939 16.939z"></path></svg>');
|
|
}
|
|
|
|
.CodeMirror-foldmarker:hover:after {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.external-link:after {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: 0.2;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M21 11L6.414 11 11.707 5.707 10.293 4.293 2.586 12 10.293 19.707 11.707 18.293 6.414 13 21 13z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark .external-link:after {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M21 11L6.414 11 11.707 5.707 10.293 4.293 2.586 12 10.293 19.707 11.707 18.293 6.414 13 21 13z"></path></svg>');
|
|
}
|
|
|
|
a[href*="obsidian://search"]:after
|
|
{
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0)"><path d="M19.023,16.977c-0.513-0.488-1.004-0.997-1.367-1.384c-0.372-0.378-0.596-0.653-0.596-0.653l-2.8-1.337 C15.34,12.37,16,10.763,16,9c0-3.859-3.14-7-7-7S2,5.141,2,9s3.14,7,7,7c1.763,0,3.37-0.66,4.603-1.739l1.337,2.8 c0,0,0.275,0.224,0.653,0.596c0.387,0.363,0.896,0.854,1.384,1.367c0.494,0.506,0.988,1.012,1.358,1.392 c0.362,0.388,0.604,0.646,0.604,0.646l2.121-2.121c0,0-0.258-0.242-0.646-0.604C20.035,17.965,19.529,17.471,19.023,16.977z M9,14 c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S11.757,14,9,14z"></path></svg>');
|
|
}
|
|
.theme-dark a[href*="obsidian://search"]:after
|
|
{
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204)"><path d="M19.023,16.977c-0.513-0.488-1.004-0.997-1.367-1.384c-0.372-0.378-0.596-0.653-0.596-0.653l-2.8-1.337 C15.34,12.37,16,10.763,16,9c0-3.859-3.14-7-7-7S2,5.141,2,9s3.14,7,7,7c1.763,0,3.37-0.66,4.603-1.739l1.337,2.8 c0,0,0.275,0.224,0.653,0.596c0.387,0.363,0.896,0.854,1.384,1.367c0.494,0.506,0.988,1.012,1.358,1.392 c0.362,0.388,0.604,0.646,0.604,0.646l2.121-2.121c0,0-0.258-0.242-0.646-0.604C20.035,17.965,19.529,17.471,19.023,16.977z M9,14 c-2.757,0-5-2.243-5-5s2.243-5,5-5s5,2.243,5,5S11.757,14,9,14z"></path></svg>');
|
|
}
|
|
|
|
/* Embedded note titles */
|
|
|
|
.embedded-note-title .markdown-preview-sizer {
|
|
padding-top: 0rem;
|
|
}
|
|
|
|
html .embedded-note-title .CodeMirror-lines,
|
|
html .plugin-sliding-panes-rotate-header.embedded-note-title .CodeMirror-lines {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.embedded-note-title.cc-pretty-preview .markdown-preview-view > h1,
|
|
.embedded-note-title .CodeMirror-scroll > h1 {
|
|
margin: 3.6rem 0 var(--editor-line-height-rem);
|
|
font-family: var(--text-editor);
|
|
font-weight: 500;
|
|
font-size: 2rem !important;
|
|
line-height: 2.7rem;
|
|
}
|
|
|
|
.embedded-note-title.plugin-sliding-panes-rotate-header.cc-pretty-preview
|
|
.markdown-preview-view
|
|
> h1,
|
|
.embedded-note-title.plugin-sliding-panes-rotate-header
|
|
.CodeMirror-scroll
|
|
> h1 {
|
|
margin: 5rem 0 var(--editor-line-height-rem);
|
|
}
|
|
|
|
.embedded-note-title.cc-pretty-preview .markdown-preview-view > h1 {
|
|
padding-left: 3.5rem;
|
|
padding-right: 3.5rem;
|
|
|
|
margin: 3.6rem auto var(--editor-line-height-rem) auto;
|
|
width: var(--line-width);
|
|
max-width: var(--max-width);
|
|
}
|
|
|
|
.embedded-note-title.plugin-sliding-panes-rotate-header.cc-pretty-preview
|
|
.markdown-preview-view
|
|
> h1 {
|
|
padding-left: var(--header-width);
|
|
padding-right: calc(var(--header-width) * 2);
|
|
}
|
|
|
|
/* Pretty editor */
|
|
|
|
.cc-pretty-editor .cm-s-obsidian {
|
|
font-family: var(--text-editor);
|
|
font-size: var(--editor-font-size);
|
|
font-weight: var(--editor-font-weight);
|
|
line-height: var(--editor-line-height);
|
|
font-feature-settings: var(--editor-font-features);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
div:not(.CodeMirror-activeline)
|
|
> pre.HyperMD-header
|
|
.cm-formatting-header:not(:only-child) {
|
|
color: transparent !important;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
div:not(.CodeMirror-activeline)
|
|
> pre.HyperMD-header
|
|
.cm-formatting-header:not(:only-child):after {
|
|
font-family: var(--text);
|
|
color: var(--shade-20);
|
|
display: inline-block;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
pre.HyperMD-header
|
|
> span
|
|
> span:first-child:not(:only-child) {
|
|
position: absolute;
|
|
left: 0;
|
|
transform: translate3d(-100%, 0, 0);
|
|
font-size: 11px !important;
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
|
|
.cc-pretty-editor .empty-state-title,
|
|
.cc-pretty-editor .markdown-preview-view h1,
|
|
.cc-pretty-editor .HyperMD-header-1,
|
|
.cc-pretty-editor .cm-header-1 {
|
|
font-size: 40px !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-1:not(:only-child) {
|
|
line-height: calc(40px * 1.88);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian pre.HyperMD-header-1 {
|
|
line-height: 1.4 !important;
|
|
}
|
|
|
|
.cc-pretty-editor .markdown-preview-view h2,
|
|
.cc-pretty-editor .HyperMD-header-2,
|
|
.cc-pretty-editor .cm-header-2 {
|
|
font-size: 30px !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-2:not(:only-child) {
|
|
line-height: calc(30px * 1.87);
|
|
}
|
|
|
|
.cc-pretty-editor .markdown-preview-view h3,
|
|
.cc-pretty-editor .HyperMD-header-3,
|
|
.cc-pretty-editor .cm-header-3 {
|
|
font-weight: 500 !important;
|
|
font-size: 23px !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-3:not(:only-child) {
|
|
line-height: calc(23px * 1.8);
|
|
}
|
|
|
|
.cc-pretty-editor .markdown-preview-view h4,
|
|
.cc-pretty-editor .HyperMD-header-4,
|
|
.cc-pretty-editor .cm-header-4 {
|
|
font-variant: unset;
|
|
text-transform: unset;
|
|
letter-spacing: unset;
|
|
font-weight: 500 !important;
|
|
font-size: 22px !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-4:not(:only-child) {
|
|
line-height: calc(22px * 1.8);
|
|
}
|
|
|
|
.cc-pretty-editor .markdown-preview-view h5,
|
|
.cc-pretty-editor .HyperMD-header-5,
|
|
.cc-pretty-editor .cm-header-5 {
|
|
font-variant: unset;
|
|
text-transform: unset;
|
|
letter-spacing: unset;
|
|
font-weight: 500 !important;
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-5:not(:only-child) {
|
|
line-height: calc(18px * 1.8);
|
|
}
|
|
|
|
.cc-pretty-editor .markdown-preview-view h6,
|
|
.cc-pretty-editor .HyperMD-header-6,
|
|
.cc-pretty-editor .cm-header-6 {
|
|
font-variant: unset;
|
|
text-transform: unset;
|
|
letter-spacing: unset;
|
|
color: unset;
|
|
font-style: italic;
|
|
font-weight: 500 !important;
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
.cc-pretty-editor pre.HyperMD-header .cm-formatting-header-6:not(:only-child) {
|
|
line-height: calc(18px * 1.8);
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
span.cm-url.cm-string:not(.cm-hmd-footnote-url) {
|
|
color: var(--shade-20);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-link {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-formatting-link,
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-formatting-image.cm-link,
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
span.cm-formatting-link-string.cm-url.cm-string {
|
|
color: var(--shade-10);
|
|
display: inline-block;
|
|
padding: 0 1px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
pre.HyperMD-footnote
|
|
span.cm-link.cm-hmd-footnote {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
pre.HyperMD-footnote
|
|
span.cm-link.cm-hmd-footnote.cm-formatting {
|
|
color: var(--shade-10);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-footref,
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-blockid {
|
|
vertical-align: unset;
|
|
margin-top: 0;
|
|
font-size: unset;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-formatting-list-ul:before {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-formatting-list-ol {
|
|
color: var(--text-normal) !important;
|
|
display: inline-flex;
|
|
white-space: nowrap;
|
|
justify-content: flex-end;
|
|
width: 1rem;
|
|
transform: translateX(-7px);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-formatting-quote {
|
|
color: transparent !important;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian pre.HyperMD-list-line {
|
|
padding-top: 0;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-formatting-list-ul {
|
|
color: transparent !important;
|
|
position: relative;
|
|
}
|
|
|
|
.cc-pretty-editor .CodeMirror-cursor {
|
|
border-left: 2px solid var(--text-accent);
|
|
transform: translateX(-0.5px);
|
|
}
|
|
|
|
.cc-pretty-editor .cm-hmd-list-indent > .cm-tab {
|
|
display: inline-block;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-hmd-list-indent > .cm-tab:after {
|
|
content: " ";
|
|
display: block;
|
|
width: 1px;
|
|
position: absolute;
|
|
top: 0;
|
|
transform: translate3d(-1.5px, 0, 0);
|
|
background: var(--shade-5);
|
|
height: 100%;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-formatting-strong,
|
|
.cc-pretty-editor .cm-formatting-em {
|
|
color: var(--shade-20);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-comment {
|
|
font-style: italic;
|
|
}
|
|
|
|
.cc-pretty-editor .cm-s-obsidian span.cm-quote {
|
|
color: var(--text-normal);
|
|
font-style: italic;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
div:not(.CodeMirror-activeline)
|
|
> .HyperMD-hr
|
|
span.cm-builtin,
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
div:not(.CodeMirror-activeline)
|
|
> .HyperMD-hr
|
|
span.cm-hr {
|
|
color: transparent;
|
|
}
|
|
|
|
.cc-pretty-editor
|
|
.cm-s-obsidian
|
|
div:not(.CodeMirror-activeline)
|
|
> .HyperMD-hr-bg:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: var(--shade-10);
|
|
top: 50%;
|
|
}
|
|
|
|
/* Icons */
|
|
|
|
.cc-pretty-editor .cm-formatting-quote:before {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
margin-right: -0.6em;
|
|
opacity: 0.1;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L9.758 4.03c0 0-.218.052-.597.144C8.97 4.222 8.737 4.278 8.472 4.345c-.271.05-.56.187-.882.312C7.272 4.799 6.904 4.895 6.562 5.123c-.344.218-.741.4-1.091.692C5.132 6.116 4.723 6.377 4.421 6.76c-.33.358-.656.734-.909 1.162C3.219 8.33 3.02 8.778 2.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C2.535 17.474 4.338 19 6.5 19c2.485 0 4.5-2.015 4.5-4.5S8.985 10 6.5 10zM17.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L20.758 4.03c0 0-.218.052-.597.144-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162C14.219 8.33 14.02 8.778 13.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C13.535 17.474 15.338 19 17.5 19c2.485 0 4.5-2.015 4.5-4.5S19.985 10 17.5 10z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark.cc-pretty-editor .cm-formatting-quote:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L9.758 4.03c0 0-.218.052-.597.144C8.97 4.222 8.737 4.278 8.472 4.345c-.271.05-.56.187-.882.312C7.272 4.799 6.904 4.895 6.562 5.123c-.344.218-.741.4-1.091.692C5.132 6.116 4.723 6.377 4.421 6.76c-.33.358-.656.734-.909 1.162C3.219 8.33 3.02 8.778 2.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C2.535 17.474 4.338 19 6.5 19c2.485 0 4.5-2.015 4.5-4.5S8.985 10 6.5 10zM17.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L20.758 4.03c0 0-.218.052-.597.144-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162C14.219 8.33 14.02 8.778 13.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C13.535 17.474 15.338 19 17.5 19c2.485 0 4.5-2.015 4.5-4.5S19.985 10 17.5 10z"></path></svg>');
|
|
}
|
|
|
|
.cc-pretty-editor .cm-formatting-list-ul:before {
|
|
line-height: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
display: block;
|
|
transform: translate3d(-56%, -50%, 0);
|
|
width: 6px;
|
|
height: 6px;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(0, 0, 0);"><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark.cc-pretty-editor .cm-formatting-list-ul:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgba(204,204,204);"><path d="M12,2C6.486,2,2,6.486,2,12s4.486,10,10,10s10-4.486,10-10S17.514,2,12,2z"></path></svg>');
|
|
}
|
|
|
|
/* Pretty preview */
|
|
|
|
.cc-pretty-preview .markdown-preview-view {
|
|
font-family: var(--text-editor);
|
|
font-size: var(--editor-font-size);
|
|
font-weight: var(--editor-font-weight);
|
|
line-height: var(--editor-line-height);
|
|
font-feature-settings: var(--editor-font-features);
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section > div > * {
|
|
line-height: var(--editor-line-height);
|
|
margin: 0rem 0rem var(--editor-line-height-rem);
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section > div .math * {
|
|
letter-spacing: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-pusher + div h1,
|
|
.cc-pretty-preview .markdown-preview-pusher + div h2,
|
|
.cc-pretty-preview .markdown-preview-pusher + div h3,
|
|
.cc-pretty-preview .markdown-preview-pusher + div h4,
|
|
.cc-pretty-preview .markdown-preview-pusher + div h5,
|
|
.cc-pretty-preview .markdown-preview-pusher + div h6,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h1,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h2,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h3,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h4,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h5,
|
|
.cc-pretty-preview .markdown-preview-pusher + div:empty + div h6 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h1 {
|
|
font-size: 2.4rem !important;
|
|
line-height: 3.1rem;
|
|
margin-top: 7.5555555556rem;
|
|
margin-bottom: var(--editor-line-height-rem);
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h2 {
|
|
font-size: 1.6875rem !important;
|
|
line-height: 2.7rem;
|
|
margin-top: 4.7222222222rem;
|
|
margin-bottom: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h3 {
|
|
font-size: 1.375rem !important;
|
|
line-height: var(--editor-line-height-rem);
|
|
margin-top: 3.7777777778rem;
|
|
margin-bottom: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h4 {
|
|
font-size: 1.2rem !important;
|
|
line-height: var(--editor-line-height-rem);
|
|
margin-top: 2.8333333333rem;
|
|
margin-bottom: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h5 {
|
|
font-size: 1rem !important;
|
|
line-height: var(--editor-line-height-rem);
|
|
margin-top: 4.7222222222rem;
|
|
margin-bottom: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h6 {
|
|
font-size: 1rem !important;
|
|
line-height: var(--editor-line-height-rem);
|
|
margin-top: 4.7222222222rem;
|
|
margin-bottom: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view div[data-tag-name="h1"] + div > h2 {
|
|
margin-top: var(--editor-line-height-rem);
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view div[data-tag-name="h2"] + div > h3,
|
|
.cc-pretty-preview .markdown-preview-view div[data-tag-name="h3"] + div > h4,
|
|
.cc-pretty-preview .markdown-preview-view div[data-tag-name="h4"] + div > h5 {
|
|
margin-top: 0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view div[data-tag-name="h5"] + div > h6 {
|
|
margin-top: -0.9444444444rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view h6 {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.cc-pretty-preview
|
|
.markdown-preview-section
|
|
mjx-container[jax="CHTML"][display="true"] {
|
|
margin: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section hr {
|
|
margin-top: var(--editor-line-height-rem);
|
|
margin-bottom: var(--editor-line-height-rem);
|
|
box-sizing: content-box;
|
|
border: 0;
|
|
color: transparent;
|
|
display: block;
|
|
height: var(--editor-line-height-rem);
|
|
position: relative;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section hr:after {
|
|
content: " ";
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: var(--shade-10);
|
|
top: 50%;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section img {
|
|
border: 0;
|
|
max-width: 100%;
|
|
display: block;
|
|
margin: inherit auto;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section ul {
|
|
margin-left: 0;
|
|
padding-inline-start: 1.2em;
|
|
list-style: disc;
|
|
}
|
|
.cc-pretty-preview .markdown-preview-section ol {
|
|
margin-left: 0;
|
|
padding-inline-start: 1.2em;
|
|
list-style: decimal;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section li blockquote,
|
|
.cc-pretty-preview .markdown-preview-section ol ol,
|
|
.cc-pretty-preview .markdown-preview-section ul ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.cc-pretty-preview
|
|
.markdown-preview-section
|
|
ul
|
|
> li:not(.task-list-item)::before,
|
|
.cc-pretty-preview .markdown-preview-section ol > li::before {
|
|
display: none;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section ul li,
|
|
.cc-pretty-preview .markdown-preview-section ol li {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section .footnotes li > p {
|
|
display: block;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section .footnotes li > p + p {
|
|
margin-top: 0.3rem;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section blockquote {
|
|
position: relative;
|
|
font-style: italic;
|
|
border-radius: unset;
|
|
border: unset;
|
|
border-width: unset;
|
|
background-color: unset;
|
|
color: unset;
|
|
padding: 0 0 0 1.4375rem;
|
|
margin-inline-start: unset;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section blockquote:before {
|
|
position: absolute;
|
|
left: 0;
|
|
line-height: 1.88889 !important;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view blockquote p {
|
|
margin: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view table {
|
|
border: 1px solid var(--shade-plus-darker);
|
|
margin-bottom: var(--editor-line-height-rem);
|
|
border-collapse: unset;
|
|
border-spacing: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view th,
|
|
.cc-pretty-preview .markdown-preview-view td {
|
|
padding: 10px 15px;
|
|
vertical-align: top;
|
|
border-color: var(--shade-plus-darker);
|
|
border-left: none;
|
|
border-right: none;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view th:first-child,
|
|
.cc-pretty-preview .markdown-preview-view td:first-child {
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view th {
|
|
background-color: var(--shade-plus-darker);
|
|
border-bottom: none;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view tr + tr td {
|
|
border-top: none;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section br {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section em,
|
|
.cc-pretty-preview .markdown-preview-section i {
|
|
line-height: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view code {
|
|
font-size: 0.9em;
|
|
margin: -2px 0;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view pre {
|
|
padding: 0 !important;
|
|
border-radius: var(--radius-l);
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-section pre > code {
|
|
padding: 1.4rem;
|
|
display: block;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view sub,
|
|
.cc-pretty-preview .markdown-preview-view sup {
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
.cc-pretty-preview .markdown-preview-view sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
.cc-pretty-preview .frontmatter-container .tag,
|
|
.cc-pretty-preview .tag {
|
|
display: inline;
|
|
border: none;
|
|
font-size: unset;
|
|
padding: unset;
|
|
}
|
|
|
|
/* Icons */
|
|
|
|
.cc-pretty-preview .markdown-preview-section blockquote:before {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
margin-right: -0.6em;
|
|
opacity: 0.1;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L9.758 4.03c0 0-.218.052-.597.144C8.97 4.222 8.737 4.278 8.472 4.345c-.271.05-.56.187-.882.312C7.272 4.799 6.904 4.895 6.562 5.123c-.344.218-.741.4-1.091.692C5.132 6.116 4.723 6.377 4.421 6.76c-.33.358-.656.734-.909 1.162C3.219 8.33 3.02 8.778 2.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C2.535 17.474 4.338 19 6.5 19c2.485 0 4.5-2.015 4.5-4.5S8.985 10 6.5 10zM17.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L20.758 4.03c0 0-.218.052-.597.144-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162C14.219 8.33 14.02 8.778 13.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C13.535 17.474 15.338 19 17.5 19c2.485 0 4.5-2.015 4.5-4.5S19.985 10 17.5 10z"></path></svg>');
|
|
}
|
|
|
|
.theme-dark.cc-pretty-preview .markdown-preview-section blockquote:before {
|
|
content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L9.758 4.03c0 0-.218.052-.597.144C8.97 4.222 8.737 4.278 8.472 4.345c-.271.05-.56.187-.882.312C7.272 4.799 6.904 4.895 6.562 5.123c-.344.218-.741.4-1.091.692C5.132 6.116 4.723 6.377 4.421 6.76c-.33.358-.656.734-.909 1.162C3.219 8.33 3.02 8.778 2.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C2.535 17.474 4.338 19 6.5 19c2.485 0 4.5-2.015 4.5-4.5S8.985 10 6.5 10zM17.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35.208-.086.39-.16.539-.222.302-.125.474-.197.474-.197L20.758 4.03c0 0-.218.052-.597.144-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162C14.219 8.33 14.02 8.778 13.81 9.221c-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539.017.109.025.168.025.168l.026-.006C13.535 17.474 15.338 19 17.5 19c2.485 0 4.5-2.015 4.5-4.5S19.985 10 17.5 10z"></path></svg>');
|
|
}
|