torsten/rpg-westreiche
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rpg-westreiche/RPG/.obsidian/themes/Dune/theme.css

8573 lines
483 KiB
CSS
Raw Normal View History

...
2026-03-08 17:30:53 +01:00
@charset "UTF-8";
/* @settings
name: DUNE - Silver
id: obsidian-joval-theme
settings:
-
id: all-fonts
title: "𝚨 Fonts"
description: manage fonts
title.de: "𝚨 Schriften"
description.de: Schriften verwalten
type: heading
level: 1
collapsed: true
-
id: common-fonts
title: Typesets
title.de: Schriftsätze
description: (–) Obsidian, (1) Modern, (2) Poetry, (3) Dashboard
description.de: (–) Obsidian, (1) Modern, (2) Poesie, (3) Hauptseite
type: heading
level: 2
collapsed: true
-
id: glob-fonts
title: ""
description: please click the "reset" button of "Font size" of (1 - Modern, 2 - Poetry, 3 - Dashboard) on first use (overwrites "Special Fonts").
description.de: Bitte drücke die "wiederherstellen" Taste von "Schriftgröße" von (1 - Modern, 2 - Poesie, 3 - Hauptseite) vor den ersten Gebrauch (Überschreibt "Spezielle Schriften").
type: class-select
allowEmpty: false
default: fontmod-0
options:
-
label: "–"
value: fontmod-0
-
label: "𝚨-1"
value: fontmod-1
-
label: "𝚨-2"
value: fontmod-2
-
label: "𝚨-3"
value: fontmod-3
-
id: font-modern
title: 1 - Modern
type: heading
level: 3
collapsed: true
-
id: modern-font-h
title: Header Font
title.de: Überschriften
type: variable-text
default: '"Louis George Cafe", Roboto, sans-serif'
-
id: modern-font-c
title: Character Font
title.de: Charakterschrift
type: variable-text
default: '"Louis George Cafe", Roboto, sans-serif'
-
id: custom-fsz-1
title: Font size
title.de: Schriftgröße
type: variable-number-slider
format: px
default: 16
min: 12
max: 24
step: 1
-
id: poetry-font-chars
title: 2 - Poetry
title.de: 2 - Poesie
type: heading
level: 3
collapsed: true
-
id: poetry-font-h
title: Header Font
description: (default = Manuskript Gothisch)
title.de: Überschriften
description.de: (Standard = Manuskript Gothisch)
type: variable-text
default: '"Manuskript Gothisch", Pecita, Mumsies'
-
id: poetry-font-c
title: Character Font
title.de: Charakterschrift
type: variable-text
default: 'cursive, Pecita, Mumsies'
-
id: custom-fsz-2
title: Font size
title.de: Schriftgröße
type: variable-number-slider
format: px
default: 16
min: 12
max: 24
step: 1
-
id: custom-font-chars
title: 3 - Dashboard
title.de: 3 - Hauptseite
type: heading
level: 3
collapsed: true
-
id: custom-font-h
title: Header Font
title.de: Überschriften
type: variable-text
default: 'Helvetica, Sengoa, Optima-Regular, GillSans'
-
id: custom-font-c
title: Character Font
title.de: Charakterschrift
type: variable-text
default: 'Helvetica, Sengoa, Optima-Regular, GillSans'
-
id: custom-fsz-3
title: Font size
title.de: Schriftgröße
type: variable-number-slider
format: px
default: 16
min: 12
max: 24
step: 1
-
id: line-layout
title: Lines
title.de: Zeilen
description: change spacing
description.de: Ändere Abstände
type: heading
level: 2
collapsed: true
-
id: prg-break
title: Linebreak - blank
description: ignore blank lines
title.de: Umbruch - Zeilenumbruch
description.de: ignoriere Zeilenumbruch (PV)
type: class-toggle
-
id: add-link-space
title: Empty space between links
description: empty space before and after [Url/Wiki]
title.de: Leerzeichen zwischen Verweise
description.de: Leerraum vor und nach [Url/Wiki]
type: class-toggle
-
id: indent-l
title: Indent line
title.de: Zeileneinzug
description: indent paragraphs "#indent ==first word=="
description.de: Zeileneinzug Paragrafen "#einzug ==erstes Wort=="
type: variable-number-slider
format: em
default: 4
min: 2
max: 10
step: 1
-
id: mod-lines-fonts
title: Headers
title.de: Kopfzeilen
type: heading
level: 3
collapsed: true
-
id: initial-sz
title: Initial size
title.de: Initiale/Majuskel Größe
description: "#raisecap ==L==orem - #dropcap ==L==orem"
description.de: "#majuskel ==L==orem - #initiale ==L==orem"
type: variable-number-slider
format: px
default: 110
min: 110
max: 160
step: 5
-
id: special-fonts
title: Special Fonts
title.de: Spezielle Schriften
description: Contacts, Recipes, Movies
description.de: Kontakte, Rezepte, Filme
type: heading
level: 2
collapsed: true
-
id: contacts-font
title: Header - Contacts
title.de: Überschrift - Kontakte
description: cssclass "contacts"
description.de: cssclass "kontakte"
type: variable-text
default: 'Helvetica, "Century Gothic", Arial'
-
id: recipes-font
title: Header - Recipes
description: cssclass "recipes"
title.de: Überschrift - Rezepte
description.de: cssclass "rezepte"
type: variable-text
default: 'cursive, Mumsies, sans-serif'
-
id: movies-font
title: Header - Movies
title.de: Überschrift - Filme
description: cssclass "movies"
description.de: cssclass "filme"
type: variable-text
default: 'AbadiMT-CondensedLight, Roboto, Arial'
-
id: initial-font
title: Initial Font
title.de: Initiale/Majuskelschrift
type: variable-text
default: '"Manuskript Gothisch", Pecita, Mumsies, Helvetica, Sengoa, Optima-Regular'
-
id: img-options
title: "∗ Pictures"
description: manage pictures
title.de: "∗ Bilder"
description.de: Bilder verwalten
type: heading
level: 1
collapsed: true
-
id: banner-opt
title: Banners
title.de: Banner
description: for Header and Footer
description.de: für Kopf und Fußzeile
type: heading
level: 2
collapsed: true
-
id: banner-ah
title: Resize banner -top
title.de: Größe Banner -Oben
description: "cssclass: banner-a + ![[image.png | banner-a]]"
type: variable-number-slider
format: px
default: 200
min: 50
max: 500
step: 10
-
id: banner-bh
title: Resize banner -bottom
title.de: Größe Banner -Unten
description: "cssclass: banner-b + ![[image.png | banner-b]]"
type: variable-number-slider
format: px
default: 50
min: 50
max: 500
step: 10
-
id: image-frames-all
title: Picture frames
title.de: Bilderrahmen
description: frames for images, simple or elegant.
description.de: Rahmen für Bilder, einfach oder elegant
type: heading
level: 2
collapsed: true
-
id: bwidth-sm
title: Frame, simple - frame thickness
title.de: Rahmen, einfach - Rahmenstärke
description: "![[image.png | frame-s]] Options: s, d"
description.de: "![[bild.png | rahmen-s]] Options: s, d"
type: variable-number-slider
format: px
default: 6
min: 2
max: 14
step: 2
-
id: frame-color-sm
title: Frame, simple - frame color
title.de: Rahmen, einfach - Rahmenfarbe
type: variable-themed-color
format: rgb
opacity: true
default-light: '#D9BA1C'
default-dark: '#ff7029'
-
id: heading-profile-pic
title: Profile Picture - (phone)
title.de: Profilbild - (Tel)
description: Your Profile Icon
description.de: Dein Profilsymbol
type: heading
level: 2
collapsed: true
-
id: simple-profile
title: Colored Profile
title.de: Farbiges Profil
type: class-select
allowEmpty: false
default: no-prof
options:
-
label: –
value: no-prof
-
label: 🔍
value: study-prof
-
label: 🎨
value: design-prof
-
label: 📐
value: work-prof
-
label: 📢
value: promo-prof
-
label: 💖
value: health-prof
-
label: 🍽
value: recipes-prof
-
label: 🎶
value: music-prof
-
label: 🕹
value: game-prof
-
label: 💰
value: profit-prof
-
id: profile-pic-mono
title: Monochrome Profile
description: automatic B/W switch
title.de: Profil - Schwarzweiß
description.de: S/W Schalter (dunkles Thema)
type: class-toggle
-
id: profile-path
title: Alternative profile image
description: image must be an equilateral png (requires live connection)
title.de: Alternatives Profilbild
description.de: Das Profilbild muss als gleichseitiges png vorliegen (aktive Netzverbindung erforderlich)
type: variable-text
default: "url('')"
-
id: all-colors
title: "⫺ Colors"
description: manage colors
title.de: "⫺ Farben"
description.de: Farben verwalten
type: heading
level: 1
collapsed: true
-
id: theme-colors-scheme
title: Theme
description: Color presets for Day-Night
title.de: Thema
description.de: Farbvoreinstellungen für Tag-Nacht
type: heading
level: 2
collapsed: false
-
id: switch-dcol
title: "○ Light Theme"
title.de: "○ Helles Thema"
type: class-select
allowEmpty: false
default: col-mod-0
options:
-
label: "–"
value: col-mod-0
-
label: "Dune-1"
value: col-mod-a
-
label: "Dune-2"
value: col-mod-b
-
label: "Dune-3"
value: col-mod-c
-
id: switch-lcol
title: "● Dark Theme"
title.de: "● Dunkles Thema"
type: class-select
allowEmpty: false
default: col-mod-1
options:
-
label: "–"
value: col-mod-1
-
label: "Dune-4"
value: col-mod-d
-
label: "Dune-5"
value: col-mod-e
-
label: "Dune-6"
value: col-mod-f
-
id: dim-pictures
title: Dim Pictures
title.de: Bilder abdunkeln
description: reduce brightness (dark themes)
description.de: Verringere Helligkeit (Dunkle Themen)
type: class-select
allowEmpty: false
default: dark-1
options:
-
label: "–"
value: dark-1
-
label: "● 1"
value: dark-2
-
label: "● 2"
value: dark-3
-
label: "● 3"
value: dark-4
-
label: "● 4"
value: dark-5
-
id: custom-colors-scheme
title: Custom Theme
description: '"● Dark Theme / ○ Light Theme" toggle must be off (-)'
title.de: Eigenes Thema
description.de: '"● Dunkles Thema / ○ Helles Thema" Schalter muß aus sein (-)'
type: heading
level: 2
collapsed: true
-
id: text-colors
title: Text Colors
title.de: Schriftfarbe
type: heading
level: 3
collapsed: true
-
id: h1-color-c
title: Header
title.de: Überschrift
type: variable-themed-color
format: hex
opacity: false
default-light: '#866A49'
default-dark: '#DA8924'
-
id: text-normal-c
title: 'Text: Normal'
title.de: Charakterschrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#433721'
default-dark: '#CAD3EB'
-
id: text-muted-c
title: 'Text: Muted'
title.de: Kontrastarme Schrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#2C455F'
default-dark: '#B6B6B6'
-
id: text-faint-c
title: 'Text: Faint'
title.de: Blasse Schrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#2C455F'
default-dark: '#B6B6B6'
-
id: link-color-c
title: 'Text: Links'
title.de: Verweise Schrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#965416'
default-dark: '#CFA96F'
-
id: bold-color-c
title: 'Text: Bold'
title.de: Fett Schrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#9A4931'
default-dark: '#E2A648'
-
id: italic-color-c
title: 'Text: Italic'
title.de: Kursiv Schrift
type: variable-themed-color
opacity: false
format: hex
default-light: '#9A4931'
default-dark: '#E2A648'
-
id: text-selection-c
title: 'Text: Background highlight'
description: for selected text
title.de: Hervorhebung Characterschrift
description.de: für angewählten Text
type: variable-themed-color
opacity: true
format: hex
default-light: '#DD94178A'
default-dark: '#4A6CB0A1'
-
id: interface-col-scheme
title: Interface colors
title.de: Oberflächenfarbe
type: heading
level: 3
collapsed: true
-
id: background-primary-c
title: Background Primary
title.de: Hintergrund Primär
type: variable-themed-color
opacity: false
format: hex
default-light: '#D9B98C'
default-dark: '#2D2A28'
-
id: background-secondary-c
title: Background Secondary
title.de: Hintergrund Sekundär
type: variable-themed-color
opacity: false
format: hex
default-light: '#D5975F'
default-dark: '#33362D'
-
id: background-modifier-border-c
title: 'Background Modifier: Border'
description: for border lines in Obsidians interface
title.de: Menüunterteilungen
description.de: Randlinien für Obsidians Oberfläche
type: variable-themed-color
opacity: true
format: hex
default-light: '#B1B1B1'
default-dark: '#4B4D45'
-
id: def-red
title: Default red
title.de: Standard Rot
description: for tables, text highlight types
description.de: für Tabellen, Textmarkierungen
type: variable-themed-color
format: rgb
opacity: true
default-light: '#db3434'
default-dark: '#b92b2b'
-
id: def-green
title: Default green
title.de: Standard Grün
description: for tables, text highlight types
description.de: für Tabellen, Textmarkierungen
type: variable-themed-color
format: rgb
opacity: true
default-light: '#52a543'
default-dark: '#228b22'
-
id: def-blue
title: Default blue
title.de: Standard Blau
description: for tables, text highlight types
description.de: für Tabellen, Textmarkierungen
type: variable-themed-color
format: rgb
opacity: true
default-light: '#0080ff'
default-dark: '#0080ff'
-
id: extra-col-palette
title: Extra colors
title.de: Zusätzliche Farben
type: heading
level: 2
collapsed: true
-
id: hr-color
title: Simple delimiters
description: decorative fences "fade, fade2"
title.de: Trenner - einfach
description.de: für dekorative Zäune "trenner, trenner2"
type: variable-themed-color
format: rgb
opacity: true
default-light: '#808080'
default-dark: '#808080'
-
id: hr-stars
title: Decorative Stars
description: decorative fences "stars"
title.de: Trenner - Sterne
description.de: für dekorative Zäune "sterne"
type: variable-themed-color
format: rgb
opacity: true
default-light: '#808080'
default-dark: '#808080'
-
id: initial-col
title: Initial (Poetry)
description: "#dropcap ==L==orem - #raisecap ==L==orem"
title.de: Majuskel / Initiale (Poesie)
description.de: "#initiale ==L==orem - #majuskel ==L==orem"
type: variable-themed-color
opacity: false
format: hex
default-light: '#800000'
default-dark: '#c11616'
-
id: checkB-col
title: Checkbox color
title.de: Ankreuzfeld - Farbe
description: "- [X] text"
type: variable-number-slider
default: 0
min: 0
max: 360
step: 10
-
id: cite-accent
title: Citation accent color
title.de: Zitat Akzentfarbe
description: "> [!cite|cite-c]"
type: variable-number-slider
default: 0
min: 0
max: 360
step: 10
-
id: fade-options
title: ( ) Show
description: manage ui elements
title.de: ( ) Einblenden
description.de: Bedienelemente verwalten
type: heading
level: 1
collapsed: true
-
id: fade-op-a
title: Main window
title.de: Hauptfenster
type: heading
level: 2
collapsed: true
-
id: hide-sidepanels
title: Writer mode (PC)
description: Hide panels
title.de: Schriftsteller Modus (Rechner)
description.de: Verstecke Panele
type: class-toggle
default: false
-
id: show-tooltips
title: Tooltips
description: restore help bubbles
title.de: Hilfeblasen
description.de: Wiederherstellung Hilfeblasen
type: class-toggle
default: true
-
id: show-ui-btns
title: Buttons
description: restore buttons
title.de: Tasten
description.de: Wiederherstellung Tasten
type: class-toggle
-
id: show-nav-btns
title: Buttons - panels
description: restore panel buttons
title.de: Tasten - Panele
description.de: Wiederherstellung Panele Tasten
type: class-toggle
default: true
-
id: show-status-bar
title: Status bar
description: restore statusbar
title.de: Statusleiste
description.de: Wiederherstellung Statusleiste
type: class-toggle
-
id: show-tab-name
title: Tabs
description: restore inactive tabs
title.de: Reiter
description.de: Wiederherstellung inaktiver Reiter
type: class-toggle
-
id: slim-bars
title: Slim bars (Phone & Desktop)
description: restore default tab-height
title.de: Schmale Leisten (Telefon & Rechner)
description.de: Wiederherstellung normale Reiterhöhe
type: class-toggle
default: true
-
id: stacked-tabs-focused
title: Stacked notes (One page)
description: restore defaults for stacked-view (2 pages)
title.de: Stapelansicht (Eine Seite)
description.de: Wiederherstellung normale Stapelansicht (2 Seiten)
type: class-toggle
-
id: show-title-name
title: Note title
description: restore note title
title.de: Notizname
description.de: Wiederherstellung Notizname (Titelleiste)
type: class-toggle
default: false
-
id: show-title-parent
title: Note path
description: restore path in title bar
title.de: Notizpfad
description.de: Wiederherstellung Pfad (Titelleiste)
type: class-toggle
-
id: show-scrollbars
title: Scrollbars
description: restore scrollbars (page browsing)
title.de: Rolleiste
description.de: Wiederherstellung Rolleiste (Seiten blättern)
type: class-toggle
default: true
-
id: dune-accent-col
title: Dune accent
description: restore color-accent
title.de: Dune Akzent
description.de: Wiederherstellung Farbakzent
type: class-toggle
default: true
-
id: fade-op-b
title: Text body
title.de: Textkörper
type: heading
level: 2
collapsed: true
-
id: show-strikeout
title: Tasks strikeout
description: restore strikeout (tasks)
title.de: Aufgaben, durchstrichen
description.de: Wiederherstellung durchstrichene Aufgaben
type: class-toggle
-
id: show-ls-marker
title: List marker
description: restore list enumeration
title.de: Listen Aufzählung
description.de: Wiederherstellung Punkt anstatt Klammer
type: class-toggle
-
id: edgy-tables
title: Tables, edgy
description: restore edgy tables (colored, monochrome tables)
title.de: Tabellen, eckig
description.de: Wiederherstellung eckige Tabellen (farbige, monochrome Tabellen)
type: class-toggle
-
id: edgy-banners
title: Banners, edgy
description: restore edgy banners
title.de: Banner, eckig
description.de: Wiederherstellung eckige Banner
type: class-toggle
default: true
-
id: monoch-admo
title: Simple Mini-Admonitions
title.de: Einfache Mini-Admonitions
description: restore colored checkboxes "- [!], - [?], - [n], etc.."
description.de: Wiederherstellung farbige Ankreuzfelder "- [!], - [?], - [n], etc.."
type: class-toggle
default: true
-
id: simple-aside
title: Simple Aside-boxes
title.de: Einfache Seiten-Felder
description: restore aside boxes "aside|l, aside|lh, aside|r, aside|rh"
description.de: Wiederherstellung Seitenfelder "seite|l, seite|lv, seite|r, seite|rv"
type: class-toggle
default: false
-
id: simple-border
title: Simple highlights
description: restore normal highlights "#red ==Text==", "#green ==Text==", etc
title.de: Einfache Markierungen
description.de: Wiederherstellung normale Markierungen "#rot ==Text==", "#grün ==Text==", etc
type: class-toggle
default: true
-
id: shade-Hd
title: Shade Headers
title.de: Schattiere Titel
description: restore Header color
description.de: Wiederherstellung Titelfarbe
type: class-toggle
default: false
-
id: inactive-notes
title: Shade inactive Notes
description: highlight active notes (split view)
title.de: Schattiere inaktive Notizen
description.de: aktive Notizen hervorheben (Geteilte Ansicht)
type: class-toggle
-
id: short-Hs
title: Header hash
title.de: Titel Raute
description: restore Header hash. Otherwise, click on the header placeholder and add with '#' or remove with '⌦'
description.de: Wiederherstellung der Titel Raute. Andernfalls klicke auf den Titel-Platzhalter und addiere mit '#' oder subtrahiere mit '⌦')
type: class-toggle
default: false
-
id: codeblock-dev
title: Codeblocks full length
title.de: Befehlszeilen ganze Länge
description: mainly for developers
description.de: hauptsächlich für Entwickler
type: class-toggle
default: false
-
id: show-textHL
title: Line highlight
title.de: Zeilenmarkierung
description: highlight active line (edit mode)
description.de: Aktuelle Zeile hervorheben (Bearbeitungs-Modus)
type: class-toggle
default: false
-
id: fade-op-c
title: Core plugins
title.de: Kernerweiterungen
type: heading
level: 2
collapsed: true
-
id: show-canvas-ui
title: Canvas - hide buttons
description: restore Canvas control buttons
title.de: Canvas - verstecke Tasten
description.de: Wiederherstellung Canvas Tasten
type: class-toggle
default: true
-
id: show-graph-btns
title: Graph - buttons
description: restore buttons
title.de: Graph - Tasten
description.de: Wiederherstellung Graph Tasten
type: class-toggle
-
id: zoom-svg
title: Mermaid - Proportions
description: restore default proportions
title.de: Mermaid - Proportionen
description.de: Wiederherstellung Standard Proportionen
type: class-toggle
-
id: compact-bases-ls
title: Bases - compact view
description: restore default height (embedded)
title.de: Bases - kompakte Ansicht
description.de: Wiederherstellung Standard Höhe (eingebettet)
type: class-toggle
default: false
-
id: fade-op-d
title: Extra toggles
title.de: Zusätzliche Schalter
type: heading
level: 2
collapsed: true
-
id: show-tooltips
title: Tooltips
description: restore help bubbles
title.de: Hilfeblasen
description.de: Wiederherstellung Hilfeblasen
type: class-toggle
default: true
-
id: zoom-prefs-descr
title: Zoom descriptions
title.de: Vergrößere Beschreibungen
description: zoom Dunes descriptions
description.de: Vergrößere Dunes Beschreibungen
type: variable-number-slider
format: px
default: 15
min: 12
max: 18
step: 1
-
id: resource-docs
title: □ Info
description: Help & extensions
description.de: Hilfe & Erweiterungen
type: heading
level: 1
collapsed: true
-
id: man-info
title: Manual
title.de: Handbuch (in englisch, mit deutschen Optionen)
description: "[First steps](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main#-first-steps)<br>[Features](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main/Wiki)<br> [Troubleshooting](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/Wiki/Troubleshooting.md)<br>[License](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main?tab=GPL-2.0-1-ov-file#)"
description.de: "[Erste Schritte](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main#-first-steps)<br>[Funktionen](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main/Wiki)<br>[Problemsuche](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/Wiki/Troubleshooting.md)<br>[Lizenz](https://github.com/Jopp-gh/Obsidian-Dune84/tree/main?tab=GPL-2.0-1-ov-file#)"
type: info-text
markdown: true
-
id: css-info
title: Cheatsheet (Dune shorthands)
title.de: Spickzettel (Dune Kürzel)
description: "[Css classes](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/Wiki/cheatsheet%20cssclasses%20Dune.md)<br>[Callout, fences, tags](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/Wiki/cheatsheet-Callouts%2C%20Fences%2C%20Tags.md)"
type: info-text
markdown: true
-
id: snipp-info
title: Css Snippets (Dune expansions)
title.de: Css Schnipsel (Dune Erweiterungen)
description: 1.[Dune-Supported-plugins](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/snippets/Dune-pluginsupport.css)<br>2.[Dune-Mermaid-theme](https://github.com/Jopp-gh/Obsidian-Dune84/blob/main/snippets/Dune-mermaid.css)
type: info-text
markdown: true
-
id: update-dune
title: Upgrade to Dune-Gold today!
title.de: Hole dir Dune-Gold noch heute!
description: <a href="https://www.buymeacoffee.com/jopp.gh/extras" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
type: info-text
markdown: true
*/
body {
--wave-a: url("data:image/png+xml;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAB1CAQAAABeghR1AAAEPWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVVtoHFUY/nfn7AYkDj5oG1poBy9tKWmYRKuJxdrtZrtJEzfrZlObKspkdjY73dmZcWZ2m4Q+lYJvWhCkr4L6GAsiWC/YvNiXisWSSjUPChFajCAofVLwO2cmm9kNXmY453znv53//BcOUc8fmutaSYWoYQdevpSZPT17Rum5SUmSqZfwabrvZorFSY5txzZo23f/NiX4eusQt7Wd/69fqmL4OtZrGE7F1xtECZUoXdVdLyDquQz68LnA5fgm8MP1cikLvA4sR7r8eyRv2IZn6kre0xaVoudUTSvu63/x/9fXsJqb5+3F6PXr0xNYD8Lni4Y9Mw18AHhZ13Ic9wPfbpmnCiFOJt3geCmUTw406zOZiH666p2YiegXa80xjgeAl5dq5ZeAHwJes+cKU5H8Rt2Z4Hb6iKQ+3c+eAX4cWK0Z4zxPCnDZc0pTET2oGKM54GeBL5vBeDm0L33rt6ZzIWa0VMsWwrPYwFntZBF4B/BRw8qXQjus7AZFbnMYeMG2CpOhz+yK4eeiu7Pvg1p5LJRPJQOvzHUfBd5XNU+Mh/6nxmreWCn0JxW4lqitp4GXvWaJ330f8Lrm5fKhzfQDFW2Ux/kp4CE6ldDIIIfmMOtk01+4r08mtQRyyQOvir1FeUjYGB52Onh5II0WgYoxKQM7LhPuFKpgp9C80PIF4lbuRlaye96nJqg12gC1BvQC/SgoC/QTNbBmQW2CN99lN4vVpiV4oESe3YtsOmwnU9mTGEfYJHuODbMRUtjz7Bg7ykZBHWFHYt7Hfefe3Wtbeh3nxn1fgUQAHQue2dDxRaSW6E/w60IyFq1Lu5oHXPedNy94r5n6N2/91hE9H/Kh3Z9h0RH0mO7185/3xeO7yj555Vbv9fM0Fc+SyFulO0up9dTd1CrmO6m1uI3UD6k1/He23Zf7s5mVzdxmwLMErYFhCo7fttYEDjBXhc6hDotx7LTtz2M4205x/jEmHGuilmI3q9qXdrnuqx/waBpvFO4X6EK/ekXdUN9Tv1N/VVfVd4F+kd6WPpa+kK5Kn0o3SJGuSSvSl9JX0ofSZ9h9BOqKdLWrkuY7q6dds3pUYZwbiHxnYlHh1M37nQVvy1NDxKHzhM7qb58lH5d3y4/Jo/Je+Ql5Uj4oH5aPyTvlIYxBeUzeD87udpSsKANmV8eZNCtiFebJFt2kgd/ArMX8CmVjMU88iDibXV2+2f2m6MawOh3sNZoBMumc0PVFfmzR/d3aS+J0J/EyjyDbwwbZeNSDGXYYXTjR0Y/DvEvTufRoOkNK+mB6JD2YPsnxVu2m94M7gjkX895oR3arh+ZEndZFjFpCwsdMgbEQ8Ecm67iLnjlfC5QhVX1GyeB5NZRxWx/oVzTLUgTLVzzDN7yWURkg/naHz9PvL4o3ObHjht70WtGblUh8TfQ3t4+TNAOs8McAAAAJcEhZcwAAD2EAAA9hAag/p2kAAC2GSURBVHgB7V0JfBRF1n/dXXPkIoQrmWRmcnIjnqConCIqnigeeOB9rYrorrpe67Gfuroqu+INrqwXiqziKiqsJ6igeCsIEsgxgYSAnCGZma7u/l51Tad77klIQsAUPzLd1XW8evXvV69evaoW4HcSivs3lKR55R72HmomCIFQqx2W1gtisCZ79pqNlqiuy1ZzQGh1zn0no1Q8TrsucBTpQXWalRiUSxhH8L9UJTxn+9evG2Ik6YpqEQf2c2CVlcqHC1OV8VTicJKROex/ZLBhBPuvA8wnza6cDV2SK5JJLbrfj4HVt8R/h3aG0g1A0cEUC1CRvOIAk1ByifdXP4cZu0IrObC/AsvmvVi4M+hmyJBjyqhE/LKh9HKozuPWfpAoVdezRBxgisX+FkTPhXChPJpJKh6YHIoV4skwGYFFxUApdAErFttSitvvgDXQ1fQP5SwaGv4M3UnXnmSlSaKggYh6ugPsXKvi4IoFMZXr+imxsStRJAc6GlhOyPG4aY7qEIPizjRfeT0EI0nak/uCAxv+DQcaxgRekgREg8+F+fK3PXyrd+K46OjbrTHXXqodoBwDQyS0OCgooRi0DHgxOJKg9tOeUPJ7z9txOpaj9zHOk+Bo8FIHSgwRJQclfm2l8LLrta9+a5tucI0iL1KvMQDqUspP6mG5+GrVwpgAdhYOCk50jPQPEXqiDAtJOSbJUH1/rGY60tgVWsmBjgAW6e9pHKtdKowAgQ1R1qBP79dKc4OLNn4Fezj0FE/2Pw09jfIlsC2Dp6qXwA7Ybq0xxrUI2dDbc5Q0SRkHGZwIhNVNMaEYI3tXVCwOtDewHK5ryMU0H3qwyo1ONwjhQw+TDxAgy+S76z41nrT81ztVe5qm8RqwvA3aP+tmgr9l5ZQcIF8Mx4MqzKx+pmU5u1JHcqB9gZVbNEOZEi6lmIzi3W+aAdj0HjUhP7239kFQI0lM5d59qfKkguo4C9I2x2P2Wa22nnfHAXAHL6nrb+s50G7A8g7SboQJ1GNKKYROM50G2BqbY3TbEcAM380tHxLRvDArELIpONbQy2uXNhfbdbGXONA+wBLc16h3axZ9R6pSVhKfuFMfnJyqTUtXepMyegCziRtzMYB01KDFv1b9pWW86HO64+WAk+VB6C53nF++rmX5u1LvKxzI9M7yaLlan9A/T8DzcP/8GMR381zi2d5Hy7T866N51OLzY6SNG1UwwvMbr8mleT6GvLgJux7s4xzILX7HY4JKc1cWTorfosLTXf5IaLnqivvHzxHxJN3zlUuvzaUVLYI+EU+7bvcaB5gu3YZhkNc5Tz3GMFA6QHrTcd76ZfEr2PFLTh4M18I0dpIJvXe+kZINSfBcC5ewoRQHwaXV58Dm+DV1PdmHOTCgyLOcy48+Gg5Mu4v+zBZOEoeSvq5tkTLLQ0uPT5yLP3Xd6KFsGMS6vu9XkEqOrjQdxYG2lFiutPn0cMOS5Kii5/leiDJdRbVr29asI8QB4TJLFEX79v9EJY2I8AwT5zClHaWVT5i0fn3E467bvcoBsc1q7+F+0YAVrrT9Kpyy8X+plU2i0imANvBeSXI74WHIZGmI33FN9aokqbsedzAH2gpY9qKnlGMM44FUo55V8WOqLZFXAY1ybMkudCfO7zkbRrHlFwdor5e/nTht19OO54Bps9yjuovuCZzF/TTRht6YduX6H1Ivrq7ctUXK4/4FPBcbn0XTshqrqO5wM/NSR/J3weOxEnTFtYoDGdAYY9rUO2+w3at2o05IS3MA2j7RkUC3gFIQgjZVhICssbe80dYgbZV9NWtha5sAq3gy/RODFZM7Ejj/sf7dFjWqxvG9cjzLy+Z3PEjrKhLqTIUnqIMCzCFhF0yr+crI1fW7ZxzoM8nxN3jbd4tFM7blD5em0NOht4xIYVjyWx7y2hiijKBg/0OwsD74QhtY3r2Dgv8T8v0Ii3Qs37HCNx52GhWl9lsyUV5AbcZAmg7SFji/dlGivIWvBycrCCzpocpbEqXrepYSB+xgK/TK50hsFt9oH7DOBzAk97eDHEfQCcIwsBkLcNZXP0p5wf5ngiG0NPfLnkssuzyDw4o1QQqQ21sKK4D173quh9ulApR2WAZZSy9NvNpXWhYcr4+UQeV1VmtXaC0H0ty9TxSOUQ5QugczSBYrRdrikHufkHHVjiOhRyBKH9E9UeJUxnsPH/phKfnTHksszx/oEwoOzAyrTnC8WjklTr3Jol2FI8RBNEeorn4N6hImJp7ZcCETwNLqmhFJva0SFvU7fuhwHyhMkc5R8kx5hKoFaJWwUTiC6pDiEojziOm9KIWqhQ3yLmgiTaiJabqIAi0gqIKsKSIVd9Ctjhp1NZp+6B4Cq7SscamSx4UgLiE3qEdvaIHa3rpuLThGXMSGcmTCYzXXt66M33UuZ/FJ2gXKIPSSS4+cIelsjdCiOKS0SuF9+dVeq3/eAYEY6n0UQ61DoVRSmt70sy8qTfwIUb4LQrBiQlJ4tf1hBaAeIeKeCPRurr
--wave-b: url("data:image/png+xml;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACECAQAAACATN7JAAAEPWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVVtoHFUY/nfn7AYkDj5oG1poBy9tKWmYRKuJxdrtZrtJEzfrZlObKspkdjY73dmZcWZ2m4Q+lYJvWhCkr4L6GAsiWC/YvNiXisWSSjUPChFajCAofVLwO2cmm9kNXmY453znv53//BcOUc8fmutaSYWoYQdevpSZPT17Rum5SUmSqZfwabrvZorFSY5txzZo23f/NiX4eusQt7Wd/69fqmL4OtZrGE7F1xtECZUoXdVdLyDquQz68LnA5fgm8MP1cikLvA4sR7r8eyRv2IZn6kre0xaVoudUTSvu63/x/9fXsJqb5+3F6PXr0xNYD8Lni4Y9Mw18AHhZ13Ic9wPfbpmnCiFOJt3geCmUTw406zOZiH666p2YiegXa80xjgeAl5dq5ZeAHwJes+cKU5H8Rt2Z4Hb6iKQ+3c+eAX4cWK0Z4zxPCnDZc0pTET2oGKM54GeBL5vBeDm0L33rt6ZzIWa0VMsWwrPYwFntZBF4B/BRw8qXQjus7AZFbnMYeMG2CpOhz+yK4eeiu7Pvg1p5LJRPJQOvzHUfBd5XNU+Mh/6nxmreWCn0JxW4lqitp4GXvWaJ330f8Lrm5fKhzfQDFW2Ux/kp4CE6ldDIIIfmMOtk01+4r08mtQRyyQOvir1FeUjYGB52Onh5II0WgYoxKQM7LhPuFKpgp9C80PIF4lbuRlaye96nJqg12gC1BvQC/SgoC/QTNbBmQW2CN99lN4vVpiV4oESe3YtsOmwnU9mTGEfYJHuODbMRUtjz7Bg7ykZBHWFHYt7Hfefe3Wtbeh3nxn1fgUQAHQue2dDxRaSW6E/w60IyFq1Lu5oHXPedNy94r5n6N2/91hE9H/Kh3Z9h0RH0mO7185/3xeO7yj555Vbv9fM0Fc+SyFulO0up9dTd1CrmO6m1uI3UD6k1/He23Zf7s5mVzdxmwLMErYFhCo7fttYEDjBXhc6hDotx7LTtz2M4205x/jEmHGuilmI3q9qXdrnuqx/waBpvFO4X6EK/ekXdUN9Tv1N/VVfVd4F+kd6WPpa+kK5Kn0o3SJGuSSvSl9JX0ofSZ9h9BOqKdLWrkuY7q6dds3pUYZwbiHxnYlHh1M37nQVvy1NDxKHzhM7qb58lH5d3y4/Jo/Je+Ql5Uj4oH5aPyTvlIYxBeUzeD87udpSsKANmV8eZNCtiFebJFt2kgd/ArMX8CmVjMU88iDibXV2+2f2m6MawOh3sNZoBMumc0PVFfmzR/d3aS+J0J/EyjyDbwwbZeNSDGXYYXTjR0Y/DvEvTufRoOkNK+mB6JD2YPsnxVu2m94M7gjkX895oR3arh+ZEndZFjFpCwsdMgbEQ8Ecm67iLnjlfC5QhVX1GyeB5NZRxWx/oVzTLUgTLVzzDN7yWURkg/naHz9PvL4o3ObHjht70WtGblUh8TfQ3t4+TNAOs8McAAAAJcEhZcwAAD2EAAA9hAag/p2kAADPmSURBVHgB7X0HfBvHlffbnS0A2MEKkmAXRVFUtSVZtmXHiiNFlpsSl9iOHeUcO05ySS71kkv1OcX54vh8d8k5zuWSSy5xYsVxr3GRJRdZkq1eKImkxAoWiSRAEASwO7vfm12ABEmQBEmw6A7DH4HF7rR98583b968N8NBIswvCvAggRVskOPIpslCup4jZOkpvE2x4T0bJxErcPhnw0pzikUMgF/307NCF99KTwbautrABQEYAAW0uX0tbm6LT5RuUIADHsFCEFIyOHIXy+v1FZCjZiPAQkGfECeExVQEl9os7ht4q+sQtEM/wmvOQgJYc0Z6o2AOoWSDNLA7ktQcUs2tEJZCmWo8osbnEDaGrkZXWTRusU8GMAHgBLyu/bX1IHggODr2bNxJAGs2qBytDA5EhFRGzsXSRqihxZDK8MDAFAZQ+Dta4rHvMXCFANYPr6qPdO2G3gnZ3djZTflJAlhTJt2UE/I4xFkgLXcxv164Uq3GYRABxWA0NShFr4eI8ELu5RW2cQ821aHcNcshAazZJTiBZCgpvIy7CNaoBWAJc6h4QmrohUxwCUf893a9BN6h+7NxlQDWbFCZlcGkKQtUOD4m3awVqqFBb2YAFflKBri83A/afgnuyPszfZ0A1kxTmOXPI5/Kyb1AvkTZIhSao5IvxnJNsTwy8mTByKAla/RnbfdBX2Q+M3udANbM0pdN05KgLH8LuQGlqZAsFSlNGcK2huK1ruscZd+Df4BXxizPqCK2lAYcrzEtFlNPsD/jSuEmgprBtTT4ruuB2ZO1EsCaSWDxkFJQKn5MvRlK2KxfiRDPQ7M3jQSgX+jSe7h+0k+7da/gB/zTBkATdQjyCC0WKM+JqBDlwcKj4K/ip55GUqkFQZuupuMQa6ECPseY0UFmcC2veqPrJSO7WfhIAGumiMzh8Ffq+IRwo+o01QisILPZETIqKCSICs12sld4mp443YXDVHRMjFe/5EUp/XahWL9YWcsVqHYc8wQEmIgAxHYdnp2I1YHtzZtRKz8rIQGsmSFzEhTk3SJspSXheZ+pXcLC/MQnnNObuFrxFHdSPnqsKS4VkIvLSBlfrBZDkVrEZasZyMOsQBi4QmBGtiYMCCtOn4hLeRNmkgDWhCSadAQRMos+pt+tLgpzKta0OPRpZAB65bf0Z8nehjMzphHnQS4phipulfpBKFctFLkYcjAQKQkKruYr4cyk32dKCRLAmhLZxkyEA2D+GvKP6pWMU4UD0cAHXuKS3/Ztc707YowKR4r/t73iUuVSrpI6IAV0tUc8FvxT+xtsQjAbIQGseFI5FRx5N4tfUDMZrHzIpQw+5ZXbyLMDT7WdgHPxLCzGvHAtcgUuFu0P4LrhLIYEsOJFbA6yij9PbzelqlCmATIgNJInyKP1dfEq5nzJJwGs+LQUB/lF9+sfZxr1EKcC0iPvIK9pz55ujE8RiVz+71GAg6KSJxx6jvGXwT6VkjbnPcxeIRESFJgqBXgoL3k+DCsElebocW4v/shUs0ukS1CAUYCHBY6XI2AVdNY7P4fWVYmQoMA0KMCXVDm3D8HK4XNuL1wzjfwSSRMUQAoQWFP4tilZ5egIrzMlP6nOS1AmQYHpUYCHNc4dg7CijmMVdzLFVSIkKDA9CiyLhFXR/rLN08sukTpBAUaB0pJnBrmV5jxYsSFBlgQFpk+B7PJfDcJKLzxevmn6WSZySFDAUvKNnKAJLIfurC+9IUGSBAWmTwGuYoOzMwyrnLYFW6efZSKHBAUAMsJCe67ucJd/bcgsPUGcBAWmQYHcqx3hYVBx/jdanSdCFAoklkmjEGXcW6nWW32GtooAd0T4MW69MT+DEPLkMezfmQ28EUwzP+YVxP7UmTP7SwBrcrDgi6+h1zI7crT49ck/q5slC/IYK8njGmV6kY1KYNFTbFYqa5Im6+hpz0lmDpyi4cY1uPlRQA8G/FyfOKAHm/qhO/5GgGEkx1jz//PRip3PBpYwKmBrvey6YbYd16PSH/1y0EDHBqkFWWQNv5yWgF1PoTL66whYTXQLQwdFtgkNBo75LTJTfJX9SQHOC+dIA92rvdPqRnAFsMeYTtpG7Ol8JDjWpKhX8VETVpjIJ/9yjmElQgakF9j0LNmu2oVCvYYu1sqY40Skvb35etH5h7nDEblMvdVSW3iQ1NIO4WzgnKsX36sX3dFGZzMJWkUvcRIZ/J+KyjtfDVzB3hgZwDuujXMGLAH3q8nOXph0EawIOKkd99dKG78dQgzLiDQOXhToJb3iWf6ktl/Z52qEs+g8O8WdARPAGr9Fhj9NctTSQra/h6TpX2z5+fCHs/LLCnZIzcsTF5J1CHFHGCRh59ShNfBIKI1Vs3DqsO8hi2fmgCPoKdjJ7VTr2jqhBwfJcAFjZTXqfgJYo0gy9o2qEvd+ms74FddhWddwauyYM/IkqayMLqWrtcXqAijEOd/ooBPDx5rJSZTJSii968hxOHM/CNYjOJ3jMKXKowRGiCmD4UZalO0CMSroQa
--wave-c: url("data:image/png+xml;base64,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
--wave-d: url("data:image/png+xml;base64,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
/* Checkbox */
--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(44, 99, 210, 1);transform: scale(1.3);msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm-1.999 14.413-3.713-3.705L7.7 11.292l2.299 2.295 5.294-5.294 1.414 1.414-6.706 6.706z'%3E%3C/path%3E%3C/svg%3E");
--grabnote-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M7 7h4v4H7zm0 6h4v4H7zm6-6h4v4h-4zm0 6h4v4h-4z'%3E%3C/path%3E%3C/svg%3E");
--copy-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: scale(0.8, 0.8);msFilter:;'%3E%3Cpath d='M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z' %3E%3C/path%3E%3C/svg%3E");
--cite-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(32, 157, 207, 1);transform: ;msFilter:;'%3E%3Cpath d='M6.5 10c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.318.142-.686.238-1.028.466-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.945-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065.069-.232.14-.468.254-.68.114-.308.292-.575.469-.844.148-.291.409-.488.601-.737.201-.242.475-.403.692-.604.213-.21.492-.315.714-.463.232-.133.434-.28.65-.35l.539-.222.474-.197-.485-1.938-.597.144c-.191.048-.424.104-.689.171-.271.05-.56.187-.882.312-.317.143-.686.238-1.028.467-.344.218-.741.4-1.091.692-.339.301-.748.562-1.05.944-.33.358-.656.734-.909 1.162-.293.408-.492.856-.702 1.299-.19.443-.343.896-.468 1.336-.237.882-.343 1.72-.384 2.437-.034.718-.014 1.315.028 1.747.015.204.043.402.063.539l.025.168.026-.006A4.5 4.5 0 1 0 17.5 10z'%3E%3C/path%3E%3C/svg%3E");
}
@font-face {
font-family: "LiberationSerifRegular";
/* Add other properties here, as needed. For example: */
/*
font-weight: 100 900;
font-style: normal italic;
*/
src: url(data:font/woff;base64,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
}
/* Luis Cafe */
@font-face {
font-family: "Louis George Cafe";
font-style: normal;
src: url(data:application/octet-stream;base64,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
}
/* Poetry RaiseCap */
@font-face {
font-family: "Manuskript Gothisch";
src: url(data:application/octet-stream;base64,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
}
:root,
body {
/* --ui-font-family: "Louis George Cafe"; */
--recipes-font: "Mumsies", "cursive", Helvetica, sans-serif;
--movies-font: "AbadiMT-CondensedLight", Helvetica, sans-serif;
--contacts-font: Helvetica, sans-serif;
--modern-font-h: "Louis George Cafe";
--modern-font-c: var(--modern-font-h);
--poetry-font-h: "Manuskript Gothisch";
--poetry-font-c: var(--poetry-font-h);
--custom-font-h: Helvetica;
--custom-font-c: var(--custom-font-h);
--initial-font: var(--poetry-font-h);
--custom-fsz-1: 16px;
--custom-fsz-2: 16px;
--custom-fsz-3: 16px;
--initial-sz: 110px;
--deco-scale: 0.5;
--slim-bar: 32px;
--checkm-btn: 1.4em;
--min-boxwidth: 230px;
--contacts-alh: 50px;
--indent-l: 4em;
--bwidth-sm: 6px;
--banner-ah: 200px;
--banner-bh: 100px;
--svg-zoom: 80;
--wave-sz: 150px;
--header-col: #c66102;
--h1-color: var(--header-col);
--h2-color: var(--header-col);
--h3-color: var(--header-col);
--h4-color: var(--header-col);
--h5-color: var(--h4-color);
--h6-color: var(--h4-color);
--dark-tone: black;
--light-tone: white;
--light-shadow-l: rgba(255, 255, 255, 0.2);
--dark-shadow-l: rgba(0, 0, 0, 0.1);
--med-shadow-l: rgba(127, 127, 127, 0.2);
--hr-color: #808080;
--button-background: #91AADD;
--text-accent-special: #4e80b2;
--slant-blue: #566370;
--table-highl-col: rgba(255, 166, 0, 0.5);
--azure-sh: rgba(240, 255, 255, 0.5);
--text-highlight-bg: rgba(255, 243, 163, 0.8);
--nav-item-background-selected: rgba(244, 155, 31, 0.4);
--callout-margin: 4px;
/* red=gray */
--dune-red: 0;
--dune-green: 90;
--dune-blue: 214;
--dune-yellow: 46;
--dark-red: hsl(var(--dune-red), 60%, 50%);
--dark-green: hsl(var(--dune-green), 90%, 30%);
--dark-blue: hsl(var(--dune-blue), 60%, 50%);
--dark-gray: hsl(var(--dune-red), 0%, 50%);
--dark-yellow: hsl(var(--dune-yellow), 60%, 60%);
--light-red: hsla(var(--dune-red), 80%, 70%);
--light-green: hsla(var(--dune-green), 80%, 70%);
--light-blue: hsla(var(--dune-blue), 80%, 80%);
--light-gray: hsla(var(--dune-red), 0%, 70%);
--light-yellow: hsla(var(--dune-yellow), 80%, 70%);
--hr-stars: rgb(237, 188, 52);
}
body:not(.dune-accent-col) {
--interactive-accent: darkorange;
}
body.theme-light {
color-scheme: light;
--table-hdcol: rgb(150, 150, 150);
--table-bgcol: rgb(211, 211, 211);
--table-accent: rgba(255, 255, 255, 0.5);
--initial-col: #b33b00;
--text-accent-special: #0080ff;
--ddef-red: var(--dark-red);
--ddef-green: var(--dark-green);
--ddef-blue: var(--dark-blue);
--ddef-gray: var(--dark-gray);
--frame-color-sm: #4a6cb0;
--simple-as-c: var(--interactive-accent);
--aside-bg-c: var(--dark-shadow-l);
--code-normal: var(--text-muted);
--code-comment: var(--code-color);
--code-function: #154371;
--code-important: #cb6500;
--code-keyword: #cb6500;
--code-operator: var(--color-red);
--code-property: #60090A;
--code-punctuation: var(--text-muted);
--code-string: #17294e;
--code-tag: var(--color-red);
--code-value: #2f74ba;
--codebg-col: rgb(211 211 211 / 50%);
--intro-dune: linear-gradient(to left, #390058, #8b0000, #ff8c00, #ffe89e);
--logo-grad: linear-gradient(to bottom, #ff8c00 0%, #8b0000 100%);
--prefs-title: var(--h1-color);
--progr-col: #f2e79c;
--link-unresolved-color: dimgray;
--link-color: var(--text-accent-special);
--rev-fontcol: var(--light-tone);
--text-selection: rgba(239, 206, 116, 0.7);
--input-bg: lightgray;
--var-tone-sw: var(--dark-tone);
--var-bg-col: var(--dark-shadow-l);
--shadow-tone: rgba(0, 0, 0, 0.04);
--sw-red-c: var(--light-red);
--sw-green-c: var(--light-green);
--sw-blue-c: var(--light-blue);
--sw-yellow-c: var(--light-yellow);
--sw-gray-c: var(--light-gray);
--callout-bg-r: var(--light-red);
--callout-bg-g: var(--light-green);
--callout-bg-b: var(--light-blue);
--callout-bg-m: var(--light-gray);
--callout-title-r: hsl(var(--dune-red), 60%, 55%);
--callout-title-g: hsl(var(--dune-green), 60%, 45%);
--callout-title-b: hsl(var(--dune-blue), 60%, 55%);
--callout-title-m: hsl(var(--dune-red), 0%, 45%);
--hl-mark-red: hsl(var(--dune-red), 60%, 70%);
--hl-mark-green: hsl(var(--dune-green), 60%, 70%);
--hl-mark-blue: hsl(var(--dune-blue), 60%, 80%);
--hl-mark-gray: hsl(var(--dune-red), 0%, 70%);
--phone-tree-col: rgb(0 0 0 / 6%);
}
body.theme-dark {
color-scheme: dark;
--table-hdcol: rgb(60, 60, 60);
--table-bgcol: rgb(90, 90, 90);
--table-accent: rgba(255, 255, 255, 0.5);
--initial-col: #b60000;
--text-accent-special: #378dff;
--ddef-red: var(--light-red);
--ddef-green: var(--light-green);
--ddef-blue: var(--light-blue);
--ddef-gray: var(--light-gray);
--frame-color-sm: #ff7029;
--simple-as-c: navajowhite;
--aside-bg-c: var(--background-secondary);
--code-normal: var(--text-muted);
--code-comment: var(--code-color);
--code-function: #7ccccf;
--code-important: orange;
--code-keyword: orange;
--code-operator: var(--color-red);
--code-property: #af8657;
--code-punctuation: var(--text-muted);
--code-string: #d8c07f;
--code-tag: var(--color-red);
--code-value: #d86f42;
--codebg-col: var(--background-secondary);
--intro-dune: linear-gradient(to right, black, black, #390058, #8b0000);
--logo-grad: linear-gradient(to bottom, #f2e79c 0%, #11438a 100%);
--prefs-title: var(--h1-color);
--progr-col: #8b0000;
--link-unresolved-color: #e4e4e4;
--link-color: navajowhite;
--rev-fontcol: #515151;
--text-selection: rgba(255, 110, 47, 0.3);
--var-bg-col: var(--light-shadow-l);
--var-tone-sw: var(--light-tone);
--shadow-tone: rgba(255, 255, 255, 0.06);
--sw-red-c: hsl(var(--dune-red), 60%, 60%);
--sw-green-c: hsl(var(--dune-green), 60%, 60%);
--sw-blue-c: hsl(var(--dune-blue), 60%, 60%);
--sw-yellow-c: hsl(var(--dune-yellow), 0%, 60%);
--sw-gray-c: hsl(var(--dune-red), 60%, 60%);
--callout-bg-r: hsla(var(--dune-red), 60%, 50%, 25%);
--callout-bg-g: hsla(var(--dune-green), 60%, 50%, 25%);
--callout-bg-b: hsla(var(--dune-blue), 60%, 50%, 25%);
--callout-bg-m: hsla(var(--dune-red), 0%, 50%, 25%);
--callout-title-r: hsl(var(--dune-red), 60%, 40%);
--callout-title-g: hsl(var(--dune-green), 60%, 40%);
--callout-title-b: hsl(var(--dune-blue), 60%, 60%);
--callout-title-m: hsl(var(--dune-red), 0%, 50%);
--hl-mark-red: var(--callout-title-r);
--hl-mark-green: var(--callout-title-g);
--hl-mark-blue: var(--callout-title-b);
--hl-mark-gray: var(--callout-title-m);
--phone-tree-col: rgb(255 255 255 / 6%);
}
/* Flat theme */
.theme-light.col-mod-0 {
--light-base-c: #433721;
--link-color-dune: var(--text-accent);
--prefs-title: var(--light-base-c);
--h1-color-c: var(--light-base-c);
--header-col: var(--h1-color-c);
--text-selection-c: #DD94178A;
--text-selection: var(--text-selection-c);
}
.theme-dark.col-mod-1 {
--dark-base-c: #F3F2E9;
--link-color-dune: var(--text-accent);
--prefs-title: var(--dark-base-c);
--h1-color-c: var(--dark-base-c);
--header-col: var(--h1-color-c);
--text-selection-c: #4A6CB0A1;
--text-selection: var(--text-selection-c);
}
.theme-light.col-mod-0,
.theme-dark.col-mod-1 {
--background-primary-c: var(--color-base-00);
--background-secondary-c: var(--color-base-20);
--background-primary: var(--background-primary-c);
--background-secondary: var(--background-secondary-c);
--text-accent: var(--color-accent);
--button-background: var(--interactive-accent);
--prefs-shadow: var(--background-primary);
--prefs-grad: var(--background-primary);
--input-bg: var(--background-secondary);
--text-muted-c: var(--color-base-70);
--text-faint-c: var(--color-base-50);
--link-color-c: var(--text-accent);
--text-muted: var(--text-muted-c);
--text-faint: var(--text-faint-c);
--link-color: var(--link-color-c);
--text-normal-c: var(--color-base-100);
--bold-color-c: inherit;
--italic-color-c: inherit;
--text-normal: var(--text-normal-c);
--bold-color: var(--bold-color-c);
--italic-color: var(--italic-color-c);
--background-modifier-border-c: var(--color-base-40);
--background-modifier-border: var(--background-modifier-border-c);
--wm-b-col: var(--background-secondary);
}
/* Color Models */
.theme-light.col-mod-a {
--link-color-dune: #407299;
--header-col: #4792b8;
--background-primary: #EAE8D5;
--background-primary-alt: #EAE8D5;
--background-secondary: #899AAC;
--background-secondary-alt: #899AAC;
--background-modifier-border: #8B8B8B;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 206 25%;
}
.theme-light.col-mod-b {
--link-color-dune: #997138;
--header-col: #cc8c33;
--background-primary: #DBC7AB;
--background-primary-alt: #DBC7AB;
--background-secondary: #899AAC;
--background-secondary-alt: #899AAC;
--background-modifier-border: #8B8B8B;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 35 22%;
}
.theme-light.col-mod-c {
--link-color-dune: #994436;
--header-col: #c4523b;
--background-primary: #E9A791;
--background-primary-alt: #E9A791;
--background-secondary: #899AAC;
--background-secondary-alt: #899AAC;
--background-modifier-border: #8B8B8B;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 9 21%;
}
/* dark */
.theme-dark.col-mod-d {
--link-color-dune: navajowhite;
--header-col: #ffaa00;
--background-primary: #201433;
--background-primary-alt: #201433;
--background-secondary: #232529;
--background-secondary-alt: #232529;
--background-modifier-border: #77736A;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 39 0%;
}
.theme-dark.col-mod-e {
--link-color-dune: navajowhite;
--header-col: #ffd770;
--background-primary: #141733;
--background-primary-alt: #141733;
--background-secondary: #232529;
--background-secondary-alt: #232529;
--background-modifier-border: #77736A;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 43 43%;
}
.theme-dark.col-mod-f {
--link-color-dune: navajowhite;
--header-col: #c9893b;
--background-primary: #283037;
--background-primary-alt: #283037;
--background-secondary: #232529;
--background-secondary-alt: #232529;
--background-modifier-border: #77736A;
--btn-col: var(--dark-tone);
--prefs-shadow: transparent;
--header-cco: 33 24%;
}
body {
--wm-b-col: var(--background-secondary);
--link-external-color: var(--link-color-dune);
--code-color: var(--text-muted);
--toolbar-bg-sw: var(--background-primary);
}
.theme-light {
--prefs-grad: linear-gradient(180deg, var(--background-secondary), var(--background-primary), var(--background-primary), var(--background-secondary));
}
.theme-dark {
--prefs-grad: linear-gradient(180deg, var(--background-primary), var(--background-secondary), var(--background-secondary), var(--background-primary));
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/*----------------------------------------------------------------
Vault loading
----------------------------------------------------------------*/
.workspace-ribbon.mod-left:before {
background-color: var(--background-secondary);
}
body.is-focused .workspace-tabs.mod-top {
--tab-container-background: revert;
}
/* hide loading message */
.progress-bar-line,
.progress-bar-subline {
visibility: hidden;
}
.progress-bar-message {
color: var(--progr-col);
}
/* Logo */
:not(.default-loading-page) .progress-bar-message:before {
content: "~DUNE~";
font-family: 'Louis George Cafe', 'Lucida Grande', sans-serif;
position: relative;
line-height: normal;
font-size: 8em;
font-weight: inherit;
display: block;
animation: fadeIn 5s;
background: var(--logo-grad);
-webkit-text-fill-color: transparent;
background-clip: text;
transform: translateY(-30%);
}
.is-phone :not(.default-loading-page) .progress-bar-message:before {
font-size: 4.2em;
}
.progress-bar {
height: 100%;
background: var(--intro-dune);
background-size: 200% 200%;
animation: gradient-slow 8s steps(80) forwards;
}
@keyframes gradient-slow {
from {
background-position: right;
}
to {
background-position: left;
}
}
body:not(.show-scrollbars) ::-webkit-scrollbar {
width: 0;
height: 0;
}
body.show-scrollbars ::-webkit-scrollbar {
width: 8px;
height: 0;
}
/*----------------------------------------------------------------
Tabs
----------------------------------------------------------------*/
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button,
.workspace .mod-root:not(.workspace-tabs.mod-stacked).workspace-tab-header .workspace-tab-header-inner-close-button {
width: 0;
visibility: hidden;
}
.workspace .mod-root .workspace-tab-header:hover .workspace-tab-header-inner-close-button,
.workspace .mod-root .workspace-tab-header .workspace-tab-header-inner-close-button:hover {
color: var(--text-accent-special);
visibility: visible;
width: auto;
}
.workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button {
display: flex;
opacity: 0;
}
.workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-close-button:hover {
opacity: 1;
color: var(--text-accent-special);
}
.theme-light .workspace .mod-root .workspace-tab-header:not(.is-active) .workspace-tab-header-inner:hover {
background: var(--background-primary);
}
/* new tab, stacked */
.workspace-tab-header-tab-list .clickable-icon:hover,
.workspace-tab-header-new-tab .clickable-icon:hover {
color: var(--var-tone-sw);
}
.workspace-tab-header:not(.is-active):hover {
color: var(--link-color-dune);
}
.workspace-tab-header-container-inner .workspace-tab-header:is(:hover, .is-active),
.clickable-icon.side-dock-ribbon-action:hover {
background-color: var(--toolbar-bg-sw) !important;
}
.workspace-tab-header-container-inner .workspace-tab-header {
margin-bottom: -2px;
}
.workspace-tab-header-container-inner .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner .workspace-tab-header-inner-icon {
color: var(--text-normal);
}
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
background-color: transparent;
}
.sidebar-toggle-button:is(.mod-right, .mod-left) {
padding: 4px 0;
}
/*----------------------------------------------------------------
Slim tabs
----------------------------------------------------------------*/
body:not(.slim-bars) .sidebar-toggle-button.mod-right,
body:not(.slim-bars) .sidebar-toggle-button.mod-right:hover {
height: var(--slim-bar);
}
body:not(.slim-bars) .sidebar-toggle-button.mod-left,
body:not(.slim-bars) .sidebar-toggle-button.mod-left:hover {
height: var(--slim-bar);
z-index: 14;
}
body:not(.slim-bars) .workspace-tab-header-container,
body:not(.slim-bars) .workspace-ribbon.mod-left:before {
height: var(--slim-bar);
border-bottom: 0;
}
body:not(.slim-bars) .workspace-ribbon.mod-left {
margin-top: var(--slim-bar);
border-bottom: 0;
}
.slim-bars .workspace-tab-header-container,
.slim-bars .workspace-ribbon.mod-left:before {
border-bottom: 0;
}
.workspace-tab-header-status-icon.mod-pinned {
color: initial;
}
/* phone */
body:not(.slim-bars).is-phone :is(.mobile-tab-switcher-scroll, .mobile-tab-switcher-inner-scroll) {
background-color: var(--background-primary);
}
body:not(.slim-bars).is-phone .mobile-tab-title {
font-weight: 800;
border-radius: 6px;
padding: 4px;
text-align: left;
overflow-x: scroll;
text-overflow: inherit;
max-width: 146px;
}
body:not(.slim-bars).is-phone .mobile-tab-group-container {
row-gap: 8px;
margin-bottom: 8px;
}
body:not(.slim-bars).is-phone .mobile-tab-preview {
position: relative;
height: 0;
}
body:not(.slim-bars).is-phone .mobile-tab.is-active {
border-bottom: 4px solid var(--color-accent);
}
body:not(.slim-bars).is-phone .mobile-tab.is-active .mobile-tab-preview-embed {
box-shadow: none;
}
/*----------------------------------------------------------------
stacked tabs
----------------------------------------------------------------*/
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button {
opacity: 0;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-close-button:hover {
opacity: 1;
color: var(--text-accent-special);
}
.workspace:is(.is-left-sidedock-open) .mod-root :not(.workspace-tabs.mod-stacked) .workspace-tab-header-container-inner {
margin-left: 0.6em;
margin-right: 0.6em;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
--tab-stacked-header-width: 24px;
}
.workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon {
content: var(--grabnote-icon);
}
.theme-dark .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon {
filter: invert(1);
}
body:not(.show-tab-name) .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon {
opacity: 0.3;
}
body:not(.show-tab-name) .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner-icon:hover {
opacity: 1;
}
body:not(.stacked-tabs-focused) .workspace-leaf {
--tab-stacked-pane-width: 100%;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-leaf {
transition: ease-in-out 300ms;
}
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-header.is-active.mod-active .workspace-tab-header-inner-title {
font-weight: bold;
}
/* dim tabs */
body:not(.show-tab-name) .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-title:not(.is-active) {
opacity: 0.3;
}
body:not(.show-tab-name) .workspace-tab-header:not(.is-active, :hover) .workspace-tab-header-inner-title:not(.is-active):hover {
opacity: 1;
font-weight: bold;
}
/* dim inactive notes - split view */
.inactive-notes .workspace-tab-header.tappable.is-active:not(.mod-active),
.inactive-notes .workspace-leaf:not(.mod-active) .view-header,
.inactive-notes .workspace-leaf:not(.mod-active) .workspace-leaf-content .view-content {
animation: contrastFx 3s normal forwards;
}
@keyframes contrastFx {
0% {
filter: contrast(1);
-webkit-filter: contrast(1);
}
100% {
filter: contrast(0.8);
-webkit-filter: contrast(0.8);
}
}
/* --------------------------------------------
Nav Folder Tree
-------------------------------------------- */
.tree-item-inner.nav-folder-title-content {
font-weight: bold;
}
.nav-folder>.nav-folder-title {
font-size: inherit;
}
.tree-item.nav-folder:not(.is-collapsed) {
margin-bottom: -1px;
}
.nav-folder>.nav-folder-title,
.nav-folder>.nav-folder-title:hover {
font-weight: bold;
}
.tree-item-children {
border-inline-start: 0;
}
.tree-item .tree-item-children {
border-radius: 4px;
border: none;
}
.tree-item .tree-item-children {
background-color: var(--shadow-tone);
}
.is-phone .tree-item>.tree-item-children {
background-color: var(--phone-tree-col);
}
.is-phone.theme-dark .tree-item-inner.nav-folder-title-content {
filter: brightness(0.6);
}
body:not(.is-phone).theme-dark :is(.nav-file-title, .nav-folder-title) {
color: var(--light-tone);
}
body:not(.is-phone).theme-dark :is(.nav-file-title, .nav-folder-title):hover {
color: navajowhite;
filter: none;
}
body:not(.is-phone) .theme-light .nav-file-title:hover,
body:not(.is-phone) .theme-light .tree-item-self.is-clickable:hover {
color: var(--dark-tone);
background-color: var(--text-normal);
}
.nav-folder.is-being-dragged-over>.nav-folder-title {
filter: brightness(0.6);
}
/* file suffix */
.nav-file-tag {
line-break: strict;
}
.theme-dark .nav-file-tag {
background-color: var(--color-base-50);
color: var(--light-tone);
}
.theme-light .nav-file-tag {
background-color: var(--color-base-40);
color: var(--dark-tone);
}
/* grabbing */
body.is-grabbing *:not(.workspace-leaf-resize-handle) {
filter: none;
}
body.is-grabbing .tree-item-self.is-clickable:is(:active, :hover) {
border-bottom: 2px solid transparent;
}
body:not(.is-grabbing) .nav-file-title.is-active:hover,
body:not(.is-grabbing) .tree-item-self.is-clickable:hover {
background: var(--background-primary);
}
body:not(.is-grabbing) .tree-item-self.is-clickable:hover {
border-bottom: 2px solid var(--text-accent);
border-radius: 0;
}
body:not(.is-grabbing).theme-light .tree-item-self.is-clickable:hover {
color: hwb(var(--header-cco) 40%);
text-shadow: 0 0 hwb(var(--header-cco) 50%);
}
body:not(.is-grabbing).theme-dark .tree-item-self.is-clickable:hover {
color: navajowhite;
}
/* underline selections */
.tree-item-self:not(.is-being-dragged).is-clickable.is-active,
.tree-item-self.is-clickable.is-active:hover {
background: var(--background-primary);
border-bottom: 2px solid var(--text-accent);
border-radius: 0;
}
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged {
background-color: var(--interactive-accent) !important;
color: var(--text-normal);
}
.tree-item-self:not(.is-phone).is-clickable:hover,
.tree-item-self:not(.is-phone).is-active:hover,
.tree-item-self:not(.is-phone).is-active {
padding-bottom: 2px;
}
.is-phone .tree-item-self.is-clickable:hover,
.is-phone .tree-item-self.is-active:hover,
.is-phone .tree-item-self.is-active {
padding-bottom: 4px;
}
.is-phone .tree-item-self:not(:hover) {
background-color: transparent;
}
.theme-dark .tree-item-self.is-clickable:hover div.tree-item-inner>.tree-item-inner-subtext {
color: navajowhite;
}
.theme-light .tree-item-self.is-clickable:hover div.tree-item-inner>.tree-item-inner-subtext {
color: var(--dark-tone);
}
.theme-dark .tree-item-self.is-clickable:hover div.tree-item-flair-outer>.tree-item-flair {
color: var(--light-tone);
}
/*----------------------------------------------------------------
Main wind
----------------------------------------------------------------*/
/* Linux & Win */
.is-hidden-frameless.mod-windows .titlebar-button-container,
.is-hidden-frameless.mod-linux .titlebar-button-container {
pointer-events: auto;
height: var(--slim-bar);
}
.is-hidden-frameless.mod-windows:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right,
.is-hidden-frameless.mod-linux:not(.is-fullscreen).is-focused .titlebar-button-container.mod-right {
background-color: var(--wm-b-col);
}
.workspace-tab-header.is-active,
.workspace-split.mod-root .workspace-tab-header.is-active::before,
.workspace-split.mod-root .workspace-tab-header.is-active::after {
box-shadow: none;
}
.nav-header {
border-bottom: var(--tab-outline-width) solid var(--tab-outline-color);
}
/* remove double line */
.embedded-backlinks .nav-header {
border: none;
}
.workspace-tab-header.is-active .workspace-tab-header-inner-title {
font-weight: bold;
}
/*
note name
*/
body:not(.show-title-name) .view-header-title {
display: none;
}
/* path moves note name on name edit */
body:not(.show-title-parent) .view-header-title-parent {
display: none;
}
body:not(.is-phone) .view-header-title-container:focus-within>.view-header-title {
opacity: 1;
width: auto;
}
/*
status bar
*/
.theme-dark {
--stat-bar-hl: var(--light-shadow-l);
}
.theme-light {
--stat-bar-hl: var(--background-primary);
}
body:not(.show-status-bar) .status-bar {
font-size: 12px;
opacity: 0;
}
body:not(.show-status-bar) .status-bar:hover {
opacity: 1;
transition: opacity 1s ease-out;
}
.status-bar-item.mod-clickable:hover,
.status-bar-item:hover {
background: var(--stat-bar-hl);
}
.status-bar {
background-color: var(--background-secondary);
}
/* --------------------------------------------
suggestion
-------------------------------------------- */
.theme-dark .suggestion-item.mod-complex:hover {
background-color: var(--color-base-50);
}
.theme-light .suggestion-item.mod-complex:hover {
background: var(--dark-shadow-l);
}
.theme-light .search-suggest-item.suggestion-item:hover {
background: var(--background-primary);
}
/*helb bubbles*/
body:not(.show-tooltips) .tooltip,
body:not(.show-tooltips) .follow-link-popover {
visibility: hidden;
}
.theme-dark .tooltip {
filter: invert(1);
}
.show-footer section.footnotes {
display: none;
}
/* --------------------------------------------
Nav phone
-------------------------------------------- */
body:not(.is-phone).is-focused .view-header:hover .view-header-title {
opacity: 1;
}
.is-phone .view-header-title-parent {
visibility: hidden;
width: 0;
}
.is-phone .view-header-title[contenteditable="true"] {
opacity: 1;
width: auto;
border: 2px solid gray;
z-index: 6;
}
.is-phone .view-header-title-container,
.is-phone .is-focused .workspace-leaf.mod-active .view-header-title {
min-width: 74%;
margin-top: 20px;
justify-content: normal;
align-self: flex-start;
gap: initial;
}
.is-phone .is-focused .workspace-leaf.mod-active .view-header-title {
padding-left: 4px;
padding-right: 4px;
}
.is-phone button.view-action.clickable-icon.mod-left-split-toggle.mod-tappable {
width: 0;
visibility: hidden;
}
.is-phone .mobile-navbar-action.mobile-navbar-action-new-tab {
display: none;
}
body:not(.show-ui-btns).is-phone .mobile-navbar-action:not(:active, :hover),
body:not(.show-ui-btns).is-phone .view-actions:not(:active, :hover) {
opacity: 0.2;
}
/* F&R - Footer&Header */
.is-phone .markdown-source-view {
padding-top: 1em;
}
.is-phone .markdown-preview-view {
padding-top: 2em;
}
.is-phone .vertical-tab-header-group-items {
background-color: transparent;
border-radius: 0;
}
.is-mobile .workspace-drawer .nav-buttons-container .nav-action-button {
background-color: var(--background-primary);
}
/* Note */
.is-phone .markdown-rendered pre:not(pre[class*="language-"]) code {
font-size: small;
}
.is-phone.theme-dark .nav-file-title.is-active,
.is-phone.theme-dark .nav-file-title.is-active:hover {
background-color: var(--background-secondary);
}
.is-phone.theme-light .nav-file-title.is-active,
.is-phone.theme-light .nav-file-title.is-active:hover {
background-color: var(--background-primary);
}
.is-phone .nav-file-title.is-active:hover {
font-weight: bold;
}
body:not(.is-phone) .view-header {
height: 26px;
padding: 4px 0;
}
.is-phone .workspace-drawer-active-tab-icon,
.is-phone .workspace-drawer-active-tab-title,
.is-phone .workspace-drawer-active-tab-back-icon,
.is-phone .workspace-drawer-tab-option-item-icon,
.is-phone .workspace-drawer-tab-option-item-title {
color: var(--text-normal);
}
.is-phone .workspace-drawer .nav-buttons-container,
.is-phone .view-header .view-action,
.mobile-navbar-actions {
--icon-color: var(--text-normal);
}
.is-phone.theme-dark .workspace-drawer:is(.mod-right, .mod-left) .workspace-drawer-active-tab-header {
background: rgb(255 255 255 / 20%);
}
.is-phone.theme-light .workspace-drawer:is(.mod-right, .mod-left) .workspace-drawer-active-tab-header {
background: rgb(0 0 0 / 10%);
}
/* SidePanel R */
.is-phone .workspace-drawer.mod-right .workspace-drawer-header-name-text {
display: none;
}
.is-phone .workspace-drawer-active-tab-container .workspace-drawer-active-tab-content .nav-files-container {
padding-top: 0;
}
/* slim popup */
.is-phone .workspace-drawer:is(.mod-right, .mod-left) .workspace-drawer-active-tab-header {
padding: 6px 12px;
}
.is-phone .workspace-drawer.mod-right .workspace-drawer-active-tab-header {
margin-top: 8px;
}
/* phone */
.is-phone .sidebar-toggle-button,
.is-phone .sidebar-toggle-button.mod-right {
color: var(--text-normal);
}
.is-phone .cm-comment,
.is-phone .token.comment,
.is-phone .cm-meta {
font-size: small;
}
.mobile-navbar-actions {
margin-bottom: -4px;
}
/* mobile navbar btns -important */
.mobile-navbar-tabs-action {
border: 2px solid var(--text-normal);
}
.mobile-navbar {
background-color: transparent;
}
.is-phone button.view-action.clickable-icon.mod-left-split-toggle {
visibility: collapse;
height: 0;
width: 0;
}
/* top-r actions */
.is-phone .view-actions {
position: absolute;
right: 2px;
}
.is-mobile .view-actions:hover,
.is-mobile .view-actions:not(:hover) {
margin-top: 0;
}
.is-mobile .view-actions:hover {
overflow: hidden;
}
.is-mobile .view-actions:not(:hover) {
opacity: 0;
}
.is-phone .view-header-left {
display: none;
}
.is-phone .view-header-title-parent,
.is-phone .view-header-title {
background: var(--background-primary);
border-radius: 4px;
opacity: 1;
}
.is-phone .view-header .view-action {
background: var(--background-primary);
scale: 1.1;
border-radius: 50%;
}
.is-phone .view-header .view-action:hover {
background: var(--background-primary);
opacity: 1;
}
.is-phone .view-header .view-action svg.svg-icon.lucide-more-vertical,
.is-phone .view-header .view-action svg.svg-icon.lucide-edit-3 {
opacity: 1;
}
.is-phone .clickable-icon .mobile-navbar-tabs-action {
margin-right: -54px;
background: var(--background-primary);
scale: 1.3;
}
.is-phone .clickable-icon svg.svg-icon.lucide-menu {
margin-right: -10px;
background: var(--background-primary);
border-radius: 4px;
/* scale: 1.4; */
}
/*----------------------------------------------------------------
Sidebar
----------------------------------------------------------------*/
.theme-dark .sidebar-toggle-button.mod-left:hover {
color: var(--text-normal);
}
body:not(.show-ui-btns) .sidebar-toggle-button.mod-right,
body:not(.show-ui-btns) .sidebar-toggle-button.mod-left {
opacity: 0.2;
}
body:not(.show-ui-btns) .sidebar-toggle-button.mod-right:hover,
body:not(.show-ui-btns) .sidebar-toggle-button.mod-left:hover {
opacity: 1;
border-bottom: inherit;
}
body:not(.show-ui-btns) .mod-left-split .workspace-tab-header-container-inner,
body:not(.show-ui-btns) .mod-right-split .workspace-tab-header-container-inner {
opacity: 0.2;
transition: opacity 1s ease-out;
}
body:not(.show-ui-btns) .side-dock-actions {
opacity: 0.2;
transition: opacity 1s ease-out;
}
body:not(.show-ui-btns) .side-dock-actions:hover {
opacity: 1;
}
.side-dock-actions .side-dock-ribbon-action:hover,
body:not(.show-ui-btns) .mod-left-split .workspace-tab-header-container-inner:hover,
body:not(.show-ui-btns) .mod-right-split .workspace-tab-header-container-inner:hover {
opacity: 1;
}
body:not(.is-phone):not(.show-nav-btns) .nav-buttons-container {
opacity: 0.2;
transition: opacity 1s ease-out;
}
body:not(.is-phone):not(.show-nav-btns) .nav-buttons-container:hover {
opacity: 1;
}
/* sidebar btn */
.sidebar-toggle-button.mod-left .clickable-icon:hover,
.sidebar-toggle-button.mod-right .clickable-icon:hover {
background: var(--var-bg-col);
color: var(--var-tone-sw);
}
.theme-light .setting-item-control .clickable-icon:hover,
.theme-light .sidebar-toggle-button .clickable-icon:hover {
background-color: var(--background-primary);
}
.theme-dark.setting-item-control .clickable-icon:hover,
.theme-dark .sidebar-toggle-button .clickable-icon:hover {
background-color: var(--background-modifier-hover);
}
.workspace-split.mod-right-split .workspace-leaf-content {
background: linear-gradient(270deg, transparent, var(--background-primary));
}
.workspace-split.mod-left-split :is(.nav-files-container .nav-header),
.workspace-split.mod-left-split .workspace-leaf-content,
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
background: linear-gradient(270deg, var(--background-primary), transparent);
}
/* ribbon */
.workspace-ribbon {
border-right: none;
}
.clickable-icon.side-dock-ribbon-action:hover {
color: var(--var-tone-sw);
}
/*
search mask
*/
.theme-light .modal.mod-settings input[type="text"],
.theme-light input[type='number'],
.theme-light textarea,
.theme-light [type='search'],
.theme-light .graph-control-section .search-input-container input,
.theme-light .search-input-container input {
background: #cbcbcb;
}
.theme-dark .mod-left-split :is(.workspace-tab-header.has-active-menu:hover, .workspace-tab-header.is-active:hover),
.theme-dark .mod-right-split :is(.workspace-tab-header.has-active-menu:hover, .workspace-tab-header.is-active:hover),
.theme-dark .mod-left-split :is(.workspace-tab-header.has-active-menu, .workspace-tab-header.is-active),
.theme-dark .mod-right-split :is(.workspace-tab-header.has-active-menu, .workspace-tab-header.is-active) {
background-color: var(--light-shadow-l);
}
.theme-dark .tree-item-self:hover .tree-item-flair {
color: var(--light-tone);
}
.internal-query .search-result-container {
background-color: var(--light-shadow-l);
}
.search-result-file-matched-text {
background-color: var(--interactive-accent);
color: var(--dark-tone);
}
.tree-item-self.tag-pane-tag.is-clickable:hover,
.search-result-file-match:hover {
background: var(--nav-item-background-active);
}
body:not(.is-phone).theme-dark .tree-item-self.is-clickable:hover .tree-item-flair,
body:not(.is-phone).theme-dark .tree-item-self.is-clickable:hover .tree-item-inner-subtext {
color: var(--light-tone);
}
/*
Vault btns
*/
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher:hover,
.workspace-sidedock-vault-profile .workspace-drawer-vault-actions .clickable-icon:hover {
background-color: var(--toolbar-bg-sw);
}
.workspace-sidedock-vault-profile .workspace-drawer-vault-actions>*:hover {
color: var(--var-tone-sw);
}
/*----------------------------------------------------------------
Context menu
----------------------------------------------------------------*/
.menu-item-title {
white-space: pre-wrap;
}
.menu-item.is-disabled:hover .menu-item-title,
.menu-item.is-disabled,
.menu-item.is-disabled .menu-item-icon {
color: dimgray;
}
.menu-item-icon {
color: inherit;
}
.menu-item.selected:not(.is-label):not(.is-disabled) {
background-color: var(--background-primary);
}
.theme-dark .menu-item.selected:not(.is-label):not(.is-disabled) {
color: navajowhite;
}
.theme-light .menu-item.selected:not(.is-label):not(.is-disabled) {
color: var(--ddef-blue);
text-shadow: 0 0 var(--ddef-blue);
}
.theme-dark .menu-item:hover {
color: navajowhite;
}
.theme-light .menu-item:hover {
color: hwb(var(--header-cco) 40%);
text-shadow: 0 0 hwb(var(--header-cco) 50%);
}
svg.svg-icon.lucide-trash-2 {
stroke: #b30000;
}
.menu-item.is-warning .menu-item-title,
.menu-item.is-warning.selected .menu-item-title {
color: #b30000;
}
.menu-item.is-warning.selected:hover {
background-color: #b92b2b3d;
}
.menu svg.svg-icon.lucide-x {
color: cornflowerblue;
}
/* bookmark */
.view-action svg:is(.lucide-book-open) {
color: var(--text-accent-special);
}
.view-action svg:is(.lucide-bookmark) {
fill: none;
}
.view-action.mod-bookmark {
--icon-color: var(--text-muted);
--icon-color-hover: var(--text-muted);
}
/* phone */
.is-mobile .menu {
background-color: var(--background-secondary);
}
.is-mobile .menu.mod-tab-list .menu-item:first-child .menu-item-title {
font-weight: bold;
}
.mobile-tab-switcher-menu-spacer .clickable-icon {
color: var(--text-accent-special);
}
.is-phone .menu-item-icon .svg-icon {
--icon-size: 22px;
}
.is-phone .menu-item {
padding: 8px 12px;
}
.is-phone .menu-item:hover {
color: var(--color-accent);
}
.is-mobile .menu-scroll {
background-color: var(--background-primary);
padding: 8px 0;
overflow: scroll;
scrollbar-width: none;
}
.is-phone .menu,
.is-mobile .menu {
background-color: var(--background-primary);
}
/*----------------------------------------------------------------
Profile
----------------------------------------------------------------*/
body:not(.is-mobile, .show-ui-btns) .workspace-sidedock-vault-profile:not(:hover) :is(.workspace-drawer-vault-actions, .workspace-drawer-vault-switcher) {
opacity: 0.2;
}
body:not(.is-mobile, .show-ui-btns) .workspace-drawer-vault-switcher:hover .workspace-drawer-vault-name {
opacity: 1;
}
body:not(.is-mobile, .show-ui-btns) .workspace-drawer-vault-name:not(:hover) {
opacity: 0;
}
.study-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F50D';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.design-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F3A8';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.work-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F4D0';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.promo-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F4E2';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.profit-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F4B0';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.health-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F496';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.recipes-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F37D';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.music-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F3B5';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
.game-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name::before {
content: '\1F579';
transform: scale(1.4) translate(2px, 4px);
margin-right: 8px;
}
/* simple profile - phone */
.study-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.design-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.work-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.promo-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.profit-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.health-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.recipes-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.music-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text,
.game-prof:is(.is-mobile) .workspace-drawer.mod-left .workspace-drawer-header-name-text {
visibility: hidden;
width: 0;
}
.profile-pic-mono:is(.is-mobile.theme-dark) .workspace-drawer.mod-left .workspace-drawer-header-name::before,
.profile-pic-mono.theme-dark .nav-folder.mod-root>.nav-folder-title>.nav-folder-title-content::after {
filter: invert(1);
}
.tight-vault-info.is-mobile .workspace-drawer-header-info {
max-width: 150px;
align-self: self-end;
margin-bottom: 0;
}
/* ----------------------------------------------------------------
quick hide
----------------------------------------------------------------*/
/* top bar */
.hide-sidepanels .titlebar-button-container.mod-right:not(:hover),
.hide-sidepanels .mod-left-split .workspace-tab-header-container-inner:not(:hover),
.hide-sidepanels .mod-right-split .workspace-tab-header-container-inner:not(:hover),
.hide-sidepanels .workspace-tab-header-container-inner:not(:hover) {
opacity: 0;
transition: opacity 4s ease-in-out;
}
/* dock & ribbon */
.hide-sidepanels .side-dock-actions:not(:hover),
.hide-sidepanels .workspace-sidedock-vault-profile:not(:hover) :is(.workspace-drawer-vault-actions, .workspace-drawer-vault-switcher) {
opacity: 0;
transition: opacity 4s ease-in-out;
}
/* hide borders */
.hide-sidepanels .workspace-split.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
.hide-sidepanels .workspace-split.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
border-top: 0;
}
/* new tab */
.hide-sidepanels .sidebar-toggle-button.mod-left:not(:hover),
.hide-sidepanels .sidebar-toggle-button.mod-right:not(:hover),
.hide-sidepanels .workspace-split.mod-right-split .nav-header:not(:hover),
.hide-sidepanels :is(.workspace-tab-header-new-tab, .workspace-tab-header-tab-list):not(:hover) {
opacity: 0.3;
transition: opacity 4s ease-in-out;
}
.hide-sidepanels .workspace-split.mod-left-split .workspace-leaf-content>*:not(:hover),
.hide-sidepanels .workspace-split.mod-right-split .workspace-leaf-content>*:not(:hover) {
opacity: 0;
transition: opacity 4s ease-in-out;
}
.hide-sidepanels .workspace-split.mod-vertical.mod-root .workspace-tab-header-container {
background: var(--background-primary);
}
.hide-sidepanels .workspace-split.mod-right-split .workspace-tab-header-container {
background: linear-gradient(270deg, transparent, var(--background-primary));
}
.hide-sidepanels .workspace-split.mod-left-split .workspace-tab-header-container {
background: linear-gradient(270deg, var(--background-primary), transparent);
}
.hide-sidepanels .view-header:not(:hover) {
opacity: 0.3;
transition: opacity 4s linear;
}
.show-textHL.theme-light .cm-active.cm-line {
background: rgb(255 255 255 / 50%);
}
.show-textHL.theme-dark .cm-active.cm-line {
background: rgb(255 255 255 / 25%);
}
.is-mobile .menu-scroll {
background: transparent;
padding: 8px 0;
overflow: visible;
}
.is-phone .menu,
.is-mobile .menu {
background: transparent !important;
}
.menu-item.tappable.mobile-tap {
--interactive-hover: rgb(255 255 255 / 25%);
}
/* --------------------------------------------
resize Handler
-------------------------------------------- */
/* Handle to resize folder tree */
.workspace-leaf-resize-handle {
filter: opacity(0);
}
.workspace-split.mod-horizontal>*>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-vertical>*>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-left-split>.workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split>.workspace-leaf-resize-handle:hover {
background-color: var(--text-accent);
filter: opacity(1);
border: none;
}
/* hide mid bars */
.workspace-split.mod-right-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
background: linear-gradient(270deg, transparent, var(--background-primary));
border-top: 1px solid var(--background-modifier-border);
}
.workspace-split.mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
background: linear-gradient(270deg, var(--background-primary), transparent);
border-top: 1px solid gray;
}
/*----------------------------------------------------------------
BUTTONS
----------------------------------------------------------------*/
.theme-light .modal.mod-settings button:not(.clickable-icon, .mod-cta, .mod-warning, .mod-destructive) {
background-color: rgba(0, 0, 0, 0.1);
}
.theme-dark .modal.mod-settings button:not(.clickable-icon, .mod-cta, .mod-warning, .mod-destructive) {
color: var(--text-normal);
background-color: rgba(255, 255, 255, 0.1);
}
.theme-light .modal.mod-settings button:not(.clickable-icon, .mod-cta, .mod-warning, .mod-destructive):hover {
background: var(--light-shadow-l);
}
.theme-dark .modal-container button:not(.clickable-icon, .mod-cta, .mod-warning, .mod-destructive):hover,
.theme-dark .setting-item-control select:hover {
text-overflow: ellipsis;
color: navajowhite;
}
.modal.mod-settings button.mod-destructive {
font-weight: bold;
color: var(--dark-tone);
background-color: var(--light-red);
}
.modal.mod-settings button.mod-destructive:hover {
background-color: var(--background-modifier-error-hover);
}
/* reset btn */
.theme-dark .themed-color-wrapper .pickr-reset>button {
color: var(--light-tone);
}
.theme-light .themed-color-wrapper .pickr-reset>button {
color: var(--dark-tone);
}
.themed-color-wrapper .theme-dark .pickr-reset>button {
background: var(--background-secondary);
}
.themed-color-wrapper .theme-light .pickr-reset>button {
background: var(--background-primary);
}
.themed-color-wrapper {
padding-right: 22px;
padding-left: 22px;
}
.themed-color-wrapper>div[class="theme-light"],
.themed-color-wrapper>div[class="theme-dark"] {
margin: revert;
}
body:not(.is-phone) .setting-item-control input[type='text'] {
width: 20vw;
overflow-x: scroll;
}
.themed-color-wrapper>div[class="theme-dark"] button {
color: white;
background: #515151;
}
/* prompt */
.theme-light.is-phone input[type="text"].prompt-input-container,
.theme-light .prompt input.prompt-input {
color: var(--dark-tone);
background: var(--dark-shadow-l);
}
.theme-dark.is-phone input[type="text"].prompt-input-container,
.theme-dark .prompt input.prompt-input {
color: var(--text-normal);
background: dimgray;
}
/* compatibility fix */
.theme-dark.is-mobile .prompt input.prompt-input {
background: dimgray
}
/* Linux*/
.theme-light .dropdown option {
color: var(--dark-tone);
}
.theme-dark .dropdown option {
color: var(--light-tone);
}
/* toggle on-off */
.theme-dark .checkbox-container:not(.is-enabled) {
background-color: gray;
}
.theme-light .checkbox-container:not(.is-enabled) {
background-color: var(--accent-h);
}
.theme-light .clickable-icon.is-active {
color: var(--dark-tone);
background: var(--dark-shadow-l);
}
.theme-dark .clickable-icon.is-active {
color: var(--light-tone);
background: gray;
}
.theme-light button.mod-cta {
background-color: lightgray;
color: var(--dark-tone);
}
.theme-dark button.mod-cta {
background-color: #535d67;
color: var(--light-tone);
}
.theme-dark button.mod-cta:hover,
.theme-light button.mod-cta:hover {
background-color: var(--interactive-accent);
color: var(--dark-tone);
filter: brightness(1.2);
}
.theme-dark select.dropdown:hover {
background-color: var(--light-shadow-l);
color: navajowhite;
}
.theme-light select.dropdown:hover {
background-color: var(--light-shadow-l);
color: var(--dark-tone);
}
.theme-light select.dropdown,
.is-phone.theme-light select.dropdown {
background-color: rgba(0, 0, 0, 0.1);
color: var(--text-normal);
backdrop-filter: 2px 2px var(--text-normal);
}
.theme-dark select.dropdown,
.is-phone.theme-dark select.dropdown {
background-color: rgba(255, 255, 255, 0.1);
color: var(--light-tone);
}
.mod-cta:not(.clickable-icon):hover {
background-color: var(--interactive-accent);
}
.is-mobile button:not(.document-search-button) {
font-size: 14px;
}
/* phone */
.is-mobile .setting-item button.mod-cta {
width: auto;
backdrop-filter: 2px 2px var(--text-normal);
}
.is-phone .setting-item-control button {
padding: 10px;
width: fit-content;
}
.is-phone.theme-light .setting-item-control input[type="color"] {
background: none;
}
.is-phone .modal-content {
margin-top: 1em;
}
.is-phone .setting-item-name {
word-break: break-word;
}
.is-phone .document-search>.prompt input.prompt-input {
color: var(--dark-tone);
}
.is-phone .themed-color-wrapper>div[class="theme-light"],
.is-phone .themed-color-wrapper>div[class="theme-dark"] {
height: 60px;
margin: revert;
}
.is-phone .pickr-reset {
margin-left: 1em;
}
.is-phone .pickr {
margin-left: 10px;
width: 30px;
}
/*
copy btn
*/
/* phone */
.is-phone .markdown-rendered button.copy-code-button {
top: -4px;
margin: 4px 0 0 0;
}
.is-phone .markdown-rendered button.copy-code-button:not(:active, :hover) {
scale: 0.6;
}
/*
collapse indicators
*/
/* same indicator for headings and lists */
.view-content .is-collapsed .list-collapse-indicator svg.svg-icon,
.view-content .is-collapsed .collapse-indicator svg.svg-icon {
color: var(--text-normal);
}
.markdown-source-view .cm-fold-indicator .collapse-indicator {
max-height: 28px;
min-height: 28px;
scale: 1.6;
}
.collapse-icon svg.svg-icon {
color: inherit;
}
body:not(.is-phone) .markdown-preview-view .heading-collapse-indicator {
height: 20px;
margin-top: 0.3em;
transform: scale(1.4);
}
body:not(.is-phone) .markdown-preview-view .list-collapse-indicator {
height: 20px;
left: 2px;
padding-right: 8px;
transform: scale(1.4);
}
.is-phone .heading-collapse-indicator {
height: 20px;
margin-top: 0.4em;
transform: scale(2) translateX(5px);
}
.is-phone .list-collapse-indicator {
height: 20px;
transform: scale(2) translateX(10px, 2px);
}
/* fix offset for headers on phone */
.is-phone .markdown-preview-view .heading-collapse-indicator {
padding: 0 6px 0 0;
}
/*----------------------------------------------------------------
find-replace fix
----------------------------------------------------------------*/
.is-phone.theme-light input.document-replace-input,
.is-phone.theme-light input.document-search-input {
background: var(--dark-shadow-l);
}
.is-phone.theme-dark input.document-replace-input,
.is-phone.theme-dark input.document-search-input {
background: var(--light-shadow-l);
}
.is-phone .document-search-close-button {
transform: scale(1.4);
}
/*----------------------------------------------------------------
PROPERTIES
----------------------------------------------------------------*/
.markdown-preview-view.show-properties .metadata-container {
display: none;
}
.metadata-properties-heading {
display: none;
}
.metadata-properties-title {
font-size: 12px;
}
.metadata-property:hover {
background-color: var(--background-modifier-hover);
box-shadow: none;
}
.metadata-container .metadata-add-button .text-button-label {
display: none;
}
.theme-dark .metadata-add-button.text-icon-button:hover {
filter: brightness(1.5);
}
.metadata-add-button.text-icon-button {
width: 30px;
height: 30px;
}
.multi-select-pill,
.multi-select-pill:hover {
background-color: transparent;
padding: 0;
}
.multi-select-pill-content {
border-radius: 24px;
padding: 0px 6px;
}
.multi-select-pill-remove-button:hover {
color: darkred;
}
.multi-select-pill-remove-button:not(:hover) {
color: var(--text-normal);
}
.multi-select-pill-content {
background-color: navajowhite;
color: var(--dark-tone);
}
.multi-select-pill-content:hover {
background-color: var(--interactive-accent);
}
.metadata-property[data-property-key="tags"] .multi-select-pill-content {
background-color: var(--interactive-accent);
color: var(--dark-tone);
}
.metadata-property[data-property-key="tags"] .multi-select-pill {
margin-left: -10px;
align-items: baseline;
}
.is-phone .metadata-property-value {
border-bottom: none;
}
.is-phone input.metadata-property-key-input {
font-size: 14px;
}
/*----------------------------------------------------------------
HEADERS
----------------------------------------------------------------*/
body:not(.short-Hs) .cm-formatting.cm-formatting-header:is(.cm-formatting-header-1.cm-header.cm-header-1,
.cm-formatting-header-2.cm-header.cm-header-2,
.cm-formatting-header-3.cm-header.cm-header-3,
.cm-formatting-header-4.cm-header.cm-header-4,
.cm-formatting-header-5.cm-header.cm-header-5,
.cm-formatting-header-6.cm-header.cm-header-6) {
font-size: 0px !important;
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header:before {
color: var(--text-faint);
font-size: 20px;
margin-right: 1rem;
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-1:before {
content: "H1";
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-2:before {
content: "H2";
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-3:before {
content: "H3";
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-4:before {
content: "H4";
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-5:before {
content: "H5";
}
body:not(.short-Hs) .cm-active.HyperMD-header.HyperMD-header-6:before {
content: "H6";
}
body:not(.is-mobile) .inline-title {
color: var(--text-accent-special);
margin-bottom: 1.4em;
}
.is-mobile .inline-title {
color: var(--text-accent-special);
margin-top: -2em;
margin-bottom: -8px;
}
/* light */
body:not(.shade-Hd).theme-light :is(.HyperMD-header-1, .HyperMD-header-1 .cm-link,
.HyperMD-header-1 a, h1, h1 a) {
color: hwb(var(--header-cco) 60%);
}
body:not(.shade-Hd).theme-light :is(.HyperMD-header-2, .HyperMD-header-2 .cm-link,
.HyperMD-header-2 a, h2, h2 a) {
color: hwb(var(--header-cco) 60%);
}
body:not(.shade-Hd).theme-light :is(.HyperMD-header-3, .HyperMD-header-3 .cm-link,
.HyperMD-header-3 a, h3, h3 a) {
color: hwb(var(--header-cco) 40%);
}
body:not(.shade-Hd).theme-light :is(.HyperMD-header-4, .HyperMD-header-4 .cm-link,
.HyperMD-header-4 a, h4, h4 a) {
color: hwb(var(--header-cco) 40%);
}
body:not(.shade-Hd).theme-light :is(.HyperMD-header-5, .HyperMD-header-5 .cm-link,
.HyperMD-header-5 a, h5, h5 a) {
color: hwb(var(--header-cco) 20%);
}
body:not(.shade-Hd).theme-light :is(.HyperMD-header-6, .HyperMD-header-6 .cm-link,
.HyperMD-header-6 a, h6, h6 a) {
color: hwb(var(--header-cco) 20%);
}
/* dark */
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-1, .HyperMD-header-1 .cm-link,
.HyperMD-header-1 a, h1, h1 a) {
color: hwb(var(--header-cco) 0%);
}
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-2, .HyperMD-header-2 .cm-link,
.HyperMD-header-2 a, h2, h2 a) {
color: hwb(var(--header-cco) 0%);
}
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-3, .HyperMD-header-3 .cm-link,
.HyperMD-header-3 a, h3, h3 a) {
color: hwb(var(--header-cco) 20%);
}
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-4, .HyperMD-header-4 .cm-link,
.HyperMD-header-4 a, h4, h4 a) {
color: hwb(var(--header-cco) 20%);
}
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-5, .HyperMD-header-5 .cm-link,
.HyperMD-header-5 a, h5, h5 a) {
color: hwb(var(--header-cco) 40%);
}
body:not(.shade-Hd).theme-dark :is(.HyperMD-header-6, .HyperMD-header-6 .cm-link,
.HyperMD-header-6 a, h6, h6 a) {
color: hwb(var(--header-cco) 40%);
}
/* tint hashtags and headers*/
span.cm-header.cm-formatting-header-1,
span.cm-header.cm-formatting-header-2,
span.cm-header.cm-formatting-header-3 {
color: inherit;
}
h1 {
color: var(--h1-color);
}
h2 {
color: var(--h2-color);
}
h3 {
color: var(--h3-color);
}
h4,
h5,
h6,
span.cm-header:is(.cm-formatting-header-4, .cm-formatting-header-5, .cm-formatting-header-6) {
color: var(--h4-color);
}
.rezepte :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6),
.recipes :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6) {
font-family: var(--recipes-font) !important;
}
.kontakte :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6),
.contacts :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6) {
font-family: var(--contacts-font) !important;
}
.filme :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6),
.movies :is(h1,
h2,
h3,
h4,
h5,
h6,
.HyperMD-header-1,
.HyperMD-header-2,
.HyperMD-header-3,
.HyperMD-header-4,
.HyperMD-header-5,
.HyperMD-header-6) {
font-family: var(--movies-font) !important;
margin-left: auto;
margin-right: auto;
display: table;
}
/* spacing */
.markdown-rendered :is(h1,
h2,
h3,
h4,
h5,
h6) {
padding-top: 0;
}
/*
Font models
*/
.ftheme-1 .markdown-preview-section :is(h1, h2, h3, h4, h5, h6),
.ftheme-1 .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
.ftheme-1 a:is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
font-family: var(--modern-font-h) !important;
}
.ftheme-2 .markdown-preview-section :is(h1, h2, h3, h4, h5, h6),
.ftheme-2 .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
.ftheme-2 a:is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
font-family: var(--poetry-font-h) !important;
}
.ftheme-3 .markdown-preview-section :is(h1, h2, h3, h4, h5, h6),
.ftheme-3 .markdown-rendered :is(h1, h2, h3, h4, h5, h6),
.ftheme-3 a:is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
font-family: var(--custom-font-h) !important;
}
.ftheme-1 .markdown-preview-section :is(p) {
font-family: var(--modern-font) !important;
}
.ftheme-2 .markdown-preview-section :is(p) {
font-family: var(--poetry-font-c) !important;
}
.ftheme-3 .markdown-preview-section :is(p) {
font-family: var(--custom-font-c) !important;
}
/*----------------------------------------------------------------
HEADER SIZES
----------------------------------------------------------------*/
/* phone headers */
.is-phone :is(.HyperMD-header-1, .markdown-preview-section h1, h1) {
font-size: var(--h1-size);
}
.is-phone :is(.HyperMD-header-2, .markdown-preview-section h2, h2) {
font-size: var(--h2-size);
}
.is-phone :is(.HyperMD-header-3, .markdown-preview-section h3, h3) {
font-size: var(--h3-size);
}
.is-phone :is(.HyperMD-header-4, .markdown-preview-section h4, h4) {
font-size: var(--h4-size);
}
.is-phone :is(.HyperMD-header-5, .markdown-preview-section h5, h5) {
font-size: var(--h5-size);
}
.is-phone :is(.HyperMD-header-6, .markdown-preview-section h6, h6) {
font-size: var(--h6-size);
}
.is-phone :is(h1, h2, h3, h4, h5, h6) {
word-break: break-word;
}
/* small fix for text box */
div.callout-content :is(h1 em, h2 em, h3 em, h4 em, h5 em h6 em) {
padding-right: 1em;
padding-left: 1em;
}
/*----------------------------------------------------------------
TYPESETTING
----------------------------------------------------------------*/
/* Modern */
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-1, .markdown-preview-section h1, h1) {
font-size: calc(var(--h1-size) + (var(--custom-fsz-1)));
}
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-2, .markdown-preview-section h2, h2) {
font-size: calc(var(--h2-size) + (var(--custom-fsz-1) / 2));
}
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-3, .markdown-preview-section h3, h3) {
font-size: calc(var(--h3-size) + (var(--custom-fsz-1) / 2.5));
}
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-4, .markdown-preview-section h4, h4) {
font-size: calc(var(--h4-size) + (var(--custom-fsz-1) / 3));
}
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-5, .markdown-preview-section h5, h5) {
font-size: calc(var(--h5-size) + (var(--custom-fsz-1) / 3.5));
}
body.fontmod-1:not(.is-phone) :is(.HyperMD-header-6, .markdown-preview-section h6, h6) {
font-size: calc(var(--h6-size) + (var(--custom-fsz-1) / 4));
}
body.fontmod-1 .markdown-source-view.mod-cm6 .cm-header:not(.recipes .cm-header, .movies .cm-header, .contacts .cm-header, .rezepte .cm-header, .filme .cm-header, .kontakte .cm-header),
.fontmod-1 .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--modern-font-h);
text-align: inherit;
}
body.fontmod-1 .markdown-source-view.mod-cm6 .cm-scroller:not(.cm-header, .is-phone),
.fontmod-1 .markdown-preview-view :is(p, li, th, td, .callout-title-inner) {
font-family: var(--modern-font-c);
font-size: var(--custom-fsz-1);
}
/* Poetry */
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-1, .markdown-preview-section h1, h1) {
font-size: calc(var(--h1-size) + (var(--custom-fsz-2)));
}
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-2, .markdown-preview-section h2, h2) {
font-size: calc(var(--h2-size) + (var(--custom-fsz-2) / 2));
}
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-3, .markdown-preview-section h3, h3) {
font-size: calc(var(--h3-size) + (var(--custom-fsz-2) / 2.5));
}
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-4, .markdown-preview-section h4, h4) {
font-size: calc(var(--h4-size) + (var(--custom-fsz-2) / 3));
}
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-5, .markdown-preview-section h5, h5) {
font-size: calc(var(--h5-size) + (var(--custom-fsz-2) / 3.5));
}
body.fontmod-2:not(.is-phone) :is(.HyperMD-header-6, .markdown-preview-section h6, h6) {
font-size: calc(var(--h6-size) + (var(--custom-fsz-2) / 4));
}
body.fontmod-2 .markdown-source-view.mod-cm6 .cm-header:not(.recipes .cm-header, .movies .cm-header, .contacts .cm-header, .rezepte .cm-header, .filme .cm-header, .kontakte .cm-header),
.fontmod-2 .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--poetry-font-h);
text-align: inherit;
}
body.fontmod-2 .markdown-source-view.mod-cm6 .cm-scroller:not(.cm-header, .is-phone),
.fontmod-2 .markdown-preview-view :is(p, li, th, td, .callout-title-inner) {
font-family: var(--poetry-font-c);
font-size: var(--custom-fsz-2);
}
/* custom */
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-1, .markdown-preview-section h1, h1) {
font-size: calc(var(--h1-size) + (var(--custom-fsz-3)));
}
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-2, .markdown-preview-section h2, h2) {
font-size: calc(var(--h2-size) + (var(--custom-fsz-3) / 2));
}
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-3, .markdown-preview-section h3, h3) {
font-size: calc(var(--h3-size) + (var(--custom-fsz-3) / 2.5));
}
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-4, .markdown-preview-section h4, h4) {
font-size: calc(var(--h4-size) + (var(--custom-fsz-3) / 3));
}
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-5, .markdown-preview-section h5, h5) {
font-size: calc(var(--h5-size) + (var(--custom-fsz-3) / 3.5));
}
body.fontmod-3:not(.is-phone) :is(.HyperMD-header-6, .markdown-preview-section h6, h6) {
font-size: calc(var(--h6-size) + (var(--custom-fsz-3) / 4));
}
body.fontmod-3 .markdown-source-view.mod-cm6 .cm-header:not(.recipes .cm-header, .movies .cm-header, .contacts .cm-header, .rezepte .cm-header, .filme .cm-header, .kontakte .cm-header),
.fontmod-3 .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--custom-font-h);
text-align: inherit;
}
body.fontmod-3 .markdown-source-view.mod-cm6 .cm-scroller:not(.cm-header, .is-phone),
.fontmod-3 .markdown-preview-view :is(p, li, th, td, .callout-title-inner) {
font-family: var(--custom-font-c);
font-size: var(--custom-fsz-3);
}
/*
small - large text
*/
body {
--fraction-sm: 8px;
--fraction-lg: 30px;
}
.fontmod-1 .callout[data-callout="schrift-g"] .callout-content p,
.fontmod-1 .callout[data-callout="font-l"] .callout-content p {
font-size: var(--fraction-lg);
}
.fontmod-1 .callout[data-callout="schrift-k"] .callout-content p,
.fontmod-1 .callout[data-callout="font-s"] .callout-content p {
font-size: var(--fraction-sm);
}
.fontmod-2 .callout[data-callout="schrift-g"] .callout-content p,
.fontmod-2 .callout[data-callout="font-l"] .callout-content p {
font-size: var(--fraction-lg);
}
.fontmod-2 .callout[data-callout="schrift-k"] .callout-content p,
.fontmod-2 .callout[data-callout="font-s"] .callout-content p {
font-size: var(--fraction-sm);
}
.fontmod-3 .callout[data-callout="schrift-g"] .callout-content p,
.fontmod-3 .callout[data-callout="font-l"] .callout-content p {
font-size: var(--fraction-lg);
}
.fontmod-3 .callout[data-callout="schrift-k"] .callout-content p,
.fontmod-3 .callout[data-callout="font-s"] .callout-content p {
font-size: var(--fraction-sm);
}
.callout:is([data-callout~="font-s"], [data-callout~="schrift-k"]) .callout-title,
.callout:is([data-callout~="font-l"], [data-callout~="schrift-g"]) .callout-title {
padding: 0;
display: none;
}
.callout[data-callout="schrift-k"],
.callout[data-callout="font-s"],
.callout[data-callout="schrift-g"],
.callout[data-callout="font-l"] {
background: transparent;
padding-left: 0;
}
.callout[data-callout="schrift-g"] .callout-content p,
.callout[data-callout="font-l"] .callout-content p {
font-size: 20px;
color: var(--text-normal);
}
.callout[data-callout="schrift-k"] .callout-content p,
.callout[data-callout="font-s"] .callout-content p {
font-size: 12px;
color: var(--text-normal);
}
/* tint url headers and link headers */
.markdown-rendered :is(h1, h1 a, h1 em) {
font-family: var(--h1-font);
color: var(--h1-color);
}
.markdown-rendered :is(h2, h2 a, h2 em) {
font-family: var(--h2-font);
color: var(--h2-color);
}
.markdown-rendered :is(h3, h3 a, h3 em) {
font-family: var(--h3-font);
color: var(--h3-color);
}
.markdown-rendered :is(h4, h4 a, h4 em) {
font-family: var(--h4-font);
color: var(--h4-color);
}
.markdown-rendered :is(h5, h5 a, h5 em) {
font-family: var(--h4-font);
color: var(--h4-color);
}
.markdown-rendered :is(h6, h6 a, h6 em) {
font-family: var(--h4-font);
color: var(--h4-color);
}
/*----------------------------------------------------------------
highlights
----------------------------------------------------------------*/
/* Html custom Highlight */
body:not(.callout).markdown-source-view.mod-cm6 mark,
.markdown-rendered mark {
border-radius: 16px 2px;
padding: 0 4px 0 4px;
background-color: rgba(255, 243, 163, 1.4);
color: var(--dark-tone);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.simple-border .markdown-rendered mark {
border-radius: 4px;
}
/* Html custom Highlight */
.cm-s-obsidian span.cm-highlight {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
/* force custom default highlight */
.cm-s-obsidian span.cm-formatting-highlight,
.cm-s-obsidian span.cm-highlight {
background-color: rgba(255, 243, 163, 1.4) !important;
color: var(--dark-tone);
}
.theme-dark .markdown-rendered mark .external-link {
filter: brightness(0.4);
}
/*----------------------------------------------------------------
TAGS
----------------------------------------------------------------*/
a.tag {
padding: 2px 4px;
white-space: nowrap;
}
.callout a.tag {
background: navajowhite;
}
.cm-hashtag {
padding-top: 0;
padding-bottom: 0;
}
.markdown-source-view.mod-cm6 .cm-hashtag.cm-meta {
font-size: inherit;
}
.markdown-source-view.mod-cm6 .cm-hashtag.cm-meta {
color: inherit;
}
.markdown-source-view a.cm-underline {
color: inherit;
}
/* phone */
.is-phone :is(.tag, .editor .cm-hashtag),
.is-phone .markdown-source-view.mod-cm6 .cm-hashtag.cm-meta {
font-size: medium;
}
.is-phone .markdown-preview-view.mod-cm6 .cm-hashtag.cm-meta {
font-size: small;
}
/*----------------------------------------------------------------
Text Tags
----------------------------------------------------------------*/
a.tag:is([href="#red"], [href="#rot"], [href="#green"], [href="#grün"], [href="#blue"], [href="#blau"], [href="#gray"], [href="#grau"], [href="#cite-de"], [href="#cite-br"], [href="#cite-fr"], [href="#zitat-de"], [href="#zitat-br"], [href="#zitat-fr"], [href="#sub"], [href="#sup"], [href="#line-a"], [href="#line-b"], [href="#line-c"], [href="#strich-a"], [href="#strich-b"], [href="#strich-c"], [href="#indent"], [href="#einzug"], [href="#raisecap"], [href="#majuskel"], [href="#dropcap"], [href="#initiale"]) {
display: none;
}
a.tag:is([href="#-tips"], [href="#-geheim"], [href="#-spoiler"]) {
display: none;
}
.simple-border a:is([href="#red"], [href="#rot"], [href="#green"], [href="#grün"], [href="#blue"], [href="#blau"], [href="#gray"], [href="#grau"])+mark {
border-radius: 4px;
}
a[href="#red"]+mark,
a[href="#rot"]+mark {
background-color: var(--hl-mark-red);
color: var(--text-normal);
}
a[href="#red"]+strong,
a[href="#rot"]+strong,
a[href="#red"]+em,
a[href="#rot"]+em {
color: var(--ddef-red);
font-family: inherit;
font-size: inherit;
}
a[href="#green"]+mark,
a[href="#grün"]+mark {
background-color: var(--hl-mark-green);
color: var(--text-normal);
}
a[href="#green"]+strong,
a[href="#grün"]+strong,
a[href="#green"]+em,
a[href="#grün"]+em {
color: var(--ddef-green);
font-family: inherit;
font-size: inherit;
}
a[href="#blue"]+mark,
a[href="#blau"]+mark {
background-color: var(--hl-mark-blue);
color: var(--text-normal);
}
a[href="#blue"]+strong,
a[href="#blau"]+strong,
a[href="#blue"]+em,
a[href="#blau"]+em {
color: var(--ddef-blue);
font-family: inherit;
font-size: inherit;
}
a[href="#gray"]+mark,
a[href="#grau"]+mark {
background-color: var(--hl-mark-gray);
color: var(--text-normal);
}
a[href="#gray"]+strong,
a[href="#grau"]+strong,
a[href="#gray"]+em,
a[href="#grau"]+em {
color: var(--dark-gray);
font-family: inherit;
font-size: inherit;
}
/* pretty delimiter */
pre.language-deko::after,
pre.language-wave::after {
content: "";
background-image: var(--wave-a);
height: var(--wave-sz);
background-repeat: no-repeat;
background-position: center;
display: block;
}
pre.language-deko2::after,
pre.language-wave2::after {
content: "";
background-image: var(--wave-b);
height: var(--wave-sz);
background-repeat: no-repeat;
background-position: center;
display: block;
}
pre.language-deko3::after,
pre.language-wave3::after {
content: "";
background-image: var(--wave-c);
height: var(--wave-sz);
background-repeat: no-repeat;
background-position: center;
display: block;
}
pre.language-deko4::after,
pre.language-wave4::after {
content: "";
background-image: var(--wave-d);
height: var(--wave-sz);
background-repeat: no-repeat;
background-position: center;
display: block;
}
pre[class="language-stars"]>button.copy-code-button,
pre[class*="language-fade"]>button.copy-code-button,
pre[class*="language-wave"]>button.copy-code-button,
pre[class="language-sterne"]>button.copy-code-button,
pre[class*="language-trenner"]>button.copy-code-button,
pre[class*="language-deko"]>button.copy-code-button {
visibility: hidden;
}
.theme-light pre[class*="language-deko"]::after,
.theme-light pre[class*="language-wave"]::after {
filter: sepia(1) contrast(0.5) saturate(14);
transform: scale(var(--deco-scale), var(--deco-scale));
width: 100%;
}
.theme-dark pre[class*="language-deko"]::after,
.theme-dark pre[class*="language-wave"]::after {
filter: contrast(0.1) sepia(1);
transform: scale(var(--deco-scale), var(--deco-scale));
width: 100%;
}
pre[class*="language-trenner"]::after,
pre[class*="language-fade"]::after {
width: 100%;
}
/* add padding */
.is-mobile pre[class*="language-deko"]::after,
.is-mobile pre[class*="language-wave"]::after {
min-width: 102%;
padding-top: 4px;
pointer-events: none;
}
pre.language-trenner::after,
pre.language-fade::after {
content: "";
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--hr-color) 50%, rgba(0, 0, 0, 0) 100%);
height: 3px;
display: block;
}
pre.language-trenner2::after,
pre.language-fade2::after {
content: "";
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), var(--hr-color) 50%, rgba(0, 0, 0, 0) 100%);
height: 1px;
display: block;
}
.theme-light pre.language-trenner3,
.theme-light pre.language-fade3 {
height: 20px;
background-image: radial-gradient(farthest-side at 50% -50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
display: block;
}
.theme-dark pre.language-trenner3,
.theme-dark pre.language-fade3 {
height: 20px;
background-image: radial-gradient(farthest-side at 50% -50%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0));
display: block;
}
pre.language-sterne::after,
pre.language-stars::after {
font-size: 4em;
content: "★★★★";
color: var(--hr-stars);
text-align: center;
display: block;
filter: drop-shadow(2px 4px 6px gray);
}
a[href="#sup"]+mark,
a[href="#sub"]+mark {
background-color: transparent;
color: var(--text-normal);
font-size: smaller;
}
a[href="#sup"]+mark {
vertical-align: super;
}
a[href="#sub"]+mark {
vertical-align: sub;
}
a[href="#zitat-de"]+mark::before,
a[href="#cite-de"]+mark::before {
content: "❞";
top: 8px;
position: relative;
padding-right: 2px;
}
a[href="#zitat-de"]+mark::after,
a[href="#cite-de"]+mark::after {
content: "❝";
position: relative;
top: -1px;
padding-left: 2px;
}
a[href="#zitat-br"]+mark::before,
a[href="#cite-br"]+mark::before {
content: "❝";
padding-right: 2px;
}
a[href="#zitat-br"]+mark::after,
a[href="#cite-br"]+mark::after {
content: "❞";
padding-left: 2px;
}
a[href="#zitat-fr"]+mark::before,
a[href="#cite-fr"]+mark::before {
content: "«";
padding-right: 2px;
}
a[href="#zitat-fr"]+mark::after,
a[href="#cite-fr"]+mark::after {
content: "»";
padding-left: 2px;
}
a[href^="#zitat-"]+mark,
a[href^="#cite-"]+mark {
background-color: transparent;
color: var(--text-normal);
}
a[href="#einzug"]+mark::before,
a[href="#indent"]+mark::before {
content: "";
width: var(--indent-l);
display: inline-block;
}
a[href="#einzug"]+mark,
a[href="#indent"]+mark {
background-color: transparent;
color: var(--text-normal);
padding: 0;
}
/* raisecap */
a[href="#majuskel"]+mark,
a[href="#raisecap"]+mark {
background-color: transparent;
padding: inherit;
height: 0;
display: inline-block;
font-size: var(--initial-sz);
}
a[href="#majuskel"]+mark,
a[href="#raisecap"]+mark {
font-family: var(--initial-font);
color: var(--initial-col);
}
.is-phone {
--divNo: 2.2;
}
body:not(.is-phone) {
--divNo: 2;
}
/* dropcap */
a[href="#dropcap"]+mark,
a[href="#initiale"]+mark {
background-color: transparent;
float: left;
position: relative;
padding-left: 0;
font-size: var(--initial-sz);
margin-bottom: calc(10px - var(--initial-sz));
top: calc(0px - var(--initial-sz) / var(--divNo));
}
a[href="#dropcap"]+mark,
a[href="#initiale"]+mark {
font-family: var(--initial-font);
color: var(--initial-col);
}
a[href="#-geheim"]+mark,
a[href="#-spoiler"]+mark {
background-color: #454545;
border-radius: 0;
color: transparent;
}
a[href="#-geheim"]+mark:hover,
a[href="#-spoiler"]+mark:hover {
background-color: transparent;
color: var(--text-normal);
}
/* help */
a[href="#-tips"]+mark:not(:hover) {
display: inline-block;
line-height: 0px;
width: 26px;
color: transparent;
}
a[href="#-tips"]+mark::after {
content: '\1F4AC';
color: var(--text-normal);
background: var(--background-primary);
position: relative;
margin-left: -2px;
}
a[href="#-tips"]+mark:hover::after {
content: "";
}
a[href="#-tips"]+mark:hover {
background-color: gray;
color: var(--light-tone);
border-radius: 4px;
align-items: baseline;
line-height: 1.2;
animation: fadeIn 1s;
}
.is-mobile a[href="#-tips"]+mark:hover {
display: inline;
animation: fadeIn 1s;
}
a[href="#line-a"]+mark,
a[href="#strich-a"]+mark,
a[href="#line-b"]+mark,
a[href="#strich-b"]+mark,
a[href="#line-c"]+mark,
a[href="#strich-c"]+mark {
background-color: transparent;
color: var(--text-normal);
padding: 0;
}
a[href="#line-a"]+mark,
a[href="#strich-a"]+mark {
text-decoration: underline;
}
a[href="#line-b"]+mark,
a[href="#strich-b"]+mark {
text-decoration: underline double;
}
a[href="#line-c"]+mark,
a[href="#strich-c"]+mark {
text-decoration: line-through;
}
/*----------------------------------------------------------------
footnotes normal
----------------------------------------------------------------*/
.markdown-preview-section .footnotes ol>li::marker {
content: counter(list-item) ". ";
font-size: small;
color: var(--text-normal);
}
.footnotes {
margin-top: 2em;
}
.footnotes li {
border-bottom: 1px solid gray;
margin-bottom: 1em;
}
.footnotes li>p {
padding-bottom: 12px;
font-size: smaller !important;
}
/* removes double hr */
section.footnotes hr {
display: none;
}
/* keep font size after finding */
.is-flashing {
font-size: inherit !important;
}
a:hover {
color: var(--color-accent);
}
/* callout ignore fold icon */
.is-phone .callout-fold {
display: none;
}
.u-pop,
.mod-warning {
color: darkred;
background: var(--light-red);
border-radius: 4px;
padding-left: 4px;
padding-right: 4px;
width: fit-content;
font-weight: 600;
}
button.mod-warning,
.is-mobile button.mod-warning,
.is-mobile .mod-confirmation button.mod-cancel,
.is-mobile .modal .modal-nav-action.mod-cta {
color: var(--dark-tone);
background: var(--light-red);
}
.empty-state-action {
color: var(--link-color-dune);
}
.empty-state-action:hover {
color: var(--text-accent-special);
}
/* cursor caret */
.markdown-source-view.mod-cm6 .cm-content {
caret-color: red;
}
/*
Horizontal Rulers
*/
.is-phone hr {
margin: 1em auto;
}
hr {
clear: both;
margin: 10px auto;
}
/*----------------------------------------------------------------
EMBEDS
----------------------------------------------------------------*/
.internal-embed :not(.image-embed) div {
overflow: visible;
padding-top: 0;
margin-top: 0 !important;
}
.external-link {
background-image: none;
background-position: 0;
padding-right: 0;
filter: none;
background-size: 0;
word-wrap: break-word;
}
/* move link icon outside text lines */
.markdown-preview-view .markdown-embed-link,
.markdown-preview-view .file-embed-link,
.markdown-preview-view .obsidian-metatable {
display: none;
}
.markdown-source-view .markdown-embed-link,
.markdown-source-view .file-embed-link {
background: lightgray;
color: var(--dark-tone);
}
.markdown-preview-view .markdown-embed {
border-left: 0;
margin-left: -24px;
}
.embed-title.markdown-embed-title {
display: none;
margin-top: -10px;
right: -18px;
padding: 0;
}
.inline-embed .markdown-embed-content {
height: fit-content;
max-height: 100%;
overflow: visible;
}
.inline-embed .markdown-embed-content div:last-child {
margin-right: auto;
}
.is-phone .markdown-rendered code {
font-size: 14px;
}
.file-embed {
background-color: var(--dark-shadow-l);
}
.markdown-preview-section div>br {
display: none;
}
.markdown-source-view .markdown-embed-content.node-insert-event table {
padding-top: 1em;
}
.is-phone .file-embed.mod-generic,
.is-phone .file-embed.mod-empty {
min-width: 200px;
overflow: hidden;
}
/*----------------------------------------------------------------
Link local, unresolved, web check
----------------------------------------------------------------*/
a.internal-link:hover,
a.external-link:hover {
color: var(--text-accent-special);
}
/* internal link header */
.HyperMD-header.HyperMD-header-1.cm-line a,
.HyperMD-header.HyperMD-header-2.cm-line a,
.HyperMD-header.HyperMD-header-3.cm-line a,
.HyperMD-header.HyperMD-header-4.cm-line a,
.HyperMD-header.HyperMD-header-5.cm-line a,
.HyperMD-header.HyperMD-header-6.cm-line a {
font-size: inherit;
}
.markdown-rendered .internal-link.is-unresolved:hover,
.markdown-source-view.mod-cm6 .is-unresolved:hover,
.markdown-source-view.mod-cm6 .is-unresolved .cm-underline:hover,
.markdown-rendered .internal-link:not(.is-unresolved):hover,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link:hover,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline:hover {
color: var(--text-accent-special);
text-decoration-color: var(--text-accent-special);
}
.markdown-rendered .internal-link:not(.is-unresolved),
.markdown-source-view.mod-cm6 :not(.is-unresolved) .cm-s-obsidian:not(span.cm-formatting-link.cm-url, span.cm-url) .cm-underline,
.markdown-source-view.mod-cm6 :not(.is-unresolved) .cm-s-obsidian:not(span.cm-formatting-link.cm-url, span.cm-url) .cm-underline:hover,
.markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline {
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: inherit;
}
/* .external-link, */
.cm-s-obsidian span.cm-formatting-link.cm-url,
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-link a {
text-decoration-style: solid;
color: var(--link-color-dune);
}
/* Header tint */
.HyperMD-header:is(.HyperMD-header-1, .HyperMD-header-2, .HyperMD-header-3, .HyperMD-header-4, .HyperMD-header-5, .HyperMD-header-6) a:hover,
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) a.internal-link:hover,
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) a.external-link:hover {
color: var(--text-accent-special);
}
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) a.internal-link:hover {
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: inherit;
}
span.cm-header.cm-header-1.cm-link,
span.cm-formatting-link .cm-header-1,
.markdown-rendered h1 a.internal-link,
.markdown-rendered h1 a.external-link {
color: var(--h1-color);
}
span.cm-header.cm-header-2.cm-link,
span.cm-formatting-link .cm-header-2,
.markdown-rendered h2 a.internal-link,
.markdown-rendered h2 a.external-link {
color: var(--h2-color);
}
span.cm-header.cm-header-3.cm-link,
span.cm-formatting-link .cm-header-3,
.markdown-rendered h3 a.internal-link,
.markdown-rendered h3 a.external-link {
color: var(--h3-color);
}
.markdown-rendered :is(h4, h5, h6) a.internal-link,
.markdown-rendered :is(h4, h5, h6) a.external-link,
span.cm-header:is(.cm-header-4, .cm-header-5, .cm-header-6).cm-link,
span.cm-formatting-link :is(.cm-header-4, .cm-header-5, .cm-header-6) {
color: var(--h4-color);
}
.markdown-rendered :is(h4 a, h5 a, h6 a) strong,
a.external-link :is(h4 a, h5 a, h6 a) strong {
color: var(--h4-color);
}
.markdown-rendered :is(h4 a, h5 a, h6 a) em,
a.external-link :is(h4 a, h5 a, h6 a) em {
color: var(--h4-color);
}
.markdown-rendered .internal-link:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover {
text-decoration-color: inherit;
color: var(--link-color-dune);
}
.markdown-rendered .internal-link:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a):hover {
text-decoration-color: inherit;
color: var(--text-normal);
}
.is-phone a {
word-break: break-word;
}
.add-link-space a:is(a.external-link, a.internal-link, .markdown-source-view .cm-underline):not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
padding-left: 4px;
padding-right: 4px;
}
.theme-light .external-link:hover,
.markdown-source-view.mod-cm6 .cm-link .cm-underline:hover {
color: var(--text-accent-special);
}
.markdown-source-view.mod-cm6 .cm-underline,
.markdown-source-view.mod-cm6 .cm-link .cm-underline :not(.HyperMD-header),
.markdown-source-view.mod-cm6 .cm-url .cm-underline :not(.HyperMD-header) {
color: var(--link-color-dune);
}
.external-link,
.cm-s-obsidian span.cm-formatting-link,
.markdown-rendered .internal-link {
color: var(--link-color-dune);
}
.markdown-rendered .internal-link.is-unresolved,
.cm-s-obsidian span.cm-hmd-internal-link {
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: inherit;
}
.cm-s-obsidian span.cm-hmd-internal-link.is-unresolved {
color: var(--link-unresolved-color);
}
a strong:hover {
color: var(--text-accent-special);
}
/*----------------------------------------------------------------
Misc note boxes
----------------------------------------------------------------*/
.el-pre pre.language-memo {
background: var(--sw-yellow-c);
width: fit-content;
}
.el-pre pre.language-memo-r {
background: var(--sw-red-c);
width: fit-content;
}
.el-pre pre.language-memo-g {
background: var(--sw-green-c);
width: fit-content;
}
.el-pre pre.language-memo-b {
background: var(--sw-blue-c);
width: fit-content;
}
.el-pre pre.language-memo-m {
background: var(--sw-gray-c);
width: fit-content;
}
code.language-memo.is-loaded,
code.language-memo-r.is-loaded,
code.language-memo-g.is-loaded,
code.language-memo-b.is-loaded,
code.language-memo-m.is-loaded {
color: darkblue;
}
/* add empty paragraphs */
.el-pre pre.language-br,
code.language-br.is-loaded {
margin: 0;
min-width: 95%;
display: inline-block;
padding: 0;
border: none;
}
/* content invisible */
code.language-br.is-loaded {
opacity: 0;
}
.el-pre pre.language-br button.copy-code-button {
display: none;
}
.is-phone .markdown-rendered button.copy-code-button {
height: 30px;
width: 30px;
}
.el-pre pre.language-memo,
code.language-memo.is-loaded,
.el-pre pre.language-memo-r,
code.language-memo-r.is-loaded,
.el-pre pre.language-memo-g,
code.language-memo-g.is-loaded,
.el-pre pre.language-memo-b,
code.language-memo-b.is-loaded,
.el-pre pre.language-memo-m,
code.language-memo-m.is-loaded {
min-width: var(--min-boxwidth);
padding: 6px;
}
/*----------------------------------------------------------------
Quotes, Lists
----------------------------------------------------------------*/
.cm-s-obsidian span.cm-formatting-quote {
color: gray;
}
.cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) {
border-radius: 4px;
background-color: var(--codebg-col);
font-size: 14px;
border: 1px solid gray;
}
.markdown-rendered code {
background-color: var(--codebg-col);
border: 1px solid gray;
}
.markdown-rendered pre:not([class*="language-br"], [class*="language-memo"], [class*="language-wave"], [class*="language-fade"], [class*="language-stars"], [class*="language-deko"], [class*="language-trenner"], [class*="language-sterne"]) {
background-color: var(--codebg-col);
border: 1px solid gray;
margin-bottom: 10px;
}
body:not(.is-mobile) .cm-s-obsidian span.cm-inline-code {
font-size: revert;
}
/* rm overlapping inline code lines */
span.cm-inline-code {
line-height: normal;
}
.search-results-info .dropdown:hover {
color: var(--interactive-accent);
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: var(--code-color) !important;
}
/* Style code-block */
.theme-dark .cm-s-obsidian div.HyperMD-codeblock-bg {
background-color: var(--background-secondary);
}
.theme-light .cm-s-obsidian div.HyperMD-codeblock-bg {
background-color: var(--codebg-col);
}
/* smaller boxes */
.markdown-rendered pre:not(pre[class*="language-"], .is-phone) {
width: fit-content;
}
.is-phone .markdown-rendered pre:not(pre[class*="language-"]) {
max-width: 92vw;
}
/* lists */
ol>li::marker,
ul>li::marker,
.cm-s-obsidian .cm-formatting-list {
color: var(--text-accent-special);
font-weight: 600;
}
.list-bullet:after {
background-color: var(--text-accent-special);
}
/* special chars */
sup,
sub {
width: fit-content;
white-space: break-spaces;
}
sub a,
sup a {
color: var(--text-normal);
}
/* blockquote */
.markdown-rendered blockquote {
border-inline-start: 0;
padding-inline-start: 0;
width: fit-content;
padding-right: 1em;
border-left: 0;
border-radius: 4px;
}
.el-blockquote ul>li {
margin-right: 1em;
}
blockquote p {
padding-left: 16px;
padding-right: 16px;
}
.is-phone .markdown-rendered blockquote {
margin-top: 1em;
margin-bottom: 1em;
}
.is-phone .markdown-preview-view pre {
margin-bottom: 1em;
}
/* rm border */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote:before,
.markdown-source-view.mod-cm6 .cm-blockquote-border:before {
display: none;
}
/* default - top break */
.prg-break .markdown-preview-view :is(p) {
margin-top: 0;
margin-bottom: 0;
}
.indent-p p,
.indent-p .markdown-source-view .cm-line:not(.HyperMD-header.cm-line) {
text-indent: var(--indent-l);
}
/* formatting codeblocks */
.codeblock-dev:not(.is-phone).HyperMD-codeblock {
white-space: nowrap;
}
.codeblock-dev:not(.is-phone) .markdown-rendered pre:not([class*="language-br"], [class*="language-memo"], [class*="language-wave"], [class*="language-fade"], [class*="language-stars"], [class*="language-deko"], [class*="language-trenner"], [class*="language-sterne"]) {
width: max-content;
}
.markdown-rendered pre:is([class^=language-wave], [class^=language-fade], [class="language-stars"], [class^=language-deko], [class^=language-trenner], [class="language-sterne"]) {
background-color: var(--background-primary);
}
.codeblock-dev.is-phone .markdown-preview-view pre:not([class*="language-br"], [class*="language-memo"], [class*="language-wave"], [class*="language-fade"], [class*="language-stars"], [class*="language-deko"], [class*="language-trenner"], [class*="language-sterne"]) {
width: 800px;
}
.codeblock-dev.is-phone .markdown-source-view .cm-line.HyperMD-codeblock {
width: 800px;
}
.is-phone .markdown-source-view .cm-line.HyperMD-codeblock {
font-size: 12px;
}
.markdown-preview-view code:not(code[class*="language-memo"]) {
overflow-x: scroll;
white-space: pre;
}
span.cm-hmd-codeblock.cm-meta {
display: inline;
}
/* commented stuff */
.cm-s-obsidian span.cm-comment {
color: gray;
}
/* bases */
body:not(.compact-bases-ls) .bases-embed>.bases-view {
max-height: 20vh;
overflow-y: scroll;
}
.theme-light {
--dune-bases-sh: #4d4d4d;
--dune-bases-hl: var(--text-accent);
}
.theme-dark {
--dune-bases-sh: #959595;
--dune-bases-hl: navajowhite;
}
.bases-toolbar-menu-item-name,
.bases-toolbar-menu-item:not(.mod-destructive) .bases-toolbar-menu-item-info-icon {
color: var(--dune-bases-sh);
}
.suggestion-item.bases-toolbar-menu-item input[type=checkbox]:checked {
border-radius: 50%;
background-image: var(--checkbox-icon);
background-color: white;
}
div.bases-cards-cover {
background-size: cover !important;
}
.text-icon-button.is-active {
color: var(--dune-bases-hl);
}
.bases-toolbar-menu-container .search-input-container input[type=search] {
background-color: #cbcbcb;
}
.bases-toolbar-menu-item:first-child {
margin-top: 2px;
}
.bases-thead {
background: var(--background-modifier-border-hover);
}
.bases-table-container:not(.mod-multiline) .bases-tr:nth-child(even) {
background: #ffffff42;
}
.text-icon-button.is-active:not(:hover),
.text-icon-button.is-active:hover {
color: #bd5916;
}
.bases-toolbar-menu-item:hover :is(.bases-toolbar-menu-item-info>*),
.bases-toolbar-menu-item:hover,
.bases-toolbar-menu-item:hover,
.bases-sort-container .text-icon-button:hover {
color: navajowhite;
}
/*----------------------------------------------------------------
CALLOUTS
----------------------------------------------------------------*/
.callout {
background-color: rgba(var(--callout-color), 0.24);
}
.theme-light .callout-title {
filter: brightness(0.9);
}
.theme-dark .callout-title {
filter: brightness(1.1);
}
.callout-title {
margin-bottom: 4px;
}
body:not(.is-phone) .callout-icon {
scale: 1.3;
margin-right: .4em;
}
.callout-fold:not(:hover) {
display: none;
}
.callout {
mix-blend-mode: normal;
}
.callout-content :is(ul.contains-task-list) {
left: 2em;
position: relative;
}
.callout ul>li.task-list-item {
margin: auto 0;
}
.is-phone .callout ul>li.task-list-item {
width: 260px;
}
/* restore defaults */
.is-phone .callout.HyperMD-quote.HyperMD-quote-1.cm-line {
text-indent: initial;
padding-inline-start: initial;
}
.callout:is([data-callout-metadata~="l"], [data-callout-metadata~="lh"], [data-callout-metadata~="lv"]) {
float: left;
clear: left;
}
.callout:is([data-callout-metadata~="r"], [data-callout-metadata~="rh"], [data-callout-metadata~="rv"]) {
float: right;
clear: right;
}
/* tint headers */
.callout[data-callout-metadata~="red"] .callout-title,
.callout[data-callout-metadata~="rot"] .callout-title {
color: var(--callout-title-r);
}
.callout[data-callout-metadata~="green"] .callout-title,
.callout[data-callout-metadata~="grün"] .callout-title {
color: var(--callout-title-g);
}
.callout[data-callout-metadata~="blue"] .callout-title,
.callout[data-callout-metadata~="blau"] .callout-title {
color: var(--callout-title-b);
}
.callout[data-callout-metadata~="gray"] .callout-title,
.callout[data-callout-metadata~="grau"] .callout-title {
color: var(--callout-title-m);
}
/* tint body */
.callout[data-callout-metadata~="red"],
.callout[data-callout-metadata~="rot"] {
background-color: var(--callout-bg-r);
}
.callout[data-callout-metadata~="green"],
.callout[data-callout-metadata~="grün"] {
background-color: var(--callout-bg-g);
}
.callout[data-callout-metadata~="blue"],
.callout[data-callout-metadata~="blau"] {
background-color: var(--callout-bg-b);
}
.callout[data-callout-metadata~="gray"],
.callout[data-callout-metadata~="grau"] {
background-color: var(--callout-bg-m);
}
/* === Multi Column "DIV"'s Using Callout === */
/* remove callout-title and make callout-content as part of main callout for box formatting */
div[data-callout="mehrspaltig"].callout>.callout-title,
div[data-callout="multi-column"].callout>.callout-title {
display: none;
}
div[data-callout="mehrspaltig"].callout>.callout-content,
div[data-callout="multi-column"].callout>.callout-content {
display: contents;
}
/* make the main callout a flex and remove box formatting */
div[data-callout="mehrspaltig"].callout,
div[data-callout="multi-column"].callout {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
background: unset;
border: unset;
margin: unset;
padding: unset;
clear: both;
}
/* make the subcallout in flex column to allow growing vertically */
div[data-callout="mehrspaltig"].callout .callout,
div[data-callout="multi-column"].callout .callout {
display: flex;
flex-direction: column;
}
div[data-callout="mehrspaltig"].callout:not(.is-collapsed) .callout,
div[data-callout="multi-column"].callout:not(.is-collapsed) .callout {
margin: 4px 0 var(--callout-margin) 0;
mix-blend-mode: normal;
margin-right: .2em;
}
/* to allow spacing for box shadow */
div[data-callout="mehrspaltig"].callout .callout .callout-content,
div[data-callout="multi-column"].callout .callout .callout-content {
flex-grow: 1
}
div[data-callout="mehrspaltig"].callout>.callout-content>*:is(div, ul),
div[data-callout="multi-column"].callout>.callout-content>*:is(div, ul) {
flex: 1 1 200px;
}
@media (min-width: 500px) {
/* .is-collapsed is used to draw the border-left only when it's collapsed */
div[data-callout="mehrspaltig"].callout>div.callout-content .callout.is-collapsed,
div[data-callout="multi-column"].callout>div.callout-content .callout.is-collapsed {
background-color: unset;
border: unset;
box-shadow: unset;
}
div[data-callout="mehrspaltig"].callout>div.callout-content .callout.is-collapsed .callout-title,
div[data-callout="multi-column"].callout>div.callout-content .callout.is-collapsed .callout-title {
border-top-left-radius: 2px;
background-color: rgba(var(--callout-color), 0.1);
padding: inherit;
border-radius: 4px;
}
}
/* Special Adjustment -- for theme with negative margin & box shadow. (e.g. Prism) */
div[data-callout="mehrspaltig"].callout>.callout-content,
div[data-callout="multi-column"].callout>.callout-content {
margin-top: unset;
}
div[data-callout="mehrspaltig"].callout:not(.is-collapsed),
div[data-callout="multi-column"].callout:not(.is-collapsed) {
box-shadow: unset;
mix-blend-mode: normal;
}
div[data-callout="mehrspaltig"] .callout,
div[data-callout="multi-column"] .callout {
width: auto;
}
div[data-callout="mehrspaltig"] .callout-content p,
div[data-callout="multi-column"] .callout-content p {
/* margin-top: auto; */
margin-bottom: auto;
}
/* === Blank Container "DIV"'s - can be used with Main Multi-Column layout above === */
div[data-callout="leerraum"].callout>.callout-title,
div[data-callout="blank-container"].callout>.callout-title {
display: none;
}
div[data-callout="leerraum"].callout>.callout-content,
div[data-callout="blank-container"].callout>.callout-content {
display: contents;
}
div[data-callout="leerraum"].callout,
div[data-callout="blank-container"].callout {
border: 0;
padding-top: 0;
padding-inline: 2px;
padding-bottom: 2px;
background: unset;
box-shadow: unset;
}
/* === Floating Callout === */
@media (min-width: 500px) {
.markdown-source-view.mod-cm6 .cm-embed-block.cm-callout :is(.callout[data-callout-metadata~="l"], .callout[data-callout-metadata~="r"]) .callout-content>p:last-of-type {
margin-bottom: auto;
margin-top: auto;
}
/* doing the gap */
div[data-callout="leer"].callout:is(div[data-callout-metadata~="l"]) {
margin: var(--float-left-callout-margin);
}
div[data-callout="leer"].callout:is(div[data-callout-metadata~="r"]) {
margin: var(--float-right-callout-margin);
}
}
.embedded-backlinks {
clear: both;
}
/* fix for blockquote underlap */
.markdown-preview-view :is(p) {
overflow: unset;
}
/* fix to support Breadcrumbs plugin */
body[class*="minimal-tab-title"].contextual-typography .minimal-float.markdown-preview-view.markdown-preview-view .BC-trail.markdown-preview-sizer {
display: flex;
}
/* === Multi Column Lists -- Markdown Attributes Based === */
@media (min-width: 500px) {
.two-column-list div>ul,
.two-column-list-block {
columns: 2;
column-gap: 3rem;
}
.three-column-list div>ul,
.three-column-list-block {
columns: 3;
column-gap: 3rem;
}
}
/* - dashboard style, page level only, apply to any first level */
/* -- applicable only when width > 400pt, else just single column */
/* grid list block level cannot be done, it breaks formatting */
@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);
}
}
.multi-column-list div>ul,
.multi-column-list-block {
column-width: 200px;
column-gap: 3rem;
column-rule: 1px solid #b3b3b3;
}
/* Special adjustment for footnotes applied with -colum-list-block -- obsidian creates a <br> tag at the last <li> */
.footnotes [class$="-column-list-block"] li:last-of-type br:last-of-type {
display: none;
}
.callout-icon .svg-icon {
color: inherit;
}
/* frame */
div[data-callout="mehrspaltig"][data-callout-metadata~="rot"],
div[data-callout="multi-column"][data-callout-metadata~="red"] {
border: 4px solid var(--dark-red);
padding: 4px;
}
div[data-callout="mehrspaltig"][data-callout-metadata~="grün"],
div[data-callout="multi-column"][data-callout-metadata~="green"] {
border: 4px solid var(--dark-green);
padding: 4px;
}
div[data-callout="mehrspaltig"][data-callout-metadata~="blau"],
div[data-callout="multi-column"][data-callout-metadata~="blue"] {
border: 4px solid var(--dark-blue);
padding: 4px;
}
div[data-callout="mehrspaltig"][data-callout-metadata~="grau"],
div[data-callout="multi-column"][data-callout-metadata~="gray"] {
border: 4px solid var(--dark-gray);
padding: 4px;
}
/* phone */
/* fix broken callout icons */
.is-phone svg.svg-inline--fa,
.is-phone .callout-icon .svg-icon {
width: 24px;
height: 24px;
}
.is-phone .callout ::-webkit-scrollbar {
width: 0;
overflow-x: hidden;
}
/*----------------------------------------------------------------
Read-more
----------------------------------------------------------------*/
.callout:is([data-callout="read-more"], [data-callout="weiterlesen"]) {
background: transparent;
border: 0;
width: auto;
display: block;
padding-left: 0;
padding-right: 0;
}
.markdown-preview-view .callout:is([data-callout="read-more"], [data-callout="weiterlesen"]) {
padding-bottom: 0;
padding-top: 0;
}
.markdown-preview-view .callout:is([data-callout="read-more"], [data-callout="weiterlesen"]) .callout-content p:first-child {
margin-top: 0;
}
body:not(.is-phone) .callout[data-callout="read-more"] .callout-content,
body:not(.is-phone) .callout[data-callout="weiterlesen"] .callout-content {
margin-bottom: 0px;
margin-top: 0;
}
.callout[data-callout="read-more"] .callout-icon,
.callout[data-callout="weiterlesen"] .callout-icon {
padding: 0;
display: none;
}
.callout[data-callout="read-more"] .callout-title,
.callout[data-callout="weiterlesen"] .callout-title {
font-size: var(--font-text-size);
color: var(--text-accent-special);
font-weight: bold;
align-items: baseline;
}
.callout:is([data-callout="read-more"], [data-callout="weiterlesen"]) .callout-fold {
display: none;
}
.callout:is([data-callout="read-more"], [data-callout="weiterlesen"])>.callout-title::after {
content: "…";
left: -4px;
position: relative;
}
body:not(.is-phone) .callout:is([data-callout="read-more"], [data-callout="weiterlesen"])>.callout-title::after {
margin-top: 0;
}
/*----------------------------------------------------------------
Callout Infobox
----------------------------------------------------------------*/
.callout[data-callout=infobox] {
margin: 0;
background: none;
text-align: center;
box-shadow: none;
position: relative;
}
.callout[data-callout=infobox] :is(.callout-icon, .callout-title) {
display: none;
}
body:not(.is-phone) .markdown-preview-view .callout[data-callout=infobox][data-callout-metadata~="r"] {
padding: 12px;
}
body:not(.is-phone) .markdown-preview-view :is(.callout[data-callout=infobox], .callout[data-callout=infobox][data-callout-metadata~="l"]) {
padding: 12px;
}
/* header*/
body:not(.is-phone) .callout[data-callout=infobox] :is(h1, h2, h3, h4, h5, h6) {
margin-top: 0;
padding-top: 0;
text-align: center;
scale: 0.7;
margin-bottom: auto;
}
.markdown-preview-view .callout[data-callout=infobox] p {
padding-bottom: 6px;
width: initial;
max-width: 16vw;
margin: auto;
text-align: center;
}
/* tables */
.callout[data-callout=infobox] table {
display: initial;
}
.callout[data-callout=infobox] thead th {
padding: 4px;
font-weight: bold;
}
body:not(.is-phone) .callout[data-callout=infobox] .callout-content :is(a, p, th, td) {
font-size: 12px;
}
/* no xy or bold in other tables */
.callout[data-callout=infobox] tbody tr>td:first-child {
background: revert !important;
color: var(--text-normal);
}
/* img */
.callout[data-callout=infobox] :is(.internal-embed, img) {
opacity: 1;
pointer-events: none;
margin: auto;
max-height: 200px;
display: block;
object-fit: cover;
}
.callout[data-callout=infobox] :is(.internal-embed, img):hover {
background: var(--button-background);
color: var(--dark-tone);
}
/* phone */
.is-phone .callout[data-callout=infobox] {
max-width: 60vw;
padding: 0;
margin-bottom: 8px;
}
.is-phone .callout[data-callout=infobox] :is(h1, h2, h3, h4, h5, h6) {
scale: 0.8;
margin: 0;
}
.is-phone .callout[data-callout=infobox] .callout-content :is(a, p, th, td) {
font-size: 14px;
}
.is-phone .callout[data-callout=infobox] :is(p, img) {
margin: auto;
text-align: center;
}
.is-phone .callout[data-callout=infobox] p,
.is-phone .callout[data-callout=infobox] :is(.internal-embed, img) {
max-width: 40vw;
}
.is-phone .markdown-preview-view .callout[data-callout=infobox][data-callout-metadata~="r"] {
right: -2em;
}
.is-phone .markdown-preview-view .callout[data-callout=infobox][data-callout-metadata~="l"] {
left: -1em;
}
/*----------------------------------------------------------------
ASIDE NOTES
----------------------------------------------------------------*/
.callout:is([data-callout="aside"], [data-callout="seite"]) .callout-title {
padding: 0;
display: none;
}
.callout:is([data-callout="aside"], [data-callout="seite"]) :is(h1, h2, h3, h4, h5, h6) {
margin-top: 0;
padding-top: 0;
text-align: center;
}
.callout:is([data-callout="aside"], [data-callout="seite"]) {
width: auto;
}
.markdown-source-view.mod-cm6 .callout:is([data-callout="aside"], [data-callout="seite"]) {
margin: auto;
}
.markdown-source-view.mod-cm6 .callout:is([data-callout="aside"], [data-callout="seite"]) {
background: var(--aside-bg-c);
}
.markdown-preview-view :is(.callout[data-callout="aside"][data-callout-metadata~="lh"], .callout[data-callout="aside"][data-callout-metadata~="rh"]):not(:hover) .callout-content,
.markdown-preview-view :is(.callout[data-callout="seite"][data-callout-metadata~="lv"], .callout[data-callout="seite"][data-callout-metadata~="rv"]):not(:hover) .callout-content {
display: none;
}
.simple-aside .callout:is([data-callout="aside"], [data-callout="seite"]) {
box-shadow: none;
background: transparent;
display: flex;
}
body:not(.simple-aside) :is(.callout[data-callout="aside"][data-callout-metadata~="l"], .callout[data-callout="aside"][data-callout-metadata~="lh"]:hover, .callout[data-callout="aside"][data-callout-metadata~="r"], .callout[data-callout="aside"][data-callout-metadata~="rh"]:hover),
body:not(.simple-aside):is(.callout[data-callout="seite"][data-callout-metadata~="l"], .callout[data-callout="seite"][data-callout-metadata~="lv"]:hover, .callout[data-callout="seite"][data-callout-metadata~="r"], .callout[data-callout="seite"][data-callout-metadata~="rv"]:hover) {
box-shadow: 0.25em 0.25em var(--simple-as-c);
background: var(--aside-bg-c);
}
/* border left */
.simple-aside :is(.callout[data-callout="aside"][data-callout-metadata~="l"], .callout[data-callout="seite"][data-callout-metadata~="l"]),
.simple-aside .markdown-preview-view :is(.callout[data-callout="aside"][data-callout-metadata~="lh"]:hover, .callout[data-callout="seite"][data-callout-metadata~="lv"]:hover) {
border-right: 4px solid var(--simple-as-c);
border-radius: 0;
}
/* border right */
.simple-aside :is(.callout[data-callout="aside"][data-callout-metadata~="r"], .callout[data-callout="seite"][data-callout-metadata~="r"]),
.simple-aside .markdown-preview-view :is(.callout[data-callout="aside"][data-callout-metadata~="rh"]:hover, .callout[data-callout="seite"][data-callout-metadata~="rv"]:hover) {
border-left: 4px solid var(--simple-as-c);
border-radius: 0;
}
.callout:is([data-callout-metadata~="l"], [data-callout-metadata~="lh"], [data-callout-metadata~="lv"]) {
padding: 10px;
margin-right: 1em;
}
.callout:is([data-callout-metadata~="r"], [data-callout-metadata~="rh"], [data-callout-metadata~="rv"]) {
padding: 10px;
margin-left: 1em;
}
.markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="lh"], [data-callout-metadata~="rh"]):not(:hover),
.markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="lv"], [data-callout-metadata~="rv"]):not(:hover) {
border-bottom: 4px solid gray;
border-radius: 0;
height: 4px;
background-color: transparent;
width: 34px;
}
.markdown-preview-view .callout[data-callout="aside"][data-callout-metadata~="lh"]:not(:hover),
.markdown-preview-view .callout[data-callout="seite"][data-callout-metadata~="lv"]:not(:hover) {
margin-right: 1em;
}
.markdown-preview-view .callout[data-callout="aside"][data-callout-metadata~="rh"]:not(:hover),
.markdown-preview-view .callout[data-callout="seite"][data-callout-metadata~="rv"]:not(:hover) {
margin-left: 1em;
}
.markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="lh"], [data-callout-metadata~="rh"]):hover,
.markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="lv"], [data-callout-metadata~="rv"]):hover {
min-width: auto;
height: 100%;
border-bottom: none;
animation: fadeIn 1s ease;
}
.callout:is([data-callout="aside"], [data-callout="seite"]) .callout-content p {
font-size: 14px;
}
/* phone */
.is-phone .markdown-source-view .callout[data-callout="aside"][data-callout-metadata~="lh"],
.is-phone .markdown-source-view .callout[data-callout="seite"][data-callout-metadata~="lv"],
.is-phone .markdown-source-view .callout[data-callout="aside"][data-callout-metadata~="rh"],
.is-phone .markdown-source-view .callout[data-callout="seite"][data-callout-metadata~="rv"] {
white-space: nowrap;
display: flex;
padding: auto 8px;
border-radius: 4px;
}
.is-phone .markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="lh"], [data-callout-metadata~="rh"]):hover,
.is-phone .markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="lv"], [data-callout-metadata~="rv"]):hover,
.is-phone .markdown-source-view .callout[data-callout="aside"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]),
.is-phone .markdown-source-view .callout[data-callout="seite"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]) {
max-width: 80vw;
min-width: fit-content;
}
.is-phone .markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="l"], [data-callout-metadata~="lh"]:hover),
.is-phone .markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="l"], [data-callout-metadata~="lv"]:hover) {
margin: 12px 14px 12px -18px;
}
.is-phone .markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="r"], [data-callout-metadata~="rh"]:hover),
.is-phone .markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="r"], [data-callout-metadata~="rv"]:hover) {
margin: 12px -18px 12px 14px;
}
.is-phone .callout:is([data-callout="aside"], [data-callout="seite"]) .callout-content p {
margin-top: 1em;
}
.is-phone .markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="lh"], [data-callout-metadata~="rh"]):hover,
.is-phone .markdown-preview-view .callout[data-callout="aside"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]),
.is-phone .markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="lv"], [data-callout-metadata~="rv"]):hover,
.is-phone .markdown-preview-view .callout[data-callout="seite"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]) {
min-width: fit-content;
}
/*----------------------------------------------------------------
pict
----------------------------------------------------------------*/
/* float works together with width */
.callout:is([data-callout="pict"], [data-callout="bild"]) {
background-color: transparent;
}
.callout[data-callout="pict"] .callout-title,
.callout[data-callout="bild"] .callout-title {
display: none;
}
.callout[data-callout="pict"][data-callout-metadata~="l"],
.callout[data-callout="bild"][data-callout-metadata~="l"] {
float: left;
max-width: 300px;
margin: 0 auto;
}
.callout[data-callout="pict"][data-callout-metadata~="r"],
.callout[data-callout="bild"][data-callout-metadata~="r"] {
float: right;
max-width: 300px;
margin: 0 auto;
}
.callout:is([data-callout="pict"], [data-callout="bild"]) :not([data-callout-metadata~="reihe"]) .callout-content img {
display: block;
max-width: 35vw;
;
}
.is-phone .callout:is([data-callout="pict"], [data-callout="bild"])[data-callout-metadata~="l"] {
margin-left: -1.3em;
}
.is-phone .callout:is([data-callout="pict"], [data-callout="bild"])[data-callout-metadata~="r"] {
margin-right: -1.3em;
}
.is-phone .callout:is([data-callout="pict"], [data-callout="bild"]):is([data-callout-metadata~="l"], [data-callout-metadata~="r"]) img {
width: 35vw;
}
/*----------------------------------------------------------------
column
----------------------------------------------------------------*/
.callout:is([data-callout="column"], [data-callout="spalte"]) .callout-title {
display: none;
}
.callout:is([data-callout="column"], [data-callout="spalte"]) {
background-color: transparent;
}
.callout:is([data-callout="column"], [data-callout="spalte"]) :is([data-callout-metadata~="l"], [data-callout-metadata~="r"], [data-callout-metadata~="a"]),
.callout[data-callout="column"][data-callout-metadata~="hl"],
.callout[data-callout="spalte"][data-callout-metadata~="w"] {
background: transparent;
border: 0;
min-width: fit-content;
}
/* axial center */
.callout[data-callout="column"][data-callout-metadata~="a"],
.callout[data-callout="spalte"][data-callout-metadata~="a"] {
text-align: center;
margin: auto;
padding-top: revert;
padding-bottom: revert;
}
.callout[data-callout="column"][data-callout-metadata~="a"].callout-content p,
.callout[data-callout="spalte"][data-callout-metadata~="a"].callout-content p {
width: fit-content;
}
/* misc */
div.cm-embed-block.cm-callout .markdown-rendered .callout[data-callout="column"][data-callout-metadata~="a"],
div.cm-embed-block.cm-callout .markdown-rendered .callout[data-callout="spalte"][data-callout-metadata~="a"] {
align-self: center;
position: relative;
display: contents;
}
div.cm-embed-block.cm-callout .markdown-rendered .callout[data-callout="column"][data-callout-metadata^="hl"] .callout-content p,
div.cm-embed-block.cm-callout .markdown-rendered .callout[data-callout="spalte"] [data-callout-metadata^="w"] .callout-content p {
margin-top: 0;
}
.callout[data-callout="column"] :is([data-callout-metadata~="l"], [data-callout-metadata~="r"], [data-callout-metadata~="a"], [data-callout-metadata^="hl"]) .callout-title,
.callout[data-callout="spalte"] :is([data-callout-metadata~="l"], [data-callout-metadata~="r"], [data-callout-metadata~="a"], [data-callout-metadata^="w"]) .callout-title {
padding: 0;
display: none;
}
.callout[data-callout="column"][data-callout-metadata^="hl"] p,
.callout[data-callout="spalte"][data-callout-metadata^="w"] p {
margin-bottom: 0;
margin-top: 0;
}
.callout[data-callout="column"][data-callout-metadata^="hl"],
.callout[data-callout="spalte"][data-callout-metadata^="w"] {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
margin-left: 1em;
}
.callout[data-callout="column"][data-callout-metadata^="hl"],
.callout[data-callout="spalte"][data-callout-metadata^="w"] {
border-left: 4px solid var(--interactive-accent);
border-radius: 0;
}
.callout[data-callout="column"][data-callout-metadata^="hlr"],
.callout[data-callout="spalte"][data-callout-metadata^="wr"] {
border-left: 4px solid var(--dark-red);
border-radius: 0;
}
.callout[data-callout="column"][data-callout-metadata^="hlg"],
.callout[data-callout="spalte"][data-callout-metadata^="wg"] {
border-left: 4px solid var(--dark-green);
border-radius: 0;
}
.callout[data-callout="column"][data-callout-metadata^="hlb"],
.callout[data-callout="spalte"][data-callout-metadata^="wb"] {
border-left: 4px solid var(--dark-blue);
border-radius: 0;
}
.callout[data-callout="column"][data-callout-metadata^="hlm"],
.callout[data-callout="spalte"][data-callout-metadata^="wm"] {
border-left: 4px solid var(--dark-gray);
border-radius: 0;
}
/* phone */
.is-phone .callout[data-callout="column"][data-callout-metadata^="hl"],
.is-phone .callout[data-callout="spalte"][data-callout-metadata^="w"] {
min-width: 80vw;
}
/* colorize Cite */
.callout[data-callout="cite"][data-callout-metadata~="zitat-f"] .callout-icon,
.callout[data-callout="cite"][data-callout-metadata~="cite-c"] .callout-icon {
color: transparent;
}
.callout[data-callout="cite"][data-callout-metadata~="zitat-f"] .callout-icon .svg-icon path,
.callout[data-callout="cite"][data-callout-metadata~="cite-c"] .callout-icon .svg-icon path {
fill: #0082ff;
filter: hue-rotate(calc(var(--cite-accent) * 1deg)) brightness(0.8);
}
/* phone */
.is-phone .markdown-preview-view .callout:is([data-callout="column"], [data-callout="spalte"])[data-callout-metadata~="l"] {
margin-left: -15px;
}
.is-phone .markdown-preview-view .callout:is([data-callout="column"][data-callout="spalte"])[data-callout-metadata~="r"] {
margin-right: -15px;
}
.is-phone .markdown-preview-view .callout:is([data-callout="column"],
[data-callout="spalte"]) :is(.internal-embed, img) {
max-width: 50vw;
}
.mobile-image-viewer {
backdrop-filter: blur(5px);
}
/*----------------------------------------------------------------
Custom Checkboxes - mini admonitions
----------------------------------------------------------------*/
/*bigger checkboxes*/
input[type=checkbox]:checked,
input[type=checkbox]:checked:hover {
background-color: var(--background-primary);
border: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: scale(1.4);
}
.markdown-preview-view input[data-task]:not([data-task="x"], [data-task="X"]):checked {
border-radius: 0;
width: var(--checkm-btn);
height: var(--checkm-btn);
transform: scale(1.2);
}
input[type=checkbox]:checked:after {
content: none;
}
input[type=checkbox]:not(:checked) {
border-radius: 50px;
background-image: none !important;
background: var(--text-accent-special);
scale: 0.35;
border: none;
filter: hue-rotate(calc(var(--checkB-col) * 1deg)) brightness(0.8);
transition: .2s ease-out;
}
.is-phone input[type=checkbox]:not(:checked) {
transform: scale(1);
transition: .2s ease-out;
}
.is-phone .markdown-preview-view input[type=checkbox]:checked,
.is-phone .markdown-source-view input[data-task]:is([data-task="x"], [data-task="X"]):checked {
transform: scale(1.4);
}
input[data-task]:is([data-task="x"], [data-task="X"]):checked,
ul>li.task-list-item[data-task="x"] .task-list-item-checkbox:checked,
ul>li.task-list-item[data-task="X"] .task-list-item-checkbox:checked {
border-radius: 50px;
background-image: var(--checkbox-icon);
text-decoration: line-through;
background-position: center;
filter: hue-rotate(calc(var(--checkB-col) * 1deg));
}
li.task-list-item[data-task=x] .task-list-item-checkbox:checked:not(:hover),
ul>li.task-list-item[data-task="x"] .task-list-item-checkbox:checked:hover,
input[data-task]:is([data-task="x"], [data-task="X"]):checked:hover,
input[data-task]:is([data-task="x"], [data-task="X"]):checked:not(:hover) {
background-color: var(--light-tone);
}
body:not(.show-strikeout) .task-list-item.is-checked[data-task]:is([data-task="x"], [data-task="X"]),
body:not(.show-strikeout) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"],
body:not(.show-strikeout) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] {
text-decoration: none;
color: revert;
}
/* callout custom x, X */
.markdown-source-view .callout li.task-list-item:is([data-task="x"], [data-task="X"]) {
text-indent: 6px;
}
/* common lists */
.markdown-source-view li.task-list-item:not(.is-checked) {
text-indent: -24px;
margin-left: 30px;
}
.markdown-preview-view ul>li.task-list-item li :not(.callout) {
text-indent: -24px;
}
.markdown-preview-view li:not(.callout) .task-list-item:not(.is-checked),
.markdown-preview-view li:not(.callout) .task-list-item:is([data-task="x"], [data-task="X"]) {
text-indent: -24px;
}
:is(.HyperMD-task-line, ul>li.task-list-item)[data-task]:is([data-task="."], [data-task='!'], [data-task='?'], [data-task='+'], [data-task='-'], [data-task='$'], [data-task='>'], [data-task='<'], [data-task='#'], [data-task='@'], [data-task=a], [data-task=b], [data-task=d], [data-task=f], [data-task=g], [data-task=i], [data-task=j], [data-task=l], [data-task=m], [data-task=n], [data-task=o], [data-task=p], [data-task=q], [data-task=s], [data-task=t]) {
text-decoration: none;
width: fit-content;
margin-left: -10px;
}
/* gray */
/* - Cancelled */
input[data-task=o],
li.task-list-item[data-task=o] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(115, 115, 115, 1);transform: ;msFilter:;'%3E%3Cpath d='m8.293 16.293 1.414 1.414L12 15.414l2.293 2.293 1.414-1.414L13.414 14l2.293-2.293-1.414-1.414L12 12.586l-2.293-2.293-1.414 1.414L10.586 14z'%3E%3C/path%3E%3Cpath d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* - sport */
input[data-task=s],
li.task-list-item[data-task=s] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(115, 115, 115, 1);transform: scale(1, 1);msFilter:;'%3E%3Cpath d='M6 5v14h3v-6h6v6h3V5h-3v6H9V5zM3 15a1 1 0 0 0 1 1h1V8H4a1 1 0 0 0-1 1v2H2v2h1v2zm18-6a1 1 0 0 0-1-1h-1v8h1a1 1 0 0 0 1-1v-2h1v-2h-1V9z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/*\? Question*/
input[data-task='?'],
li.task-list-item[data-task='?'] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(115, 115, 115, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm1 16h-2v-2h2v2zm.976-4.885c-.196.158-.385.309-.535.459-.408.407-.44.777-.441.793v.133h-2v-.167c0-.118.029-1.177 1.026-2.174.195-.195.437-.393.691-.599.734-.595 1.216-1.029 1.216-1.627a1.934 1.934 0 0 0-3.867.001h-2C8.066 7.765 9.831 6 12 6s3.934 1.765 3.934 3.934c0 1.597-1.179 2.55-1.958 3.181z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* blue */
/*n Note*/
input[data-task=n],
li.task-list-item[data-task=n] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(32, 157, 207, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8l8-8V5a2 2 0 0 0-2-2zm-7 16v-7h7l-7 7z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* i — Info */
input[data-task=i],
li.task-list-item[data-task=i] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(32, 157, 207, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* " — Quote */
input[data-task=q],
li.task-list-item[data-task=q] .task-list-item-checkbox {
background-image: var(--cite-icon);
border: 0;
margin-left: 0;
}
/* red */
/* downvote */
input[data-task="-"],
li.task-list-item[data-task="-"] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(195, 32, 105, 1);transform: scale(-1, -1);msFilter:;'%3E%3Cpath d='M4 21h1V8H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2zM20 8h-7l1.122-3.368A2 2 0 0 0 12.225 2H12L7 7.438V21h11l3.912-8.596L22 12v-2a2 2 0 0 0-2-2z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* b - Bookmark */
input[data-task=b],
li.task-list-item[data-task=b] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(195, 32, 105, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 10.132v-6c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2V22l7-4.666L19 22V10.132z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* < — Schedule */
input[type=checkbox][data-task="<"],
li.task-list-item[data-task="<"] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(195, 32, 105, 1);transform: ;msFilter:;'%3E%3Cpath d='M7 11h2v2H7zm0 4h2v2H7zm4-4h2v2h-2zm0 4h2v2h-2zm4-4h2v2h-2zm0 4h2v2h-2z'%3E%3C/path%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zM19 8l.001 12H5V8h14z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* yellow */
/* Important */
input[data-task='!'],
li.task-list-item[data-task='!'] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(211, 166, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A.999.999 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467L12.884 2.532zM13 18h-2v-2h2v2zm-2-4V9h2l.001 5H11z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* l — Lightbulb / Idea */
input[data-task=l],
li.task-list-item[data-task=l] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(211, 166, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9 20h6v2H9zm7.906-6.288C17.936 12.506 19 11.259 19 9c0-3.859-3.141-7-7-7S5 5.141 5 9c0 2.285 1.067 3.528 2.101 4.73.358.418.729.851 1.084 1.349.144.206.38.996.591 1.921h-.792v2h8.032v-2h-.79c.213-.927.45-1.719.593-1.925.352-.503.726-.94 1.087-1.363z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — h hot */
input[data-task=j],
li.task-list-item[data-task=j] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(211, 166, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* green */
/* upvote */
input[data-task="+"],
li.task-list-item[data-task="+"] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(50, 163, 30, 1);transform: ;msFilter:;'%3E%3Cpath d='M4 21h1V8H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2zM20 8h-7l1.122-3.368A2 2 0 0 0 12.225 2H12L7 7.438V21h11l3.912-8.596L22 12v-2a2 2 0 0 0-2-2z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* wallet */
input[data-task='$'],
li.task-list-item[data-task='$'] .task-list-item-checkbox {
background-image: url("data: image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(50, 163, 30, 1);transform: ;msFilter:;' %3E%3Cpath d='M14 9h8v6h-8z' %3E%3C/path%3E%3Cpath d='M20 3H5C3.346 3 2 4.346 2 6v12c0 1.654 1.346 3 3 3h15c1.103 0 2-.897 2-2v-2h-8c-1.103 0-2-.897-2-2V9c0-1.103.897-2 2-2h8V5c0-1.103-.897-2-2-2z' %3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — G green-leaf */
input[data-task=g],
li.task-list-item[data-task=g] .task-list-item-checkbox {
background-image: url("data: image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(50, 163, 30, 1);transform: ;msFilter:;' %3E%3Cpath d='m22 3.41-.12-1.26-1.2.4a13.84 13.84 0 0 1-6.41.64 11.87 11.87 0 0 0-6.68.9A7.23 7.23 0 0 0 3.3 9.5a9 9 0 0 0 .39 4.58 16.6 16.6 0 0 1 1.18-2.2 9.85 9.85 0 0 1 4.07-3.43 11.16 11.16 0 0 1 5.06-1A12.08 12.08 0 0 0 9.34 9.2a9.48 9.48 0 0 0-1.86 1.53 11.38 11.38 0 0 0-1.39 1.91 16.39 16.39 0 0 0-1.57 4.54A26.42 26.42 0 0 0 4 22h2a30.69 30.69 0 0 1 .59-4.32 9.25 9.25 0 0 0 4.52 1.11 11 11 0 0 0 4.28-.87C23 14.67 22 3.86 22 3.41z' %3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* orange */
/* — people */
input[data-task=p],
li.task-list-item[data-task=p] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(210, 114, 40, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.579 2 2 6.579 2 12s4.579 10 10 10 10-4.579 10-10S17.421 2 12 2zm0 5c1.727 0 3 1.272 3 3s-1.273 3-3 3c-1.726 0-3-1.272-3-3s1.274-3 3-3zm-5.106 9.772c.897-1.32 2.393-2.2 4.106-2.2h2c1.714 0 3.209.88 4.106 2.2C15.828 18.14 14.015 19 12 19s-3.828-.86-5.106-2.228z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — p phone */
input[data-task='#'],
li.task-list-item[data-task='#'] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(210, 114, 40, 1);transform: ;msFilter:;'%3E%3Cpath d='m20.487 17.14-4.065-3.696a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a.997.997 0 0 0-.085-1.39z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — e email */
input[data-task='@'],
li.task-list-item[data-task='@'] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(210, 114, 40, 1);transform: scale(1, 1);msFilter:;'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.7-8 5.334L4 8.7V6.297l8 5.333 8-5.333V8.7z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* violet */
/* > — Rescheduled/Moved */
input[type=checkbox][data-task=">"],
li.task-list-item[data-task=">"] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(155, 93, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.813 4.419A.997.997 0 0 0 16 4H3a1 1 0 0 0-.813 1.581L6.771 12l-4.585 6.419A1 1 0 0 0 3 20h13a.997.997 0 0 0 .813-.419l5-7a.997.997 0 0 0 0-1.162l-5-7z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — clock */
input[data-task="t"],
li.task-list-item[data-task="t"] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(155, 93, 255, 1);transform: scale(1, 1);msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z' %3E%3C/path%3E%3Cpath d='M13 7h-2v5.414l3.293 3.293 1.414-1.414L13 11.586z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — alarm */
input[data-task=a],
li.task-list-item[data-task=a] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(155, 93, 255, 1);transform: scale(1, 1);msFilter:;' %3E%3Cpath d='m5.705 3.71-1.41-1.42C1 5.563 1 7.935 1 11h1l1-.063C3 8.009 3 6.396 5.705 3.71zm13.999-1.42-1.408 1.42C21 6.396 21 8.009 21 11l2-.063c0-3.002 0-5.374-3.296-8.647zM12 22a2.98 2.98 0 0 0 2.818-2H9.182A2.98 2.98 0 0 0 12 22zm7-7.414V10c0-3.217-2.185-5.927-5.145-6.742C13.562 2.52 12.846 2 12 2s-1.562.52-1.855 1.258C7.184 4.073 5 6.783 5 10v4.586l-1.707 1.707A.996.996 0 0 0 3 17v1a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-1a.996.996 0 0 0-.293-.707L19 14.586z' %3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* seacolor */
/* drink */
input[data-task=d],
li.task-list-item[data-task=d] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(36, 174, 166, 1);transform: scale(1, 1);msFilter:;' %3E%3Cpath d='M20.832 4.555A1 1 0 0 0 20 3H4a1 1 0 0 0-.832 1.554L11 16.303V20H8v2h8v-2h-3v-3.697l7.832-11.748zm-2.7.445-2 3H7.868l-2-3h12.264z' %3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* food */
input[data-task=f],
li.task-list-item[data-task=f] .task-list-item-checkbox {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(36, 174, 166, 1);transform: scale(1, 1);msFilter:;' %3E%3Cpath d='M12 10h-2V3H8v7H6V3H4v8c0 1.654 1.346 3 3 3h1v7h2v-7h1c1.654 0 3-1.346 3-3V3h-2v7zm7-7h-1c-1.159 0-2 1.262-2 3v8h2v7h2V4a1 1 0 0 0-1-1z' %3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
/* — movie */
input[data-task=m],
li.task-list-item[data-task=m] .task-list-item-checkbox {
background-image: url("data: image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(36, 174, 166, 1);transform: ;msFilter:;'%3E%3Cpath d='M18 11c0-.959-.68-1.761-1.581-1.954C16.779 8.445 17 7.75 17 7c0-2.206-1.794-4-4-4-1.516 0-2.822.857-3.5 2.104C8.822 3.857 7.516 3 6 3 3.794 3 2 4.794 2 7c0 .902.312 1.726.817 2.396A1.993 1.993 0 0 0 2 11v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-2.637l4 2v-7l-4 2V11zm-5-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zM6 5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z'%3E%3C/path%3E%3C/svg%3E");
border: 0;
margin-left: 0;
}
body:not(.monoch-admo) {
--yellow-bg: transparent;
--yellow-border: #d3a500;
--orange-bg: transparent;
--orange-border: #cf6f00;
--red-bg: transparent;
--red-border: #c32069;
--blue-bg: transparent;
--blue-border: #0091ca;
--gray-bg: transparent;
--gray-border: #737373;
--sea-bg: transparent;
--sea-border: #009d95;
--green-bg: transparent;
--green-border: #32a31e;
--violet-bg: transparent;
--violet-border: #9b5dff;
--border-rad: 0;
}
.monoch-admo {
--yellow-bg: rgba(211, 166, 0, 0.3);
--yellow-border: none;
--orange-bg: rgba(210, 114, 40, 0.3);
--orange-border: none;
--red-bg: rgba(195, 32, 105, 0.3);
--red-border: none;
--blue-bg: rgba(32, 157, 207, 0.3);
--blue-border: none;
--gray-bg: rgba(115, 115, 115, 0.3);
--gray-border: none;
--sea-bg: rgba(36, 174, 166, 0.3);
--sea-border: none;
--green-bg: rgba(50, 163, 30, 0.3);
--green-border: none;
--violet-bg: rgba(155, 93, 255, 0.3);
--violet-border: none;
--border-rad: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task='!'], [data-task=l], [data-task=j]),
ul>li.task-list-item[data-task]:is([data-task='!'], [data-task=l], [data-task=j]) {
background-color: var(--yellow-bg);
border-left: 4px solid var(--yellow-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task='#'], [data-task='@'], [data-task=p]),
ul>li.task-list-item[data-task]:is([data-task='#'], [data-task='@'], [data-task=p]) {
background-color: var(--orange-bg);
border-left: 4px solid var(--orange-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task='<'], [data-task='-'], [data-task=b]),
ul>li.task-list-item[data-task]:is([data-task='<'], [data-task='-'], [data-task=b]) {
background-color: var(--red-bg);
border-left: 4px solid var(--red-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=q], [data-task=i], [data-task=n]),
ul>li.task-list-item[data-task]:is([data-task=q], [data-task=i], [data-task=n]) {
background-color: var(--blue-bg);
border-left: 4px solid var(--blue-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task='?'], [data-task=s], [data-task=o]),
ul>li.task-list-item[data-task]:is([data-task='?'], [data-task=s], [data-task=o]) {
background-color: var(--gray-bg);
border-left: 4px solid var(--gray-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=d], [data-task=f], [data-task=m]),
ul>li.task-list-item[data-task]:is([data-task=d], [data-task=f], [data-task=m]) {
background-color: var(--sea-bg);
border-left: 4px solid var(--sea-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=g], [data-task='+'], [data-task='$']),
ul>li.task-list-item[data-task]:is([data-task=g], [data-task='+'], [data-task='$']) {
background-color: var(--green-bg);
border-left: 4px solid var(--green-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task=t], [data-task=a], [data-task='>']),
ul>li.task-list-item[data-task]:is([data-task=t], [data-task=a], [data-task='>']) {
background-color: var(--violet-bg);
border-left: 4px solid var(--violet-border);
border-radius: var(--border-rad);
padding-left: 10px;
padding-right: 4px;
}
body:not(.recipes) .theme-light ol {
background: #7e756629;
}
body:not(.recipes) .theme-dark ol {
background: rgb(126 117 102 / 30%);
}
body:not(.show-ls-marker) ol li::marker,
body:not(.show-ls-marker) :is(.is-phone) ol li::marker {
list-style-type: decimal;
content: counter(list-item) ") ";
display: list-item;
}
ol {
padding-right: 1em;
}
.markdown-rendered ul {
margin-top: 4px;
}
.is-mobile .markdown-rendered ol {
max-width: 350px;
}
.is-phone .markdown-rendered.show-indentation-guide li>ul {
padding-left: 1.4em;
}
.is-phone .markdown-preview-view ul>li {
max-width: 300px;
}
/*----------------------------------------------------------------
TABLES -highlights
----------------------------------------------------------------*/
table hr {
margin: 1px;
position: relative;
}
.cm-active.cm-line table {
font-size: var(--table-text-size);
}
/* Highlight - keep text readable */
.markdown-rendered td,
.markdown-rendered td:hover {
color: var(--text-normal);
}
/* table, default - very imp */
.markdown-rendered thead tr>th:nth-child(odd),
.markdown-rendered thead tr>th:nth-child(even) {
color: var(--light-tone);
font-weight: bold;
background-color: var(--background-modifier-border);
}
body:not(.recipes, .rezepte) .markdown-rendered th {
text-align: center;
}
/* table Highlight col */
.theme-light .markdown-rendered tbody tr:hover {
background-color: var(--table-accent);
}
.theme-dark .markdown-rendered tbody tr:hover {
background-color: rgba(255, 171, 26, 0.3);
}
table tr td:nth-child(1) {
word-break: keep-all;
}
.theme-light tr:nth-child(even) {
background: var(--table-bgcol);
}
.theme-dark tr:nth-child(even) {
background: rgb(127 127 127 / 50%);
}
.tabelle-lr table tbody tr:nth-last-child(1),
.table-lr table tbody tr:nth-last-child(1) {
background-color: var(--table-highl-col);
}
.tabelle-lr table tbody tr:nth-last-child(1) td,
.table-lr table tbody tr:nth-last-child(1) td {
padding: 1rem;
font-weight: 700;
}
.tabelle-ls table tr td:nth-last-child(1),
.table-lc table tr td:nth-last-child(1) {
background-color: var(--table-highl-col);
font-weight: 700;
}
.tabelle-ls table tr th:nth-last-child(1),
.table-lc table tr th:nth-last-child(1) {
background-color: var(--table-highl-col);
font-weight: 700;
}
.tabelle-es table tr td:nth-child(1),
.table-fc table tr td:nth-child(1) {
background-color: var(--table-highl-col);
font-weight: 700;
}
.tabelle-es table tr th:nth-child(1),
.table-fc table tr th:nth-child(1) {
background-color: var(--table-highl-col);
font-weight: 700;
}
.tabelle-alt table tr td:nth-child(even),
.table-alt table tr td:nth-child(even) {
background-color: var(--table-highl-col);
font-weight: 700;
}
.tabelle-alt table tr th:nth-child(even),
.table-alt table tr th:nth-child(even) {
background-color: var(--table-highl-col);
font-weight: 700;
}
/* fit / full size table width */
.is-phone .markdown-preview-view table,
.is-phone .markdown-source-view table,
.is-phone .cm-table-widget table {
width: 100%;
}
table {
table-layout: auto;
width: unset;
max-width: 100%;
}
.tabelle-m table,
.table-c table {
margin-left: auto;
margin-right: auto;
}
/* equal header proportions */
.tabelle-gs:is(.markdown-preview-view, .markdown-source-view.mod-cm6) table:not([class]) tr,
.table-eq:is(.markdown-preview-view, .markdown-source-view.mod-cm6) table:not([class]) tr {
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
}
/* headless */
.tabelle-kl:is(.markdown-preview-view, .markdown-source-view.mod-cm6) thead tr>th,
.table-hl:is(.markdown-preview-view, .markdown-source-view.mod-cm6) thead tr>th {
display: none;
height: 0;
}
/* Make tables width same as default note width */
.tabelle-weit table,
.table-wide table {
min-width: 100%;
}
/* --------------------------------------------
MOVIE tables
-------------------------------------------- */
body:not(.is-phone) .filme.markdown-preview-view table,
body:not(.is-phone) .movies.markdown-preview-view table {
width: 80%;
margin-left: auto;
margin-right: auto;
}
body:is(.is-phone) .filme.markdown-preview-view table,
body:is(.is-phone) .movies.markdown-preview-view table {
width: 100%;
overflow: scroll;
}
body:not(.is-phone) .filme.markdown-preview-view td,
body:not(.is-phone) .movies.markdown-preview-view td {
text-overflow: ellipsis;
}
.filme .inline-title,
.filme table thead,
.movies .inline-title,
.movies table thead {
font-family: var(--movies-font);
}
.filme:is(.markdown-preview-view, .markdown-source-view.mod-cm6) thead tr>th,
.movies:is(.markdown-preview-view, .markdown-source-view.mod-cm6) thead tr>th {
color: var(--text-normal);
}
.filme.markdown-preview-view thead tr>th,
.movies.markdown-preview-view thead tr>th {
background: transparent;
}
.theme-light .filme.markdown-source-view thead tr>th,
.theme-light .movies.markdown-source-view thead tr>th {
background: var(--table-bgcol);
}
.theme-dark .filme.markdown-source-view thead tr>th,
.theme-dark .movies.markdown-source-view thead tr>th {
background: rgb(127 127 127 / 50%)
}
/* rem borders */
.filme:is(.markdown-source-view, .markdown-preview-view) thead tr>th,
.filme:is(.markdown-source-view, .markdown-preview-view) tbody tr>td,
.movies:is(.markdown-source-view, .markdown-preview-view) thead tr>th,
.movies:is(.markdown-source-view, .markdown-preview-view) tbody tr>td {
border: none;
border-collapse: collapse;
}
.filme.markdown-preview-view td,
.movies.markdown-preview-view td {
border: none;
min-width: 200px;
max-width: 300px;
white-space: normal;
}
/* no highlights */
.filme.markdown-preview-view table tbody tr:nth-child(even),
.movies.markdown-preview-view table tbody tr:nth-child(even) {
background-color: transparent;
}
.filme.markdown-preview-view tbody tr:hover,
.movies.markdown-preview-view tbody tr:hover {
background-color: transparent;
}
.filme.markdown-preview-view tr:nth-child(1n + 2):not(tr:last-child),
.movies.markdown-preview-view tr:nth-child(1n + 2):not(tr:last-child) {
border-bottom: 1px solid gray;
}
.filme tr:nth-child(1),
.movies tr:nth-child(1) {
font-weight: bold;
}
.filme table tr :is(.internal-embed, img),
.movies table tr :is(.internal-embed, img) {
width: 200px;
height: 300px;
object-fit: cover;
margin-bottom: 12px;
border-radius: 6px;
}
.filme :is(.view-content img),
.movies :is(.view-content img) {
width: 16vw;
}
.filme .view-content .image-embed img:hover,
.filme .view-content .image-embed img:active,
.movies .view-content .image-embed img:hover,
.movies .view-content .image-embed img:active {
margin-left: auto;
margin-right: auto;
display: fixed;
top: 35%;
}
.filme .footnote-ref,
.movies .footnote-ref {
vertical-align: baseline;
color: transparent !important;
}
.filme .footnote-link::before,
.movies .footnote-link::before {
content: " \1F4D6";
background-color: var(--background-primary);
}
.filme sup.footnote-ref,
.movies sup.footnote-ref {
color: revert;
}
.filme .footnotes ol>li,
.movies .footnotes ol>li {
padding: 4px 0;
}
/* phone */
.is-phone .filme.markdown-source-view.mod-cm6 .cm-table-widget td,
.is-phone .movies.markdown-source-view.mod-cm6 .cm-table-widget td {
overflow-x: scroll;
}
.is-phone .filme.markdown-preview-view,
.is-phone .movies.markdown-preview-view {
white-space: initial;
}
.is-phone .filme td,
.is-phone .movies td {
border: none;
min-width: 200px;
max-width: 250px;
}
.is-phone .filme table tr :is(.internal-embed, img),
.is-phone .movies table tr :is(.internal-embed, img) {
width: 170px;
height: 240px;
object-fit: cover;
}
/* --------------------------------------------
Contact TABLES - (img, full-nm, tel, mail, group relations)
-------------------------------------------- */
.kontakte.markdown-rendered td,
.contacts.markdown-rendered td {
padding: 0;
}
.kontakte .inline-title,
.kontakte table thead,
.contacts .inline-title,
.contacts table thead {
font-family: var(--contacts-font);
}
.kontakte .cm-embed-block.cm-table-widget.markdown-rendered .table-wrapper,
.kontakte table,
.contacts .cm-embed-block.cm-table-widget.markdown-rendered .table-wrapper,
.contacts table {
min-width: 100%;
}
.kontakte .markdown-rendered th,
.kontakte .markdown-rendered thead tr>th:nth-child(2n+2),
.contacts .markdown-rendered th,
.contacts .markdown-rendered thead tr>th:nth-child(2n+2) {
background: transparent;
}
/* rem all borders */
.kontakte:is(.markdown-source-view, .markdown-preview-view) thead tr>th,
.contacts:is(.markdown-source-view, .markdown-preview-view) thead tr>th {
border: none;
border-collapse: collapse;
background-color: transparent;
}
.kontakte:is(.markdown-source-view, .markdown-preview-view) thead tr,
.contacts:is(.markdown-source-view, .markdown-preview-view) thead tr {
background-color: transparent;
}
.kontakte:is(.markdown-source-view, .markdown-preview-view) thead tr>th,
.contacts:is(.markdown-source-view, .markdown-preview-view) thead tr>th {
color: var(--var-tone-sw);
}
.kontakte:is(.markdown-source-view, .markdown-preview-view) tbody tr:first-child,
.contacts:is(.markdown-source-view, .markdown-preview-view) tbody tr:first-child {
border-top: 2px solid var(--var-tone-sw);
}
.kontakte tbody tr>td:first-child,
.kontakte tbody tr>td,
.contacts tbody tr>td:first-child,
.contacts tbody tr>td {
border: none;
}
.kontakte tr,
.contacts tr {
line-height: var(--contacts-alh);
}
.kontakte span.internal-embed.media-embed.image-embed.is-loaded,
.contacts span.internal-embed.media-embed.image-embed.is-loaded {
display: flex;
}
/* small pic id */
.kontakte .internal-embed img,
.contacts .internal-embed img {
clip-path: circle(40%);
position: relative;
max-height: var(--contacts-alh);
pointer-events: none;
margin: 0;
}
.kontakte.markdown-source-view.mod-cm6 .cm-table-widget td .cm-line,
.kontakte.markdown-rendered td,
.contacts.markdown-source-view.mod-cm6 .cm-table-widget td .cm-line,
.contacts.markdown-rendered td {
line-height: var(--contacts-alh);
}
/* phone */
.is-phone .kontakte tbody tr>td,
.is-phone .contacts tbody tr>td {
white-space: nowrap;
border: none;
}
.is-phone .kontakte .internal-embed img,
.is-phone .contacts .internal-embed img {
scale: 1.3;
}
/* --------------------------------------------
RECIPE TABLES
-------------------------------------------- */
body:not(.is-phone) .rezepte table,
body:not(.is-phone) .recipes table {
min-width: var(--min-boxwidth);
}
.rezepte .inline-title,
.rezepte table thead,
.recipes .inline-title,
.recipes table thead {
font-family: var(--recipes-font);
}
.rezepte:is(.markdown-source-view, .markdown-preview-view) th,
.recipes:is(.markdown-source-view, .markdown-preview-view) th {
border: none;
text-align: left;
border-bottom: 2px solid;
background: transparent;
}
.rezepte:is(.markdown-source-view, .markdown-preview-view) thead tr th,
.recipes:is(.markdown-source-view, .markdown-preview-view) thead tr th {
color: var(--text-normal);
font-family: var(--recipes-font) !important;
background: transparent;
text-align: start;
}
.rezepte:is(.markdown-source-view, .markdown-preview-view) tbody tr>td,
.recipes:is(.markdown-source-view, .markdown-preview-view) tbody tr>td {
border: 0;
border-bottom: 1px dotted gray;
color: var(--text-normal);
}
.rezepte .markdown-rendered thead th,
.recipes .markdown-rendered thead th {
text-align: start;
}
.rezepte tbody tr:nth-child(odd):hover,
.rezepte tbody tr:nth-child(even):hover,
.recipes tbody tr:nth-child(odd):hover,
.recipes tbody tr:nth-child(even):hover {
background-color: rgba(255, 255, 255, 0.5);
}
.rezepte .markdown-rendered thead tr th,
.rezepte ol,
.recipes .markdown-rendered thead tr th,
.recipes ol {
background: transparent;
}
.rezepte ul.contains-task-list.has-list-bullet,
.recipes ul.contains-task-list.has-list-bullet {
padding-bottom: 1em;
}
.rezepte hr,
.recipes hr {
height: auto;
margin: auto;
border: none;
color: var(--hr-color);
text-align: center;
}
.rezepte hr::after,
.recipes hr::after {
content: "❋ ❋ ❋";
color: var(--text-normal);
}
/* --------------------------------------------
STYLED TABLES
--------------------------------------------*/
/* remove superflous top space */
.markdown-source-view .el-table {
margin-top: -1em;
}
.markdown-rendered table {
margin-top: 0px;
}
.table-r :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-r :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.table-xyr :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-xyr :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover) {
background-color: var(--dark-red);
}
.table-xyr tbody tr>td:first-child,
.tabelle-xyr tbody tr>td:first-child {
background-color: var(--dark-red);
text-rendering: optimizeLegibility;
}
.table-g :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-g :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.table-xyg :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-xyg :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover) {
background-color: var(--dark-green);
}
.table-xyg tbody tr>td:first-child,
.tabelle-xyg tbody tr>td:first-child {
background-color: var(--dark-green);
text-rendering: optimizeLegibility;
}
.table-b :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-b :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.table-xyb :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-xyb :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover) {
background-color: var(--dark-blue);
}
.table-xyb tbody tr>td:first-child,
.tabelle-xyb tbody tr>td:first-child {
background-color: var(--dark-blue);
text-rendering: optimizeLegibility;
}
.table-m :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-m :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.table-xym :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover),
.tabelle-xym :is(thead th, thead tr>th:nth-child(2n+2), thead th:hover) {
background-color: var(--background-modifier-border);
}
.table-xym tbody tr>td:first-child,
.tabelle-xym tbody tr>td:first-child {
background-color: var(--background-modifier-border);
text-rendering: optimizeLegibility;
}
.table-xyr tbody tr>td:first-child,
.table-xyg tbody tr>td:first-child,
.table-xyb tbody tr>td:first-child,
.table-xym tbody tr>td:first-child,
.tabelle-xyr tbody tr>td:first-child,
.tabelle-xyg tbody tr>td:first-child,
.tabelle-xyb tbody tr>td:first-child,
.tabelle-xym tbody tr>td:first-child {
color: var(--light-tone);
font-weight: bold;
text-rendering: optimizeLegibility;
}
/* round tables */
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) table {
border-collapse: separate;
border-spacing: 0px;
margin-bottom: 1em;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) tr:not(:last-child)>td {
border-bottom: transparent;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) table th:first-of-type {
border-top-left-radius: 6px;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) table th:last-of-type {
border-top-right-radius: 6px;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) table tr:last-child td:first-child {
border-bottom-left-radius: 6px;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-m, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xym) table tr:last-child td:last-child {
border-bottom-right-radius: 6px;
}
body:not(.edgy-tables) :is(.table-r, .table-g, .table-b, .table-y, .table-o, .table-v, .table-m, .table-xyr, .table-xyg, .table-xyb, .table-xym, .tabelle-r, .tabelle-g, .tabelle-b, .tabelle-y, .tabelle-o, .tabelle-v, .tabelle-m, .tabelle-xy, .tabelle-xyr, .tabelle-xyg, .tabelle-xyb, .tabelle-xyo, .tabelle-xyv, .tabelle-xym, .table-s, .table-lr, .tabelle-lr, .tabelle-ls, .table-lc, .tabelle-es, .table-fc, .tabelle-alt, .table-alt) tr>td {
border-color: gray;
}
/*----------------------------------------------------------------
IMAGE PLACING
----------------------------------------------------------------*/
/* add banner-a to image */
img[alt="banner-a"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: var(--banner-ah);
object-fit: cover;
object-position: 50% 0;
}
.edgy-banners img[alt="banner-a"] {
mask-image: linear-gradient(180deg, white, white, white, transparent);
}
img[alt="banner-b"] {
position: absolute;
bottom: auto;
left: 0;
width: 100%;
height: var(--banner-bh);
object-fit: cover;
object-position: 50% 0%;
padding-top: 2em;
}
.edgy-banners img[alt="banner-b"] {
mask-image: linear-gradient(360deg, white, white, white, transparent);
}
img[alt="banner-a"],
img[alt="banner-b"] {
border-radius: 0 !important;
pointer-events: none;
}
.banner-a .markdown-preview-section {
margin-top: calc(var(--banner-ah) - 1.5em);
}
img[alt="banner-b"] {
margin-top: 4em;
}
img[alt="banner-m"],
body:not(.is-phone) .markdown-preview-view img[alt="banner-m"] {
display: block;
margin-left: auto;
margin-right: auto;
max-height: 150px;
pointer-events: none;
margin-bottom: 1em;
}
.markdown-source-view.mod-cm6 img:is([alt="banner-a"], [alt="banner-b"]) {
display: block;
position: inherit;
}
/* hide frontmatter bc of transparency mask */
.markdown-preview-view img:is([alt="banner-a"], [alt="banner-b"]) .frontmatter-container {
display: none;
}
/* phone */
.is-phone img[alt='banner-m'] {
max-height: 100px;
pointer-events: none;
}
.is-phone img[alt='banner-a'],
.is-phone img[alt='banner-b'] {
display: block;
height: 150px;
border-radius: 0;
object-position: 50% 0%;
object-fit: cover;
}
.is-phone img[alt='banner-a'] {
top: -4px;
}
.is-phone img[alt='banner-b'] {
position: absolute;
margin-top: 200px;
}
.is-phone .banner-a .markdown-preview-section {
margin-top: 150px;
}
.is-phone .banner-b .markdown-preview-section {
margin-bottom: 150px;
}
.bc-10 img[alt="banner-a"] {
object-position: 50% 10%;
}
.bc-20 img[alt="banner-a"] {
object-position: 50% 20%;
}
.bc-30 img[alt="banner-a"] {
object-position: 50% 30%;
}
.bc-40 img[alt="banner-a"] {
object-position: 50% 40%;
}
.bc-50 img[alt="banner-a"] {
object-position: 50% 50%;
}
.bc-60 img[alt="banner-a"] {
object-position: 50% 60%;
}
.bc-70 img[alt="banner-a"] {
object-position: 50% 70%;
}
.bc-80 img[alt="banner-a"] {
object-position: 50% 80%;
}
/* med val */
.bc-25 img[alt="banner-a"] {
object-position: 50% 25%;
}
.bc-35 img[alt="banner-a"] {
object-position: 50% 35%;
}
.bc-45 img[alt="banner-a"] {
object-position: 50% 45%;
}
.bc-55 img[alt="banner-a"] {
object-position: 50% 55%;
}
.bc-65 img[alt="banner-a"] {
object-position: 50% 65%;
}
.bc-75 img[alt="banner-a"] {
object-position: 50% 75%;
}
.grid-10 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 10vw;
margin-right: 4px;
}
.grid-20 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 20vw;
margin-right: 4px;
}
.grid-30 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 30vw;
margin-right: 4px;
}
.grid-40 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 40vw;
margin-right: 4px;
}
/* med val */
.grid-15 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 15vw;
margin-right: 4px;
}
.grid-25 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 25vw;
margin-right: 4px;
}
.grid-35 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 35vw;
margin-right: 4px;
}
.grid-45 img[alt]:not([alt="banner-a"], [alt="banner-b"], [alt="banner-m"]) {
vertical-align: middle;
height: 45vw;
margin-right: 4px;
}
img {
margin-top: 4px;
border-radius: 4px;
overflow: hidden;
}
/* right */
img[alt~='r'] {
float: right;
clear: right;
margin-left: 30px;
margin-top: 1em;
}
/* left */
img[alt~='l'] {
float: left;
clear: left;
margin-right: 30px;
margin-top: 1em;
}
/* center */
img[alt~='a'] {
display: block !important;
margin: auto;
}
/* avatar */
img[alt~='avatar'] {
width: 100px;
height: 100px;
object-fit: cover;
}
/* portrait */
img[alt~='portrait'] {
width: 280px;
height: 420px;
object-fit: cover;
}
.is-phone img[alt~='portrait'] {
width: 180px;
height: 270px;
object-fit: cover;
}
/* dim bright imgs for dark themes */
.theme-dark .dark-2 img,
.dark-2.theme-dark img {
filter: brightness(0.9);
}
.theme-dark .dark-3 img,
.dark-3.theme-dark img {
filter: brightness(0.8);
}
.theme-dark .dark-4 img,
.dark-4.theme-dark img {
filter: brightness(0.7);
}
.theme-dark .dark-5 img,
.dark-5.theme-dark img {
filter: brightness(0.6);
}
/* round */
img[alt~='rund'],
img[alt~='round'] {
border-radius: 50%;
}
img[alt~='l'],
img[alt~='r'],
img[alt~='a'],
img[alt~='avatar'],
img[alt~='portrait'],
img[alt~='round'],
img[alt~='rund'] {
margin-bottom: 6px;
}
/* hairline frame - Fr 31. Okt CET 2025*/
.theme-light img[alt~='haarlinie'],
.theme-light img[alt~='hairline'] {
border: 1px solid gray;
border-radius: 4px;
}
.theme-dark img[alt~='haarlinie'],
.theme-dark img[alt~='hairline'] {
border: 1px solid white;
border-radius: 4px;
}
/* frame designs -simple */
img[alt~='rahmen-d'],
img[alt~='frame-d'] {
border: var(--bwidth-sm) double var(--frame-color-sm);
border-radius: 0 !important;
margin-bottom: 8px;
background: white;
}
img[alt~='rahmen-s'],
img[alt~='frame-s'] {
border: var(--bwidth-sm) solid var(--frame-color-sm);
border-radius: 0 !important;
margin-bottom: 8px;
padding: 1.5%;
background: white;
}
.capt-10 .image-embed[src*="#cap"]::before {
width: 100px;
}
.capt-15 .image-embed[src*="#cap"]::before {
width: 150px;
}
.capt-20 .image-embed[src*="#cap"]::before {
width: 200px;
}
.capt-25 .image-embed[src*="#cap"]::before {
width: 250px;
}
.capt-30 .image-embed[src*="#cap"]::before {
width: 300px;
}
.capt-35 .image-embed[src*="#cap"]::before {
width: 350px;
}
.capt-40 .image-embed[src*="#cap"]::before {
width: 400px;
}
.image-embed[src*="#cap"]::before {
content: attr(alt);
color: var(--text-normal);
background: var(--rev-fontcol);
font-size: smaller;
position: absolute;
border-radius: 4px;
padding-left: 4px;
padding-right: 4px;
z-index: 2;
bottom: 4px;
overflow: visible;
border: 1px solid gray;
}
.markdown-source-view .image-embed[src*="#cap"]::before {
display: none;
}
.image-embed[src*="#cap"] {
position: relative;
display: inline-block;
}
.is-phone .image-embed[src*="#cap"]::before {
padding: 0 4px;
}
/*----------------------------------------------------------------
MERMAID
----------------------------------------------------------------*/
.mermaid svg {
display: block;
margin-left: auto;
margin-right: auto;
}
.mermaid svg[aria-roledescription="pie"] {
min-width: 500px;
}
.mermaid svg:active {
width: calc(1% * var(--svg-zoom));
height: calc(1% * var(--svg-zoom));
}
/* default zoom level mermaids */
.is-phone .markdown-preview-view .mermaid {
width: fit-content;
}
/* phone - default mermaid proportions - more overview */
.is-phone .markdown-preview-view .mermaid svg,
.is-phone .markdown-preview-view .mermaid svg {
height: 110%;
width: 110%;
}
/* zoom svg */
.is-phone:not(.zoom-svg) .markdown-preview-view .mermaid svg:hover,
.is-phone:not(.zoom-svg) .markdown-preview-view .mermaid svg:active {
height: 190%;
width: 190%;
}
.is-phone.zoom-svg .markdown-preview-view .mermaid svg:hover,
.is-phone.zoom-svg .markdown-preview-view .mermaid svg:active {
height: 250%;
width: 250%;
}
/* phone */
.is-mobile .markdown-preview-view .mermaid svg:hover,
.is-mobile .markdown-preview-view .mermaid svg:active {
z-index: 3;
backdrop-filter: blur(5px);
position: relative;
left: 0;
right: 0;
bottom: auto;
top: auto;
width: auto;
}
.mobile-image-viewer img {
object-fit: contain;
width: 100%;
height: auto;
background-color: rgb(0 0 0 / 60%);
}
/*----------------------------------------------------------------
IMAGES
----------------------------------------------------------------*/
/* Desk */
body:not(.is-phone) .markdown-preview-view img {
cursor: zoom-in;
display: inline;
border-radius: 4px;
}
body:not(.is-phone) .markdown-preview-view img:active {
cursor: zoom-out;
top: 47%;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
transform: translateY(-47%);
max-width: 100%;
position: fixed !important;
text-align: center;
margin: 0 auto;
border: none;
}
body:not(.is-phone) .markdown-preview-view img:active {
height: 100%;
width: 100%;
object-fit: contain !important;
backdrop-filter: blur(10px);
}
/*----------------------------------------------------------------
VIDEOS
----------------------------------------------------------------*/
[alt^="vid-20"] video {
width: 20%;
}
[alt^="vid-30"] video {
width: 30%;
}
[alt^="vid-40"] video {
width: 40%;
}
[alt^="vid-50"] video {
width: 50%;
}
[alt^="vid-60"] video {
width: 60%;
}
[alt^="vid-70"] video {
width: 70%;
}
[alt^="vid-80"] video {
width: 80%;
}
[alt^="vid-90"] video {
width: 90%;
}
[alt^="vid-120"] video {
width: 120%;
}
[alt^="vid-150"] video {
width: 150%;
}
[alt^="vid-200"] video {
width: 200%;
}
span.internal-embed.media-embed.video-embed.is-loaded[alt^="vid-"] {
display: inline;
}
/*----------------------------------------------------------------
BIGGER POPOVERS
----------------------------------------------------------------*/
.popover.hover-popover>.mod-empty {
color: dimgray;
}
div.popover.hover-popover {
border-radius: 4px;
overflow-x: visible;
overflow-y: visible;
min-height: none;
}
.popover.hover-popover .markdown-embed {
width: 950px;
}
.popover.hover-popover .markdown-embed-content {
width: 900px;
}
div.popover.hover-popover .markdown-embed-content .markdown-preview-section {
padding: 0rem;
}
.markdown-embed iframe {
min-height: 324px;
}
.popover.hover-popover .markdown-embed img {
max-width: 100%;
max-height: auto;
margin: 0em;
}
.is-loaded.file-embed.mod-empty {
display: block;
margin-left: auto;
margin-right: auto;
}
.theme-dark {
--math-grad: hsl(0deg 0% 100% / 20%);
}
.theme-light {
--math-grad: hsl(0deg 0% 100% / 60%);
}
mjx-container[jax="CHTML"][display="true"] mjx-math:hover {
scale: 2;
padding: 12px 24px;
background: linear-gradient(to left, var(--background-primary), var(--math-grad), var(--background-primary));
animation: fadeIn 0.5s;
z-index: 2;
position: relative;
margin: 2em 0;
}
.is-phone mjx-container[jax="CHTML"][display="true"] mjx-math:hover {
overflow-x: scroll;
transform: translateX(25%);
}
/*----------------------------------------------------------------
CANVAS
----------------------------------------------------------------*/
.theme-light {
--canvas-dot-pattern: var(--slant-blue);
}
.theme-dark {
--canvas-dot-pattern: darkgray;
}
body:not(.show-canvas-ui) .canvas-controls:not(:hover),
body:not(.show-canvas-ui) .canvas-card-menu:not(:hover) {
opacity: 0;
transition: opacity 1s ease-out;
}
body:not(.show-canvas-ui) .canvas-controls:hover {
opacity: 1;
}
body:not(.show-canvas-ui) .canvas-card-menu:hover,
.theme-dark .canvas-group-label {
color: var(--light-tone);
}
.canvas-wrapper:not(.mod-readonly) .canvas-node-label {
opacity: 0;
transition: opacity 1s ease-out;
font-weight: bold;
background: gray;
color: white;
padding: 0 4px;
border-radius: 4px;
}
.canvas-wrapper:not(.mod-readonly) .canvas-node-label:hover {
opacity: 1;
}
.canvas-node.is-themed .canvas-node-content {
background-color: rgba(var(--canvas-color), 0.15);
}
.canvas-menu {
border: 1px solid var(--slant-blue);
}
.canvas-card-menu .canvas-card-menu-button:hover {
color: var(--interactive-accent);
}
.canvas-control-item {
background: transparent;
}
.canvas-control-item:hover {
color: var(--light-tone);
background-color: var(--interactive-accent);
}
.canvas-edges path.canvas-display-path {
stroke: var(--slant-blue);
}
.canvas-edges polygon.canvas-path-end {
stroke: var(--slant-blue);
fill: var(--slant-blue);
}
.canvas-node-label,
.canvas-group-label {
color: var(--slant-blue);
}
.canvas-node-group {
pointer-events: none;
border-radius: 6px;
}
.canvas-node-group .canvas-node-container {
border: 1px var(--slant-blue);
}
.canvas-node-container {
border: 2px solid var(--slant-blue);
}
.canvas-control-item.is-disabled:hover :is(svg) {
stroke: var(--light-tone);
}
.canvas-empty-embed-action-list .empty-state-action:hover {
color: var(--light-tone);
}
.canvas-node-content.markdown-embed>.markdown-embed-content>.markdown-preview-view>.markdown-preview-sizer {
line-height: normal;
}
.canvas-node-container .el-table {
margin: 8px;
}
.is-phone .canvas-controls {
top: 44px;
}
/*----------------------------------------------------------------
Graph
----------------------------------------------------------------*/
.theme-dark {
--graph-node-tag: #ede4b7;
--graph-node-unresolved: gray;
}
.theme-light {
--graph-node-tag: var(--interactive-accent);
--graph-node-unresolved: dimgray;
}
.theme-dark,
.theme-light {
--graph-node: var(--def-red);
--graph-line: rgba(128, 128, 128);
--graph-line-highlight: var(--interactive-accent);
--graph-node-tag: darkorange;
--graph-circle-fill-highlight: var(--interactive-accent);
--graph-arrow: var(--text-muted);
--graph-node-unresolved: gray;
}
.graph-view.color-fill-tag {
color: var(--graph-node-tag);
}
.graph-view.color-fill-attachment {
color: #a18d66;
}
.graph-view.color-fill-unresolved {
color: var(--graph-node-unresolved);
opacity: 100%;
}
.graph-view.color-arrow {
color: var(--graph-arrow);
opacity: 70%;
}
.graph-view.color-circle {
color: var(--light-tone);
}
.graph-view.color-line {
color: var(--graph-line);
opacity: 0.8;
}
.graph-view.color-line-highlight {
color: var(--graph-line-highlight);
}
.graph-view.color-fill {
color: var(--graph-circle-fill);
}
.graph-view.color-fill-highlight {
color: var(--light-tone);
}
.workspace-split:not(.mod-root) .graph-controls.is-close {
background-color: transparent;
}
body:not(.show-graph-btns) .graph-controls.is-close {
opacity: 0;
transition: opacity 1s ease-out;
}
body:not(.show-graph-btns) .graph-controls.is-close:hover {
opacity: 1;
}
.graph-control-section .search-input-container input {
width: 72%;
}
.is-mobile .graph-controls {
top: 2.5em;
right: 0;
}
.is-mobile .graph-controls-button {
opacity: 0.5;
}
/*----------------------------------------------------------------
PDF EXPORT
----------------------------------------------------------------*/
@media print {
.print .css-settings-manager {
--background-primary: white;
--text-normal: black;
}
.print code {
--code-normal: #797979;
--code-comment: #797979;
--code-function: #008b90;
--code-important: #b37400;
--code-keyword: #b37400;
--code-operator: var(--color-red);
--code-property: #795022;
--code-punctuation: #797979;
--code-string: #867443;
--code-tag: var(--color-red);
--code-value: #94421f;
--code-color: gray;
}
.print :is(img,
table,
.image-embed,
blockquote,
pre) {
page-break-inside: avoid;
}
.print p {
orphans: 3;
widows: 3;
page-break-inside: avoid;
}
.print :is(p,
table,
pre,
blockquote,
code) {
text-rendering: optimizeLegibility;
}
.print .callout,
.print code {
page-break-before: avoid;
}
.print code {
font-size: 12px;
padding: 0px 2px;
}
.print sub a,
.print sup a {
color: var(--dark-tone);
}
.print li.task-list-item.is-checked,
.print .markdown-rendered ul.has-list-bullet,
.print .callout {
page-break-inside: avoid;
}
.print .footnotes {
border-top: 1px solid;
margin-top: 1em;
}
.print .footnotes p {
font-size: small !important;
}
.print .footnotes ol>li::marker {
font-size: small;
color: var(--text-normal) !important;
}
.print .markdown-rendered blockquote ul>li {
margin-right: 1em;
}
.print a.external-link:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) strong,
.print a.external-link:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) em,
.print a.external-link:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) {
color: var(--bold-color);
}
.print .markdown-preview-view table td {
color: var(--dark-tone);
}
.print .markdown-preview-view thead:first-child,
.print .markdown-preview-view thead:last-child {
background: transparent;
}
.print .tabelle-xyr tbody tr>td:first-child,
.print .tabelle-xyg tbody tr>td:first-child,
.print .tabelle-xyb tbody tr>td:first-child,
.print .tabelle-xym tbody tr>td:first-child,
.print .table-xyr tbody tr>td:first-child,
.print .table-xyg tbody tr>td:first-child,
.print .table-xyb tbody tr>td:first-child,
.print .table-xym tbody tr>td:first-child {
font-weight: bold;
color: var(--light-tone);
}
.print table:not(.rezepte) tr:nth-child(even),
.print table:not(.recipes) tr:nth-child(even) {
background: rgb(240, 240, 240);
}
.print table:not(.rezepte) .markdown-rendered thead,
.print table:not(.kontakte) .markdown-rendered thead,
.print table:not(.recipes) .markdown-rendered thead,
.print table:not(.contacts) .markdown-rendered thead {
background: gray;
color: var(--light-tone);
}
.print table:not(.rezepte, .kontakte) .markdown-rendered thead tr th,
.print table:not(.rezepte, .kontakte) .markdown-rendered tbody tr td,
.print table:not(.recipes, .contacts) .markdown-rendered thead tr th,
.print table:not(.recipes, .contacts) .markdown-rendered tbody tr td {
border-collapse: collapse;
}
.print .rezepte tr:nth-child(even),
.print .recipes tr:nth-child(even) {
background: var(--light-tone);
}
.print .rezepte li.task-list-item.is-checked[data-task]:not([data-task="x"], [data-task="X"]),
.print .recipes li.task-list-item.is-checked[data-task]:not([data-task="x"], [data-task="X"]) {
height: 34px;
}
.print .rezepte table,
.print .recipes table {
margin-right: -1em;
}
.print .rezepte tbody tr>td,
.print .recipes tbody tr>td {
border-bottom: 1px dotted gray;
color: var(--text-normal);
}
.print .rezepte .callout-content img,
.print .recipes .callout-content img {
margin-right: 2em;
}
/* contacts */
.print .kontakte a.internal-link,
.print .contacts a.internal-link {
color: initial !important;
}
.print .kontakte table,
.print .contacts table {
page-break-before: avoid;
width: 90vh;
}
.print .kontakte .internal-embed img,
.print .contacts .internal-embed img {
position: sticky;
transform: translateX(6px);
}
.print .kontakte :is(thead tr th, tbody tr td),
.print .contacts :is(thead tr th, tbody tr td) {
border-collapse: collapse;
border: 0 !important;
}
.print .kontakte tbody tr>td,
.print .contacts tbody tr>td {
border-bottom: 0 !important;
padding: 2px;
font-size: small;
}
.print .kontakte tr td,
.print .contacts tr td {
font-size: small !important;
height: 50px;
}
.print .kontakte tbody a.tag,
.print .contacts tbody a.tag {
transform: translateY(18px);
}
.print .kontakte tbody th:nth-child(1n + 1),
.print .kontakte tbody tr:nth-child(1n + 1),
.print .contacts tbody th:nth-child(1n + 1),
.print .contacts tbody tr:nth-child(1n + 1) {
border: 0;
border-bottom: 0;
}
.print .kontakte thead,
.print .contacts thead {
border-bottom: 2px solid var(--dark-tone);
}
.print .filme .footnote-link::before,
.print .movies .footnote-link::before {
display: none;
}
.print .callout {
max-width: 700px;
}
.print .callout-icon {
scale: 0.8;
}
.print .callout-title {
margin-bottom: 0;
}
/* small fix for text box */
.print div.callout-content :is(h1 em, h2 em, h3 em, h4 em) {
padding-left: 8px;
padding-right: 8px;
}
/* callout pict */
.print .callout[data-callout="pict"][data-callout-metadata~="l"],
.print .callout[data-callout="bild"][data-callout-metadata~="l"] {
margin-right: 4px;
padding-right: 0;
max-width: 24vw;
}
.print .callout[data-callout="pict"][data-callout-metadata~="r"],
.print .callout[data-callout="bild"][data-callout-metadata~="r"] {
margin-left: 4px;
padding-left: 0;
max-width: 24vw;
}
/* callout aside */
.print :is(.simple-aside .callout[data-callout="aside"],
.simple-aside .callout[data-callout="seite"]) {
background: var(--light-tone) !important;
}
/* citation callout */
.print .callout[data-callout="citation"],
.print .callout[data-callout="zitat"] {
max-width: 400px;
background-color: #eee4d7;
}
.print .callout:is([data-callout-metadata~="l"], [data-callout-metadata~="lh"], [data-callout-metadata~="lv"]) {
margin-right: 2em;
}
.print .callout:is([data-callout-metadata~="r"], [data-callout-metadata~="rh"], [data-callout-metadata~="rv"]) {
margin-left: 2em;
}
.print div.callout[data-callout="citation"] .callout-content>p,
.print div.callout[data-callout="zitat"].callout-content>p {
white-space: initial;
}
/* Read more */
.print div.callout[data-callout="read-more"],
.print div.callout[data-callout="weiterlesen"] {
margin-top: 2em;
}
/* column */
.print div.callout[data-callout="column"][data-callout-metadata~="r"],
.print div.callout[data-callout="spalte"][data-callout-metadata~="r"] {
margin-right: 0px;
position: sticky;
}
.print div.callout[data-callout="column"][data-callout-metadata~="l"],
.print div.callout[data-callout="spalte"][data-callout-metadata~="l"] {
margin-left: 0px;
position: sticky;
}
.print div.callout[data-callout="column"][data-callout-metadata~="a"] li.task-list-item,
.print div.callout[data-callout="spalte"][data-callout-metadata~="a"] li.task-list-item {
width: 700px;
}
.print div.callout[data-callout="font-l"].callout .callout-content,
.print div.callout[data-callout="schrift-g"].callout .callout-content {
font-size: larger;
}
.print .callout[data-callout="pict"][data-callout-metadata~="l"],
.print .callout[data-callout="bild"][data-callout-metadata~="l"],
.print .callout[data-callout="pict"][data-callout-metadata~="r"],
.print .callout[data-callout="bild"][data-callout-metadata~="r"] {
max-width: 50vw;
}
/* hide aside-hint */
.print .callout[data-callout="aside"]:is([data-callout-metadata~="lh"], [data-callout-metadata~="rh"]),
.print .callout[data-callout="seite"]:is([data-callout-metadata~="lv"], [data-callout-metadata~="rv"]) {
display: none;
}
.print .callout[data-callout="aside"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]),
.print .callout[data-callout="seite"]:is([data-callout-metadata~="l"], [data-callout-metadata~="r"]) {
background: #dfdfd2;
}
/* infobox */
.print .callout[data-callout=infobox][data-callout-metadata~="l"] {
max-width: 40vw;
margin-left: -2em;
}
.print .callout[data-callout=infobox][data-callout-metadata~="r"] {
max-width: 40vw;
margin-right: -2em;
}
.print .callout[data-callout=infobox] .internal-embed,
.print .callout[data-callout=infobox] img {
justify-content: center;
object-fit: contain;
max-width: 20vw;
display: block;
margin: 0 auto;
}
.print .callout[data-callout=infobox] .internal-embed {
background-color: var(--light-tone);
}
.print .callout[data-callout=infobox] :is(p, td) {
color: var(--dark-tone);
}
/* multi-column */
.print div[data-callout="mehrspaltig"].callout .callout-content,
.print div[data-callout="multi-column"].callout .callout-content {
gap: 0.4em;
display: contents !important;
}
.print div[data-callout="mehrspaltig"].callout .callout-content p,
.print div[data-callout="multi-column"].callout .callout-content p {
margin: 2px;
}
.print div[data-callout="mehrspaltig"].callout .callout-content :is(h1, h2, h3, h4, h5, h6),
.print div[data-callout="multi-column"].callout .callout-content :is(h1, h2, h3, h4, h5, h6) {
margin-bottom: 0;
font-size: inherit;
}
.print div[data-callout="mehrspaltig"].callout,
.print div[data-callout="multi-column"].callout {
margin-bottom: 1em;
min-width: 100%;
}
.print div[data-callout="mehrspaltig"] .callout-content,
.print div[data-callout="multi-column"] .callout-content {
padding-right: 0.4em;
}
.print .callout .callout-fold {
display: none;
}
.print .callout[data-callout="schrift-"] .callout-content p,
.print .callout[data-callout="font-"] .callout-content p {
color: var(--dark-tone);
}
.print .callout {
max-width: 100%;
}
.print .markdown-rendered pre:not(pre[class*="language-"]) {
padding: var(--size-4-3) var(--size-4-4) !important;
min-height: 38px;
}
.print .markdown-rendered a:is(.tag) {
background-color: #ede4b7 !important;
}
.print .callout-content pre {
padding-top: 4px;
padding-bottom: 4px;
}
.print .callout {
padding-bottom: 4px;
padding-top: 6px;
}
.print a.internal-link:not(h1, h1 a, h1 em, h2, h2 a, h2 em, h3, h3 a, h3 em, h4, h4 a, h4 em, h5, h5 a, h5 em, h6, h6 a, h6 em) {
color: inherit;
}
.print .callout[data-callout]:is([data-callout="schrift-"], [data-callout="font-"]) p,
.print a[href]:is([href^="#zitat-"], [href^="#cite-"], [href="#sup"], [href="#sub"], [href="#einzug"], [href="#indent"], [href^="#strich-"], [href="#line-"])+mark {
color: var(--dark-tone);
}
/* text tags */
.print a[href="#majuskel"]+mark,
.print a[href="#raisecap"]+mark,
.print a[href="#initiale"]+mark,
.print a[href="#dropcap"]+mark {
color: var(--initial-col);
break-before: avoid;
}
.print a[href="#-tips"]+mark::after {
content: '\1F4AC\ ';
background-color: white;
}
.print ul>li {
margin-top: 2px;
margin-bottom: 2px;
}
.print ol {
width: 100%;
}
/* images */
.print img,
.print .internal-embed.image-embed {
mix-blend-mode: normal;
object-fit: cover;
}
.print img[alt="banner-a"] {
position: sticky;
margin-left: -4em;
margin-top: -4em;
margin-bottom: 2em;
scale: 1.1;
}
.print img[alt="banner-b"] {
visibility: hidden;
}
.print .mermaid>svg {
max-width: 100%;
max-height: 100%;
page-break-inside: avoid;
}
/* inline code */
.print .markdown-rendered code {
background-color: rgb(240, 240, 240);
color: var(--dark-tone);
font-size: small;
}
.print th.table-view-th {
background-color: transparent !important;
}
.print .markdown-rendered pre code,
.print code.is-loaded {
background-color: transparent;
margin-top: 0;
}
.print .markdown-preview-view pre code {
white-space: pre-line;
}
.print .markdown-rendered pre code {
white-space: revert;
line-break: auto;
}
/* normal source code spacing */
.print .markdown-source-view.mod-cm6 .cm-embed-block pre {
white-space: auto;
}
.print code.language-memo.is-loaded,
.print code.language-memo-r.is-loaded,
.print code.language-memo-g.is-loaded,
.print code.language-memo-b.is-loaded,
.print code.language-memo-m.is-loaded {
padding: 12px;
margin-bottom: 1em;
}
.print code.language-memo.is-loaded {
background: var(--light-yellow);
}
.print code.language-memo-r.is-loaded {
background: var(--light-red);
}
.print code.language-memo-g.is-loaded {
background: var(--light-green);
}
.print code.language-memo-b.is-loaded {
background: var(--light-blue);
}
.print code.language-memo-m.is-loaded {
background: var(--light-gray);
}
.print .markdown-preview-view pre:is([class^="language-fade"], [class^="language-wave"], [class^="language-trenner"], [class^="language-deko"], [class="language-stars"], [class="language-sterne"], [class="language-br"], [class^="language-memo"]) {
background-color: var(--light-tone);
}
.print mjx-container[jax="CHTML"][display="true"] {
scale: 1.3;
}
.print input[type=checkbox]:checked {
background-color: var(--light-tone);
}
/* headers */
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
text-rendering: optimizeLegibility;
}
/* headers */
.print .ftheme-1 :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--modern-font-h);
}
.print .ftheme-2 :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--poetry-font-h);
}
.print .ftheme-3 :is(h1, h2, h3, h4, h5, h6) {
font-family: var(--custom-font-h);
}
.print .ftheme-1 p:not(h1, h2, h3, h4, h5, h6) {
font-family: var(--modern-font-c);
}
.print .ftheme-2 p:not(h1, h2, h3, h4, h5, h6) {
font-family: var(--poetry-font-c);
}
.print .ftheme-3 p:not(h1, h2, h3, h4, h5, h6) {
font-family: var(--custom-font-c);
}
.print :is(h1, h1 a, h1 em, h2, h2 a, h2 em) {
color: var(--h1-color);
}
.print :is(h3, h3 a, h3 em, h4, h4 a, h4 em) {
color: var(--h3-color);
}
.print :is(h5, h5 a, h5 em, h6, h6 a, h6 em) {
color: var(--h5-color);
}
/* h for print */
.print p:not(.callout-content>h1) h1,
.print p:not(.callout-content>h2) h2,
.print p:not(.callout-content>h3) h3,
.print p:not(.callout-content>h4) h4,
.print p:not(.callout-content>h5) h5,
.print p:not(.callout-content>h6) h6 {
margin-top: 0px;
margin-bottom: -8px;
}
/* show frontmatter */
.print-fontmatter pre.frontmatter {
display: block !important;
page-break-after: avoid;
}
/* embed */
.print .image-embed[src*="#cap"]::after {
overflow-wrap: normal;
width: fit-content;
min-width: 230px;
}
.print .image-embed[src*="#cap"]::after {
min-width: calc(230px + 2em);
}
.print .file-embed.mod-generic,
.print .file-embed.mod-empty {
background: lightgray;
}
.print .markdown-embed-title {
display: none;
margin-top: -10px;
padding: 0;
}
.print .inline-embed div:last-child {
margin-bottom: -10px;
overflow: visible;
}
.print .inline-embed {
margin-bottom: -22px;
}
.print .inline-embed p {
margin-top: 0;
}
.print .image-embed {
padding: 0 auto;
}
.print .markdown-rendered .internal-link {
text-decoration-line: none !important;
}
.print ::-webkit-scrollbar {
width: 0;
height: 0;
}
}
/*----------------------------------------------------------------
Settings
----------------------------------------------------------------*/
.setting-item:not(.setting-item-heading) {
border-bottom: 1px dashed var(--background-modifier-border);
border-top: none;
}
.setting-item:is(.setting-item-heading) {
border-bottom: 2px solid var(--header-col);
}
.setting-item-name,
.setting-item-description,
.vertical-tab-nav-item,
.vertical-tab-header-group-title {
font-family: var(--ui-font-family);
}
.setting-item-name {
font-weight: bold;
}
.theme-light .setting-item-name {
color: #656565;
}
.theme-dark .setting-item-name {
color: var(--text-muted);
}
.vertical-tab-header-group-title {
display: inline-block;
width: -webkit-fill-available;
margin-bottom: 4px;
font-size: initial;
}
.theme-dark .vertical-tab-header-group-title {
border-bottom: 2px solid navajowhite;
color: navajowhite;
}
.theme-light .vertical-tab-header-group-title {
color: hwb(var(--header-cco) 40%);
border-bottom: 2px solid hwb(var(--header-cco) 40%);
}
.vertical-tab-header-group-title {
font-size: larger;
}
.vertical-tab-nav-item {
font-size: 1em;
font-weight: bold;
}
body:not(.is-mobile) .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
border-top: none;
flex-direction: row-reverse;
}
.setting-item.setting-item-heading.style-settings-heading:not([data-level="0"]):hover,
.style-settings-container .setting-item:hover {
background: var(--background-primary);
}
.setting-item-description {
padding: 4px;
font-size: var(--zoom-prefs-descr);
}
.setting-item.setting-item-heading .setting-item-name {
font-size: large;
}
body:not(.is-phone).theme-light .vertical-tab-nav-item.is-active {
color: var(--dark-tone);
}
body:not(.is-phone).theme-dark .vertical-tab-nav-item.is-active {
color: var(--dark-tone);
}
body:not(.is-phone).theme-light .vertical-tab-nav-item:not(.is-active) {
color: dimgray;
}
body:not(.is-phone).theme-dark .vertical-tab-nav-item:not(.is-active) {
color: darkgray;
}
.theme-dark .setting-item-description {
color: var(--text-normal);
}
.theme-light .setting-item-description {
color: var(--text-muted);
}
/* Community */
.community-item .flair {
color: var(--text-normal);
}
.community-modal-info .markdown-rendered thead tr {
background-color: gray;
}
.community-modal-info ul>li.task-list-item .task-list-item-checkbox {
margin-right: 0.6em;
}
.modal-content .community-modal-readme :is(h1, .markdown-rendered h1) {
font-size: 2em;
}
.is-phone .modal-content .community-modal-readme img:is(:hover, :active) {
scale: 2;
display: block;
z-index: 8;
position: relative;
}
.theme-dark .community-item.is-selected,
.community-item.is-selected:hover {
color: var(--dark-tone);
}
/* Modal */
body:not(.is-phone) .modal.mod-community-modal.mod-sidebar-layout.mod-community-plugin,
body:not(.is-phone) .modal.mod-settings.mod-sidebar-layout {
min-width: 75%;
height: 70%;
margin-bottom: 10%;
animation: fadeIn 1s;
}
.modal.mod-settings .vertical-tab-header,
.modal.mod-settings .vertical-tab-content-container,
.modal.mod-settings .vertical-tab-content {
background: var(--prefs-grad);
}
.modal.mod-settings .vertical-tab-header {
border-right: 0;
}
.modal,
.menu {
border: none;
}
.setting-item.style-settings-info-text p {
font-size: medium;
}
/* hide scrollbars in prefs */
body:not(.show-scrollbars) .modal.mod-settings ::-webkit-scrollbar {
width: 0;
height: 0;
}
.setting-item.setting-item-heading:not(.style-settings-heading) .setting-item-name {
font-size: 1.6em;
}
.theme-light .setting-item.setting-item-heading:not(.style-settings-heading) .setting-item-name {
color: hwb(var(--header-cco) 40%);
}
.theme-dark .setting-item.setting-item-heading:not(.style-settings-heading) .setting-item-name {
color: var(--header-col);
}
/* phone */
.is-phone .modal.mod-settings .vertical-tab-nav-item:hover {
border-radius: inherit;
filter: none;
}
.is-phone.theme-light .modal.mod-settings .modal-header {
background-color: var(--background-secondary);
}
.is-phone.theme-dark .modal.mod-settings .modal-header {
background-color: var(--background-primary);
}
/* no rounding borders on top or bottom - prefs entries */
.is-phone .vertical-tab-header-group-items {
padding: 0;
}
.is-mobile.theme-dark .community-item,
.is-mobile.theme-dark .vertical-tab-content {
background: var(--background-primary);
}
.is-phone.theme-dark .modal.mod-settings .modal-title {
border-bottom: none;
background: var(--background-primary);
}
.is-phone.theme-light .modal.mod-settings .modal-title {
border-bottom: none;
background: var(--background-secondary);
}
.is-phone .modal {
animation: fadeIn 1.2s;
width: 100% !important;
}
/* bigger close btn */
.is-phone .modal-close-button {
font-size: 34px;
margin-right: 16px;
}
.is-phone .modal-setting-back-button {
margin-left: 10px;
transform: scale(1.4);
}
.is-phone .setting-item button {
font-size: 14px;
font-family: 'Inter';
}
.is-phone .setting-item-control select {
font-family: 'Inter';
}
.is-phone .modal.mod-settings textarea {
width: 100%;
}
.is-phone.theme-light .setting-item-control input {
background: var(--background-modifier-hover);
}
.is-phone.theme-dark .setting-item-description {
word-break: break-word;
}
.is-phone .vertical-tab-content {
background: var(--background-primary);
}
/* search box col */
.is-phone.theme-light input[type='search'] {
background-color: #d3d3d3;
}
/* gear icon */
.is-phone svg.svg-icon.lucide-settings {
color: var(--text-normal);
}
/* plugin ui */
.is-phone .plugin-list-plugins:is(.setting-item.mod-toggle, .setting-item-control) {
display: flex;
justify-content: flex-end;
}
.is-phone .plugin-list-plugins .setting-item {
display: block;
}
.is-phone .installed-plugins-container .setting-item .setting-item-control {
gap: 24px;
}
/*----------------------------------------------------------------
Style Settings
----------------------------------------------------------------*/
a.style-settings-export,
a.style-settings-import {
color: var(--text-normal);
}
.style-settings-heading {
padding-bottom: 0;
}
.style-settings-container>.setting-item {
padding-left: 1em;
padding-right: 1em;
border-bottom: none;
}
.setting-item:first-child,
.view-content .style-settings-container .setting-item:not(.setting-item-heading) {
padding-top: 8px;
}
.setting-item.setting-item-heading.style-settings-heading {
padding-right: 1em;
}
.setting-item-heading.style-settings-heading .setting-item-info {
margin-left: 1em;
}
.style-settings-heading .setting-item-description {
margin-bottom: 4px;
}
.style-settings-container {
padding-bottom: 0;
}
.style-settings-container .setting-item-control select {
top: 6px;
position: relative;
}
.style-settings-heading[data-level="0"] {
margin-left: -20px;
border-bottom: 1px dashed gray;
}
.theme-dark .setting-item .style-settings-heading[data-level="0"] {
color: navajowhite;
}
.setting-item .style-settings-heading[data-level="2"],
.setting-item .style-settings-heading[data-level="3"],
.setting-item .style-settings-heading[data-level="4"] {
border-bottom: 1px dotted var(--background-modifier-border);
border-top: 0;
}
.style-settings-heading[data-level="0"]+.style-settings-container {
padding-left: 0;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="1"] {
padding-left: .4em;
border-bottom: none;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="2"] {
padding-left: .8em;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="3"] {
padding-left: 1.2em;
}
.setting-item.setting-item-heading.style-settings-heading[data-level="4"] {
padding-left: 1.6em;
}
.setting-item.setting-item-heading.style-settings-heading {
margin-bottom: 0;
margin-top: 0;
padding-top: 4px;
}
.setting-item .style-settings-heading[data-level="2"],
.setting-item .style-settings-heading[data-level="3"],
.setting-item .style-settings-heading[data-level="4"] {
border-bottom: 1px dotted var(--background-modifier-border);
border-top: none;
}
/* themed */
.theme-dark .style-settings-container {
background-color: rgb(255 255 255 / 4%);
}
.theme-light .style-settings-container {
background-color: rgb(0 0 0 / 4%);
}
.theme-dark .setting-item.setting-item-heading.style-settings-heading .setting-item-name {
color: var(--azure-sh);
}
.is-phone .search-input-container input[placeholder="Search Style Settings..."] {
margin-top: 1em;
}
.theme-dark .style-settings-container {
background-color: rgb(255 255 255 / 6%);
border-radius: 4px;
}
.theme-light .style-settings-container {
background-color: rgb(127 127 127 / 6%);
border-radius: 4px;
}
/* phone */
body:not(.is-phone) .style-settings-collapse-indicator {
scale: 1.6;
}
.is-phone .style-settings-container.setting-item {
display: initial;
}
.is-phone .style-settings-collapse-indicator {
transform: scale(2);
}
.is-phone .style-settings-heading[data-level="0"] {
margin-top: 0;
}
.is-phone .setting-item.setting-item-heading.style-settings-heading {
padding-bottom: 0;
}
.is-phone .setting-item.setting-item-heading.style-settings-heading[data-level="0"],
.is-phone .setting-item.setting-item-heading.style-settings-heading[data-level="2"],
.is-phone .setting-item.setting-item-heading.style-settings-heading[data-level="3"],
.is-phone .setting-item.setting-item-heading.style-settings-heading[data-level="4"] {
padding: 4px 0;
margin-bottom: 0;
}
/* fix for long input fields */
.is-phone .style-settings-container .setting-item-control input[type="text"] {
min-width: 100px;
}
/* --------------------------------------------
Plugins
-------------------------------------------- */
.theme-dark .mermaid p {
color: black;
}
.theme-dark text.titleText,
.theme-dark text.taskTextOutsideRight,
.theme-dark text.taskTextOutsideLeft,
.theme-dark text.entityLabel {
filter: brightness(.2) contrast(1.5);
}
.theme-light .mermaid .person-man rect,
.theme-light .mermaid .person-man path {
filter: brightness(2);
}
/* shape */
.theme-dark .mermaid line.task-line {
filter: brightness(0.2);
}
.theme-light .mermaid g.border {
filter: brightness(0.5);
}
.theme-dark g>rect {
filter: brightness(0.8) saturate(1.5);
}
/* actor - person */
.mermaid g .person-man {
filter: brightness(2.5);
}
.theme-light .mermaid g.actor-man {
filter: brightness(0.5);
}
.theme-dark .mermaid g.actor-man {
filter: brightness(0.4);
}
.mermaid line:is(.actor-line, .loopLine) {
filter: brightness(0.5);
}
/* relation */
.theme-light .mermaid .relation {
filter: contrast(0.9) brightness(0.1);
}
/* pie */
.theme-dark .mermaid path.pieCircle {
filter: brightness(0.8);
}
/* git */
.mermaid .gitTitleText {
transform: translateY(-10px);
}
/* Quadrant */
.mermaid g.quadrant:nth-child(1) rect {
fill: hsl(0deg 49% 63% / 40%);
}
.mermaid g.quadrant:nth-child(2) rect {
fill: hsl(34deg 49% 63% / 40%);
}
.mermaid g.quadrant:nth-child(3) rect {
fill: hsl(204deg 49% 63% / 40%);
}
.mermaid g.quadrant:nth-child(4) rect {
fill: hsl(0deg 0% 77% / 40%);
}
/* recents */
body:not(.is-phone) .tree-item.nav-file.recent-files-file {
height: 24px;
margin-right: -16px;
}
.theme-dark .recent-files-title-content {
color: var(--nav-item-color);
}
.theme-dark .recent-files-title-content:hover {
color: var(--light-tone);
}
.is-phone .tree-item.nav-file.recent-files-file {
height: 28px;
margin-right: -16px;
}
/*----------------------------------------------------------------
Compatibility fix X
----------------------------------------------------------------*/
.is-phone .kanban-plugin__markdown-preview-view {
padding-top: 0;
}
.is-phone .kanban-plugin__item-title-wrapper :is(.markdown-source-view .cm-scroller .cm-sizer) {
margin-top: 0;
}
.is-phone .kanban-plugin__lane-wrapper {
margin-top: 2em;
}
/* fixes checkboxes */
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox]:checked {
filter: none;
border-radius: 50px;
background-image: var(--checkbox-icon);
background-color: var(--light-tone);
}
.kanban-plugin__item-prefix-button-wrapper input[type=checkbox]:not(:checked) {
filter: none;
}
.kanban-plugin__item-title ul>li.task-list-item[data-task="x"] .task-list-item-checkbox:checked {
scale: 0.7;
border-radius: 50px;
background-color: var(--light-tone);
}
.kanban-plugin__table-wrapper thead tr>th .kanban-plugin__table-cell-wrapper {
background: gray;
}
.kanban-plugin__table-wrapper tr:nth-child(even) {
background: revert;
}
.kanban-plugin__item-content-wrapper>*:hover {
background-color: var(--light-shadow-l);
}
/* dataview */
.block-language-dataview th.table-view-th:nth-child(even),
.block-language-dataview th.table-view-th:nth-child(odd) {
color: revert;
background: var(--background-primary);
}
.block-language-dataview tbody.table-view-tbody tr>td {
background: transparent;
color: var(--text-normal);
}
.block-language-dataview table {
margin-top: 0;
}
ul.dataview.list-view-ul {
margin-top: 0;
}
.dataview.dataview-container li.task-list-item:not(.is-checked) {
text-indent: revert;
}
Reference in a new issue Copy permalink