/* ---------------------------------------------------------------------------
Elegance theme by:
- VÃctor Alonso Arribas (main)
"@Victologo" in GitHub
"Victologo" in YouTube (https://www.youtube.com/c/Victólogo)
"victologoyt" in Instagram (https://www.instagram.com/victologoyt/)
- David Catalá Merino
"x.akira_71.x" in instagram (https://www.instagram.com/x.akira_71.x/)
Aesthetic UI replacement for Obsidian.
ENHANCED VERSION - Compatible con Style Settings plugin
- Mejoras en notas empotradas (altura ajustable)
- Optimizaciones de rendimiento
- Más de 30 opciones configurables
GitHub Repository:
https://github.com/Victologo/elegance-theme
-----------------------------------------------------------------------------
MIT License - Copyright (c) 2023 VÃctor Alonso Arribas
-----------------------------------------------------------------------------
/* @settings
name: 🎨 Elegance Theme
id: elegance-theme
settings:
-
id: elegance-typography-heading
title: 📠TipografÃa
type: heading
level: 1
collapsed: false
-
id: font-size-normal
title: Tamaño de fuente base
description: Tamaño del texto principal (el zoom con Ctrl+Scroll funciona de forma nativa)
type: variable-number-slider
default: 16
min: 12
max: 24
step: 0.5
format: px
-
id: font-size-code
title: Tamaño de código
type: variable-number-slider
default: 15
min: 10
max: 20
step: 0.5
format: px
-
id: line-height-normal
title: Altura de lÃnea
description: Espaciado entre lÃneas (1.5 = 150%)
type: variable-number-slider
default: 1.5
min: 1.2
max: 2.5
step: 0.1
-
id: elegance-headers-heading
title: 📌 Encabezados
type: heading
level: 2
collapsed: true
-
id: font-size-h1
title: H1
type: variable-number-slider
default: 23
min: 18
max: 36
step: 0.5
format: px
-
id: font-size-h2
title: H2
type: variable-number-slider
default: 22
min: 17
max: 32
step: 0.5
format: px
-
id: font-size-h3
title: H3
type: variable-number-slider
default: 21
min: 16
max: 28
step: 0.5
format: px
-
id: font-size-h4
title: H4
type: variable-number-slider
default: 20
min: 15
max: 26
step: 0.5
format: px
-
id: font-size-h5
title: H5
type: variable-number-slider
default: 19
min: 14
max: 24
step: 0.5
format: px
-
id: font-size-h6
title: H6
type: variable-number-slider
default: 18
min: 13
max: 22
step: 0.5
format: px
-
id: elegance-embeds-heading
title: 📎 Notas Empotradas
type: heading
level: 1
collapsed: false
description: Controla la apariencia y comportamiento de las notas empotradas
-
id: embed-max-height
title: Altura máxima
description: Altura máxima en pÃxeles (0 = sin lÃmite)
type: variable-number-slider
default: 500
min: 0
max: 1500
step: 50
format: px
-
id: embed-border-radius
title: Radio de bordes
type: variable-number-slider
default: 10
min: 0
max: 20
step: 1
format: px
-
id: embed-padding
title: Padding interno
type: variable-number-slider
default: 16
min: 0
max: 40
step: 2
format: px
-
id: embed-show-shadow
title: Mostrar sombra al hacer hover
type: class-toggle
default: true
-
id: embed-smooth-scroll
title: Scroll suave
type: class-toggle
default: true
-
id: elegance-ui-heading
title: âš™ï¸ Interfaz
type: heading
level: 1
collapsed: true
-
id: font-size-side-dock
title: Tamaño fuente paneles
type: variable-number-slider
default: 15
min: 12
max: 20
step: 0.5
format: px
-
id: font-size-side-dock-title
title: Tamaño tÃtulos paneles
type: variable-number-slider
default: 16
min: 13
max: 22
step: 0.5
format: px
-
id: font-size-status-bar
title: Tamaño barra de estado
type: variable-number-slider
default: 13.75
min: 10
max: 18
step: 0.25
format: px
-
id: scrollbar-width
title: Ancho de scrollbar
type: variable-number-slider
default: 8
min: 4
max: 16
step: 1
format: px
-
id: elegance-modals-heading
title: 🪟 Modales y Ventanas
type: heading
level: 1
collapsed: false
-
id: dialog-width
title: Ancho de ventana de ajustes
description: Controla el ancho de la ventana de ajustes
type: variable-number-slider
default: 96
min: 50
max: 100
step: 1
format: vw
-
id: dialog-height
title: Alto de ventana de ajustes
description: Controla el alto de la ventana de ajustes
type: variable-number-slider
default: 94
min: 50
max: 100
step: 1
format: vh
*/
:root {
--font-size-normal: 16px;
--font-size-code: 15px;
--font-size-side-dock: 15px;
--font-size-side-dock-title: 16px;
--font-size-status-bar: 13.75px;
--font-size-h1: 23px;
--font-size-h2: 22px;
--font-size-h3: 21px;
--font-size-h4: 20px;
--font-size-h5: 19px;
--font-size-h6: 18px;
--line-height-normal: 1.5;
--line-height: var(--line-height-normal);
--embed-max-height: 500px;
--embed-border-radius: 10px;
--embed-padding: 16px;
--scrollbar-width: 8px;
--dialog-width: 96vw;
--dialog-height: 94vh;
}
.theme-dark {
--background-primary: rgb(53, 56, 67);
--background-primary-alt: rgb(73, 76, 95);
--background-secondary: rgb(39, 38, 47);
--background-secondary-alt: rgb(40, 42, 54);
--background-modifier-border: rgb(102, 102, 102);
--background-modifier-form-field: rgba(0, 0, 0, 0.2);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-success: #50fa7b;
--background-modifier-error: rgba(255, 0, 0, 0.5);
--background-modifier-error-rgb: 61, 0, 0;
--background-modifier-error-hover: rgba(171, 0, 0, 0.306);
--background-modifier-cover: rgba(0, 0, 0, 0.68);
--background-accent: rgb(234, 117, 0);
--text-accent: rgb(248, 173, 93);
--text-accent-hover: rgb(139, 233, 253);
--text-normal: white;
--text-antinormal: black;
--text-muted: rgb(255, 255, 255);
--text-muted2: rgb(255, 255, 255);
--text-faint: rgb(244, 141, 255);
--text-error: rgba(214, 0, 46, 0.925);
--text-error-hover: rgba(255, 0, 0, 0.466);
--text-highlight-bg: rgba(255, 255, 0, 0.699);
--text-highlight-bg-active: rgba(255, 128, 0, 0.4);
--text-selection: rgb(78, 91, 154);
--text-on-accent: rgb(0, 0, 0);
--interactive-normal: #ffb86c;
--interactive-hover: rgb(255, 85, 85);
--interactive-accent: rgb(255, 184, 108);
--interactive-accent-hover: rgb(255, 85, 85);
--interactive-success: rgb(25, 115, 0);
--scrollbar-active-thumb-bg: rgba(255, 255, 255, 0.5);
--scrollbar-bg: rgba(255, 255, 255, 0.05);
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.22);
--external-link: rgb(255, 219, 180);
--pre-code: rgba(255, 255, 255, 0.064);
--quote-bg: rgba(77, 74, 75, 0.7);
--font-ui-smaller: 13.5px;
--font-ui-small: 14px;
--font-ui-medium: 15px;
--font-ui-large: 20px;
--list-indent: 1.9em;
--file-margins: 8px;
--fbold: rgb(255, 251, 200);
--fitalic: rgb(255, 251, 200);
}
.theme-light {
--background-primary: rgb(255, 255, 255);
--background-primary-alt: rgb(230, 229, 224);
--background-secondary: rgb(247 245 244);
--background-secondary-alt: rgb(242, 242, 242);
--background-modifier-border: rgb(67, 67, 67);
--background-modifier-form-field: rgba(255, 255, 255, 0.2);
--background-modifier-form-field-highlighted: rgba(0, 0, 0, 0.5);
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
--background-modifier-success: rgb(80, 250, 123);
--background-modifier-error: rgba(255, 0, 0, 0.45);
--background-modifier-error-rgb: rgb(255, 0, 0);
--background-modifier-error-hover: rgba(255, 0, 0, 0.616);
--background-modifier-cover: rgba(0, 0, 0, 0.307);
--background-accent: rgb(255, 128, 0);
--text-accent: rgb(196 98 0);
--text-accent-hover: rgb(0, 184, 225);
--text-normal: rgb(6, 6, 6);
--text-antinormal: white;
--text-muted: rgb(0, 0, 0);
--text-muted2: rgb(123, 123, 123);
--text-faint: rgb(227, 0, 106);
--text-error: rgb(255, 0, 55);
--text-error-hover: rgb(232, 0, 0);
--text-highlight-bg: rgba(117, 0, 0, 0.293);
--text-highlight-bg-active: rgba(255, 255, 50, 0.4);
--text-selection: rgba(44, 77, 188, 0.2);
--text-on-accent: rgb(255, 255, 255);
--interactive-normal: rgb(240, 128, 0);
--interactive-hover: rgb(255, 85, 85);
--interactive-accent: rgb(255, 184, 108);
--interactive-accent-hover: rgb(255, 85, 85);
--interactive-success: rgb(25, 115, 0);
--scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.422);
--scrollbar-bg: rgba(0, 0, 0, 0.05);
--scrollbar-thumb-bg: rgba(0, 0, 0, 0.287);
--external-link: rgb(96, 123, 4);
--pre-code: rgba(0, 0, 0, 0.044);
--quote-bg: rgba(164, 164, 160, 0.15);
--font-ui-smaller: 13.5px;
--font-ui-small: 14px;
--font-ui-medium: 15px;
--font-ui-large: 20px;
--list-indent: 1.9em;
--file-margins: 4px;
--fbold: rgb(55, 0, 0);
--fitalic: rgb(55, 0, 0);
}
.flair.mod-pop {
background-color: var(--interactive-accent);
color: black;
font-weight: bold;
}
.cm-s-obsidian,
.mod-single-child .cm-s-obsidian {
font-family: var(--font-family-editor);
font-size: var(--font-size-normal);
line-height: var(--line-height-normal);
}
.markdown-preview-view,
.mod-single-child .markdown-preview-view {
font-family: var(--font-family-editor);
font-size: var(--font-size-normal);
line-height: var(--line-height-normal);
padding-top: 0px;
padding-left: 1.27% !important;
padding-right: 1.27% !important;
}
.markdown-source-view.mod-cm6 {
position: relative;
height: 100%;
}
input.prompt-input {
padding-left: 25px;
}
.nav-folder.mod-root>.nav-folder-title {
padding-left: 10px;
font-size: 17px;
color: var(--text-accent);
cursor: default;
opacity: 0.75;
justify-content: center;
font-weight: 600;
font-style: oblique;
font-family: calibri;
}
.nav-folder.mod-root>.nav-file-title,
.nav-folder.mod-root>.nav-folder-title:hover {
opacity: 1;
border: 1px solid transparent !important;
color: var(--text-accent);
font-weight: "";
font-style: oblique;
font-family: calibri;
}
.nav-folder.mod-root>.nav-folder-children>.nav-file>.nav-file-title:not(.is-active) {
border-left: transparent;
}
.nav-file-title:not([data-path="/"]),
.nav-folder-title:not([data-path="/"]) {
padding: inherit;
line-height: 19px;
border: var(--border-size) solid transparent;
}
.nav-folder-title-content {
overflow: inherit;
}
.nav-folder-title-content::before {
}
@keyframes cambiarOpacidad {
0% {
opacity: 1;
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
.nav-folder-title:hover {
border: 1.5px solid var(--text-accent) !important;
border-radius: 5px !important;
transform: scale(1.02);
min-width: 100% !important;
font-weight: 650 !important;
}
.nav-file-title {
white-space: nowrap;
width: max-content;
min-width: 100%;
font-size: 15px;
left: 3.5px;
}
.nav-file-title:hover {
border: 1.5px solid var(--text-accent) !important;
border-radius: 7px !important;
max-width: max-content;
min-width: max-content;
transform: scale(1.02);
transition: 35ms ease-out;
min-width: 99% !important;
max-width: 1000% !important;
font-weight: bold !important;
color: var(--text-accent) !important;
}
.nav-folder-title {
display: flex;
border: 1px solid transparent;
border-radius: 3px;
cursor: pointer;
line-height: 20px;
padding: 1px 0px 0 26px;
white-space: nowrap;
width: max-content;
min-width: 100%;
font-size: 15px;
font-weight: 650;
}
.nav-folder-title:hover {
color: var(--text-accent) !important;
background-color: var(--text-antinormal) !important;
}
.workspace-leaf-content[data-type="file-explorer"] .tree-item-self .tree-item-icon {
margin-inline-start: -11px;
}
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root>div.nav-folder-children {
padding: 10px 0px 5px 10px;
border-radius: 20px;
margin: 2px
}
.workspace-leaf.mod-active .view-header {
background: linear-gradient(90deg,
transparent 60px,
transparent 61px,
transparent 100%);
}
.nav-folder {
margin: 0 -4.5px;
margin-right: 0px;
border-left: none;
}
.nav-file-title.is-active {
color: var(--text-normal);
font-weight: bold;
}
.nav-folder.mod-root .nav-folder>.nav-folder-children {
border-left: 1.8px solid rgba(255, 208, 0, 0.403) !important;
padding-left: 20px;
margin-left: -0.5px;
}
body:not(.is-phone) .workspace-leaf.mod-active .tree-item-self.has-focus {
box-shadow: 0 0 0 2px var(--text-accent);
}
.inline-title {
font-size: 20px;
text-align: center;
padding: 0px 0px 5px 0px;
margin: 20px 0px 40px 0px;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
border-bottom: 1px solid;
border-bottom-width: 3px;
border-bottom: double;
animation-name: example11;
animation-duration: 3.5s;
animation-iteration-count: infinite;
}
@keyframes example11 {
100% {
opacity: 1;
}
50% {
opacity: 0.55;
}
100% {
opacity: 1;
}
}
.inline-title:not([data-level]) {
font-size: 23px;
}
input.document-search-input.mod-no-match {
background-color: var(--background-modifier-error);
}
input.document-search-input.mod-no-match:hover {
background-color: var(--background-modifier-error-hover);
}
.document-search-container button {
padding-top: 0px !important;
color: #3c3c3c;
font-family: var(--font-reg);
background-color: var(--interactive-normal) !important;
}
.document-search-container button:hover {
color: black !important;
background-color: var(--interactive-hover) !important;
}
.document-search-button:hover {
color: var(--text-accent);
background-color: black;
}
.search-input-container input {
display: block;
width: 100%;
padding: 5px 10px 5px 25px;
text-align: center;
}
.search-input-container:before {
top: calc((var(--input-height) - var(--search-icon-size))/2);
left: 5px;
}
.search-results-info .dropdown {
color: var(--text-faint) !important;
}
.search-input-clear-button:hover {
color: rgb(159, 0, 0)
}
.mod-left-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--text-accent) !important;
}
.mod-right-split .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--text-accent);
}
.theme-dark .empty-state {
font-size: 20px;
animation-name: title_dark;
animation-duration: 3.5s;
animation-iteration-count: infinite;
}
.theme-light .empty-state {
font-size: 20px;
animation-name: title_light;
animation-duration: 3.5s;
animation-iteration-count: infinite;
}
@keyframes title_dark {
0% {
color: rgb(255 255 255 / 100%);
background-color: var(--background-secondary);
}
50% {
color: rgb(255 255 255 / 70%);
background-color: var(--background-primary);
}
100% {
color: rgb(255 255 255 / 100%);
background-color: var(--background-secondary);
}
}
@keyframes title_light {
0% {
color: rgb(50 50 50 / 100%);
background-color: var(--background-secondary);
}
50% {
color: rgb(50 50 50 / 60%);
background-color: var(--background-primary);
}
100% {
color: rgb(50 50 50 / 100%);
background-color: var(--background-secondary);
}
}
.empty-state-action {
font-size: 17px;
line-height: 46px;
color: var(--text-accent);
}
.empty-state-title {
padding-bottom: 33px;
}
left-split .workspace-tab-header.is-active {
background-color: var(--text-accent) !important;
}
body {
--signature: "\058e";
}
.mod-root .empty-state-title::before {
content: var(--signature);
font-size: 4.5rem;
font-weight: 400;
color: var(--text-accent);
transition: 200ms;
margin: -33px 0px 0px -80px !important;
position: absolute;
animation-name: text_accent_flash;
animation-duration: 3.5s;
animation-iteration-count: infinite;
}
.mod-root .empty-state-title::after {
content: var(--signature);
font-size: 4.5rem;
font-weight: 400;
color: var(--text-accent);
transition: 200ms;
margin: -33px 0px 0px 9.5px;
position: absolute;
animation-name: text_accent_flash;
animation-duration: 3.5s;
animation-iteration-count: infinite;
}
@keyframes text_accent_flash {
0% {
color: var(--text-accent);
}
50% {
color: rgba(248, 173, 93, 0.482);
}
0% {
color: var(--text-accent);
}
}
.workspace-leaf-content[data-type=outline] .tree-item-self .tree-item-inner {
font-size: 15px;
}
.theme-dark {
--bg-green2: rgb(32, 225, 180);
--bg-blue2: rgb(29, 173, 226);
--bg-purple2: rgb(180, 37, 252);
--bg-magenta2: rgb(249, 75, 142);
--bg-orange2: rgb(255, 145, 18);
}
.theme-light {
--bg-green2: rgba(0, 185, 142, 0.905);
--bg-blue2: rgba(1, 149, 203, 0.847);
--bg-purple2: rgba(150, 8, 220, 0.80);
--bg-magenta2: rgba(220, 10, 90, 0.85);
--bg-orange2: rgba(255, 132, 0, 0.85);
}
.outline .tree-item .tree-item-self .tree-item-inner::before {
content: "\16dc";
font-size: 1.2em;
font-weight: 500;
padding: 0px 5px 0px 10px;
}
.tree-item-self {
padding: 0px 9px;
}
.outline .tree-item>.tree-item-children .tree-item-self .tree-item-inner::before {
content: "\16dc";
color: var(--text-accent);
margin-left: 1px;
font-size: 1.05em;
}
.outline .tree-item>.tree-item-children>.tree-item .tree-item-children .tree-item-self .tree-item-inner::before {
color: var(--bg-magenta2);
}
.outline .tree-item>.tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children .tree-item-self .tree-item-inner::before {
color: var(--bg-purple2);
}
.outline .tree-item>.tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children .tree-item-self .tree-item-inner::before {
color: var(--bg-blue2);
}
.outline .tree-item>.tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children>.tree-item .tree-item-children .tree-item-self .tree-item-inner::before {
color: var(--bg-green2);
}
.search-results-children .tree-item-inner,
.workspace-leaf-content[data-type="backlink"] .tree-item-inner,
.workspace-leaf-content[data-type="outgoing-link"] .tree-item-inner {
color: var(--text-normal);
font-size: 1em;
border-bottom: transparent 0px solid;
}
.search-results-children .search-result-file-match {
color: var(--text-normal);
}
.search-results-children .search-result-file-match:hover {
background-color: rgba(0, 0, 0, 0.267);
}
.search-results-children .tree-item-flair,
.workspace-leaf-content[data-type="backlink"] .tree-item-flair,
.workspace-leaf-content[data-type="outgoing-link"] .tree-item-flair {
font-size: 0.8em;
color: var(--text-accent);
}
.workspace-leaf-content[data-type="starred"] .nav-file-icon {
display: none;
}
.workspace-leaf-content[data-type="starred"] .nav-file-title {
font-size: 0.975em;
}
.workspace-leaf-content[data-type="starred"] .nav-file-title::before {
content: "★";
margin-top: 1.5px;
margin-left: -15px;
}
.graph-controls,
.graph-controls .setting-item-name {
background-color: "";
color: "";
}
.graph-controls svg.cross,
.graph-controls svg.reset {
width: 326px;
height: 33px;
}
.graph-controls.is-close {
background-color: var(--background-secondary);
}
.search-result-collapse-indicator {
position: absolute;
left: 0;
top: -3px;
color: var(--text-faint);
transition: transform 100ms ease-in-out;
padding: 0px !important;
}
body:not(.is-mobile) .workspace-split.mod-root .graph-controls {
top: 22px;
}
.graph-controls:not(.is-close) {
max-height: calc(100% - var(--size-4-4));
border: 1px solid var(--background-modifier-border);
box-shadow: var(--shadow-s);
bottom: 5px;
}
.graph-controls.is-close {
position: absolute;
left: 8px;
top: 8px;
padding: 4px 4px 4px 4px;
background-color: var(--background-primary-alt);
border: 1px solid var(--background-modifier-border);
border-radius: 7px;
max-height: calc(100% - 46px);
overflow: auto;
border-radius: 0 13px 13px 0;
border-top: 1px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
top: 0;
left: 0;
background: linear-gradient(160deg #0000003d,
rgb(0 0 0 / 45%));
backdrop-filter: blur(6px) !important;
min-width: fit-content;
max-width: fit-content;
}
.graph-controls {
position: absolute;
left: 8px;
top: 8px;
padding: 6px 6px 6px 6px;
margin: 0px 0px 7.5px 0px;
width: 400px;
min-width: "";
border: 1px solid var(--background-modifier-border);
border-radius: 0 13px 13px 0;
border-top: 1px solid white;
border-right: 2px solid white !important;
border-bottom: 2px solid white !important;
top: 0;
left: 0;
background: linear-gradient(160deg,
#0000003d,
rgb(0 0 0 / 45%));
backdrop-filter: blur(5.5px) !important;
}
.graph-view.color-arrow {
color: rgb(0, 195, 255) !important;
}
.theme-dark .graph-view.color-fill-tag {
color: #ffb86c;
}
.theme-dark .graph-view.color-fill-attachment {
color: #ff5555;
}
.theme-dark .graph-view.color-fill-unresolved {
color: #6272a4;
}
.graph-view.color-fill {
color: "";
}
.graph-view.color-circle {
color: "";
}
.graph-view.color-line {
color: #6272a4;
}
.graph-view.color-text {
color: "";
}
.graph-view.color-fill-highlight {
color: "";
}
.graph-view.color-line-highlight {
color: "";
}
.workspace-leaf-content[data-type=bookmarks] .view-content {
padding: 3px;
}
.side-dock-ribbon-action {
color: var(--text-muted);
}
.side-dock-ribbon-action:not(:last-child) {
margin-bottom: calc(var(--cmdr-spacing) - 9px)
}
body:not(.no-svg-replace) svg.right-triangle {
color: var(--text-accent);
height: 13px;
width: 13px;
transition: transform 150ms linear 0s;
;
}
.view-content .collapse-indicator svg.svg-icon {
margin-left: 7.5px;
}
.markdown-source-view.mod-cm6 .cm-line:not(.cm-active):not(.HyperMD-header):not(.HyperMD-task-line) .cm-fold-indicator .collapse-indicator {
padding-right: 0em;
right: -0.3em;
}
.metadata-properties-heading .collapse-indicator {
position: relative;
left: auto;
display: inline-flex;
align-items: center;
cursor: pointer;
}
.metadata-container .metadata-properties-heading {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
gap: 6px;
width: 100%;
cursor: pointer;
}
.metadata-container .metadata-add-button {
display: flex;
justify-content: center;
text-align: center;
width: 100%;
}
.metadata-property {
text-align: left !important;
justify-content: flex-start !important;
}
.metadata-property-value,
.metadata-property-value input,
.metadata-property-value .multi-select-container {
text-align: left !important;
}
.markdown-source-view .metadata-property {
justify-content: flex-start !important;
}
.markdown-source-view.mod-cm6 .HyperMD-quote,
.cm-s-obsidian .HyperMD-quote {
background-color: var(--quote-bg);
border-radius: 8px;
margin-inline-start: 5%;
margin-inline-end: 5%;
color: var(--text-normal);
border: 0px solid;
border-color: var(--text-muted2);
padding: 8px;
}
.markdown-source-view.mod-cm6 .HyperMD-hr {
height: auto !important;
background-image: none !important;
border: none !important;
border-top: 1px solid var(--background-modifier-border) !important;
margin-block: 0 !important;
padding-block: 0.8em !important;
position: static !important;
}
.markdown-source-view.mod-cm6 .HyperMD-hr .cm-hr {
opacity: 1 !important;
font-size: inherit !important;
color: var(--text-muted);
user-select: text;
}
.markdown-source-view.mod-cm6 .HyperMD-hr::after {
content: none !important;
}
.markdown-source-view .markdown-embed {
padding: 0;
margin: 1em 0;
}
.markdown-source-view .markdown-embed-content > :first-child {
margin-top: 0;
}
.markdown-source-view .markdown-embed-content > :last-child {
margin-bottom: 0;
}
.markdown-source-view .task-list-item-checkbox {
top: 0.3em;
right: 0px;
border: 1px solid var(--text-normal);
position: relative;
margin-left: 5.5px;
background-color: rgb(0 0 0 / 20%);
}
.clickable-icon[aria-disabled='true'] {
color: var(--text-muted);
opacity: 0.6;
}
.clickable-icon[aria-disabled='false'] {
color: var(--text-muted);
opacity: 1;
}
.clickable-icon[aria-disabled='true']:hover {
color: var(--text-accent);
opacity: 0.7;
}
.clickable-icon[aria-disabled='false']:hover {
color: var(--text-accent) !important;
opacity: 1;
}
.theme-dark {
--arrow1: rgba(99, 99, 99, 0.687);
}
.theme-light {
--arrow1: rgba(211, 211, 211, 0.852);
}
.workspace button:not(.graph-controls button, .excalidraw button) {
box-shadow: none;
margin: 2px;
}
.side-dock-ribbon svg {
width: "";
height: 20px;
transform: scale(1);
}
.status-bar {
background-color: var(--background-secondary-alt);
color: var(--text-faint);
padding: 0px 0px;
border-radius: 7.5px;
right: 10px;
}
.status-bar-item:not(:last-child) {
margin-right: -5px;
}
.theme-light {
--tab-text-nofocus: rgba(0, 0, 0, 0.6);
}
.theme-dark {
--tab-text-nofocus: rgba(255, 255, 255, 0.7);
}
.mod-root .workspace-tab-header-inner {
padding: 0 3px 0 3.5px;
}
.view-header-title-container:not(.mod-at-end):after {
background: unset;
}
.is-focused .workspace-tab-header {
color: var(--tab-text-nofocus);
}
.workspace-tab-header {
color: var(--tab-text-nofocus);
}
.workspace-tab-header::before {
left: calc(var(--tab-curve) * -2);
clip-path: inset(50% calc(var(--tab-curve) * -1) 0 50%);
}
.workspace-tab-header::before,
.workspace-tab-header::after {
content: unset;
position: absolute;
bottom: 0;
width: calc(var(--tab-curve) * 2);
height: calc(var(--tab-curve) * 2);
border-radius: 80px;
}
.workspace-tab-header.is-active {
background-color: var(--background-secondary-alt) !important;
}
.workspace .mod-root .workspace-tab-header-inner-title {
text-align: center;
}
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-header-icon {
color: var(--text-normal) !important;
}
body:not(.normal-tab-bar) .mod-root .workspace-tab-header:only-child {
width: 999px;
max-width: 9999px;
font-size: 1.02em;
font-weight: 500;
}
body.is-focused .sidebar-toggle-button,
body.is-focused .workspace-tabs.mod-top {
background-color: var(--background-secondary-alt);
}
.is-hidden-frameless:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
background-color: var(--background-secondary-alt);
}
.is-hidden-frameless:not(.is-fullscreen) .titlebar-button-container.mod-right {
background-color: var(--background-primary);
}
.titlebar-button.mod-logo,
.titlebar-button-container.mod-left {
display: none !important;
}
.titlebar-button-container.mod-right .titlebar-button {
padding: 0 10px !important;
min-width: 32px !important;
height: 100% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.titlebar-button-container.mod-right .titlebar-button .svg-icon {
width: 12px !important;
height: 12px !important;
}
.sidebar-toggle-button.mod-right {
padding: 0 6px !important;
}
.workspace-tabs.mod-top-right-space .workspace-tab-header-container {
padding-right: 38px !important;
}
.workspace-tab-header-tab-list,
.workspace-tab-header-new-tab {
flex-shrink: 0 !important;
}
.workspace-tab-header-tab-list .clickable-icon,
.workspace-tab-header-new-tab .clickable-icon {
padding: 2px 4px !important;
}
.workspace .mod-root .workspace-tab-header-inner-title {
text-align: center !important;
}
.workspace .mod-root .workspace-tab-header-inner {
justify-content: center;
}
.markdown-source-view.is-readable-line-width .CodeMirror {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.markdown-preview-view.is-readable-line-width .markdown-preview-section {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.theme-dark .view-header {
background: linear-gradient(to left, #7c7c7c30, #808080);
border-top: 1px solid var(--border-color) !important;
border-bottom: 2px solid #737373 !important;
border-radius: 6px;
}
.theme-light .view-header {
border-radius: 6px;
}
.workspace-leaf.mod-active .view-header {
background-color: var(--background-secondary-alt) !important;
border-top: 0px !important;
border-bottom: 3px solid var(--interactive-accent) !important;
text-align: center;
}
.view-header-title {
font-weight: 600;
}
.view-header {
padding: 0px;
}
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-header-icon {
color: var(--background-modifier-border);
}
.view-header-title,
.view-header-icon,
.view-action {
color: var(--text-faint);
}
.smalltalk .page header,
.smalltalk input,
.smalltalk button {
border: 1.5px solid var(--interactive-accent) !important;
border-radius: 3px;
}
.modal button:not(.mod-cta):not(.mod-warning):hover {
background-color: var(--text-antinormal);
color: var(--text-normal);
}
button:not(.clickable-icon) {
background-color: var(--interactive-accent);
color: black;
font-weight: bold;
}
button:not(.clickable-icon):hover {
background-color: var(--text-antinormal);
color: var(--text-normal);
}
.menu-item.is-warning:hover {
color: red;
}
.menu-item.is-warning.selected {
color: red;
}
.menu-item.is-warning.selected .menu-item-icon,
.menu-item.is-warning:hover .menu-item-icon {
color: red;
}
.mod-warning {
color: red;
}
.setting-item-control button {
font-size: 14px;
padding: 6px 20px;
font-weight: bold;
}
.setting-item-control:hover button:hover {
background-color: var(--text-antinormal);
color: var(--text-normal);
}
.modal-content {
flex: 1 1 auto;
border-radius: 5px;
overflow: auto;
}
.community-theme.is-selected button {
color: var(--text-normal);
background-color: var(--background-primary);
font-weight: bold;
}
.community-item:hover {
border: 2px solid var(--text-accent)
}
.setting-hotkey.mod-active {
color: black;
}
.theme-light .setting-hotkey.has-conflict {
background-color: var(--background-modifier-error);
color: black;
}
.theme-dark .setting-hotkey.has-conflict {
background-color: var(--background-modifier-error);
color: white;
}
button.mod-cta {
background-color: var(--interactive-accent);
color: black;
font-weight: bold;
}
button.mod-cta:hover {
background-color: var(--text-antinormal);
color: var(--text-normal) !important;
}
.setting-item-control select {
width: inherit;
max-width: 400px;
color: var(--text-antinormal) !important;
font-weight: bold;
}
.dropdown:focus {
box-shadow: 0px 0px 5px #ffb86c7a;
text-align: center;
align-items: center;
justify-content: center;
}
.dropdown:hover {
background-color: var(--text-antinormal) !important;
color: var(--text-normal) !important;
}
.dropdown {
text-align: center;
align-items: center;
justify-content: center;
font-weight: 900;
background-color: var(--background-accent);
}
.modal.mod-community-plugin,
.modal.mod-publish,
.modal.mod-settings,
.modal.mod-sidebar-layout,
.modal.mod-sync-history,
.modal.mod-sync-log {
width: 1400px !important;
max-width: 96vw !important;
height: 850px !important;
max-height: 94vh !important;
}
.modal.mod-settings {
padding: 0;
width: 1400px !important;
max-width: 96vw !important;
height: 850px !important;
max-height: 94vh !important;
overflow: hidden;
display: flex;
flex-direction: column;
}
.modal {
box-shadow: var(--shadow-l);
border: none;
background: var(--background-primary);
border-radius: var(--radius-l);
overflow: hidden;
}
.modal.mod-settings .vertical-tab-content-container .vertical-tab-content {
padding-top: 30px;
}
.vertical-tab-content,
.vertical-tab-header {
padding-bottom: 100px;
}
.vertical-tab-content {
overflow-y: auto;
height: 100%;
}
.horizontal-tab-content,
.vertical-tab-content {
background: var(--background-primary);
padding-bottom: 100px;
padding-left: 40px;
padding-right: 40px;
}
.community-plugin-name,
.modal.mod-settings .vertical-tab-content-container,
.setting-item-name {
font-size: var(--font-settings);
line-height: 1.3;
}
.vertical-tab-nav-item-title {
color: var(--text-normal);
}
.horizontal-tab-nav-item,
.vertical-tab-nav-item {
cursor: default;
font-size: 16px;
padding: 4px 15px !important;
margin: auto !important;
text-align: center;
}
.vertical-tab-nav-item:hover {
font-weight: 650;
min-width: -webkit-fill-available;
text-align: center;
}
.vertical-tab-nav-item.is-active {
font-weight: 650;
border-left-color: var(--interactive-accent);
min-width: -webkit-fill-available;
text-align: center;
color: black;
}
.vertical-tab-header-group-title {
font-size: 15px;
color: var(--text-faint);
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0.04em;
padding: 6px 16px;
user-select: none;
text-align: center;
}
.modal.mod-settings .vertical-tab-content-container {
padding: 15px 0 10px 0;
height: 90vh;
}
.modal.mod-settings .vertical-tab-header {
padding: 8px 0;
flex: 0 0 250px;
height: 87vh;
overflow: auto;
max-width: 33vh !important;
text-align: center;
}
.modal.mod-settings {
height: 850px !important;
width: 1400px !important;
max-height: 94vh !important;
max-width: 96vw !important;
}
.modal-close-button:before {
font-weight: bold;
transition: 440ms;
}
.modal-close-button:hover {
font-weight: bold;
color: red;
font-size: 1.85em;
}
.setting-item {
display: flex;
align-items: center;
padding: 18px 0;
border-top: 1px solid var(--background-modifier-border);
text-align: left;
}
.diff-view {
border: 1px solid var(--background-modifier-border);
border-radius: 10px;
height: 100%;
overflow: auto;
text-align: left;
}
.sync-history-list-item {
padding: 6px 14px 6px 20px;
cursor: var(--cursor);
font-size: 14px;
text-align: left;
}
.sync-history-list-item {
background-color: var(--background-secondary);
border: 1px solid rgba(255, 255, 255, 0.45);
}
.sync-history-list-item.is-active {
background-color: rgba(255, 166, 0, 0.85);
}
.sync-history-list-item:hover {
background-color: var(--background-primary);
}
sync-history-content-container {
background-color: var(--background-secondary-alt);
padding: 20px;
height: 70vh;
display: flex;
flex-direction: column;
max-width: calc(90vw - 180px);
width: 0;
flex: 1 1 auto;
}
button:not(.clickable-icon) {
background-color: var(--interactive-accent);
color: black;
font-weight: bold;
}
button.mod-warning {
background-color: var(--interactive-accent);
color: black;
font-weight: bold;
}
button.mod-warning:hover {
color: var(--interactive-accent);
background-color: rgba(0, 0, 0, 1);
font-weight: bold;
outline: 2px solid var(--interactive-accent);
outline-offset: -1.5px;
}
body:not(.native-scrollbars) * {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg);
}
.community-modal-readme {
font-size: 16px;
}
.community-modal-button-container {
margin: 1.5em 0;
justify-content: center;
}
.community-modal-info {
padding: 7px 7px 10px 7px;
}
.community-modal-info-name {
color: var(--text-faint);
font-weight: 700;
}
.theme-dark .tooltip {
border: 1px solid gray;
background-color: rgba(0, 0, 0, 0.95);
color: var(--text-normal);
}
.theme-light .tooltip {
border: 1px solid gray;
background-color: rgba(255, 255, 255, 0.95);
color: var(--text-normal);
}
.menu {
max-width: none;
border: 1.5px solid white !important;
backdrop-filter: blur(13px) !important;
border-radius: 6px;
box-shadow: 0 0px 10px 0.2px rgba(0, 0, 0, 0.3);
max-height: calc(100% - 25px);
overflow: hidden;
}
.theme-light .menu {
background-color: rgba(0, 0, 0, 0.025);
}
.theme-dark .menu {
background-color: rgba(0, 0, 0, 0.5);
}
.theme-dark .menu-item.selected:not(.is-disabled):not(.is-label) {
background-color: rgba(0, 0, 0, 0.5);
border: 2px solid var(--text-accent);
transition: transform 0.29s ease-out 0s;
}
.theme-light .menu-item.selected:not(.is-disabled):not(.is-label) {
background-color: rgba(0, 0, 0, 0.075);
border: 2px solid var(--text-accent);
transition: transform 0.29s ease-out 0s;
}
select,
.dropdown {
background-color: var(--text-accent);
color: var(--text-antinormal);
font-weight: bold;
}
.menu-item-icon.selected {
background-color: black;
border: 2px solid var(--text-accent);
}
.suggestion-item.is-selected,
.menu-item:hover {
cursor: pointer;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.15);
border: 2px solid var(--text-accent);
}
.menu-item-title {
font-size: 14.75px;
}
.menu-item {
padding: 1.25px 0px;
white-space: break-spaces;
}
.markdown-embed {
margin: 1em 0;
padding: 0px;
border: 0px solid transparent;
border-left-width: 2.75px;
border-right-width: 2.75px;
border-bottom-width: 2.75px;
border-top-width: 2.75px;
border-radius: var(--embed-border-radius);
background-color: var(--background-secondary) !important;
transition: all 150ms ease-in-out;
}
.file-embed-title {
color: var(--text-faint);
}
.file-embed {
background-color: var(--background-secondary);
}
.file-embed:hover {
background-color: var(--background-primary-alt) !important;
}
.markdown-embed-title {
display: none;
}
.markdown-preview-view .markdown-embed-content>:first-child {
margin-top: 0;
}
.markdown-preview-view .markdown-embed-content>:last-child {
margin-bottom: 0;
}
.markdown-preview-view .markdown-embed {
padding: 0;
margin: 1em 0;
}
.markdown-embed-link {
color: var(--text-faint);
}
.markdown-embed-link:hover {
color: white;
stroke-width: 8px;
text-shadow: 0px 0px 10px white;
}
.markdown-embed:hover {
transform: translate3d(0px, -3.5px, 0px);
transition: all 150ms ease-in-out;
border-color: var(--interactive-accent) !important;
}
body.embed-show-shadow .markdown-embed:hover {
box-shadow: 0 10px 15px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .22) !important;
}
.internal-embed {
max-height: var(--embed-max-height);
overflow-y: auto;
overflow-x: hidden;
border-radius: var(--embed-border-radius);
}
body[style*="--embed-max-height: 0px"] .internal-embed {
max-height: none;
overflow-y: visible;
}
body.embed-smooth-scroll .internal-embed {
scroll-behavior: smooth;
}
.internal-embed .markdown-embed-content {
padding: var(--embed-padding);
max-height: inherit;
}
.internal-embed::-webkit-scrollbar {
width: var(--scrollbar-width);
}
.internal-embed::-webkit-scrollbar-track {
background: transparent;
}
.internal-embed::-webkit-scrollbar-thumb {
background: var(--background-modifier-border);
border-radius: calc(var(--scrollbar-width) / 2);
transition: background 150ms ease;
}
.internal-embed::-webkit-scrollbar-thumb:hover {
background: var(--text-faint);
}
.internal-embed {
scrollbar-width: thin;
scrollbar-color: var(--background-modifier-border) transparent;
}
.internal-embed.image-embed {
max-height: none;
overflow: visible;
}
.internal-embed a.internal-link {
color: var(--text-accent);
text-decoration: none;
}
.internal-embed a.internal-link:hover {
color: var(--text-accent-hover);
text-decoration: underline;
}
.internal-embed .markdown-embed-title {
font-weight: 600;
padding: 0.5em var(--embed-padding);
border-bottom: 1px solid var(--background-modifier-border);
}
.suggestion-container:not(:has(.prompt-input)) .suggestion-item {
padding: 3px 8px;
height: auto;
min-height: 25px;
display: flex;
align-items: center;
}
.suggestion-container:not(:has(.prompt-input)) .suggestion-item:has(.suggestion-note) {
padding: 5px 10px;
min-height: 34px;
}
.suggestion-container:not(:has(.prompt-input)) .suggestion-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0;
margin: 0;
height: auto;
}
.suggestion-item.is-selected:hover {
cursor: pointer;
background-color: rgb(126 117 106);
color: var(--text-normal);
}
input.prompt-input {
background-color: var(--text-antinormal);
}
.prompt-input-container {
border-bottom: 1.25px solid gray;
background-color: var(--text-antinormal);
}
.prompt-results {
padding: 1px 5px;
}
p {
display: block;
margin-block-start: 1.15em;
margin-inline-start: 0px;
margin-inline-end: 0px;
word-spacing: 0.8pt;
line-height: var(--line-height);
}
.theme-dark {
--bg-green: rgba(32, 225, 180, 0.4);
--bg-blue: rgba(29, 174, 226, 0.4);
--bg-purple: rgba(165, 26, 234, 0.4);
--bg-magenta: rgba(231, 60, 126, 0.45);
--bg-orange: rgba(255, 132, 0, 0.43);
--fcolor-header: white;
}
.theme-light {
--bg-green: rgba(1, 224, 172, 0.5);
--bg-blue: rgba(9, 168, 225, 0.45);
--bg-purple: rgba(150, 8, 220, 0.4);
--bg-magenta: rgba(220, 10, 90, 0.45);
--bg-orange: rgba(255, 132, 0, 0.5);
--fcolor-header: rgb(0, 0, 0);
}
.cm-header,
h1,
h2,
h3,
h4,
h5,
h6 {
letter-spacing: 0.15px !important;
word-spacing: 1px;
text-align: center;
font-weight: 650;
color: var(--fcolor-header) !important;
}
.markdown-preview-view .heading-collapse-indicator {
margin-left: -35px;
padding: 0 6px;
}
.cm-s-obsidian .HyperMD-header {
text-align: center;
line-height: 1.5;
padding-bottom: 0.35em !important;
padding-top: 0.3em;
}
.HyperMD-header-1,
.markdown-preview-section h1,
.cm-header-1 {
font-size: 18.5px !important;
font-weight: 700;
padding-top: 6px;
padding-bottom: 6px;
text-decoration: none;
border-radius: 0px;
font-family: 'Inter';
background: linear-gradient(271deg,
transparent,
var(--bg-green),
var(--bg-blue),
var(--bg-purple),
var(--bg-magenta),
var(--bg-orange),
transparent);
}
.HyperMD-header-2,
.markdown-preview-section h2,
.cm-header-2 {
font-weight: 700;
text-decoration: none;
text-align: center;
font-size: 18.25px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
font-family: 'Inter';
background: linear-gradient(271deg,
transparent,
var(--bg-orange),
rgba(255, 140, 0, 0.51),
var(--bg-orange),
transparent);
}
.HyperMD-header-3,
.markdown-preview-section h3,
.cm-header-3 {
font-weight: 700;
text-decoration: none;
text-align: center;
font-size: 17.85px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
font-family: 'Inter';
background:
radial-gradient(circle,
var(--bg-magenta) 50%,
transparent 100%);
}
.HyperMD-header-4,
.markdown-preview-section h4,
.cm-header-4 {
font-weight: 700;
text-decoration: none;
text-align: center;
font-size: 17.5px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
font-family: 'Inter';
background: radial-gradient(circle,
var(--bg-purple) 50%,
transparent 100%);
}
.HyperMD-header-5,
.markdown-preview-section h5,
.cm-header-5 {
font-weight: 700;
text-decoration: none;
text-align: center;
font-size: 17px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
font-family: 'Inter';
background: radial-gradient(circle,
var(--bg-blue) 50%,
transparent 100%);
}
.HyperMD-header-6,
.markdown-preview-section h6,
.cm-header-6 {
font-weight: 700;
text-decoration: none;
text-align: center;
font-size: 16.6px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
font-family: 'Inter';
background: radial-gradient(circle,
var(--bg-green) 50%,
transparent 100%);
}
strong,
.cm-strong {
color: var(--fbold);
font-weight: 650;
}
.cm-em,
em {
color: var(--fitalic);
font-style: italic;
}
a,
.internal-link,
.cm-hmd-internal-link,
.cm-link,
.cm-formatting-link,
.cm-url {
text-decoration: none !important;
}
.cm-hmd-internal-link:hover,
a:hover {
text-decoration: underline !important;
}
.markdown-preview-view .internal-link.is-unresolved,
.markdown-source-view.mod-cm6 .is-unresolved {
opacity: 0.7;
}
.external-link {
color: var(--external-link);
font-weight: 500;
background-size: 21px;
cursor: pointer;
background-position: left;
background-repeat: no-repeat;
padding: 1px 2px 1px 26px;
}
.theme-dark .cm-s-obsidian span.cm-url {
color: rgb(255, 219, 180);
font-style: italic;
cursor: pointer;
}
.theme-light .cm-s-obsidian span.cm-url {
color: rgb(234, 148, 0);
font-style: italic;
cursor: pointer;
}
.cm-s-obsidian span.cm-inline-code,
.cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code,
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) {
background-color: var(--pre-code-bg);
color: var(--inline-code) !important;
bottom: 0px !important;
}
span.cm-highlight {
padding: 0.1em 0;
border-radius: 0.2em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
span.cm-formatting-highlight {
padding-left: 0.15em;
padding-right: 0em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.markdown-preview-view mark {
margin: 0 -0.05em;
padding: 0.1em 0.3em;
border-radius: 0.2em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
background-color: var(--text-highlight-bg);
color: black;
}
sup {
vertical-align: top;
position: relative;
top: -0.3em;
font-size: 0.75em;
}
.cm-s-obsidian span.cm-footref,
.cm-s-obsidian span.cm-blockid {
color: var(--text-accent);
}
.footnote-backref {
color: var(--text-accent);
text-decoration: none;
font-weight: bold;
font-style: normal !important;
padding-left: 10px;
font-size: 15px;
vertical-align: top;
}
.footnote-backref:hover {
color: var(--fbold);
font-size: 16px;
text-decoration: none;
font-weight: 1000;
transition: 190ms ease-in-out;
text-shadow: 0px 0px 12px var(--fbold);
position: relative;
}
.markdown-preview-view .tippy-content {
max-height: 22em;
overflow-x: auto;
font-size: var(--editor-font-size);
background-color: var(--background-secondary);
}
section.footnotes li[data-footnote-id] {
transition: background-color 0.5s ease-in-out;
font-size: var(--font-ui-medium);
}
.cm-s-obsidian .cm-line.HyperMD-footnote {
font-size: var(--footnote-size);
color: bisque;
}
.cm-s-obsidian span.cm-footref.cm-hmd-barelink,
.cm-s-obsidian span.cm-blockid {
color: beige;
}
.cm-s-obsidian .cm-line.HyperMD-footnote span.cm-hmd-footnote {
color: beige;
}
.cm-hashtag {
font-size: var(--font-size-normal);
color: var(--text-accent-hover);
text-decoration: none;
font-style: normal;
background-color: var(--background-secondary);
}
.cm-s-obsidian span.cm-hashtag-begin {
background-color: var(--background-secondary) !important;
}
.tag {
font-size: 0.97em !important;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 6px 0px;
cursor: pointer;
border-radius: 8px;
background-color: var(--background-secondary) !important;
color: var(--text-accent-hover) !important;
text-decoration: none !important;
font-style: normal !important;
}
.tag:hover,
.cm-hashtag:hover {
font-weight: bold;
}
.tag-container {
padding: 0px;
}
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-accent) !important;
}
.markdown-source-view.mod-cm6 .cm-indent::before {
border-right: 1.5px solid var(--interactive-normal);
}
ul .task-list-item ul::before {
left: 0em
}
ol ol {
position: relative;
padding: 0px 0px 0px 25px;
}
ol ol::before {
content: '';
border-left: 2px solid var(--text-accent);
position: absolute;
}
ol ol::before {
left: -0.75em;
top: 0;
bottom: 0;
}
ol ul {
position: relative;
}
ul ol {
position: relative;
}
ol ul::before {
content: '';
border-left: 2px solid var(--text-accent);
position: absolute;
left: -0.75em;
top: 0;
bottom: 0;
}
ul ol::before {
content: '';
border-left: 2px solid var(--text-accent);
position: absolute;
}
.outliner-plugin-bls .CodeMirror-line .cm-hmd-list-indent::before {
content: '';
display: block !important;
position: absolute !important;
background-image: linear-gradient(to right, var(--text-accent) 1px, #c81a1a00 2px) !important;
background-size: 1.8ch 1px !important;
background-position-x: 0px !important;
width: 100% !important;
left: 0 !important;
top: -1.6em !important;
padding-bottom: 999em !important;
}
.markdown-rendered.show-indentation-guide li>ol::before {
left: -0.3em !important;
}
.markdown-rendered .list-collapse-indicator {
margin-left: -2.8em;
}
li {
padding: 5px 0px 5.7px 0px;
}
.theme-dark {
--color-pink-list: rgb(255, 192, 227);
--color-pink-list2: rgb(255, 137, 202);
--color-pink-list3: rgb(255, 119, 194);
}
.theme-light {
--color-pink-list: rgb(255, 192, 227);
--color-pink-list2: rgb(255, 137, 202);
--color-pink-list3: rgb(255, 119, 194);
}
li {
--list-marker-color: var(--bg-orange2);
}
li li,
.cm-list-2 {
--list-marker-color: var(--bg-magenta2);
}
li li li,
.cm-list-3 {
--list-marker-color: var(--bg-purple2);
}
li li li li {
--list-marker-color: var(--bg-blue2);
}
li li li li li {
--list-marker-color: var(--bg-green2);
}
li li li li li li {
--list-marker-color: var(--color-pink-list);
}
li li li li li li li {
--list-marker-color: var(--color-pink-list2);
}
li li li li li li li li {
--list-marker-color: var(--color-pink-list3);
}
li .list-bullet:after {
width: 0.35em;
height: 0.35em;
}
li:hover .list-bullet:after {
width: 0.4em;
height: 0.4em;
}
.list-bullet:after {
transition: 225ms;
}
ul ul {
position: relative;
padding: 0px 0px 0px 25px;
}
ul ul::before {
content: '';
border-left: 2px solid var(--text-accent);
position: absolute;
left: -0.8em;
top: auto;
bottom: 0;
}
ul ol::before {
left: -1.1em !important;
}
ol ul::before {
left: -0.7em !important;
}
ol>li::marker,
ul>li::marker,
.cm-s-obsidian .cm-formatting-list {
color: var(--list-marker-color);
font-weight: 600;
}
.markdown-source-view.mod-cm6 .cm-formatting-list-ol {
white-space: pre;
color: var(--list-marker-color) !important;
}
.markdown-preview-view .task-list-item-checkbox {
top: 0.3em;
right: 0px;
border: 1px solid var(--text-normal);
position: relative;
margin-left: 5.5px;
background-color: rgb(0 0 0 / 20%);
text-decoration: line-through;
}
.markdown-preview-view .task-list-item-checkbox:checked:hover {
background-color: rgb(0, 234, 187);
}
.markdown-preview-view .task-list-item-checkbox:hover {
background-color: rgba(255, 255, 255, 0.13);
}
.markdown-preview-view .list-collapse-indicator {
padding: 0px 7px 0px 7px;
}
ul>li.task-list-item .task-list-item-checkbox {
margin-left: -20px;
}
@keyframes fadeOpacity {
0% {
opacity: 0.35;
}
50% {
opacity: 0.70;
}
100% {
opacity: 0.35;
}
}
ul>li.task-list-item[data-task="x"],
ul>li.task-list-item[data-task="X"] {
text-decoration: line-through rgba(255, 255, 255, 0.7);
text-decoration-thickness: 3px;
animation: fadeOpacity 4s ease-in-out infinite;
}
*/ .markdown-preview-view .task-list-item-checkbox:hover {
background-color: #6B8760;
}
*/
.markdown-preview-view li[data-task="?"]>.task-list-item-checkbox:checked {
background-color: rgb(169, 148, 0);
}
*/
.markdown-preview-view li[data-task="!"]>.task-list-item-checkbox:checked {
background-color: #a90000;
}
.markdown-rendered.show-indentation-guide li>ul,
.markdown-rendered.show-indentation-guide li>ol {
left: -10px;
}
.markdown-rendered.show-indentation-guide li>ul::before {
left: -0.3em !important;
}
.markdown-rendered.show-indentation-guide li>ol::before {
left: -0.2em;
}
ul ol::before {
left: -0.435em !important;
}
.markdown-rendered.show-indentation-guide li.task-list-item>ul::before,
.markdown-rendered.show-indentation-guide li.task-list-item>ol::before {
left: -0.2em !important;
}
.HyperMD-quote {
border-left: 3px solid var(--text-muted2);
border-radius: 6px;
}
.markdown-preview-view blockquote {
margin-top: 22px;
margin-bottom: 22px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
padding-right: 8px;
border-right-width: 4px !important;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: 4px !important;
background-color: var(--quote-bg);
border: 0px solid;
border-color: var(--text-muted2);
border-radius: 8px;
margin-inline-start: 5%;
margin-inline-end: 5%;
text-align: center;
color: var(--text-normal);
}
.markdown-preview-view blockquote:hover {
border-color: var(--text-accent);
border-radius: 8px;
box-shadow: 0 5px 9px rgba(0, 0, 0, .25), 0 4px 5px rgba(0, 0, 0, .25);
transform: translate3d(0px, -2.5px, 0px);
transition: transform 0.24s ease-in-out 0s;
}
.markdown-preview-view blockquote:not(:hover) {
transform: translate3d(0px, 0px, 0px);
transition: transform 0.31s ease-in-out 0s;
}
:root {
--table-border-radius: 5px;
}
.cards table.dataview>tbody>tr:hover {
background-color: var(--background-secondary-alt);
}
.markdown-rendered tbody tr>td:nth-child(2n+1) {
background-color: var(--background-secondary-alt);
}
.markdown-rendered tbody tr>td:nth-child(2n+2) {
background-color: var(--background-secondary-alt);
}
body .markdown-preview-view th,
body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th,
body .table-view-table>thead>tr>th {
background-image: none;
}
td {
display: table-cell;
vertical-align: inherit;
font-weight: 450;
}
.markdown-rendered th {
font-size: 1.05em;
font-weight: 700;
text-align: center;
}
.markdown-rendered thead tr>th {
color: white;
}
table {
margin: 0 auto;
text-align: left;
}
.markdown-rendered td,
.markdown-rendered th {
}
.row-lines .table-view-table>tbody>tr>td,
.row-lines table:not(.calendar) tbody>tr>td {
border-bottom: 1px solid !important;
}
.markdown-rendered td {
font-size: var(--table-text-size);
color: var(--table-text-color);
}
:is(.markdown-preview-view, .markdown-rendered) :is(.markdown-preview-section, .markdown-rendered) .block-language-itinerary.fc table {
overflow: unset;
}
body.no-wrapped-table-cell table:not([class*="table-view-table"]),
body.no-wrapped-dvtable-cell .dataview.table-view-table {
width: 100%;
table-layout: fixed;
}
body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th, td),
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th, td) {
white-space: nowrap;
overflow-x: auto;
text-overflow: ellipsis;
}
body.no-wrapped-table-cell table:not([class*="table-view-table"]) :is(th, td):hover,
body.no-wrapped-dvtable-cell .dataview.table-view-table :is(th, td):hover {
text-overflow: clip;
}
table.table-view-table>thead>tr>th {
font-size: 0.9em;
}
table.table-view-table>tbody>tr>td {
font-size: 0.95em;
}
body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view, .markdown-rendered) table.dataview.table-view-table>thead>tr,
body.wrapped-dvtable:not(.no-wrapped-dvtable-cell):not(.no-wrapped-dvtable) :is(.markdown-preview-view, .markdown-rendered) .table.dataview.table-view-table>tbody>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view, .markdown-rendered) table:not([class*="table-view-table"])>thead>tr,
body.wrapped-table:not(.no-wrapped-table-cell):not(.no-wrapped-table) :is(.markdown-preview-view, .markdown-rendered) table:not([class*="table-view-table"])>tbody>tr {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
}
body.no-wrapped-dvtable .block-language-dataview,
body.no-wrapped-table table:not([class*="table-view-table"]) {
width: 100%;
margin: 0;
overflow-x: auto;
white-space: nowrap;
}
body.no-wrapped-dvtable table.dataview th {
padding: 0 20px;
font-size: 1em;
}
body.no-wrapped-dvtable table.dataview tbody tr td:first-child {
font-size: 0.9em;
}
body.no-wrapped-dvtable table.dataview td:not(:first-child),
body.no-wrapped-dvtable table.dataview tr>td:last-of-type {
font-size: 0.9em;
max-width: unset;
}
body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table {
counter-reset: sec;
}
body.auto-serial-number-dvtable .markdown-source-view:not(.cards) .dataview.table-view-table>tbody>tr>td:first-child::before {
counter-increment: sec;
content: counter(sec) ". ";
}
body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table {
counter-reset: section;
}
body.auto-serial-number-dvtable .markdown-preview-view:not(.cards) .dataview.table-view-table>tbody>tr>td:first-child::before {
counter-increment: section;
content: counter(section) ". ";
}
:is(.markdown-preview-view, .markdown-rendered) table tbody>tr,
.markdown-source-view table tbody>tr {
background-color: var(--table-background-color);
}
:is(.markdown-preview-view, .markdown-rendered) :is(th, td) {
padding: 4px 10px;
border: none;
}
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) th,
:is(.markdown-preview-view, .markdown-rendered, .markdown-source-view) thead tr>th:nth-child(2n+2) {
background-color: black;
font-family: var(--font-family-strong);
}
body .markdown-preview-view th,
body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th,
body .table-view-table>thead>tr>th {
background-image: none;
}
pre code {
font-size: var(--font-size-code) !important;
padding: 6px !important;
line-height: normal;
display: block;
color: var(--code-block) !important;
}
.markdown-preview-view pre {
padding: 0px !important;
}
.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"],
.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
text-shadow: none !important;
color: var(--text-faint) !important;
background-color: var(--pre-code);
}
.markdown-preview-view hr,
.markdown-rendered hr {
margin-block-start: 3.33em;
margin-block-end: 3.33em;
border: none;
height: 2.4px;
background-image: linear-gradient(
to right,
transparent 0%,
var(--text-accent) calc(50% - 1.2rem),
transparent calc(50% - 1.2rem),
transparent calc(50% + 1.2rem),
var(--text-accent) calc(50% + 1.2rem),
transparent 100%
);
position: relative;
overflow: visible;
}
.markdown-preview-view hr::after,
.markdown-rendered hr::after {
content: '\16df';
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
transform: translate(-50%, -50%) rotate(0deg);
transform-origin: 50% 50%;
padding: 0;
line-height: 1;
font-size: 1.15rem;
color: var(--text-normal);
background-color: transparent !important;
background: transparent !important;
}
:root {
--callout-color: rgba(103, 161, 149, 0.459);
}
.callout-content {
overflow-x: auto;
padding: 0px 15px;
text-align: justify;
color: var(--text-normal) !important;
}
.callout-title,
.callout.is-collapsible .callout-title {
padding: 8px;
display: flex;
overflow: auto;
gap: 10px;
background-color: color-mix(in srgb, var(--callout-color) 10%, transparent);
text-align: justify;
color: white;
}
.callout-title-inner {
color: var(--text-normal);
}
.callout.is-collapsible .callout-title {
color: var(--text-normal);
}
.callout-content {
overflow-x: auto;
padding: 0px 15px;
text-align: justify;
color: white;
}
.callout[data-callout="info"] {
--callout-color: rgb(0, 184, 212);
}
.callout,
.callout.is-collapsible {
background-color: color-mix(in srgb, var(--callout-color) 30%, transparent);
padding: 0px;
}
.callout-fold:hover {
color: var(--text-accent);
}
.callout[data-callout="tldr"] {
--callout-color: rgb(0, 166, 30);
}
.theme-light .callout[data-callout="important"] {
--callout-color: rgb(200, 155, 30);
}
.theme-dark .callout[data-callout="important"] {
--callout-color: rgb(249, 255, 0);
}
.theme-dark .progress-bar-message::before {
content: "";
display: block;
width: 300px;
height: 200px;
margin-left: 0;
margin-right: 0;
margin-top: -50px;
margin-bottom: 0px;
border-radius: none;
}
.theme-dark .progress-bar-message {
font-family: arial;
font-size: 21px;
font-weight: bold;
}
.theme-dark .progress-bar {
background-color: #262639;
}
.theme-light .progress-bar-message::before {
content: "";
display: block;
width: 300px;
height: 200px;
margin-left: 0;
margin-right: 0;
margin-top: -50px;
margin-bottom: 0px;
border-radius: none;
}
.theme-light .progress-bar-message {
font-family: arial;
font-size: 21px;
font-weight: bolder;
color: white;
}
.theme-light .progress-bar-line {
background-color: rgb(255, 255, 255)
}
.theme-light .proress-bar-subline {
background-color: rgb(255, 255, 255);
}
.theme-light .progress-bar {
background-color: rgb(75, 168, 231);
}
.callout[data-callout="imagen"] {
background-color: var(--background-primary-alt);
--callout-icon: image;
--callout-title-color: white;
--callout-color: white;
margin: 0px;
border-radius: 6px;
display: flex;
align-items: stretch;
flex-direction: column;
padding: 0px;
}
.callout[data-callout="imagen"] .callout-title {
width: 100%;
justify-content: center;
}
.callout[data-callout="imagen"] .callout-content {
border-top: 1.3px solid rgb(138, 138, 138);
}
.cards table.dataview tbody {
clear: both;
padding: 0.2rem 0;
display: grid;
grid-column-gap: 0.25rem;
grid-row-gap: 0.28rem;
align-items: start;
grid-template-columns: repeat(auto-fit, minmax(99px, 115px));
}
.cards table.dataview>tbody>tr {
background-color: var(--background-secondary-alt);
border: 1px solid var(--background-modifier-border);
display: flex;
flex-direction: column;
justify-content: flex-start !important;
margin: 0;
padding: 0.25rem;
border-radius: 5px;
overflow: hidden;
transition: box-shadow 0.15s linear;
min-height: 0 !important;
}
.cards table.dataview>tbody>tr:hover {
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2) !important;
transition: all 0.13s linear;
border: 1.2px solid var(--text-normal);
}
.cards table.dataview tbody>tr>td {
border-bottom: none;
padding: 0 !important;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-shrink: 0;
}
.cards table.dataview tbody>tr>td:has(img):not(:has([src*="progress-bar"])) {
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
border-radius: 4px;
}
.cards table.dataview tbody>tr>td:first-child {
font-weight: var(--bold-weight);
min-height: unset;
order: 1;
padding: 0 1px;
}
.cards table.dataview tbody>tr>td:first-child a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
line-height: 1.0;
font-size: 1em !important;
width: 100%;
}
.cards table.dataview tbody>tr>td:not(:has(img)) {
font-size: 0.95em !important;
color: var(--text-normal);
min-height: 0 !important;
max-height: unset !important;
flex-grow: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.cards table.dataview tbody>tr>td:has(img):not(:has([src*="progress-bar"])) {
flex-grow: 1 !important;
padding: 0 !important;
margin: 2px 0 !important;
}
.cards table.dataview tbody>tr>td img:not([src*="progress-bar"]) {
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
width: 100%;
height: 100% !important;
min-height: 120px;
object-fit: cover;
margin: 0 !important;
padding: 0 !important;
display: block;
cursor: zoom-in;
transition: 220ms ease-in-out;
}
.cards table.dataview tbody>tr>td:has([src*="progress-bar"]) {
flex-grow: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 2px 0 !important;
margin: 0 !important;
}
.cards table.dataview tbody>tr>td img[src*="progress-bar"] {
width: 100%;
height: 14px !important;
max-height: 16px;
border-radius: 8px;
box-shadow: none;
cursor: default;
}
.cards table.dataview tbody>tr>td img:active {
cursor: zoom-out !important;
display: block !important;
z-index: 100 !important;
position: fixed !important;
max-height: 100% !important;
max-width: 100% !important;
height: 100% !important;
width: 100% !important;
object-fit: contain !important;
margin: 0 auto !important;
text-align: center !important;
padding: 31px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: 0 !important;
background: var(--background-primary) !important;
animation-name: example2 !important;
animation-duration: 6.5s !important;
animation-iteration-count: infinite !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)),
.cards table.dataview tbody>tr:has(td:nth-child(4)):has([src*="progress-bar"]) {
min-height: unset;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)) td:first-child,
.cards table.dataview tbody>tr:has(td:nth-child(4)):has([src*="progress-bar"]) td:first-child {
min-height: 26px;
font-size: 0.85em;
padding: 0 1px;
order: 1;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)) td:nth-child(2),
.cards table.dataview tbody>tr:has(td:nth-child(4)):has([src*="progress-bar"]) td:nth-child(2) {
font-size: 0.77em;
color: var(--text-muted);
min-height: unset;
order: 2;
padding: 0 2px;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)) td:nth-child(3),
.cards table.dataview tbody>tr:has(td:nth-child(4)):has([src*="progress-bar"]) td:nth-child(3) {
order: 3;
flex-grow: 1;
padding: 0 !important;
margin: 4px 0 !important;
overflow: hidden;
border-radius: 4px;
}
.cards table.dataview tbody>tr:has(td:nth-child(4)):has([src*="progress-bar"]) td:has([src*="progress-bar"]) {
order: 4;
margin: 0 !important;
padding: 0 2px !important;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)) td:nth-child(4) {
order: 4;
margin: 2px 0;
}
.cards table.dataview tbody>tr td:has([src*="progress-bar"]) img {
width: 100%;
height: auto !important;
max-height: 16px;
border-radius: 8px;
}
.cards table.dataview tbody>tr:has(td:nth-child(5)) td:last-child {
font-size: 0.8em;
color: var(--text-muted);
font-style: italic;
order: 5;
margin-top: 0;
padding: 0 2px;
}
.cards table.dataview tbody>tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"])) {
min-height: unset;
}
.cards table.dataview:has(tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"]))) tbody {
grid-template-columns: repeat(auto-fit, minmax(77px, 95px));
grid-column-gap: 0.2rem;
grid-row-gap: 0.2rem;
}
.cards table.dataview tbody>tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"])) td:first-child {
min-height: 26px;
font-size: 0.9em;
padding: 0 1px;
}
.cards table.dataview tbody>tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"])) td:nth-child(2) {
padding: 0 !important;
margin: 3px 0 !important;
overflow: hidden;
border-radius: 4px;
flex-grow: 1;
line-height: 1;
font-size: 13px;
min-height: 100px;
}
.cards table.dataview tbody>tr:not(:has(td:nth-child(5))) td:nth-child(3) {
font-size: 0.8em;
color: var(--text-normal);
font-weight: 500;
order: 3;
margin: 1px 0;
min-height: 16px;
}
.cards table.dataview tbody>tr>td:last-child {
margin-top: 0 !important;
margin-bottom: 2px;
flex-grow: 0 !important;
}
@media (max-width: 768px) {
.cards table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)) !important;
}
.cards table.dataview:has(tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"]))) tbody {
grid-template-columns: repeat(auto-fit, minmax(72px, 1fr)) !important;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.cards table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(97px, 110px));
}
.cards table.dataview:has(tr:not(:has(td:nth-child(5))):not(:has([src*="progress-bar"]))) tbody {
grid-template-columns: repeat(auto-fit, minmax(75px, 88px));
}
}
.cards table.dataview tbody>tr>td .el-p {
display: block;
width: 100%;
margin: 0 !important;
padding: 0 !important;
line-height: 1.0;
}
.cards table.dataview tbody>tr>td>ul {
width: 100%;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.cards table.dataview tbody>tr>td>ul>li {
margin: 0 !important;
padding: 0 !important;
line-height: 1.0;
text-align: left;
}
.cards table.dataview tbody>tr>td *:before,
.cards table.dataview tbody>tr>td *:after,
.cards table.dataview tbody>tr>td>ul>li::marker,
.cards table.dataview tbody>tr>td>ul>li::before {
content: none !important;
display: none !important;
}
@keyframes example2 {
100% {
background-color: var(--background-primary);
}
50% {
background-color: var(--background-secondary);
}
100% {
background-color: var(--background-primary);
}
}
.cards table.dataview thead {
user-select: none;
width: 180px;
display: block;
float: right;
position: relative;
text-align: right;
height: 24px;
padding-bottom: 4px;
}
.cards table.dataview thead:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: var(--icon-size);
background-repeat: no-repeat;
cursor: var(--cursor);
text-align: right;
padding: 4px 10px;
margin-bottom: 2px;
border-radius: 5px;
font-weight: 500;
font-size: var(--font-adaptive-small);
opacity: 0.65;
background-position: center center;
background-size: var(--icon-size);
background-image: url('data:image/svg+xml;utf8,');
}
.theme-light .cards table.dataview thead:before {
background-image: url('data:image/svg+xml;utf8,');
}
.cards table.dataview thead:hover:before {
opacity: 0.9;
}
.cards table.dataview thead>tr {
top: 0;
position: absolute;
display: none;
z-index: 9;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
padding: 6px;
border-radius: 6px;
flex-direction: column;
margin: 26px 0 0 0;
width: 100%;
}
.cards table.dataview thead:hover>tr {
display: flex;
}
.cards table.dataview thead>tr>th {
width: 100%;
font-weight: 400;
color: var(--text-muted);
cursor: var(--cursor-link);
border: none;
background-color: var(--background-secondary);
}
a.tag[href*='#ToDo'] {
color: white !important;
background-color: rgb(158, 0, 87) !important;
}
a.tag[href*='#ToDo']:hover {
color: rgb(158, 0, 87) !important;
background-color: white !important;
font-weight: bold;
}
span.cm-formatting.cm-formatting-hashtag.cm-hashtag.cm-hashtag-begin.cm-meta.cm-tag-ToDo {
background-color: rgb(173, 0, 0) !important;
color: white !important;
}
a.tag[href*='#Completed'] {
background-color: green !important;
color: white !important;
}
a.tag[href*='#Completed']:hover {
background-color: white !important;
color: green !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-Completed {
background-color: green !important;
color: white !important;
}
a.tag[href*='#InProgress'] {
background-color: rgb(166, 104, 0) !important;
color: white !important;
}
a.tag[href*='#InProgress']:hover {
color: rgb(166, 104, 0) !important;
background-color: white !important;
font-weight: bold;
}
a.tag[href*='#regrabar'] {
background-color: rgb(203, 0, 0) !important;
color: white !important;
}
a.tag[href*='#regrabar']:hover {
background-color: white !important;
color: rgb(203, 0, 0) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-regrabar {
background-color: rgb(203, 0, 0) !important;
color: white !important;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-ToDo {
background-color: rgb(158, 0, 87) !important;
;
color: white !important;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-InProgress {
background-color: rgb(166, 104, 0) !important;
color: white !important;
}
a.tag[href*='#guion'] {
background-color: rgb(161, 20, 255) !important;
color: white !important;
}
a.tag[href*='#guion']:hover {
background-color: white !important;
color: rgb(161, 20, 255) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-guion {
background-color: rgb(161, 20, 255) !important;
color: white !important;
}
a.tag[href*='#grabar'] {
background-color: rgb(141, 0, 206) !important;
color: white !important;
}
a.tag[href*='#grabar']:hover {
background-color: white !important;
color: rgb(141, 0, 206) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-grabar {
background-color: rgb(141, 0, 206) !important;
color: white !important;
}
a.tag[href*='#editar'] {
background-color: rgb(114, 0, 163) !important;
color: white !important;
}
a.tag[href*='#editar']:hover {
background-color: white !important;
color: rgb(114, 0, 163) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-editar {
background-color: rgb(114, 0, 163) !important;
color: white !important;
}
a.tag[href*='#miniatura'] {
background-color: rgb(98, 0, 109) !important;
color: white !important;
}
a.tag[href*='#miniatura']:hover {
background-color: white !important;
color: rgb(98, 0, 109) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-miniatura {
background-color: rgb(98, 0, 109) !important;
color: white !important;
}
a.tag[href*='#publicar'] {
background-color: rgb(68, 0, 66) !important;
color: white !important;
}
a.tag[href*='#publicar']:hover {
background-color: white !important;
color: rgb(68, 0, 66) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-publicar {
background-color: rgb(68, 0, 66) !important;
color: white !important;
}
a.tag[href*='#compartirRRSS'] {
background-color: rgb(56, 0, 31) !important;
color: white !important;
}
a.tag[href*='#compartirRRSS']:hover {
background-color: white !important;
color: rgb(56, 0, 31) !important;
font-weight: bold;
}
span.cm-hashtag.cm-hashtag-end.cm-meta.cm-tag-compartirRRSS {
background-color: rgb(56, 0, 31) !important;
color: white !important;
}
img:not(.emoji) {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 22px;
margin-bottom: 25px;
justify-self: center;
}
img:hover {
transform: scale(1.005);
transition: transform 0.45s ease-in-out 0s;
border: rgb(123, 123, 123) solid 1.3px;
}
img:not(:hover) {
transform: scale(1);
transition: transform 0.45s ease-in-out 0s;
}
mjx-math {
font-size: 120% !important;
}
.theme-dark .cm-active.cm-line {
border-radius: 3px;
animation-name: active_line_dark;
animation-duration: 2.5s;
animation-iteration-count: infinite;
}
@keyframes active_line_dark {
0% {
background-color: rgb(255 218 254 / 9%);
}
15% {
background-color: rgb(255 218 254 / 9%);
}
50% {
background-color: rgb(255 218 254 / 4%);
}
85% {
background-color: rgb(255 218 254 / 9%);
}
100% {
background-color: rgb(255 218 254 / 9%);
}
}
.theme-light .cm-active.cm-line {
border-radius: 3px;
animation-name: active_line_light;
animation-duration: 2.3s;
animation-iteration-count: infinite;
}
@keyframes active_line_light {
0% {
background-color: rgb(157 0 121 / 8.5%);
}
15% {
background-color: rgb(157 0 121 / 8.5%);
}
50% {
background-color: rgb(157 0 121 / 4%);
}
85% {
background-color: rgb(157 0 121 / 8.5%);
}
100% {
background-color: rgb(157 0 121 / 8.5%);
}
}
.metadata-menu.modal-container.note-fields-modal button {
padding: 0.2em;
}
.compact_table_dataview .table-view-table tr {
border-bottom: 1px solid !important;
}
.compact_table_dataview img:not(.emoji) {
margin-top: 0px;
margin-bottom: 0px;
}
body {
--list-min-width: 200px;
--col-rule-color: var(--background-modifier-border);
--col-rule-width: 1px;
--list-grid-min-width: 250px;
--list-grid-wide-min-width: 350px;
}
.theme-dark {
}
.theme-light {
}
div[data-callout-metadata*="fw"].callout.callout.callout {
flex-grow: 0;
flex-shrink: 0;
}
div[data-callout-metadata*="fw1"].callout.callout.callout.callout {
flex-basis: 100px;
width: 100px;
}
div[data-callout-metadata*="fw2"].callout.callout.callout.callout {
flex-basis: 200px;
width: 200px;
}
div[data-callout-metadata*="fw3"].callout.callout.callout.callout {
flex-basis: 300px;
width: 300px;
}
div[data-callout-metadata*="fw4"].callout.callout.callout.callout {
flex-basis: 400px;
width: 400px;
}
div[data-callout-metadata*="fw5"].callout.callout.callout.callout {
flex-basis: 500px;
width: 500px;
}
div[data-callout-metadata*="fw6"].callout.callout.callout.callout {
flex-basis: 600px;
width: 600px;
}
div[data-callout-metadata*="fw7"].callout.callout.callout.callout {
flex-basis: 700px;
width: 700px;
}
div[data-callout-metadata*="fw8"].callout.callout.callout.callout {
flex-basis: 800px;
width: 800px;
}
div[data-callout-metadata*="fw9"].callout.callout.callout.callout {
flex-basis: 900px;
width: 900px;
}
div[data-callout-metadata*="pw1"].callout.callout.callout.callout {
flex-basis: 10%;
width: 10%;
}
div[data-callout-metadata*="pw2"].callout.callout.callout.callout {
flex-basis: 18%;
width: 18%;
}
div[data-callout-metadata*="pw3"].callout.callout.callout.callout {
flex-basis: 28%;
width: 28%;
}
div[data-callout-metadata*="pw4"].callout.callout.callout.callout {
flex-basis: 38%;
width: 38%;
}
div[data-callout-metadata*="pw5"].callout.callout.callout.callout {
flex-basis: 48%;
width: 48%;
}
div[data-callout-metadata*="pw6"].callout.callout.callout.callout {
flex-basis: 58%;
width: 58%;
}
div[data-callout-metadata*="pw7"].callout.callout.callout.callout {
flex-basis: 68%;
width: 68%;
}
div[data-callout-metadata*="pw8"].callout.callout.callout.callout {
flex-basis: 78%;
width: 78%;
}
div[data-callout-metadata*="pw9"].callout.callout.callout.callout {
flex-basis: 88%;
width: 88%;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="mw0"].callout.callout {
flex-basis: 0;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw1"].callout {
flex: 1 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw2"].callout {
flex: 2 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw3"].callout {
flex: 3 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw4"].callout {
flex: 4 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw5"].callout {
flex: 5 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw6"].callout {
flex: 6 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw7"].callout {
flex: 7 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw8"].callout {
flex: 8 0 auto;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="dw9"].callout {
flex: 9 0 auto;
}
body {
--mcc-img-snw-display: none;
--callout-min-width: 200px;
--callout-nowrap-min-width: 250px;
--callout-gap: 1em;
--callout-margin: 0px 5px;
}
[data-callout="multi-column"].callout {
--callout-blend-mode: normal;
}
div[data-callout="multi-column"].callout>.callout-title {
display: none;
}
div[data-callout="multi-column"].callout>.callout-content {
display: contents;
}
div[data-callout="multi-column"].callout {
display: flex;
flex-wrap: wrap;
gap: var(--callout-gap);
background: unset;
border: unset;
margin: unset;
padding: unset;
clear: both;
--columns: unset;
}
div[data-callout="multi-column"].callout .callout:not([data-callout="multi-column"]) {
display: flex;
flex-direction: column;
}
div[data-callout="multi-column"].callout:not(.is-collapsed) .callout {
margin-inline: var(--callout-margin);
margin-block: var(--callout-margin);
}
div[data-callout="multi-column"].callout .callout .callout-content {
flex-grow: 1;
}
div[data-callout="multi-column"].callout>.callout-content>*:is(div, ul, blockquote, p) {
flex: 1 1 var(--callout-min-width);
margin: 25px 0px;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="min-0"] {
flex-basis: 0;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="wide-2"] {
flex-grow: 2;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="wide-3"] {
flex-grow: 3;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="wide-4"] {
flex-grow: 4;
}
div[data-callout="multi-column"].callout>.callout-content>div[data-callout-metadata*="wide-5"] {
flex-grow: 5;
}
@media (min-width: 500px) {
div[data-callout="multi-column"].callout>div.callout-content .callout.is-collapsed {
box-shadow: unset;
height: min-content;
}
}
div[data-callout="multi-column"][data-callout-metadata*="flex-h"].callout {
align-items: flex-start;
}
div[data-callout="multi-column"][data-callout-metadata*="col3"]:not([data-callout-metadata*="icons"]).callout {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
div[data-callout="multi-column"][data-callout-metadata*="icons"] {
&.callout {
justify-content: center;
}
&.callout .callout {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
&.callout.callout .callout-content>p {
flex-grow: 1;
text-align: center;
}
&[data-callout-metadata*="col2"].callout.callout .callout-content>p {
flex-basis: 40%;
}
&[data-callout-metadata*="col3"].callout.callout .callout-content>p {
flex-basis: 30%;
}
&[data-callout-metadata*="col4"].callout.callout .callout-content>p {
flex-basis: 22%;
}
&[data-callout-metadata*="col5"].callout.callout .callout-content>p {
flex-basis: 18%;
}
&.callout p:first-child {
margin-top: revert;
}
}
div[data-callout="multi-column"][data-callout-metadata*="center-fixed"].callout {
justify-content: center;
}
div[data-callout="multi-column"][data-callout-metadata*="left-fixed"].callout {
justify-content: flex-start;
}
div[data-callout="multi-column"][data-callout-metadata*="right-fixed"].callout {
justify-content: flex-end;
}
div[data-callout="multi-column"][data-callout-metadata*="fixed"].callout>.callout-content>*:is(div, ul) {
flex-grow: 0;
}
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="small"].callout>.callout-content>*:is(div, ul) {
flex-basis: calc(var(--float-small-width) * 0.5);
}
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="medium"].callout>.callout-content>*:is(div, ul) {
flex-basis: calc(var(--float-medium-width) * 0.65);
}
div[data-callout="multi-column"][data-callout-metadata*="fixed"][data-callout-metadata*="large"].callout>.callout-content>*:is(div, ul) {
flex-basis: calc(var(--float-large-width) * 0.8);
}
div[data-callout="multi-column"][data-callout-metadata*="no-wrap"].callout {
flex-wrap: nowrap;
overflow-x: scroll;
&>.callout-content>*:is(div, ul) {
flex-shrink: 0;
}
}
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="small"] {
flex-basis: 300px;
}
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="medium"] {
flex-basis: 400px;
}
.callout[data-callout="multi-column"][data-callout-metadata*="no-wrap"] .callout[data-callout-metadata*="large"] {
flex-basis: 600px;
}
div[data-callout="multi-column"] .callout[data-callout-metadata*="center"] {
text-align: center;
}
div[data-callout="multi-column"].callout>.callout-content {
margin-top: unset;
}
div[data-callout="multi-column"].callout:not(.is-collapsed) {
box-shadow: unset;
}
body[class*="notebook-liked-markdown-page"].shade-callout-style .callout[data-callout="multi-column"] {
box-shadow: unset !important;
}
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) div[data-callout="multi-column"].callout .dataview.list-view-ul {
width: auto;
}
.callouts-outlined div[data-callout="multi-column"].callout:not(.is-collapsed) .callout:not([data-callout="multi-column"]) {
margin-top: 1em;
}
div[data-callout*="multi-column"].callout .callout-content span.image-embed+.snw-reference {
display: var(--mcc-img-snw-display);
}
div[data-callout*="blank"].callout {
--callout-blend-mode: normal;
}
div[data-callout*="blank"].callout>.callout-title {
display: none;
}
div[data-callout*="blank"].callout>.callout-content {
display: contents;
}
div[data-callout*="blank"].callout {
border: 0;
padding-top: 0;
padding-inline: 5px;
background: unset;
box-shadow: unset;
}
div[data-callout-metadata*="no-margin"]:is(.cm-callout, .callout.callout, .callout.callout .callout-content) {
margin: 0;
padding: 0;
}
div[data-callout*="blank"].callout .callout-content>p:only-child {
margin-block: 0;
}
div[data-callout*="blank"] .callout-content::before {
display: none;
}
.text-justify :is(.markdown-preview-view p, .markdown-source-view .cm-line) {
text-align: justify;
}
body {
--float-small-width: 300px;
--float-medium-width: 400px;
--float-large-width: 600px;
--float-left-callout-margin: 0 15px 0 0;
--float-right-callout-margin: 0 0 0 15px;
--float-callout-top-margin: 0em;
--float-callout-bottom-margin: 0em;
--float-callout-snw-display: none;
--float-left-callout-margin-inline: 0 12px;
--float-right-callout-margin-inline: 12px 0;
--float-snw-display: none;
}
@media (min-width: 500px) {
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"]) {
display: inline;
z-index: 30;
}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"])>div>.callout {
float: left;
z-index: 30;
}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-left"])>.edit-block-button {
display: none;
}
.markdown-reading-view div[data-callout-metadata*="left"].callout {
float: left;
}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"]) {
display: inline;
z-index: 30;
}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"])>div>.callout {
float: right;
z-index: 30;
}
.markdown-source-view .cm-embed-block.cm-callout:has(> div.markdown-rendered > [data-callout-metadata*="float-right"])>.edit-block-button {
display: none;
}
.markdown-reading-view div[data-callout-metadata*="right"].callout {
float: right;
}
.markdown-source-view.mod-cm6 .cm-embed-block.cm-callout :is(.callout[data-callout-metadata*="left"], .callout[data-callout-metadata*="right"]) .callout-content>p:last-of-type {
margin-bottom: auto;
}
[data-callout-metadata*="float-right"].cm-embed-block.cm-callout {
width: auto !important;
}
.callout:is(div[data-callout-metadata*="left"], div[data-callout-metadata*="right"]) .callout-content> :is(p:first-child, ul:first-child, ol:first-child) {
margin-top: 0;
}
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="left"]),
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="right"]) {
margin-top: calc(1em * var(--line-height-normal) + var(--float-callout-top-margin));
}
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="left"]),
.markdown-reading-view div[data-callout-metadata*="left"].callout {
margin-inline: var(--float-left-callout-margin-inline);
}
.markdown-source-view.mod-cm6 .callout:is(div[data-callout-metadata*="right"]),
.markdown-reading-view div[data-callout-metadata*="right"].callout {
margin-inline: var(--float-right-callout-margin-inline);
}
}
[data-callout-metadata*="-small"].callout {
width: var(--float-small-width);
}
[data-callout-metadata*="-medium"].callout {
width: var(--float-medium-width);
}
[data-callout-metadata*="-large"].callout {
width: var(--float-large-width);
}
div:is([data-callout-metadata*="caption"]).callout>.callout-content>p .image-embed[alt]:not([alt$=".png"], [alt$=".jpg"], [alt$=".jpeg"], [alt$=".tiff"])::after {
content: attr(alt);
text-align: center;
display: block;
font-style: italic;
color: var(--text-muted);
}
div:is([data-callout-metadata*="caption"]).callout>.callout-content>p img:not(.emoji) {
display: block;
margin-right: auto;
margin-left: auto;
}
.embedded-backlinks {
clear: both;
}
div:is([data-callout-metadata*="caption"], [data-callout-metadata*="left"], [data-callout-metadata*="right"]).callout>.callout-content>p .snw-embed-preview {
display: var(--float-callout-snw-display);
width: min-content;
height: min-content;
}
div:is([data-callout-metadata*="caption"], [data-callout-metadata*="left"], [data-callout-metadata*="right"]).callout>.callout-content>p .internal-embed.image-embed~br {
display: none;
}
:is(div[class*="mcl"].markdown-rendered, .markdown-rendered) a[href*="#mcl"] {
display: none;
}
.cm-s-obsidian .HyperMD-list-line span[class*="mcl"] {
background-color: var(--background-primary) !important;
color: var(--text-faint);
font-size: 0.9rem;
}
.two-column-list div>ul,
.two-column-list-block,
.three-column-list div>ul,
.three-column-list-block,
.four-column-list div>ul,
.four-column-list-block,
.multi-column-list div>ul,
.multi-column-list-block {
column-gap: 3rem;
column-rule: var(--col-rule-width) solid var(--col-rule-color);
}
@media (min-width: 500px) {
.two-column-list div>ul,
.two-column-list-block {
columns: 2;
}
.three-column-list div>ul,
.three-column-list-block {
columns: 3;
}
.four-column-list div>ul,
.four-column-list-block {
columns: 4;
}
}
.multi-column-list div>ul,
.multi-column-list-block {
column-width: var(--list-min-width);
}
.footnotes [class$="-column-list-block"] li:last-of-type br:last-of-type {
display: none;
}
ul:has(> li > [data-heading] > [href*="#mcl/list-column"]),
ul:has(> li > [href*="#mcl/list-column"]) {
margin-top: 0;
column-width: var(--list-min-width);
column-gap: 1rem;
column-rule: var(--col-rule-width) solid var(--col-rule-color);
}
div:has(> ul > li > [href*="#mcl/list-column"]),
div:has(> ul > li > [data-heading] > [href*="#mcl/list-column"]) {
margin-top: 0.8em;
}
div[data-callout*="blank"]>.callout-content:has(li [href*="#mcl/list-column"]) {
display: block;
margin: 0;
padding: 0;
}
ul:has([href="#mcl/list-column"]) li>.list-bullet::after,
.markdown-preview-view[class*="column-list"] li>.list-bullet::after,
.tag-mcllist-column ul li>.list-bullet::after,
ul[class*="column-list"] li>.list-bullet::after {
position: relative;
}
div.cc-container:has(li > [href="#mcl/list-column"]) {
width: 100%;
}
ul:has(> li > [data-heading] > [href*="#mcl/list-grid"]),
ul:has(> li > [href*="#mcl/list-grid"]),
div[class*="mcllist-grid"] ul:first-child {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-min-width), 1fr));
}
ul:has(> li > [data-heading] > [href*="#mcl/list-grid-wide"]),
ul:has(> li > [href*="#mcl/list-grid-wide"]),
div[class*="mcllist-grid-wide"] ul:first-child {
grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-wide-min-width), 1fr));
}
ul:has(> li > [data-heading] > [href*="#mcl/list-grid"])>li:not(:last-of-type),
ul:has(> li > [href*="#mcl/list-grid"])>li:not(:last-of-type),
div[class*="mcllist-grid"] ul:first-child>li:not(:last-of-type) {
padding-right: 1.6em;
}
ul:has(> li > [data-heading] > [href*="#mcl/list-grid-sm"]),
ul:has(> li > [href*="#mcl/list-grid-sm"]),
div[class*="mcllist-grid-sm"] ul:first-child {
--list-grid-min-width: 20%;
}
@media (min-width: 500px) {
.two-column-grid-list div>ul {
display: grid;
grid-column-gap: 3em;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 600px) {
.three-column-grid-list div>ul {
display: grid;
grid-column-gap: 3em;
grid-template-columns: repeat(3, 1fr);
}
}
body {
--mcl-card-header-border-width: 1px;
--mcl-card-bg-color: var(--background-secondary);
--mcl-card-gap: 0.2em;
--mcl-card-border-width: 1px;
--mcl-card-border-color: var(--background-modifier-border);
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), [class*="mcllist-card"]) ul:first-child {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-min-width), 1fr));
margin-block-start: 0.5em;
}
:is(div:has(> ul [data-heading*="#mcl/list-card-wide"]), [class*="mcllist-card-wide"]) ul:first-child {
grid-template-columns: repeat(auto-fit, minmax(var(--list-grid-wide-min-width), 1fr));
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul ul:not(ul ul ul) {
padding-left: 0.1em;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul ul:not(ul ul ul)>li {
margin-inline-start: 0;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul {
padding-left: 0;
}
:is(.is-mobile .markdown-preview-section) :is(div:has([data-heading*="#mcl/list-card"]), .tag-mcllist-card) :is(ol:not(ol ol ol), ul:not(ul ul ul)) {
padding-left: 0;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li {
position: relative;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li:hover>.collapse-indicator,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li>ul>li:hover>.collapse-indicator {
opacity: 1;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li>.collapse-indicator,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li>ul>li>.collapse-indicator {
position: absolute;
right: 0.7em;
padding-right: 0;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul::before {
display: none;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [data-heading*="#mcl/list-card"]) .callout-content, .tag-mcllist-card, .tag-mcllist-card .callout-content)>ul>li:not(.is-collapsed)>[data-heading] {
border-bottom: var(--mcl-card-header-border-width) solid var(--mcl-card-border-color);
margin-bottom: 0.2em;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>div>div>ul>li>.list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>div>div>ul>li>ul>li>.list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>ul>li::before,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>ul>li>ul>li::before,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>ul>li>.list-bullet::after,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card)>ul>li>ul>li>.list-bullet::after {
visibility: hidden;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul ul ul)::before {
--indentation-guide-width: 0;
}
.markdown-rendered.show-indentation-guide :is(div:has(> ul [data-heading*="#mcl/list-card"]), .tag-mcllist-card) li>ul::before,
.markdown-rendered.show-indentation-guide :is(div:has(> ul [data-heading*="#mcl/list-card"]), .tag-mcllist-card) li>ol::before {
border-right: 0;
border-left: 0;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) li {
list-style: none;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) li li li {
list-style: circle;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) .callout ul:not(ul ul)>li,
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul)>li {
margin-inline: var(--mcl-card-gap);
margin-bottom: calc(var(--mcl-card-gap)*2);
padding: 0.3em 0.5em;
outline: var(--mcl-card-border-width) solid var(--mcl-card-border-color);
border-radius: 0.5em;
background-color: var(--mcl-card-bg-color);
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul:not(ul ul)>li img {
width: 100%;
}
:is(div:has(> ul [data-heading*="#mcl/list-card"]), div:has(> ul [href*="#mcl/list-card"]), .tag-mcllist-card) ul img {
margin: 0;
float: none;
}
.markdown-rendered .tag-mcllist-card ul img[alt*=right] {
margin: 0;
}
:root,
body,
.app-container {
--zotero-yellow-rgb: 255, 212, 0;
--zotero-red-rgb: 255, 102, 102;
--zotero-green-rgb: 95, 178, 54;
--zotero-blue-rgb: 46, 168, 229;
--zotero-purple-rgb: 162, 138, 229;
--zotero-magenta-rgb: 229, 110, 238;
--zotero-orange-rgb: 241, 152, 55;
--zotero-gray-rgb: 170, 170, 170;
--fluro-pink-rgb: 255, 0, 255;
--fluro-blue-rgb: 0, 255, 255;
--zotero-black-light-rgb: 0, 0, 0;
--zotero-black-dark-rgb: 255, 255, 255;
--text-highlight-rgb: var(--zotero-yellow-rgb);
}
.markdown-rendered mark:not([style*="background"]),
.markdown-preview-view mark:not([style*="background"]),
.view-content .markdown-rendered mark:not([style*="background"]) {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--text-highlight-rgb), 0.65) 0.5em,
rgba(var(--text-highlight-rgb), 0.35) 1.6em,
rgba(var(--text-highlight-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--text-highlight-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.cm-editor .cm-content mark:not([style*="background"]),
.markdown-source-view.mod-cm6 .cm-editor .cm-content mark:not([style*="background"]),
.cm-line mark:not([style*="background"]),
.HyperMD-highlight:not([style*="background"]),
.cm-highlight-mark:not([style*="background"]) {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--text-highlight-rgb), 0.65) 0.5em,
rgba(var(--text-highlight-rgb), 0.35) 1.6em,
rgba(var(--text-highlight-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--text-highlight-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-source-view.mod-cm6 .cm-link .cm-underline,
.markdown-source-view.mod-cm6 .cm-url .cm-underline {
color: var(--external-link);
text-decoration-line: var(--link-external-decoration);
}
.cm-s-obsidian span.cm-formatting-highlight:not([style*="background"]),
.cm-s-obsidian span.cm-highlight:not([style*="background"]) {
padding: 0.1em 0.4em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--text-highlight-rgb), 0.4) 0.5em,
rgba(var(--text-highlight-rgb), 0.25) 1.6em,
rgba(var(--text-highlight-rgb), 0.25) calc(100% - 1.4em),
rgba(var(--text-highlight-rgb), 0.4) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
}
.markdown-rendered mark[style*="#ffd400"],
.markdown-preview-view mark[style*="#ffd400"],
.cm-editor mark[style*="#ffd400"],
.cm-line mark[style*="#ffd400"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-yellow-rgb), 0.65) 0.5em,
rgba(var(--zotero-yellow-rgb), 0.35) 1.6em,
rgba(var(--zotero-yellow-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-yellow-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#ff6666"],
.markdown-preview-view mark[style*="#ff6666"],
.cm-editor mark[style*="#ff6666"],
.cm-line mark[style*="#ff6666"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-red-rgb), 0.75) 0.5em,
rgba(var(--zotero-red-rgb), 0.45) 1.6em,
rgba(var(--zotero-red-rgb), 0.45) calc(100% - 1.4em),
rgba(var(--zotero-red-rgb), 0.75) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#5fb236"],
.markdown-preview-view mark[style*="#5fb236"],
.cm-editor mark[style*="#5fb236"],
.cm-line mark[style*="#5fb236"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-green-rgb), 0.65) 0.5em,
rgba(var(--zotero-green-rgb), 0.35) 1.6em,
rgba(var(--zotero-green-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-green-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#2ea8e5"],
.markdown-preview-view mark[style*="#2ea8e5"],
.cm-editor mark[style*="#2ea8e5"],
.cm-line mark[style*="#2ea8e5"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-blue-rgb), 0.65) 0.5em,
rgba(var(--zotero-blue-rgb), 0.35) 1.6em,
rgba(var(--zotero-blue-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-blue-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#a28ae5"],
.markdown-preview-view mark[style*="#a28ae5"],
.cm-editor mark[style*="#a28ae5"],
.cm-line mark[style*="#a28ae5"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-purple-rgb), 0.65) 0.5em,
rgba(var(--zotero-purple-rgb), 0.35) 1.6em,
rgba(var(--zotero-purple-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-purple-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#e56eee"],
.markdown-preview-view mark[style*="#e56eee"],
.cm-editor mark[style*="#e56eee"],
.cm-line mark[style*="#e56eee"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-magenta-rgb), 0.65) 0.5em,
rgba(var(--zotero-magenta-rgb), 0.35) 1.6em,
rgba(var(--zotero-magenta-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-magenta-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#f19837"],
.markdown-preview-view mark[style*="#f19837"],
.cm-editor mark[style*="#f19837"],
.cm-line mark[style*="#f19837"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-orange-rgb), 0.65) 0.5em,
rgba(var(--zotero-orange-rgb), 0.35) 1.6em,
rgba(var(--zotero-orange-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-orange-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
.markdown-rendered mark[style*="#aaaaaa"],
.markdown-preview-view mark[style*="#aaaaaa"],
.cm-editor mark[style*="#aaaaaa"],
.cm-line mark[style*="#aaaaaa"] {
margin: 0px !important;
padding: 0.1em 0.4em !important;
border-radius: 0.8em 0.3em !important;
background: transparent !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-gray-rgb), 0.65) 0.5em,
rgba(var(--zotero-gray-rgb), 0.35) 1.6em,
rgba(var(--zotero-gray-rgb), 0.35) calc(100% - 1.4em),
rgba(var(--zotero-gray-rgb), 0.65) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
text-shadow: 0 0 0.75em var(--background-primary-alt) !important;
color: var(--text-normal) !important;
}
mark.yellow,
.markdown-rendered mark.yellow,
.markdown-preview-view mark.yellow,
.cm-editor mark.yellow,
.cm-line mark.yellow {
--text-highlight-rgb: var(--zotero-yellow-rgb) !important;
}
mark.red,
.markdown-rendered mark.red,
.markdown-preview-view mark.red,
.cm-editor mark.red,
.cm-line mark.red {
--text-highlight-rgb: var(--zotero-red-rgb) !important;
}
mark.green,
.markdown-rendered mark.green,
.markdown-preview-view mark.green,
.cm-editor mark.green,
.cm-line mark.green {
--text-highlight-rgb: var(--zotero-green-rgb) !important;
}
mark.blue,
.markdown-rendered mark.blue,
.markdown-preview-view mark.blue,
.cm-editor mark.blue,
.cm-line mark.blue {
--text-highlight-rgb: var(--zotero-blue-rgb) !important;
}
mark.purple,
.markdown-rendered mark.purple,
.markdown-preview-view mark.purple,
.cm-editor mark.purple,
.cm-line mark.purple {
--text-highlight-rgb: var(--zotero-purple-rgb) !important;
}
mark.magenta,
.markdown-rendered mark.magenta,
.markdown-preview-view mark.magenta,
.cm-editor mark.magenta,
.cm-line mark.magenta {
--text-highlight-rgb: var(--zotero-magenta-rgb) !important;
}
mark.orange,
.markdown-rendered mark.orange,
.markdown-preview-view mark.orange,
.cm-editor mark.orange,
.cm-line mark.orange {
--text-highlight-rgb: var(--zotero-orange-rgb) !important;
}
mark.grey,
mark.gray,
.markdown-rendered mark.grey,
.markdown-rendered mark.gray,
.markdown-preview-view mark.grey,
.markdown-preview-view mark.gray,
.cm-editor mark.grey,
.cm-editor mark.gray,
.cm-line mark.grey,
.cm-line mark.gray {
--text-highlight-rgb: var(--zotero-gray-rgb) !important;
}
mark.pink,
.markdown-rendered mark.pink,
.markdown-preview-view mark.pink,
.cm-editor mark.pink,
.cm-line mark.pink {
--text-highlight-rgb: var(--fluro-pink-rgb) !important;
}
.theme-light mark.black,
.theme-light .markdown-rendered mark.black,
.theme-light .markdown-preview-view mark.black,
.theme-light .cm-editor mark.black,
.theme-light .cm-line mark.black {
--text-highlight-rgb: var(--zotero-black-light-rgb) !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-black-light-rgb), 0.8) 0.5em,
rgba(var(--zotero-black-light-rgb), 0.7) 1.6em,
rgba(var(--zotero-black-light-rgb), 0.7) calc(100% - 1.4em),
rgba(var(--zotero-black-light-rgb), 0.8) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
color: white !important;
font-weight: bold !important;
-webkit-text-stroke: 0.8px rgb(73, 64, 0) !important;
text-shadow: none !important;
}
.theme-dark mark.black,
.theme-dark .markdown-rendered mark.black,
.theme-dark .markdown-preview-view mark.black,
.theme-dark .cm-editor mark.black,
.theme-dark .cm-line mark.black {
--text-highlight-rgb: var(--zotero-black-dark-rgb) !important;
background-image: linear-gradient(105deg,
transparent 0,
transparent 0.3em,
rgba(var(--zotero-black-dark-rgb), 0.9) 0.5em,
rgba(var(--zotero-black-dark-rgb), 0.95) 1.6em,
rgba(var(--zotero-black-dark-rgb), 0.95) calc(100% - 1.4em),
rgba(var(--zotero-black-dark-rgb), 0.9) calc(100% - 0.5em),
transparent calc(100% - 0.3em),
transparent 100%) !important;
color: black !important;
font-weight: 900 !important;
-webkit-text-stroke: 0.5px rgb(73, 64, 0) !important;
text-shadow: none !important;
}
.theme-light mark.black .external-link,
.theme-light .markdown-rendered mark.black .external-link,
.theme-light .markdown-preview-view mark.black .external-link,
.theme-light .cm-editor mark.black .external-link,
.theme-light .cm-line mark.black .external-link {
color: #a0ffa0 !important;
font-weight: bold;
}
.theme-dark .markdown-rendered mark .internal-link {
font-weight: bold !important;
}
.theme-light .markdown-rendered mark .internal-link {
color: rgb(255, 166, 0) !important;
font-weight: bold !important;
}
@media print {
html, body {
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
.markdown-preview-view mark,
.markdown-rendered mark {
background-image: none !important;
background-color: rgba(255, 212, 0, 0.5) !important;
text-shadow: none !important;
}
.markdown-preview-view mark.green,
.markdown-rendered mark.green {
background-image: none !important;
background-color: rgba(95, 178, 54, 0.45) !important;
}
.markdown-preview-view mark.red,
.markdown-rendered mark.red {
background-image: none !important;
background-color: rgba(255, 102, 102, 0.5) !important;
}
.markdown-preview-view mark.yellow,
.markdown-rendered mark.yellow {
background-image: none !important;
background-color: rgba(255, 212, 0, 0.5) !important;
}
.markdown-preview-view mark.purple,
.markdown-rendered mark.purple {
background-image: none !important;
background-color: rgba(162, 138, 229, 0.45) !important;
}
.markdown-preview-view mark.blue,
.markdown-rendered mark.blue {
background-image: none !important;
background-color: rgba(46, 168, 229, 0.45) !important;
}
.markdown-preview-view mark.orange,
.markdown-rendered mark.orange {
background-image: none !important;
background-color: rgba(241, 152, 55, 0.5) !important;
}
}
.obsidian-banner .banner-image.draggable {
cursor: grab;
border: none;
border-radius: 0px;
}
.obsidian-banner img:not(.emoji) {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.obsidian-banner-wrapper {
margin-top: 0px;
padding-top: 0px;
}
#calendar-container {
--color-background-heading: transparent;
--color-background-weeknum: transparent;
--color-background-day: transparent;
--color-background-weekend: transparent;
--color-dot: var(--text-accent);
--color-arrow: currentColor;
--color-button: var(--text-muted);
--color-text-weeknum: var(--calendar-week-color);
--color-text-title: var(--text-normal);
--color-text-heading: var(--text-normal);
--color-text-day: var(--text-normal);
--color-text-today: var(--text-accent);
padding: 0px 0px 0px 0px;
margin: -25px -10px 0px -9px;
line-height: 1;
border-radius: 5px !important;
}
#calendar-container th {
padding: 6px 0;
border-radius: 0px !important;
background-color: var(--table-thead-background-color) !important;
}
#calendar-container .week-num,
#calendar-container .day {
border-radius: 0px !important;
}
#calendar-container td {
width: 12.5%;
padding: 0px !important;
line-height: 17px;
border-radius: 0px !important;
}
#calendar-container tr {
border: 3px solid var(--background-secondary-alt);
}
#calendar-container .day:not(:empty):hover {
background-color: var(--table-hover-color);
}
#calendar-container .calendar {
margin: -8px 0;
}
#calendar-container .day:active,
#calendar-container .active,
#calendar-container .active.today {
background-color: var(--theme-color-translucent) !important;
border-radius: 5px !important;
}
#calendar-container .today {
border-radius: 5px !important;
color: var(--text-normal);
background-color: rgba(155, 204, 208, 0.35) !important;
}
#calendar-container .reset-button {
font-size: 14px !important;
margin: 0;
padding: 0px 0px 0px 0px;
cursor: pointer;
line-height: 1.2;
text-align: center;
}
#calendar-container .reset-button:hover {
color: var(--text-accent);
}
#calendar-container .arrow:hover {
color: var(--theme-color);
}
#calendar-container .dot {
stroke: transparent;
}
#calendar-container .dot-container {
margin-top: -2px;
margin-bottom: -1px;
}
#calendar-container .month {
font-size: 19px;
line-height: 1;
}
#calendar-container .year {
font-size: 19px;
line-height: 1;
}
.theme-light #calendar-container .week-num {
background-color: rgba(255, 184, 108, 0.4);
font-weight: 900;
}
.theme-dark #calendar-container .week-num {
background-color: rgba(255, 184, 108, 0.2);
font-weight: 900;
}
.theme-light #calendar-container .week-num:hover {
background-color: rgba(255, 184, 108, 0.75);
}
.theme-dark #calendar-container .week-num:hover {
background-color: rgba(255, 184, 108, 0.55);
}
#calendar-container .day:active,
#calendar-container .active,
#calendar-container .active.today {
border-radius: 5px !important;
color: white !important;
background-color: rgb(255 255 255 / 30%) !important;
}
#calendar-container .day:hover {
background-color: rgba(255, 0, 255, 0.3) !important;
border-radius: 5px !important;
}
#calendar-container tbody td:first-of-type {
border-right: 1.2px solid #8e8e8e;
}
thead tr th {
border-right: 2px solid var(--text-faint);
padding: 9px 20px 9px 10px;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}
#calendar-container .active.today {
border-radius: 5px !important;
color: white !important;
background-color: rgba(155, 204, 208, 0.35) !important;
}
.arrow.svelte-156w7na svg.svelte-156w7na:hover {
color: var(--text-accent);
height: 18px;
transition-property: all;
transition-duration: 155ms;
transition-timing-function: ease;
transition-delay: 0s;
}
.arrow.svelte-156w7na svg.svelte-156w7na {
transition-property: all;
transition-duration: 155ms;
transition-timing-function: ease;
transition-delay: 0s;
}
.kanban-plugin__markdown-preview-view ul,
.kanban-plugin__markdown-preview-view ol {
padding-inline-start: 27px;
}
button.kanban-plugin__new-item-button {
color: white !important;
background-color: revert;
}
.excalidraw .popover {
background-color: white !important;
}
.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,
.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon {
background-color: transparent !important;
}
.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon {
--icon-fill-color: none;
}
.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon {
background: transparent !important;
}
.excalidraw .buttonList label.active,
.excalidraw .buttonList button.active,
.excalidraw .buttonList .zIndexButton.active {
background-color: transparent !important;
}
.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,
.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon {
background-color: var(--text-accent) !important;
}
.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg,
.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg {
fill: black;
}
.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon {
--icon-fill-color: black;
}
.oz-folder-name {
font-size: 15.5px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.markdown-preview-view,
.markdown-source-view,
.cm-editor {
touch-action: manipulation;
}
.workspace-leaf-content {
zoom: initial;
}
::-webkit-scrollbar {
width: var(--scrollbar-width);
height: var(--scrollbar-width);
}
::-webkit-scrollbar-track {
background: var(--scrollbar-bg);
}
::-webkit-scrollbar-thumb {
background: var(--scrollbar-thumb-bg);
border-radius: calc(var(--scrollbar-width) / 2);
}
::-webkit-scrollbar-thumb:hover {
background: var(--scrollbar-active-thumb-bg);
}
* {
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg);
}
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: 2px solid var(--text-accent);
outline-offset: 2px;
}
.cards table.dataview tbody {
clear: both;
padding: 0.3rem 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--cards-min-width, 100px), var(--cards-max-width, 1fr)));
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
align-items: start;
}
.cards table.dataview>tbody>tr {
background-color: var(--background-secondary-alt);
display: flex;
flex-direction: column;
margin: 0;
padding: 0.3rem;
border-radius: 5px;
overflow: hidden;
transition: box-shadow 0.15s linear;
min-height: 325px;
}
.cards table.dataview>tbody>tr:hover {
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.21) !important;
transition: box-shadow 0.15s linear;
border: 2px solid var(--text-normal);
}
.cards table.dataview tbody>tr>td {
border-bottom: none;
padding: 0 !important;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-shrink: 0;
}
.cards table.dataview tbody>tr>td:first-child {
font-weight: var(--bold-weight);
height: 40px;
order: 1;
}
.cards table.dataview tbody>tr>td:first-child a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
line-height: 1.1;
width: 100%;
font-size: 0.9em;
color: var(--text-accent);
text-decoration: none;
}
.cards table.dataview tbody>tr>td:nth-child(2) {
font-size: 0.95em;
color: var(--text-muted);
order: 2;
margin-bottom: 5px;
}
.cards table.dataview tbody>tr>td:nth-child(2) .el-p {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
line-height: 1;
width: 100%;
margin: 0;
}
.cards table.dataview tbody>tr>td:nth-child(3) {
height: var(--cards-image-height, 200px);
order: 3;
flex-grow: 1;
margin: 5px 0;
}
.cards table.dataview tbody>tr>td:nth-child(3) img {
width: 100%;
height: 100%;
object-fit: var(--cards-image-fit, cover);
border-radius: 4px;
}
.cards table.dataview tbody>tr>td:nth-child(4) {
height: 30px;
order: 4;
margin: 5px 0;
width: 100%;
}
.cards table.dataview tbody>tr>td:nth-child(4) img {
width: 100%;
height: auto;
max-height: 20px;
border-radius: 10px;
}
.cards table.dataview tbody>tr>td:nth-child(4) .el-p {
width: 100%;
margin: 0;
}
.cards table.dataview tbody>tr>td:nth-child(5) {
font-size: 0.8em;
color: var(--text-muted);
font-style: italic;
order: 5;
margin-top: auto;
}
.cards table.dataview tbody>tr>td:nth-child(n+6) {
font-size: 0.8em;
order: 6;
}
.cards-cols-1 table.dataview tbody {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.cards-cols-2 table.dataview tbody {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cards-cols-3 table.dataview tbody {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cards-cols-4 table.dataview tbody {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.cards-cols-5 table.dataview tbody {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cards-cols-6 table.dataview tbody {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.cards-cols-7 table.dataview tbody {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.cards-cols-8 table.dataview tbody {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.cards-cols-9 table.dataview tbody {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.cards-cols-10 table.dataview tbody {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
@media (min-width: 400pt) {
.cards table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
}
@media (min-width: 768px) {
.cards table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}
}
@media (min-width: 1200px) {
.cards table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
}
.cards-cover.cards table.dataview tbody>tr>td img {
object-fit: cover;
}
.cards-16-9.cards table.dataview tbody>tr>td img {
aspect-ratio: 16/9;
}
.cards-1-1.cards table.dataview tbody>tr>td img {
aspect-ratio: 1/1;
}
.cards-2-1.cards table.dataview tbody>tr>td img {
aspect-ratio: 2/1;
}
.cards-2-3.cards table.dataview tbody>tr>td img {
aspect-ratio: 2/3;
}
.cards-align-bottom.cards table.dataview tbody>tr>td:last-child {
align-items: flex-end;
flex-grow: 1;
}
.cards table.dataview tbody>tr>td a {
text-decoration: none;
}
.links-int-on .cards table.dataview tbody>tr>td a {
text-decoration: none;
}
.cards table.dataview tbody>tr>td>button {
width: 100%;
margin: 0.2rem 0;
}
.cards table.dataview tbody>tr>td>ul {
width: 100%;
padding: 0.1em 0 !important;
margin: 0 auto !important;
font-size: 0.8em;
}
.cards table.dataview tbody>tr>td .el-p {
display: block;
width: 100%;
margin: 0;
padding: 0;
line-height: 1.1;
}
.cards.table-100 table.dataview thead>tr,
.table-100 .cards table.dataview thead>tr {
right: 0.75rem;
}
.table-100 .cards table.dataview thead:before,
.cards.table-100 table.dataview thead:before {
margin-right: 0.75rem;
}
.cards table.dataview thead {
user-select: none;
width: 180px;
display: block;
float: right;
position: relative;
text-align: right;
height: 24px;
padding-bottom: 4px;
}
.cards table.dataview thead:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: var(--icon-size);
background-repeat: no-repeat;
cursor: var(--cursor);
text-align: right;
padding: 4px 10px;
margin-bottom: 2px;
border-radius: 5px;
font-weight: 500;
}
.cards table.dataview thead:hover:before {
opacity: 0.9;
}
.cards table.dataview thead>tr {
top: 0;
position: absolute;
display: none;
z-index: 9;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
padding: 6px;
border-radius: 6px;
flex-direction: column;
margin: 26px 0 0 0;
width: 100%;
}
.cards table.dataview thead:hover>tr {
display: flex;
}
.cards table.dataview thead>tr>th {
width: 100%;
font-weight: 400;
color: var(--text-muted);
cursor: var(--cursor-link);
border: none;
background-color: var(--background-secondary);
}
.cards.markdown-preview-view tbody tr:hover {
background-color: transparent;
}
.cards-games table.dataview>tbody>tr {
background-color: var(--background-secondary-alt);
border: 1px solid var(--background-modifier-border);
display: flex;
flex-direction: column;
margin: 0;
padding: 0.3rem;
border-radius: 6px;
overflow: hidden;
transition: box-shadow 0.15s linear;
min-height: 190px;
}
.cards-games table.dataview>tbody>tr:hover {
box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.21) !important;
transition: box-shadow 0.15s linear;
}
.cards-games table.dataview tbody>tr>td {
border-bottom: none;
padding: 0 !important;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-shrink: 0;
}
.cards-games table.dataview tbody>tr>td:first-child {
font-weight: var(--bold-weight);
height: 38px;
order: 1;
}
.cards-games table.dataview tbody>tr>td:nth-child(2) {
height: 120px;
order: 2;
flex-grow: 1;
margin: 3px 0;
overflow: hidden;
border-radius: 4px;
}
.cards-games table.dataview tbody>tr>td:nth-child(2) .image-embed img {
width: 100%;
height: 120px;
border-radius: 0;
cursor: pointer;
display: block;
}
.cards-games table.dataview tbody>tr>td:nth-child(3) {
height: 20px;
font-size: 0.9em;
color: var(--text-normal);
font-weight: 500;
order: 3;
margin: 2px 0;
}
.cards-games table.dataview tbody>tr>td:nth-child(4) {
height: 25px;
font-size: 1.0em;
color: var(--text-accent);
font-weight: bold;
order: 4;
margin-top: auto;
}
.cards-games table.dataview tbody>tr>td:nth-child(3):last-child {
margin-top: auto;
}
.cards-games table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-column-gap: 0.3rem;
grid-row-gap: 0.3rem;
}
@media (min-width: 768px) {
.cards-games table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}
}
@media (min-width: 1200px) {
.cards-games table.dataview tbody {
grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
}
}
.cards-movies table.dataview tbody {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
padding: 0.3rem 0;
}
.cards-movies table.dataview>tbody>tr {
background-color: var(--background-secondary-alt);
border: 1px solid var(--background-modifier-border);
display: grid;
grid-template-columns: 70px 1fr;
grid-template-rows: auto auto auto auto;
grid-template-areas:
"poster title"
"poster genre"
"poster year"
"poster rating";
margin: 0;
padding: 0.4rem;
border-radius: 6px;
overflow: hidden;
transition: box-shadow 0.15s linear;
min-height: 110px;
gap: 0.6rem;
}
.cards-movies table.dataview>tbody>tr:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
transition: box-shadow 0.15s linear;
}
.cards-movies table.dataview tbody>tr>td:nth-child(2) {
grid-area: poster;
padding: 0 !important;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: center;
}
.cards-movies table.dataview tbody>tr>td:nth-child(2) .image-embed img {
width: 70px;
height: 100px;
object-fit: cover;
border-radius: 4px;
cursor: pointer;
display: block;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.cards-movies table.dataview tbody>tr>td:first-child {
grid-area: title;
font-weight: var(--bold-weight);
font-size: 1.1em;
color: var(--text-accent);
padding: 0 !important;
margin: 0;
display: flex;
align-items: flex-start;
text-align: left;
}
.cards-movies table.dataview tbody>tr>td:first-child a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.2;
width: 100%;
text-decoration: none;
color: var(--text-accent);
}
.cards-movies table.dataview tbody>tr>td:nth-child(3) {
grid-area: genre;
font-size: 0.9em;
color: var(--text-muted);
padding: 0 !important;
margin: 0;
display: flex;
align-items: flex-start;
text-align: left;
}
.cards-movies table.dataview tbody>tr>td:nth-child(3) .el-p {
margin: 0;
line-height: 1.1;
}
.cards-movies table.dataview tbody>tr>td:nth-child(4) {
grid-area: year;
font-size: 0.9em;
color: var(--text-normal);
font-weight: 500;
padding: 0 !important;
margin: 0;
display: flex;
align-items: flex-start;
text-align: left;
}
.cards-movies table.dataview tbody>tr>td:nth-child(5) {
grid-area: rating;
font-size: 0.95em;
color: #f5c518;
font-weight: bold;
padding: 0 !important;
margin: 0;
display: flex;
align-items: flex-start;
text-align: left;
}
@media (max-width: 768px) {
.cards-movies table.dataview tbody {
grid-template-columns: 1fr;
}
.cards-movies table.dataview>tbody>tr {
grid-template-columns: 60px 1fr;
min-height: 90px;
}
.cards-movies table.dataview tbody>tr>td:nth-child(2) .image-embed img {
width: 60px;
height: 85px;
}
}
@media (min-width: 1400px) {
.cards-movies table.dataview tbody {
grid-template-columns: 1fr 1fr;
max-width: 1200px;
margin: 0 auto;
}
}
mjx-stretchy-h.mjx-c2192 mjx-ext mjx-c::before {
padding: 0.5em 78px 0.082em !important;
content: "\2212" !important;
}
mjx-stretchy-h>mjx-ext>mjx-c::before {
transform: scalex(17) !important;
}
mjx-stretchy-h>*>mjx-c::before {
display: inline-block !important;
width: initial !important;
}
.kanban-plugin__item p {
font-size: 0.9em;
padding-left: 0%;
padding-right: 0%;
line-height: 14pt !important;
}
.workspace-leaf .cm-sizer:has(.dbfolder-view-container),
.workspace-leaf .markdown-preview-section:has(.dbfolder-view-container),
.workspace-leaf:has(.dbfolder-view-container) .is-readable-line-width .cm-sizer,
.workspace-leaf:has(.dbfolder-view-container) .is-readable-line-width .markdown-preview-section,
.workspace-leaf:has(.dbfolder-view-container) .is-readable-line-width .CodeMirror {
max-width: none !important;
width: 100% !important;
}
.dbfolder-view-container,
.database-plugin__table,
.dbfolder-header-container,
body .dbfolder-view-container a {
color: var(--text-normal) !important;
}
.dbfolder-header-button,
.dbfolder-view-header button:not(.clickable-icon),
[class*="dbfolder"] button.MuiButton-root {
background-color: var(--background-primary-alt) !important;
color: var(--text-normal) !important;
border: 1px solid var(--background-modifier-border) !important;
}
.dbfolder-header-button.is-active,
.dbfolder-view-header button.is-active,
[class*="dbfolder"] button.MuiButton-root.mod-cta,
[class*="dbfolder"] button.MuiButton-root:hover {
background-color: var(--text-accent) !important;
color: var(--text-antinormal) !important;
}
.dbfolder-popup-menu,
.dbfolder-filter-container,
.MuiPopover-paper,
.MuiPaper-root {
background-color: var(--background-secondary) !important;
border: 1.5px solid var(--text-accent) !important;
color: var(--text-normal) !important;
}
.MuiTypography-root,
.MuiFormLabel-root,
.MuiInputBase-input,
.MuiListItemText-primary {
color: inherit !important;
}
body .MuiPopover-paper [style*="background-color: var(--text-accent)"],
body .MuiPopover-paper [style*="background-color:var(--text-accent)"],
body .MuiPopover-paper .MuiButton-root,
body .MuiPopover-paper .MuiChip-root,
body .MuiPopover-paper .MuiSelect-select,
body .dbfolder-popup-menu .MuiButton-root,
body .dbfolder-filter-container .MuiButton-root {
color: var(--text-antinormal) !important;
}
body .MuiPopover-paper .MuiButtonBase-root,
body .MuiPopover-paper .MuiInputBase-root {
color: var(--text-antinormal) !important;
}
body .MuiPopover-paper button,
body .dbfolder-popup-menu button,
body .bases-query-container .filter-group .filter-group-header .conjunction.dropdown {
background-color: var(--text-accent) !important;
color: var(--text-antinormal) !important;
font-weight: bold !important;
}
body .menu {
max-width: none !important;
}
body .bases-query-container *,
body .menu .bases-query-container *,
body .menu .combobox-button,
body .bases-view-container .combobox-button {
background-color: transparent !important;
color: var(--text-normal) !important;
border: none !important;
}
body .bases-query-container select,
body .bases-query-container input {
border-bottom: 1px solid var(--background-modifier-border) !important;
}
.monday, .tuesday, .wednesday, .thursday, .friday, .saturday, .sunday, .periodic-weekly, .periodic-monthly, .periodic-quarterly, .periodic-yearly { --periodic-bg: rgba(0,0,0,0); }
.monday { --periodic-bg: rgba(195, 255, 0, 0.1); --text-accent: #ffb86c !important; }
.tuesday { --periodic-bg: rgba(92, 255, 51, 0.1); --text-accent: #8be9fd !important; }
.wednesday { --periodic-bg: rgba(0, 166, 255, 0.138); --text-accent: #50fa7b !important; }
.thursday { --periodic-bg: rgba(40, 68, 252, 0.1); --text-accent: #bd93f9 !important; }
.friday { --periodic-bg: rgba(136, 9, 255, 0.1); --text-accent: #ff79c6 !important; }
.saturday { --periodic-bg: rgba(255, 32, 195, 0.1); --text-accent: #bd93f9 !important; }
.sunday { --periodic-bg: rgba(255, 215, 37, 0.1); --text-accent: #ff5555 !important; }
.week { --periodic-bg: rgba(74, 156, 157, 0.16); --text-accent: #6272a4 !important; }
.month { --periodic-bg: rgba(148, 148, 148, 0.21); --text-accent: #ffb86c !important; }
.quarter { --periodic-bg: rgba(46, 46, 46, 0.17); --text-accent: #50fa7b !important; }
.year { --periodic-bg: rgba(30, 30, 30, 0.35); --text-accent: #f8f8f2 !important; }
.markdown-source-view.mod-cm6, .markdown-preview-view { background-image: linear-gradient(var(--periodic-bg), var(--periodic-bg)) !important; background-attachment: fixed !important; }
.markdown-source-view.mod-cm6 .cm-scroller,
.markdown-preview-view,
.view-content {
background-color: transparent !important;
}
.workspace-leaf-content {
background-color: var(--background-primary) !important;
}
.callout[data-callout^="journal"] {
border: none !important;
background-color: transparent !important;
}
.callout[data-callout^="journal"] .callout-title {
text-align: center !important;
background-color: var(--journal-callout-bg, #494949) !important;
margin: 0 !important;
display: block !important;
border-radius: 4px;
padding: 8px !important;
}
.callout[data-callout="journal2"] { margin-bottom: 43px !important; }
.callout[data-callout="journal3"] { margin-top: 70px !important; }
.callout[data-callout^="journal"] .callout-icon { display: none !important; }
.callout[data-callout^="journal"] .callout-title-inner {
font-weight: normal !important;
color: var(--text-normal) !important;
}
.theme-light .monday { --journal-callout-bg: color-mix(in srgb, #ff5555 20%, white) !important; }
.theme-light .tuesday { --journal-callout-bg: color-mix(in srgb, #ffb86c 20%, white) !important; }
.theme-light .wednesday { --journal-callout-bg: color-mix(in srgb, #f1fa8c 25%, white) !important; }
.theme-light .thursday { --journal-callout-bg: color-mix(in srgb, #50fa7b 20%, white) !important; }
.theme-light .friday { --journal-callout-bg: color-mix(in srgb, #8be9fd 20%, white) !important; }
.theme-light .saturday { --journal-callout-bg: color-mix(in srgb, #bd93f9 20%, white) !important; }
.theme-light .sunday { --journal-callout-bg: color-mix(in srgb, #ff79c6 20%, white) !important; }
.theme-light .week { --journal-callout-bg: color-mix(in srgb, #6272a4 20%, white) !important; }
.theme-light .month { --journal-callout-bg: color-mix(in srgb, #ffb86c 20%, white) !important; }
.theme-light .quarter { --journal-callout-bg: color-mix(in srgb, #50fa7b 20%, white) !important; }
.theme-light .year { --journal-callout-bg: color-mix(in srgb, #f8f8f2 20%, white) !important; }
.theme-dark .monday { --journal-callout-bg: color-mix(in srgb, #fde0e0 25%, #282a36) !important; }
.theme-dark .tuesday { --journal-callout-bg: color-mix(in srgb, #fce8d1 25%, #282a36) !important; }
.theme-dark .wednesday { --journal-callout-bg: color-mix(in srgb, #fdffe3 25%, #282a36) !important; }
.theme-dark .thursday { --journal-callout-bg: color-mix(in srgb, #d9fae1 25%, #282a36) !important; }
.theme-dark .friday { --journal-callout-bg: color-mix(in srgb, #ffffff 25%, #282a36) !important; }
.theme-dark .saturday { --journal-callout-bg: color-mix(in srgb, #f4eaff 25%, #282a36) !important; }
.theme-dark .sunday { --journal-callout-bg: color-mix(in srgb, #f5d7e8 25%, #282a36) !important; }
.theme-dark .week { --journal-callout-bg: color-mix(in srgb, #dfe6fd 25%, #282a36) !important; }
.theme-dark .month { --journal-callout-bg: color-mix(in srgb, #ffeedc 25%, #282a36) !important; }
.theme-dark .quarter { --journal-callout-bg: color-mix(in srgb, #ddffe6 25%, #282a36) !important; }
.theme-dark .year { --journal-callout-bg: color-mix(in srgb, #ffffff 20%, #282a36) !important; }
.theme-dark {
--properties-separator-color: rgba(255, 255, 255, 0.85);
}
.theme-light {
--properties-separator-color: rgba(0, 0, 0, 0.85);
}
.metadata-container {
border-bottom: 2px solid var(--properties-separator-color) !important;
padding-bottom: 8px;
margin-bottom: 8px;
}
.cm-frontmatter-border {
border-bottom: 2px solid var(--properties-separator-color) !important;
}
.workspace .metadata-properties .multi-select-pill {
overflow: visible !important;
}
.workspace .metadata-properties .multi-select-pill-content {
overflow: visible !important;
line-height: normal !important;
}
.workspace .metadata-property-key-input:focus,
.workspace .metadata-property-key-input:focus-within,
.workspace .metadata-property-value-input:focus,
.workspace .metadata-property-value-input:focus-within,
.workspace .multi-select-input:focus-within,
.workspace .multi-select-input:focus {
box-shadow: none !important;
border-color: transparent !important;
outline: none !important;
}
.workspace .metadata-property:focus-within,
.workspace .metadata-property.is-focused {
box-shadow: 0 0 0 1.5px var(--interactive-accent) !important;
border-radius: 4px;
}
.base-toolbar-sort-item .metadata-property:not(:hover),
.base-toolbar-groupby-item .metadata-property:not(:hover) {
background-color: color-mix(in srgb, var(--text-accent) 25%, transparent) !important;
}
:root {
--mermaid-font-size: calc(var(--font-text-size, var(--font-size-normal, 16px)) - 2px) !important;
}
.mermaid text,
.mermaid .node text,
.mermaid .label,
.mermaid .nodeLabel,
.mermaid .edgeLabel,
.mermaid .edgeLabel text,
.mermaid .legend text,
.mermaid span {
font-size: calc(var(--font-text-size, var(--font-size-normal, 16px)) - 2px) !important;
}
.modal.mod-settings .vertical-tab-header {
flex: 0 0 307px !important;
width: 307px !important;
max-width: none !important;
height: 100% !important;
max-height: none !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
overflow-x: hidden !important;
}
.modal.mod-settings .vertical-tab-header::-webkit-scrollbar {
display: none !important;
}
.vertical-tab-nav-item,
.vertical-tab-nav-item.is-active,
.vertical-tab-nav-item:hover {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
}
.vertical-tab-nav-item .vertical-tab-nav-item-title,
.vertical-tab-nav-item-title {
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
text-align: left !important;
}
.vertical-tab-nav-item svg,
.vertical-tab-nav-item .svg-icon {
margin: 0 !important;
position: static !important;
}
.modal.mod-settings .vertical-tab-content-container {
height: 100% !important;
max-height: none !important;
padding: 0 !important;
}
.vertical-tab-content {
height: 100% !important;
max-height: none !important;
padding-top: 20px !important;
padding-bottom: 25px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
.setting-item.setting-item-heading {
background-color: transparent !important;
border: none !important;
border-bottom: none !important;
}
.modal.mod-settings button.mod-warning {
background-color: #d32f2f !important;
color: white !important;
font-weight: 600 !important;
border: none !important;
}
.modal.mod-settings button.mod-warning:hover {
background-color: #b71c1c !important;
}
.bases-cards-item {
transition: border 0.15s ease, box-shadow 0.15s ease !important;
}
.bases-cards-item:hover,
.bases-view-container .bases-cards-item:hover,
[data-type="bases"] .bases-cards-item:hover {
background-color: transparent !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
transform: none !important;
}
.bases-cards-item:hover::before,
.bases-cards-item:hover::after {
background-color: transparent !important;
}
.bases-cards-label {
display: none !important;
}
.is-mobile .markdown-preview-view,
.is-mobile .mod-single-child .markdown-preview-view {
padding-left: clamp(12px, 4%, 32px) !important;
padding-right: clamp(12px, 4%, 32px) !important;
}
.is-mobile .markdown-source-view.mod-cm6 .cm-content,
.is-mobile .cm-line {
padding-left: clamp(12px, 4%, 32px);
padding-right: clamp(12px, 4%, 32px);
}
.is-mobile .nav-file-title {
width: 100% !important;
min-width: unset !important;
max-width: 100% !important;
overflow: hidden;
text-overflow: ellipsis;
}
.is-mobile .nav-folder-title {
width: 100% !important;
min-width: unset !important;
max-width: 100% !important;
overflow: hidden;
text-overflow: ellipsis;
}
.is-mobile .nav-folder-title-content {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.is-mobile .nav-file-title:hover,
.is-mobile .nav-folder-title:hover {
transform: none !important;
border: 1px solid transparent !important;
max-width: 100% !important;
min-width: unset !important;
}
.is-mobile ::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
.is-mobile * {
scrollbar-width: none !important;
}
.is-mobile .cards table.dataview tbody > tr > td img:active {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
max-height: 80vh !important;
max-width: 90vw !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
z-index: 100 !important;
}
.is-mobile .markdown-preview-view h1,
.is-mobile .cm-header-1 {
font-size: clamp(1.35rem, 5vw, 1.7rem) !important;
}
.is-mobile .markdown-preview-view h2,
.is-mobile .cm-header-2 {
font-size: clamp(1.2rem, 4.5vw, 1.5rem) !important;
}
.is-mobile .markdown-preview-view h3,
.is-mobile .cm-header-3 {
font-size: clamp(1.1rem, 4vw, 1.35rem) !important;
}
.is-mobile .markdown-preview-view h4,
.is-mobile .cm-header-4 {
font-size: clamp(1rem, 3.5vw, 1.2rem) !important;
}
.is-mobile .markdown-preview-view table,
.is-mobile .dataview.table-view-table {
display: block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
max-width: 100%;
width: 100%;
}
.is-mobile .workspace-leaf-content,
.is-mobile .view-content {
overflow-x: hidden;
}
@media (max-width: 360px) {
.is-mobile .cards table.dataview tbody {
grid-template-columns: repeat(2, 1fr) !important;
}
}
.is-mobile .workspace {
padding-bottom: env(safe-area-inset-bottom, 0px);
padding-left: env(safe-area-inset-left, 0px);
padding-right: env(safe-area-inset-right, 0px);
}
.is-mobile .prompt {
width: 92vw !important;
max-width: 92vw !important;
left: 4vw !important;
right: 4vw !important;
transform: none !important;
border-radius: 12px;
}
.is-mobile .modal {
width: 92vw !important;
max-width: 92vw !important;
}
.is-mobile .callout {
padding: 10px 14px !important;
margin: 8px 0 !important;
}
body {
--file-line-width: 900px;
}
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line {
max-width: 900px !important;
}
.is-readable-line-width .cm-sizer {
max-width: 900px !important;
margin-left: auto;
margin-right: auto;
}
.markdown-preview-view p {
line-height: var(--line-height);
word-spacing: 0.8pt;
margin-block-start: 1.15em;
margin-block-end: 0;
}
.markdown-preview-section h1 {
margin-top: 30px !important;
margin-bottom: 3px !important;
}
.markdown-preview-section h2 {
margin-top: 10px !important;
margin-bottom: 3px !important;
}
.markdown-preview-section h3,
.markdown-preview-section h4,
.markdown-preview-section h5 {
margin-top: 8px !important;
margin-bottom: 5px !important;
}
.markdown-preview-section h6 {
margin-top: 30px !important;
margin-bottom: 5px !important;
}
.markdown-source-view.mod-cm6 .cm-line {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header,
.markdown-source-view.mod-cm6 .cm-line:has([class*="cm-header"]) {
margin-top: 0 !important;
margin-bottom: 0 !important;
background-clip: padding-box !important;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-1,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-1) {
border-top: 24px solid transparent !important;
border-bottom: 3px solid transparent !important;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-2,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-2) {
border-top: 10px solid transparent !important;
border-bottom: 3px solid transparent !important;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-3,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-3),
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-4,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-4),
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-5,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-5) {
border-top: 8px solid transparent !important;
border-bottom: 5px solid transparent !important;
}
.markdown-source-view.mod-cm6 .cm-line.HyperMD-header-6,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-header-6) {
border-top: 24px solid transparent !important;
border-bottom: 5px solid transparent !important;
}
.markdown-source-view.mod-cm6 .HyperMD-list-line,
.markdown-source-view.mod-cm6 .cm-line:has(.cm-formatting-list) {
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: var(--line-height-normal, 1.5) !important;
}
.inline-title {
margin-bottom: 40px !important;
margin-top: 20px !important;
}
.markdown-preview-view pre,
.markdown-preview-view code {
font-family: var(--font-monospace, 'Source Code Pro', monospace);
font-size: var(--font-smaller, 0.875em);
}
.markdown-source-view.mod-cm6 .cm-inline-code,
.markdown-source-view.mod-cm6 .HyperMD-codeblock {
font-family: var(--font-monospace, 'Source Code Pro', monospace);
font-size: var(--font-smaller, 0.875em);
}
.markdown-preview-view blockquote,
.markdown-source-view.mod-cm6 .HyperMD-quote {
border-left: 3px solid var(--text-accent);
padding-left: 1em;
margin-left: 0;
color: var(--text-muted);
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
animation-delay: 0ms !important;
}
*,
*::before,
*::after {
transition-duration: 150ms !important;
transition-delay: 0ms !important;
}
.inline-title {
animation: none !important;
opacity: 1 !important;
}
.view-header-title {
animation: none !important;
opacity: 1 !important;
}
.nav-file-title.is-active,
.nav-folder-title.is-active {
animation: none !important;
}
.cm-active.cm-line {
animation: none !important;
}
img {
animation: none !important;
opacity: 1 !important;
}
.workspace-split.mod-left-split,
.workspace-split.mod-right-split {
transition: none !important;
}
.kanban-plugin__item,
.cards table.dataview tbody > tr > td {
transition: none !important;
transform: none !important;
}
.markdown-preview-view tbody tr:hover,
.dataview.table-view-table tbody tr:hover {
transition: none !important;
}
}
body.is-mobile {
--file-margins: 15px !important;
}
body.is-mobile .modal.mod-settings .modal-title,
body.is-phone .modal.mod-settings .modal-title,
.is-mobile .modal.mod-settings .modal-title,
.is-phone .modal.mod-settings .modal-title {
display: none !important;
}
body.is-mobile .modal.mod-settings .modal-header,
body.is-phone .modal.mod-settings .modal-header,
.is-mobile .modal.mod-settings .modal-header,
.is-phone .modal.mod-settings .modal-header {
height: 0 !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.is-mobile .modal.mod-settings .modal-close-button,
body.is-phone .modal.mod-settings .modal-close-button,
.is-mobile .modal.mod-settings .modal-close-button,
.is-phone .modal.mod-settings .modal-close-button {
position: absolute !important;
top: 10px !important;
right: 12px !important;
z-index: 100 !important;
}
body.is-mobile .modal.mod-settings .vertical-tab-header,
body.is-phone .modal.mod-settings .vertical-tab-header,
.is-mobile .modal.mod-settings .vertical-tab-header,
.is-phone .modal.mod-settings .vertical-tab-header {
padding-top: 16px !important;
width: 100% !important;
max-width: 100% !important;
flex: 1 1 auto !important;
}
[data-type=markdown] .metadata-container,
.metadata-container {
outline: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
box-shadow: none !important;
container-type: inline-size !important;
}
[data-type=markdown] .metadata-properties-heading,
.metadata-properties-heading {
position: relative !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
cursor: pointer !important;
background: none !important;
transform: none !important;
padding-inline: 0 !important;
}
.metadata-properties-heading .collapse-indicator {
position: relative !important;
left: auto !important;
top: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
opacity: 0.75 !important;
transition: transform 150ms ease, opacity 150ms ease !important;
}
.metadata-properties-heading:hover .collapse-indicator {
opacity: 1 !important;
}
.metadata-container.is-collapsed > .metadata-content,
.metadata-container.is-collapsed .metadata-content,
.metadata-container.is-collapsed .metadata-properties,
.metadata-container.is-collapsed .metadata-property,
.metadata-container.is-collapsed .metadata-add-button,
.metadata-container.is-collapsed:not(:has(.metadata-side-image)) .metadata-content,
.metadata-container.is-collapsed:not(:has(.metadata-side-image)) .metadata-properties,
.metadata-container.is-collapsed:not(:has(.metadata-side-image)) .metadata-property {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
visibility: hidden !important;
}
.metadata-container {
--metadata-label-width: auto !important;
}
.metadata-container:not(.is-collapsed) .metadata-property,
.metadata-property:not(.is-collapsed .metadata-property) {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
break-inside: avoid !important;
page-break-inside: avoid !important;
}
.metadata-property-key {
width: auto !important;
min-width: auto !important;
max-width: 150px !important;
flex-shrink: 0 !important;
}
.metadata-property-key .metadata-property-key-input {
width: auto !important;
}
.metadata-property-value {
flex: 1 1 auto !important;
min-width: 0 !important;
}
.metadata-property-value input.metadata-input-text.mod-datetime,
.metadata-property-value input.metadata-input-text.mod-date {
width: auto !important;
min-width: 0 !important;
padding-inline-end: 2px !important;
font-variant-numeric: tabular-nums;
}
@container (min-width: 540px) {
.metadata-container:not(.is-collapsed):has(.metadata-side-image:not(.top, .bottom) .pp-cover-image) {
--metadata-display-editing: grid !important;
--metadata-display-reading: grid !important;
display: grid !important;
grid-template-columns: minmax(130px, var(--cover-column-width, 190px)) 1fr !important;
grid-column-gap: 16px !important;
grid-template-rows: auto 1fr !important;
}
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-side-image {
grid-row: 1 / 3 !important;
margin: 0 !important;
}
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-side-image .pp-cover-image {
height: auto !important;
max-height: var(--cover-max-height, 500px) !important;
width: 100% !important;
max-width: var(--cover-column-width, 200px) !important;
margin: 0 !important;
object-fit: cover !important;
}
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-content,
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-properties {
display: flex !important;
flex-direction: column !important;
}
}
@container (max-width: 539px) {
.metadata-container:not(.is-collapsed):has(.metadata-side-image) {
display: flex !important;
flex-direction: column !important;
}
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-side-image .pp-cover-image {
height: 180px !important;
width: auto !important;
max-width: 100% !important;
margin: 0 auto 12px auto !important;
}
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-content,
.metadata-container:not(.is-collapsed):has(.metadata-side-image) .metadata-properties {
display: flex !important;
flex-direction: column !important;
}
}
@container (min-width: 576px) {
.metadata-container:not(.is-collapsed):not(:has(.metadata-side-image)) .metadata-properties:not(body.is-grabbing .metadata-properties) {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
column-gap: 16px !important;
row-gap: 2px !important;
}
.metadata-container:not(.is-collapsed):not(:has(.metadata-side-image)) .metadata-content {
display: flex !important;
flex-direction: column !important;
}
}
@container (max-width: 575px) {
.metadata-container:not(.is-collapsed):not(:has(.metadata-side-image)) .metadata-properties {
display: flex !important;
flex-direction: column !important;
}
.metadata-container:not(.is-collapsed):not(:has(.metadata-side-image)) .metadata-content {
display: flex !important;
flex-direction: column !important;
}
}
body.is-grabbing .metadata-properties {
display: flex !important;
flex-direction: column !important;
}
.metadata-container:not(.is-collapsed) .metadata-add-button,
.metadata-add-button:not(.is-collapsed .metadata-add-button) {
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
margin-top: 6px !important;
cursor: pointer !important;
pointer-events: auto !important;
break-inside: avoid !important;
}
.markdown-source-view:not(.is-live-preview) .metadata-container,
.markdown-source-view.is-source-mode .metadata-container,
.cm-s-obsidian:not(.is-live-preview) .metadata-container,
.show-properties-source .metadata-container,
.show-properties-hidden .metadata-container,
body.show-properties-source .metadata-container,
body.show-properties-hidden .metadata-container,
[data-type=markdown] .markdown-source-view:not(.is-live-preview) .metadata-container {
display: none !important;
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
.markdown-rendered .table-wrapper,
.markdown-preview-view .table-wrapper {
display: flex !important;
justify-content: center !important;
margin: 1.5rem auto !important;
width: 100% !important;
max-width: 100% !important;
}
.markdown-source-view.mod-cm6 .cm-embed-block:has(.table-wrapper),
.markdown-source-view.mod-cm6 .cm-embed-block.cm-table-widget,
.markdown-source-view.mod-cm6 .cm-table-widget {
display: flex !important;
justify-content: center !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
width: 100% !important;
max-width: 100% !important;
}
.markdown-rendered table,
.markdown-preview-view table,
.markdown-source-view.mod-cm6 .cm-table-widget table,
.markdown-rendered .table-wrapper > table,
.markdown-preview-view .table-wrapper > table,
.dataview.table-view-table {
display: table !important;
width: fit-content !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 auto !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 8px !important;
border: 1px solid var(--background-modifier-border) !important;
overflow: hidden !important;
box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}
.markdown-rendered table th,
.markdown-preview-view table th,
.markdown-source-view.mod-cm6 .cm-table-widget th {
background-color: var(--background-secondary) !important;
font-weight: 600 !important;
padding: 8px 16px !important;
border-bottom: 2px solid var(--background-modifier-border-hover) !important;
color: var(--text-normal) !important;
}
.markdown-rendered table td,
.markdown-preview-view table td,
.markdown-source-view.mod-cm6 .cm-table-widget td {
padding: 8px 16px !important;
border-bottom: 1px solid var(--background-modifier-border) !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.markdown-rendered table tr:last-child td,
.markdown-preview-view table tr:last-child td,
.markdown-source-view.mod-cm6 .cm-table-widget tr:last-child td {
border-bottom: none !important;
}
.markdown-rendered table tr:nth-child(even) td,
.markdown-preview-view table tr:nth-child(even) td,
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:nth-child(even) td {
background-color: var(--background-primary-alt) !important;
}
.markdown-rendered table tbody tr:hover td,
.markdown-preview-view table tbody tr:hover td,
.markdown-source-view.mod-cm6 .cm-table-widget tbody tr:hover td {
background-color: var(--background-modifier-hover) !important;
}
.suggestion-container .suggestion-item {
display: flex !important;
align-items: center !important;
padding: 3px 8px !important;
min-height: 25px !important;
height: auto !important;
}
.suggestion-container .suggestion-content {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
flex: 1 1 auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.suggestion-container .suggestion-item:has(.suggestion-note) {
padding: 5px 10px !important;
min-height: 34px !important;
}
.suggestion-container .suggestion-item:has(.suggestion-note) .suggestion-content {
gap: 1px !important;
}
.suggestion-container .suggestion-title {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.25 !important;
color: var(--text-normal) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.suggestion-container .suggestion-note {
font-size: 11px !important;
font-weight: normal !important;
line-height: 1.15 !important;
color: var(--text-muted) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
margin-top: 1px !important;
}
.suggestion-container .suggestion-item.is-selected {
border-radius: 5px !important;
}
body .nav-folder-title .iconic-sidekick,
body .nav-file-title .iconic-sidekick {
margin-inline-start: 6px !important;
margin-inline-end: 4px !important;
display: flex !important;
align-self: center !important;
}
body .nav-folder-title-content {
margin-inline-start: 4px !important;
}
.obsidian-editor .image-resizer-handle {
display: none !important;
}
.markdown-source-view.mod-cm6 .cm-content img {
pointer-events: none !important;
}
.compact_table_dataview .table-view-table tr {
border-bottom: 1px solid var(--background-modifier-border) !important;
}
.compact_table_dataview img:not(.emoji) {
margin-top: 0px;
margin-bottom: 0px;
}
.bases-view progress.metadata-progress,
progress.metadata-progress {
border: none !important;
outline: none !important;
-webkit-appearance: none !important;
appearance: none !important;
height: 8px !important;
border-radius: 4px !important;
background-color: rgba(255, 255, 255, 0.15) !important;
width: 100% !important;
display: block !important;
margin: 4px 0 !important;
overflow: hidden !important;
}
.bases-view progress.metadata-progress::-webkit-progress-bar,
progress.metadata-progress::-webkit-progress-bar {
border: none !important;
background-color: rgba(255, 255, 255, 0.15) !important;
border-radius: 4px !important;
}
.bases-view progress.metadata-progress::-webkit-progress-value,
progress.metadata-progress::-webkit-progress-value {
border: none !important;
background: var(--color-accent, #f5a15c) !important;
border-radius: 4px !important;
transition: width 0.3s ease-in-out !important;
}
.bases-view progress.metadata-progress::-moz-progress-bar,
progress.metadata-progress::-moz-progress-bar {
border: none !important;
background: var(--color-accent, #f5a15c) !important;
border-radius: 4px !important;
}
.date-time-chooser-popup {
z-index: 2147483647 !important;
}
.dtchooser {
width: 385px !important;
min-width: 385px !important;
max-width: 95vw !important;
background-color: #161616 !important;
border: 1px solid var(--background-modifier-border, #333333) !important;
border-radius: 10px !important;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
padding: 12px !important;
box-sizing: border-box !important;
}
.theme-light .dtchooser {
background-color: #ffffff !important;
border: 1px solid #d8d8d8 !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12) !important;
}
.dtchooser-calendar-area {
position: relative !important;
width: 100% !important;
}
.reminder-calendar {
width: 100% !important;
display: block !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.reminder-calendar .year-month {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
font-size: 1.05rem !important;
font-weight: 600 !important;
padding: 4px 0 10px 0 !important;
}
.reminder-calendar .month {
color: var(--text-normal, #f0f0f0) !important;
}
.reminder-calendar .year {
color: var(--interactive-accent, #f5a15c) !important;
}
.dtchooser button.month-nav,
.reminder-calendar .month-nav {
background-color: transparent !important;
color: var(--text-muted, #888888) !important;
border: none !important;
box-shadow: none !important;
border-radius: 4px !important;
cursor: pointer !important;
padding: 2px 8px !important;
font-size: 1.1rem !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
.dtchooser button.month-nav:hover,
.reminder-calendar .month-nav:hover {
background-color: var(--background-modifier-hover, #2a2a2a) !important;
color: var(--text-normal, #ffffff) !important;
}
.reminder-calendar table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 2px !important;
table-layout: fixed !important;
}
.dtchooser th,
.reminder-calendar th {
color: var(--text-muted, #888888) !important;
border: none !important;
padding: 6px 0 !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-align: center !important;
}
.reminder-calendar td {
padding: 2px !important;
text-align: center !important;
}
.dtchooser button.calendar-date,
.reminder-calendar .calendar-date {
width: 100% !important;
min-width: unset !important;
max-width: unset !important;
height: 38px !important;
line-height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background-color: transparent !important;
color: var(--text-normal, #e0e0e0) !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
border-radius: 6px !important;
border: none !important;
box-shadow: none !important;
cursor: pointer !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
.dtchooser button.calendar-date:hover,
.reminder-calendar .calendar-date:hover {
background-color: var(--background-modifier-hover, #282828) !important;
color: var(--text-normal, #ffffff) !important;
}
.dtchooser button.calendar-date.other-month,
.reminder-calendar .other-month,
.reminder-calendar .is-past {
color: var(--text-faint, #555555) !important;
opacity: 0.55 !important;
}
.dtchooser button.calendar-date.is-selected,
.reminder-calendar .is-selected {
background-color: var(--interactive-accent, #f5a15c) !important;
color: #111111 !important;
font-weight: 700 !important;
}
.dtchooser hr.dtchooser-divider {
margin: 8px 0 !important;
border: none !important;
border-top: 1px solid var(--background-modifier-border, #2e2e2e) !important;
}
.dtchooser-wrapper {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 6px 2px 2px 2px !important;
gap: 8px !important;
}
.dtchooser-time-picker {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.dtchooser-time-picker span {
color: var(--text-normal, #e0e0e0) !important;
font-size: 0.9rem !important;
font-weight: 600 !important;
}
.dtchooser select,
select.time-picker {
appearance: auto !important;
-webkit-appearance: menulist !important;
height: 32px !important;
min-width: 95px !important;
padding: 2px 8px !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 6px !important;
cursor: pointer !important;
background-color: #242424 !important;
color: #ffffff !important;
border: 1px solid var(--background-modifier-border, #444444) !important;
}
.theme-light .dtchooser select,
.theme-light select.time-picker {
background-color: #f4f4f4 !important;
color: #111111 !important;
border: 1px solid #cccccc !important;
}
.dtchooser select option,
select.time-picker option {
background-color: #1e1e1e !important;
color: #ffffff !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 6px 10px !important;
}
.theme-light .dtchooser select option,
.theme-light select.time-picker option {
background-color: #ffffff !important;
color: #111111 !important;
}
.dtchooser-wrapper button.mod-cta {
height: 32px !important;
padding: 0 18px !important;
font-size: 13px !important;
font-weight: 600 !important;
border-radius: 6px !important;
background-color: var(--interactive-accent, #f5a15c) !important;
color: #111111 !important;
border: none !important;
box-shadow: none !important;
cursor: pointer !important;
}
.dtchooser-wrapper button.mod-cta:hover {
opacity: 0.9 !important;
}
.dtchooser .dtchooser-mode-toggle {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: var(--text-muted, #888888) !important;
cursor: pointer !important;
}
.dtchooser .dtchooser-mode-toggle:hover {
color: var(--text-normal, #ffffff) !important;
}
.dtchooser .dtchooser-mode-toggle-overlay {
top: 10px !important;
right: 12px !important;
}
.dtchooser-quick-picks {
width: 100% !important;
min-width: 100% !important;
box-sizing: border-box !important;
padding: 6px 0 !important;
}
.dtchooser-quick-pick-filter {
width: 100% !important;
height: 34px !important;
box-sizing: border-box !important;
border-radius: 6px !important;
border: 1px solid var(--background-modifier-border, #3a3a3a) !important;
background-color: var(--background-primary, #1e1e1e) !important;
color: var(--text-normal, #ffffff) !important;
padding: 0 10px !important;
font-size: 13px !important;
}
.dtchooser .dtchooser-quick-pick {
background-color: transparent !important;
font-weight: normal !important;
padding: 6px 10px !important;
border-radius: 6px !important;
font-size: 13px !important;
color: var(--text-normal, #e0e0e0) !important;
}
.dtchooser .dtchooser-quick-pick.is-selected,
.dtchooser .dtchooser-quick-pick:hover {
background-color: var(--background-modifier-hover, #282828) !important;
color: var(--interactive-accent, #f5a15c) !important;
}
button.reminder-list-item,
.reminder-list-item {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0.35rem !important;
border-radius: 6px !important;
padding: 4px 8px !important;
margin-bottom: 4px !important;
box-shadow: none !important;
cursor: pointer !important;
text-align: left !important;
font-weight: normal !important;
transition: background-color 0.15s ease, border-color 0.15s ease !important;
}
.theme-dark button.reminder-list-item,
.theme-dark .reminder-list-item {
background-color: #141414 !important;
border: 1px solid var(--background-modifier-border, #2a2a2a) !important;
color: var(--text-normal, #e0e0e0) !important;
}
.theme-dark button.reminder-list-item:hover,
.theme-dark .reminder-list-item:hover {
background-color: #202020 !important;
border-color: var(--interactive-accent, #f5a15c) !important;
color: var(--text-normal, #ffffff) !important;
}
.theme-light button.reminder-list-item,
.theme-light .reminder-list-item {
background-color: var(--background-secondary, #f8f8f8) !important;
border: 1px solid var(--background-modifier-border, #e0e0e0) !important;
color: var(--text-normal, #222222) !important;
}
.theme-light button.reminder-list-item:hover,
.theme-light .reminder-list-item:hover {
background-color: var(--background-modifier-hover, #ebebeb) !important;
border-color: var(--interactive-accent, #f5a15c) !important;
}
.reminder-title-container {
display: inline-flex !important;
align-items: center !important;
flex-grow: 1 !important;
min-width: 0 !important;
gap: 0.35rem !important;
}
.reminder-title {
font-size: 12px !important;
color: var(--text-normal) !important;
font-weight: normal !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
flex-grow: 1 !important;
}
.reminder-time {
font-size: 11.5px !important;
font-family: var(--font-monospace) !important;
font-weight: 600 !important;
flex-shrink: 0 !important;
}
.theme-dark .reminder-time {
color: var(--color-accent, var(--interactive-accent, #f5a15c)) !important;
}
.theme-light .reminder-time {
color: #b24a00 !important;
}
.reminder-file {
display: none !important;
}
.no-reminders,
button.no-reminders {
background: transparent !important;
border: none !important;
color: var(--text-faint) !important;
font-size: 12px !important;
font-style: italic !important;
}