├── .gitignore ├── ayu2.png ├── README.md └── obsidian.css /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | .DS_Store 3 | -------------------------------------------------------------------------------- /ayu2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bcdavasconcelos/Obsidian-Ayu/master/ayu2.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Obsidian Ayu Light 2 | 3 | This is a mixture of some themes available for Obsidian, especially `pisium` and `traffic lights`, with several modifications (too many to mention). 4 | 5 | ![](ayu2.png) 6 | -------------------------------------------------------------------------------- /obsidian.css: -------------------------------------------------------------------------------- 1 | /* Ayu Light */ 2 | /* bcdav 2020-07-05-15-32-26 */ 3 | 4 | /* global */ 5 | 6 | :root 7 | { 8 | --font-size-normal: 24px; 9 | --font-size-code: 22px; 10 | --font-size-side-dock: 16px; 11 | --font-size-side-dock-title: 18px; 12 | --font-size-blockquote: 22px; 13 | --font-size-status-bar: 16px; 14 | --font-small: 18px; 15 | --font-medium: 21px; 16 | --line-height-preview: 1.7em; 17 | --line-height-header-preview: 1em; 18 | --font-family-mdpreview: Skolar PE, Gentium Plus, Alegreya, Source Sans Pro, Avenir Next, Times New Roman; 19 | --font-family-editor: Skolar PE, iA Writer Quattro S, Menlo, Avenir Next, Times New Roman; 20 | --font-family-preview: Gentium Plus, Alegreya, Source Sans Pro, Palatino, Avenir Next, Times New Roman; 21 | --font-family-code: Ubuntu Mono derivative Powerline, Menlo, Monaco; 22 | } 23 | 24 | .theme-light, 25 | .theme-dark 26 | { 27 | --background-primary: rgba(249,249,251, 1); 28 | --background-primary-alt: rgba(0,0,0,0.04); 29 | --background-secondary: #fbf9f9; 30 | --background-secondary-alt: var(--background-secondary); 31 | --background-accent: rgba(0,0,0,0.04); 32 | --background-modifier-border: var(--text-faint); 33 | --background-modifier-form-field: var(--background-primary); 34 | --background-modifier-form-field-highlighted: var(--background-primary); 35 | --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); 36 | --background-modifier-success: rgba(160,232,92,0.08); 37 | --background-modifier-error: #3d0000; 38 | --background-modifier-error-rgb: 61, 0, 0; 39 | --background-modifier-error-hover: #470000; 40 | --background-modifier-cover: rgba(0, 0, 0, 0.6); 41 | 42 | --text-accent: #de5105; 43 | --text-accent-hover: var(--text-faint); 44 | --text-normal: #595371; 45 | --text-muted: #b1b4b9; 46 | --text-faint: #b1b4b9; 47 | --text-error: #800000; 48 | --text-error-hover: #990000; 49 | --text-highlight-bg: rgba(227, 238, 242, 0.50); 50 | --text-search-highlight-bg: rgba(150, 150, 242, 0.8); 51 | --text-selection: rgba(227, 238, 242, 0.50); 52 | --text-on-accent: var(--text-normal); 53 | --interactive-normal: var(--background-primary); 54 | --interactive-hover: rgba(0,0,0,0.02); 55 | --interactive-accent: rgba(0,0,0,0.09); 56 | --interactive-accent-rgb: 72, 54, 153; 57 | --interactive-accent-hover: var(--text-selection); 58 | --scrollbar-active-thumb-bg: rgba(0, 0, 0, 0.1); 59 | --scrollbar-bg: rgba(0, 0, 0, 0.0); 60 | --scrollbar-thumb-bg: rgba(0, 0, 0, 0.08); 61 | 62 | --graph-note-name: var(--text-normal); 63 | --graph-node-color: var(--tag-bg); 64 | --graph-line-color: var(--border-color); 65 | --graph-line-on-hover: var(--tag-bg); 66 | --hashtag-color: #5c6369; 67 | --border-color: #dbdee1; 68 | 69 | --blockquote-border: var(--text-accent); 70 | --pre-code-bg: #ffffff; 71 | --code-block: var(--text-muted); 72 | --file-name-color: var(--text-accent); 73 | --inline-code: var(--text-muted); 74 | --interfa-color-icon: var(--interface-color-border); 75 | --interface-color-action: var(--text-normal); 76 | --interface-color-background-alt: var(--background-primary); 77 | --interface-color-border: rgba(0,0,0,0.03); 78 | --interface-color-foreground-alt: var(--text-accent); 79 | --interface-color-pin: var(--text-normal); 80 | --quick-switcher: var(--text-selection); 81 | 82 | 83 | --text-title-h1: #5c6369; 84 | --text-title-h2: var(--text-title-h1); 85 | --text-title-h3: var(--text-title-h1); 86 | --text-title-h4: var(--text-title-h1); 87 | --text-title-h5: var(--text-title-h1); 88 | --text-title-h6: var(--text-title-h1); 89 | --ul-line-color: #777; 90 | 91 | --link-text: var(--text-accent); 92 | --link-bg: ; 93 | --link-text-hover: var(--text-accent); 94 | --link-bg-hover: ; 95 | 96 | --hashtag-color: #5c6369; 97 | --tag-text-color: var(--background-primary); 98 | --tag-bg: #b1b4b8; 99 | --tag-text-hover: var(--background-primary); 100 | --tag-bg-hover: #b1b4b8; 101 | 102 | --interface-color-cross: #fc3b44; 103 | --interface-color-pencil: #fec03e; 104 | --interface-color-three-dots: #a0e85b; 105 | 106 | 107 | --interface-color-background: #415358; 108 | --interface-color-foreground: #3e3e3e; 109 | 110 | 111 | --font-size-footnote: 22px; 112 | --font-size-h1: 1.9em; 113 | --font-size-h2: 1.6em; 114 | --font-size-h3: 1.3em; 115 | --font-size-h4: 1.2em; 116 | --font-size-h5: 1.1em; 117 | --font-size-h6: 1em; 118 | --header-before-size-h1: 0.5em; 119 | --header-before-size-h2: 0.5em; 120 | --header-before-size-h3: 0.5em; 121 | --header-before-size-h4: 0.5em; 122 | --header-before-size-h5: 0.5em; 123 | --header-before-size-h6: 0.5em; 124 | --text-title-font-weight: 600; 125 | --line-height-footnote: 1.2em; 126 | --ul-line-specs: 0.9px solid; 127 | --vim-cursor: #474949; 128 | --header-before-color: #b1b4b8; 129 | --blockquote-bg: var(--background-primary); 130 | --bracket-color: var(--header-before-color); 131 | --checkbox-color: var(--tag-bg); 132 | --checkbox-enabled: var(--file-name-color); 133 | --active-title-border: var(--interactive-accent); 134 | --hr-color: hsl(0, 0%, 39%); 135 | } 136 | 137 | /*-------------------------------------*/ 138 | /* Search the following lines */ 139 | /* to jump to specific section */ 140 | /*-------------------------------------*/ 141 | /* resize-handle and borders */ 142 | /* tags */ 143 | /* link */ 144 | /* Cursor */ 145 | /* basic format in EDITOR and PREVIEW */ 146 | /* Headings - EDITOR and PREVIEW */ 147 | /* Code block in Preview */ 148 | /* Code block in Editor */ 149 | /* Brackets */ 150 | /* Blockquote */ 151 | /* table */ 152 | /* Checkbox */ 153 | /* html in editor */ 154 | /* popover */ 155 | /* Side panel */ 156 | /* internal embedded link in preview */ 157 | /* graph view */ 158 | /* settings */ 159 | /* Hide side bar */ 160 | /* width of content */ 161 | /* note header bar for non-andy mode */ 162 | /* andy mode activated in light mode */ 163 | /* at a rule line before ul list * 164 | /* Hide Scrollbar (recommend for mac) */ 165 | /* hashtags before headers */ 166 | /*-------------------------------------*/ 167 | 168 | 169 | /*********************************/ 170 | /* link */ 171 | /*********************************/ 172 | 173 | a, 174 | .internal-link, 175 | .cm-hmd-internal-link, 176 | .cm-link, 177 | .cm-url { 178 | text-decoration: none !important; 179 | background-color: var(--link-bg)!important; 180 | color: var(--link-text)!important; 181 | } 182 | 183 | a:hover, 184 | .internal-link:hover, 185 | .cm-hmd-internal-link:hover, 186 | .cm-link:hover, 187 | .cm-url:hover { 188 | background-color: var(--link-bg-hover)!important; 189 | color: var(--link-text-hover)!important; 190 | } 191 | 192 | 193 | 194 | 195 | 196 | /* the url string in editor */ 197 | .cm-s-obsidian span.cm-string{ 198 | color: var(--text-muted)!important; 199 | } 200 | 201 | 202 | /* make external links italics to differentiate */ 203 | a:not(.internal-link) { 204 | /* font-style: italic; */ 205 | } 206 | 207 | /*************************************/ 208 | /* tags */ 209 | /*************************************/ 210 | 211 | .cm-s-obsidian span.cm-hashtag-begin, 212 | .cm-s-obsidian span.cm-hashtag-end, 213 | a.tag { 214 | color: var(--tag-text-color) !important; 215 | background-color: var(--tag-bg) !important; 216 | font-family: var(--font-family) !important; 217 | font-size: 1em; 218 | text-decoration: none !important; 219 | font-style: normal !important; 220 | padding-bottom: 2px; 221 | padding-top: 0.5px; 222 | } 223 | 224 | /* ---------------- */ 225 | /* -- BEAR TAGS --- */ 226 | /* ---------------- */ 227 | 228 | a.tag { 229 | padding-left: 8px; 230 | padding-right: 8px; 231 | border-top-left-radius: 8px; 232 | border-top-right-radius: 8px; 233 | border-bottom-left-radius: 8px; 234 | border-bottom-right-radius: 8px; 235 | } 236 | 237 | .cm-s-obsidian span.cm-hashtag-begin { 238 | padding-left: 8px; 239 | border-top-left-radius: 8px; 240 | border-bottom-left-radius: 8px; 241 | } 242 | 243 | .cm-s-obsidian span.cm-hashtag-end { 244 | padding-right: 8px; 245 | border-top-right-radius: 8px; 246 | border-bottom-right-radius: 8px; 247 | } 248 | 249 | .cm-s-obsidian span.cm-hashtag { 250 | color: var(--tag-text-color)!important; 251 | background: var(--tag-bg)!important; 252 | } 253 | 254 | span.cm-formatting.cm-formatting-hashtag.cm-hashtag-begin.cm-hashtag.cm-meta { 255 | color: var(--hashtag-color)!important; 256 | } 257 | 258 | 259 | a.tag:hover { 260 | background-color: var(--tag-bg-hover) !important; 261 | color: var(--tag-text-hover)!important; 262 | } 263 | 264 | 265 | /*footnote*/ 266 | .cm-s-obsidian pre.HyperMD-footnote 267 | { 268 | font-size: var(--font-size-footnote); 269 | line-height: var(--line-height-footnote); 270 | } 271 | 272 | .footnotes 273 | { 274 | font-size: var(--font-size-footnote); 275 | line-height: var(--line-height-footnote); 276 | } 277 | 278 | /* 279 | .cm-s-obsidian pre.HyperMD-footnote span.cm-hmd-footnote, 280 | .cm-s-obsidian span.cm-footref { 281 | 282 | } 283 | */ 284 | 285 | 286 | /***************************************/ 287 | /* resize-handle and borders */ 288 | /***************************************/ 289 | 290 | 291 | /*vertical resize-handle*/ 292 | .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, 293 | .workspace-split.mod-left-split > .workspace-leaf-resize-handle, 294 | .workspace-split.mod-right-split > .workspace-leaf-resize-handle{ 295 | width: 1px !important; 296 | background-color: var(--border-color); 297 | } 298 | 299 | 300 | /*horizontal resize-handle*/ 301 | .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle{ 302 | height: 1px !important; 303 | background-color: var(--border-color); 304 | } 305 | 306 | 307 | /*workspace ribbon when collapsed*/ 308 | .workspace-ribbon.is-collapsed { 309 | background-color: var(--background-primary-alt); 310 | } 311 | 312 | 313 | /*the vertical split*/ 314 | .workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content, 315 | .workspace-split.mod-vertical > .workspace-split, 316 | .workspace-split.mod-vertical > .workspace-leaf, 317 | .workspace-tabs{ 318 | padding-right: 0px; 319 | } 320 | 321 | 322 | /*status-bar*/ 323 | .status-bar { 324 | font-size: var(--font-size-status-bar)!important; 325 | background-color: var(--background-secondary-alt); 326 | border-top: 0px; 327 | } 328 | 329 | .document-search-container{ 330 | border-top: 0px; 331 | border-right: 0px; 332 | z-index: inherit; 333 | } 334 | 335 | 336 | .workspace-ribbon.mod-left.is-collapsed{ 337 | border-right: 1px solid var(--border-color); 338 | } 339 | 340 | 341 | .workspace-ribbon.mod-right.is-collapsed{ 342 | border-left: 1px solid var(--border-color); 343 | } 344 | 345 | 346 | 347 | 348 | /***************************************/ 349 | /* Cursor */ 350 | /***************************************/ 351 | 352 | 353 | /* Cursor color and opacity */ 354 | 355 | 356 | .cm-fat-cursor .CodeMirror-cursor, .cm-animate-fat-cursor 357 | { 358 | width: 0.5em; 359 | background: var(--vim-cursor); 360 | opacity: 60% !important; 361 | } 362 | 363 | 364 | /**************************************/ 365 | /* basic format in EDITOR and PREVIEW */ 366 | /**************************************/ 367 | 368 | 369 | /* font for everything outside of editor/preview panes */ 370 | .app-container { 371 | font-family: var(--font-family-preview); 372 | } 373 | 374 | 375 | /* set the text selection color for preview mode */ 376 | ::selection { 377 | background-color: var(--text-selection)!important; 378 | } 379 | 380 | 381 | /* normal text outside of headings and code of editor */ 382 | .cm-s-obsidian, .mod-single-child .cm-s-obsidian { 383 | font-family: var(--font-family-editor); 384 | /* 385 | text-align: justify; 386 | text-justify: inter-word; 387 | text-align-last: left; 388 | */ 389 | font-weight: 500; 390 | font-size: var(--font-size-normal); 391 | padding-top: 5px; 392 | padding-left: 1% !important; 393 | padding-right: 1% !important; 394 | } 395 | 396 | 397 | /* normal text outside of headings and code of preview */ 398 | .markdown-preview-view, .mod-single-child .markdown-preview-view { 399 | font-family: var(--font-family-mdpreview); 400 | font-size: var(--font-size-normal); 401 | /* text-align: justify; */ 402 | /* text-justify: inter-word; */ 403 | text-align-last: left; 404 | hyphens:auto; 405 | line-height: var(--line-height-preview); 406 | padding-top: 0px; 407 | padding-left: 2% !important; 408 | padding-right: 1% !important; 409 | } 410 | 411 | /* bold in preview and editor */ 412 | strong, .cm-strong { 413 | font-weight: 600; 414 | } 415 | 416 | 417 | /* emphasis in preview and editor */ 418 | em, .cm-em { 419 | /* color: var(--text-muted); */ 420 | font-style: italic; 421 | } 422 | 423 | 424 | /* strikethrough in preview and editor */ 425 | s, .cm-strikethrough { 426 | color: var(--text-muted); 427 | } 428 | 429 | 430 | /* list in editor */ 431 | .cm-s-obsidian span.cm-formatting-list { 432 | color: var(--text-normal) !important; 433 | } 434 | 435 | 436 | /* horizontal line in preview */ 437 | .markdown-preview-view hr { 438 | background-color: var(--text-faint) !important; 439 | } 440 | 441 | 442 | /* embedded images */ 443 | img { 444 | display: block; 445 | margin-left: auto; 446 | margin-right: auto; 447 | } 448 | /* img hover zoom out img*/ 449 | img:hover { 450 | transform: scale(1.04); 451 | transition: transform 0.25s ease-in-out 0s; 452 | } 453 | 454 | 455 | /*disable image resize in setting pane*/ 456 | .community-theme img:hover{ 457 | transform: none; 458 | } 459 | 460 | 461 | /* Changing size/color of the header hashtags ## */ 462 | /* .cm-formatting-header { 463 | font-size: 0.6em !important; 464 | } */ 465 | 466 | 467 | /*text between :: show same color as normal text*/ 468 | .cm-formatting-emoji{ 469 | color: var(--text-normal) !important; 470 | } 471 | 472 | 473 | /*********************************/ 474 | /* Headings - EDITOR and PREVIEW */ 475 | /*********************************/ 476 | 477 | 478 | 479 | /* headings for editor and preview */ 480 | .cm-s-obsidian pre.HyperMD-header.HyperMD-header-1, 481 | .cm-s-obsidian pre.HyperMD-header.HyperMD-header-2, 482 | .cm-s-obsidian pre.HyperMD-header.HyperMD-header-3 { 483 | font-size: inherit; 484 | } 485 | 486 | .cm-header-1 487 | { 488 | font-family: var(--font-family-editor); 489 | font-weight: 500; 490 | font-size: var(--font-size-h1) !important; 491 | color: var(--text-title-h1); 492 | } 493 | 494 | .cm-header-2 495 | { 496 | font-family: var(--font-family-editor); 497 | font-weight: 500; 498 | font-size: var(--font-size-h2) !important; 499 | color: var(--text-title-h2); 500 | } 501 | 502 | .cm-header-3 503 | { 504 | font-family: var(--font-family-editor); 505 | font-weight: 500; 506 | font-size: var(--font-size-h3) !important; 507 | color: var(--text-title-h3); 508 | } 509 | 510 | .cm-header-4 511 | { 512 | font-family: var(--font-family-editor); 513 | font-weight: 500; 514 | font-size: var(--font-size-h4) !important; 515 | color: var(--text-title-h4); 516 | } 517 | 518 | .cm-header-5 519 | { 520 | font-family: var(--font-family-editor); 521 | font-weight: 500; 522 | font-size: var(--font-size-h5) !important; 523 | color: var(--text-title-h5); 524 | } 525 | 526 | .cm-header-6 527 | { 528 | font-family: var(--font-family-editor); 529 | font-weight: 500; 530 | font-size: var(--font-size-h6) !important; 531 | color: var(--text-title-h6); 532 | } 533 | 534 | 535 | .markdown-preview-view h1 536 | { 537 | font-family: var(--font-family-mdpreview); 538 | font-weight: var(--text-title-font-weight); 539 | font-size: var(--font-size-h1) !important; 540 | color: var(--text-title-h1); 541 | line-height: var(--line-height-header-preview); 542 | text-align: left; 543 | } 544 | 545 | .markdown-preview-view h2 546 | { 547 | font-family: var(--font-family-mdpreview); 548 | font-weight: var(--text-title-font-weight); 549 | font-size: var(--font-size-h2) !important; 550 | color: var(--text-title-h2); 551 | line-height: var(--line-height-header-preview); 552 | text-align: left; 553 | } 554 | 555 | .markdown-preview-view h3 556 | { 557 | font-family: var(--font-family-mdpreview); 558 | font-weight: var(--text-title-font-weight); 559 | font-size: var(--font-size-h3) !important; 560 | color: var(--text-title-h3); 561 | line-height: var(--line-height-header-preview); 562 | text-align: left; 563 | } 564 | 565 | .markdown-preview-view h4 566 | { 567 | font-family: var(--font-family-mdpreview); 568 | font-weight: var(--text-title-font-weight); 569 | font-size: var(--font-size-h4) !important; 570 | color: var(--text-title-h4); 571 | line-height: var(--line-height-header-preview); 572 | text-align: left; 573 | } 574 | 575 | .markdown-preview-view h5 576 | { 577 | font-family: var(--font-family-mdpreview); 578 | font-weight: var(--text-title-font-weight); 579 | font-size: var(--font-size-h5) !important; 580 | color: var(--text-title-h5); 581 | line-height: var(--line-height-header-preview); 582 | text-align: left; 583 | } 584 | 585 | 586 | .markdown-preview-view h6 587 | { 588 | font-family: var(--font-family-mdpreview); 589 | font-weight: var(--text-title-font-weight); 590 | font-size: var(--font-size-h6) !important; 591 | color: var(--text-title-h6); 592 | line-height: var(--line-height-header-preview); 593 | text-align: left; 594 | } 595 | 596 | 597 | /***************************************/ 598 | /* Code block in Preview */ 599 | /***************************************/ 600 | 601 | 602 | /* code blocks in preview */ 603 | pre code { 604 | font-family: var(--font-family-code) !important; 605 | font-size: var(--font-size-code) !important; 606 | background-color: var(--pre-code-bg)!important; 607 | padding: 1em !important; 608 | line-height: normal; 609 | display: block; 610 | color: var(--code-block) !important; 611 | } 612 | 613 | 614 | /* padding of code blocks in preview */ 615 | .markdown-preview-view pre { 616 | padding: 0px !important; 617 | } 618 | 619 | 620 | /* font-size of in-line block for preview */ 621 | .markdown-preview-view code 622 | { 623 | font-size: 90%; 624 | line-height: 1.7; 625 | } 626 | 627 | 628 | /* in-line block for preview */ 629 | code{ 630 | color: var(--inline-code) !important; 631 | bottom: 0px !important; 632 | } 633 | 634 | 635 | /* remove the shadow that typically affect light mode */ 636 | .theme-dark code[class*="language-"], 637 | .theme-dark pre[class*="language-"], 638 | .theme-light code[class*="language-"], 639 | .theme-light pre[class*="language-"] 640 | { 641 | text-shadow: none !important; 642 | color: var(--text-faint) !important; 643 | } 644 | 645 | 646 | .theme-light code[class*="language-"], 647 | .theme-light pre[class*="language-"] 648 | { 649 | background-color: var(--background-primary-alt); 650 | } 651 | .theme-light .token.operator, 652 | .theme-light .token.entity, 653 | .theme-light .token.url, 654 | .theme-light .language-css .token.string, 655 | .theme-light .style .token.string { 656 | background-color: transparent; 657 | } 658 | 659 | 660 | .theme-dark .token.function, 661 | .theme-dark .token.class-name, 662 | .theme-light .token.function, 663 | .theme-light .token.class-name { 664 | color: #DD4A68; 665 | } 666 | 667 | 668 | .theme-light .token.comment, 669 | .theme-light .token.prolog, 670 | .theme-light .token.doctype, 671 | .theme-light .token.cdata { 672 | color: slategray; 673 | } 674 | .theme-light .token.punctuation { 675 | color: #f8f8f2; 676 | } 677 | .theme-light .token.namespace { 678 | opacity: 0.7; 679 | } 680 | .theme-light .token.property, 681 | .theme-light .token.tag, 682 | .theme-light .token.constant, 683 | .theme-light .token.symbol, 684 | .theme-light .token.deleted { 685 | color: #f92672; 686 | } 687 | .theme-light .token.boolean, 688 | .theme-light .token.number { 689 | color: #ae81ff; 690 | } 691 | .theme-light .token.selector, 692 | .theme-light .token.attr-name, 693 | .theme-light .token.string, 694 | .theme-light .token.char, 695 | .theme-light .token.builtin, 696 | .theme-light .token.inserted { 697 | color: #a6e22e; 698 | } 699 | .theme-light .token.operator, 700 | .theme-light .token.entity, 701 | .theme-light .token.url, 702 | .theme-light .language-css .token.string, 703 | .theme-light .style .token.string, 704 | .theme-light .token.variable { 705 | color: #f8f8f2; 706 | } 707 | .theme-light .token.atrule, 708 | .theme-light .token.attr-value{ 709 | color: #e6db74; 710 | } 711 | .theme-light .token.keyword { 712 | color: #66d9ef; 713 | } 714 | .theme-light .token.regex, 715 | .theme-light .token.important { 716 | color: #fd971f; 717 | } 718 | .theme-light .token.important, 719 | .theme-light .token.bold { 720 | font-weight: bold; 721 | } 722 | .theme-light .token.italic { 723 | font-style: italic; 724 | } 725 | .theme-light .token.entity { 726 | cursor: help; 727 | } 728 | 729 | 730 | /***************************************/ 731 | /* Code block in Editor */ 732 | /***************************************/ 733 | 734 | 735 | /* in-line block for editor */ 736 | .cm-s-obsidian span.cm-inline-code, 737 | .cm-s-obsidian span.cm-inline-code.cm-hmd-indented-code, 738 | .cm-s-obsidian span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code) 739 | { 740 | background-color: var(--background-primary)!important; 741 | color: var(--inline-code) !important; 742 | bottom: 0px !important; 743 | } 744 | 745 | 746 | /* Editor CodeBlock TEXT Appearance */ 747 | .cm-s-obsidian pre.HyperMD-codeblock { 748 | font-family: var(--font-family-code) !important; 749 | font-size: var(--font-size-code) !important; 750 | padding: 1px !important; 751 | display: block; 752 | color: var(--code-block) !important; 753 | font-weight: 500; 754 | } 755 | 756 | 757 | /*remove the border of codeblock in editor */ 758 | /* 759 | .HyperMD-codeblock-bg{ 760 | border: 0px !important; 761 | } 762 | */ 763 | 764 | 765 | /*an active line highlight in vim normal mode 766 | .cm-fat-cursor .CodeMirror-activeline .CodeMirror-linebackground{ 767 | background-color: var(--text-selection) !important; 768 | } */ 769 | 770 | 771 | /*if you want the highlight to present in both normal and insert mode of vim*/ 772 | /* 773 | .CodeMirror-activeline .CodeMirror-linebackground{ 774 | background-color: var(--text-selection) !important; 775 | } 776 | */ 777 | 778 | 779 | /***************************************/ 780 | /* Brackets */ 781 | /***************************************/ 782 | 783 | .cm-s-obsidian span.cm-formatting-link { 784 | color: var(--bracket-color)!important; 785 | } 786 | 787 | .cm-s-obsidian span.cm-formatting-em, 788 | .cm-s-obsidian span.cm-formatting-strong{ 789 | color: rgba(210,210,210,1)!important; 790 | } 791 | 792 | /***************************************/ 793 | /* Blockquote */ 794 | /***************************************/ 795 | 796 | 797 | /* for editor */ 798 | 799 | .cm-quote { 800 | color: var(--text-normal) !important; 801 | font-size: var(--font-size-blockquote); 802 | } 803 | 804 | /* for preview */ 805 | .markdown-preview-view blockquote { 806 | font-size: var(--font-size-blockquote); 807 | background-color: var(--background-secondary)!important; 808 | border-left: 5px solid var(--bracket-color)!important; 809 | border-top: 0px; 810 | border-bottom: 0px; 811 | border-right: 0px; 812 | margin: 1.5em 10px; 813 | padding: 0.5em 10px; 814 | position: relative; 815 | max-width: 80%; 816 | left:5%; 817 | font-style: normal; 818 | quotes: "\201C""\201D""\2018""\2019"; 819 | } 820 | 821 | .markdown-preview-view blockquote:before { 822 | color: var(--text-title-h1); 823 | content: open-quote; 824 | font-size: 4em; 825 | line-height: 0.1em; 826 | /* margin-right: 0.25em; */ 827 | vertical-align: -0.4em; 828 | } 829 | 830 | .markdown-preview-view blockquote p { 831 | /* color: #23384d; */ 832 | margin-top: 0.5em; 833 | margin-bottom: 0.5em; 834 | display: inline; 835 | font-style: normal; 836 | } 837 | 838 | .markdown-preview-view blockquote::before { 839 | content: "\201C" 840 | } 841 | 842 | 843 | /***************************************/ 844 | /* table */ 845 | /***************************************/ 846 | 847 | 848 | th { 849 | font-weight: 800 !important; 850 | } 851 | 852 | 853 | .markdown-preview-view th { 854 | font-weight: 800; 855 | background-color: var(--background-secondary) !important; 856 | } 857 | 858 | 859 | thead { 860 | border-bottom: 3px solid var(--background-modifier-border); 861 | } 862 | 863 | 864 | .table { 865 | padding: 4px; 866 | line-height: normal; 867 | display: block; 868 | border-top-left-radius: 4px; 869 | border-top-right-radius: 4px; 870 | border-bottom-right-radius: 4px; 871 | border-bottom-left-radius: 4px; 872 | } 873 | 874 | 875 | /***************************************/ 876 | /* Checkbox */ 877 | /***************************************/ 878 | /* Round checkbxes in preview and editor */ 879 | input[type=checkbox], .markdown-preview-view .cm-formatting-task { 880 | -webkit-appearance: none; 881 | appearance: none; 882 | border-radius: 50%; 883 | border: 1px solid var(--text-faint); 884 | padding: 0; 885 | /* vertical-align: middle; */ 886 | } 887 | 888 | .markdown-preview-view .cm-s-obsidian span.cm-formatting-task { 889 | color: transparent; 890 | width: 1em !important; 891 | height: 1em; 892 | display: inline-block; 893 | } 894 | 895 | input[type=checkbox]:focus{ 896 | outline:0; 897 | } 898 | input[type=checkbox]:checked, .cm-formatting-task.cm-property { 899 | background-color: var(--text-accent-hover); 900 | border: 1px solid var(--text-accent-hover); 901 | background-position: center; 902 | background-size: 70%; 903 | background-repeat: no-repeat; 904 | background-image: url('data:image/svg+xml; utf8, '); 905 | } 906 | 907 | input[type='range'] { 908 | width: 100px; 909 | -webkit-appearance: none; 910 | background: var(--interactive-accent); 911 | border-radius: 3px; 912 | } 913 | 914 | input[type='range']::-webkit-slider-thumb { 915 | -webkit-appearance: none; 916 | border-radius: 6px; 917 | width: 12px; 918 | height: 12px; 919 | cursor: ew-resize; 920 | background: var(--background-modifier-border); 921 | position: relative; 922 | top: -3px; 923 | } 924 | 925 | .graph-controls { 926 | position: absolute; 927 | left: 8px; 928 | top: 8px; 929 | padding: 8px 16px 8px 8px; 930 | background-color: var(--background-primary); 931 | min-width: 140px; 932 | max-width: 240px; 933 | border: 1px solid var(--background-modifier-border); 934 | border-radius: 6px; 935 | max-height: calc(100% - 16px); 936 | overflow: auto; 937 | } 938 | 939 | /* 940 | 941 | 942 | .markdown-preview-view .task-list-item-checkbox:checked::before { 943 | content: '✓'; 944 | position: absolute; 945 | color: var(--text-accent); 946 | font-size:1em; 947 | line-height: 1.25em; 948 | width:1.2em; 949 | text-align:center; 950 | text-shadow: 0 0 0.1em var(--text-accent); 951 | } 952 | 953 | 954 | .markdown-preview-view .task-list-item-checkbox { 955 | -webkit-appearance: none; 956 | top: 0.2em !important; 957 | right: 4px; 958 | box-sizing: border-box; 959 | border: 1px solid var(--text-muted); 960 | position: relative; 961 | width: 1.25em; 962 | height: 1.25em; 963 | margin: 0; 964 | box-shadow: 0 0 0.1em var(--text-muted); 965 | } 966 | 967 | 968 | .checkbox-container { 969 | background-color: var(--checkbox-color); 970 | } 971 | 972 | .checkbox-container { 973 | cursor: pointer; 974 | border-radius: 14px; 975 | display: inline-block; 976 | height: 22px; 977 | position: relative; 978 | top: 4px; 979 | user-select: none; 980 | width: 42px; 981 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); 982 | transition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; 983 | } 984 | 985 | 986 | .checkbox-container.is-enabled { 987 | background-color: var(--checkbox-enabled); 988 | } 989 | .checkbox-container.is-enabled:after { 990 | transform: translate3d(19px, 0, 0); 991 | } 992 | .checkbox-container.is-enabled:active:after { 993 | left: -4px; 994 | } 995 | .checkbox-container:before { 996 | content: ''; 997 | display: block; 998 | position: absolute; 999 | top: 0; 1000 | left: 0; 1001 | bottom: 0; 1002 | right: 0; 1003 | opacity: 0; 1004 | } 1005 | .checkbox-container:after { 1006 | pointer-events: none; 1007 | content: ''; 1008 | display: block; 1009 | position: absolute; 1010 | background-color: #fff; 1011 | width: 15px; 1012 | height: 15px; 1013 | margin: 3px; 1014 | border-radius: 9px; 1015 | transition: transform 0.15s ease-in-out, width 0.1s ease-in-out, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out; 1016 | left: 0; 1017 | transform: translate3d(3px, 0, 0); 1018 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15); 1019 | } 1020 | .checkbox-container:active:after { 1021 | width: 20px; 1022 | } 1023 | 1024 | */ 1025 | 1026 | 1027 | /***************************************/ 1028 | /* html in editor */ 1029 | /***************************************/ 1030 | 1031 | 1032 | /* html tags in editor */ 1033 | .cm-s-obsidian span.cm-tag { 1034 | color: var(--inline-code) !important; 1035 | } 1036 | 1037 | 1038 | /* html attribute and string in editor */ 1039 | .cm-s-obsidian span.cm-attribute { 1040 | color: var(--text-normal) !important; 1041 | } 1042 | 1043 | 1044 | /* html comments in editor */ 1045 | .cm-s-obsidian span.cm-comment { 1046 | color: var(--text-faint) !important; 1047 | } 1048 | 1049 | 1050 | /***************************************/ 1051 | /* popover */ 1052 | /***************************************/ 1053 | 1054 | 1055 | .popover{ 1056 | border: 1px solid var(--border-color); 1057 | background-color: var(--background-secondary); 1058 | } 1059 | 1060 | 1061 | 1062 | /***************************************/ 1063 | /* Side panel */ 1064 | /***************************************/ 1065 | 1066 | 1067 | /* search result in backlink or file search */ 1068 | .search-result-file-title { 1069 | font-size: var(--font-size-side-dock-title) ; 1070 | } 1071 | 1072 | 1073 | .search-result-file-matches, .search-empty-state { 1074 | font-size: var(--font-size-side-dock); 1075 | } 1076 | 1077 | 1078 | /*decrease the spacing between result items*/ 1079 | .search-result-file-title, 1080 | .search-result-file-match { 1081 | padding: 0px 5px; 1082 | font-size: var(--font-small); 1083 | } 1084 | 1085 | .search-result-file-title { 1086 | font-size: var(--font-medium)!important; 1087 | } 1088 | 1089 | .nav-file-title, .nav-folder-title { 1090 | border-bottom-left-radius: 0 !important; 1091 | border-bottom-right-radius: 0 !important; 1092 | border-top-left-radius: 0 !important; 1093 | border-top-right-radius: 0 !important; 1094 | } 1095 | 1096 | 1097 | 1098 | /*backlink pane*/ 1099 | .workspace-leaf-content[data-type="backlink"] .view-content{ 1100 | background-color: var(--background-secondary); 1101 | } 1102 | 1103 | .tag-pane-tag-count { 1104 | position: absolute; 1105 | top: 2px; 1106 | right: 10px; 1107 | } 1108 | 1109 | .workspace-leaf-content[data-type="tag"] .tag-pane-tag-count, 1110 | .workspace-leaf-content[data-type="tag"] .tag-pane-tag-text { 1111 | font-size: var(--font-medium)!important; 1112 | line-height: 1em; 1113 | padding-bottom: 2px; 1114 | padding-top: 2px; 1115 | 1116 | padding-left: 8px; 1117 | padding-right: 8px; 1118 | border-top-left-radius: 8px; 1119 | border-top-right-radius: 8px; 1120 | border-bottom-left-radius: 8px; 1121 | border-bottom-right-radius: 8px; 1122 | 1123 | padding-left: 8px; 1124 | border-top-left-radius: 8px; 1125 | border-bottom-left-radius: 8px; 1126 | 1127 | padding-right: 8px; 1128 | border-top-right-radius: 8px; 1129 | border-bottom-right-radius: 8px; 1130 | 1131 | color: var(--tag-text-color)!important; 1132 | background: var(--tag-bg)!important; 1133 | } 1134 | 1135 | .pane-clickable-item:hover { 1136 | background: inherit!important; 1137 | } 1138 | 1139 | .workspace-leaf-content[data-type="backlink"] .search-result-file-matches { 1140 | font-size: var(--font-size-side-dock); 1141 | } 1142 | 1143 | 1144 | /***************************************/ 1145 | /* graph view */ 1146 | /***************************************/ 1147 | .graph-view.color-circle, 1148 | .graph-view.color-fill-highlight, 1149 | .graph-view.color-line-highlight 1150 | { 1151 | color: var(--graph-line-on-hover)!important; /* line color on hover */ 1152 | } 1153 | 1154 | 1155 | .graph-view.color-text 1156 | { 1157 | color: var(--graph-note-name)!important; /* note name (with/without hover) */ 1158 | font-size: 2em !important; 1159 | font-weight: 600 !important; 1160 | } 1161 | 1162 | 1163 | .graph-view.color-line { 1164 | color: var(--graph-line-color) !important; /* line color */ 1165 | } 1166 | 1167 | 1168 | .graph-view.color-fill{ 1169 | color: var(--graph-node-color)!important; /* node color */ 1170 | } 1171 | 1172 | 1173 | .workspace-leaf-content[data-type = "graph"] .view-content{ 1174 | background-color: var(--background-primary); /* background */ 1175 | } 1176 | 1177 | 1178 | /***************************************/ 1179 | /* settings */ 1180 | /***************************************/ 1181 | 1182 | 1183 | .modal.mod-settings button:not(.mod-cta):hover { 1184 | background-color: var(--interactive-accent-hover); 1185 | } 1186 | 1187 | 1188 | /***************************************/ 1189 | /* Hide side bar */ 1190 | /***************************************/ 1191 | .workspace-ribbon { 1192 | z-index: 100; 1193 | } 1194 | 1195 | .workspace-ribbon:not(:hover) .workspace-ribbon-collapse-btn, 1196 | .workspace-ribbon:not(:hover) .side-dock-actions, 1197 | .workspace-ribbon:not(:hover) .side-dock-settings { 1198 | display:none; 1199 | transition: all 300ms ease-in-out;} 1200 | .workspace-ribbon:not(:hover) { 1201 | width: 0px; 1202 | transition: all 300ms ease-in-out;} 1203 | 1204 | .workspace-split.mod-left-split {margin-left: 0px;} 1205 | .workspace-split.mod-right-split {margin-right: 0px;} 1206 | 1207 | 1208 | 1209 | /***************************************/ 1210 | /* width of content */ 1211 | /***************************************/ 1212 | 1213 | 1214 | .markdown-source-view.is-readable-line-width .CodeMirror, 1215 | .markdown-preview-view.is-readable-line-width .markdown-preview-section { 1216 | max-width: 70vmax; /* 1vmax = 1% of the larger dimension*/ 1217 | margin-left: auto; 1218 | margin-right: auto; 1219 | } 1220 | 1221 | 1222 | /**************************************/ 1223 | /* note header bar for non-andy mode */ 1224 | /* activated in dark mode */ 1225 | /**************************************/ 1226 | 1227 | 1228 | /* header */ 1229 | 1230 | .theme-dark .view-header { 1231 | background-color: var(--background-primary) !important; 1232 | border-top: 0px solid var(--border-color) !important; 1233 | border-bottom: 1px solid var(--border-color) !important; 1234 | } 1235 | 1236 | 1237 | .theme-dark .view-header-title-container:after { 1238 | background: linear-gradient(to bottom, transparent, var(--background-primary)) !important; 1239 | } 1240 | 1241 | 1242 | .theme-dark .workspace-leaf.mod-active .view-header { 1243 | background-color: var(--background-secondary-alt) !important; 1244 | border-top: 0px solid var(--active-title-border)!important; 1245 | border-bottom: 1px solid var(--border-color) !important; 1246 | } 1247 | 1248 | .workspace-leaf .view-header-title-container:after, 1249 | .workspace-leaf.mod-active .view-header-title-container:after { 1250 | width: 0px; 1251 | background: linear-gradient(to bottom, transparent, var(--background-secondary-alt)) !important; 1252 | } 1253 | 1254 | 1255 | .workspace-leaf.mod-active .view-header-title, 1256 | .workspace-leaf.mod-active .view-header-icon 1257 | { 1258 | color: var(--file-name-color) !important; 1259 | } 1260 | 1261 | 1262 | .view-header-title, .view-header-icon, .view-action{ 1263 | color: var(--background-modifier-border) !important; 1264 | } 1265 | 1266 | 1267 | /**************************************/ 1268 | /* andy mode activated in light mode */ 1269 | /**************************************/ 1270 | 1271 | 1272 | /* Andy Matuschak mode! V2! for 0.7.0! (so... 2.7?) */ 1273 | 1274 | 1275 | /* everything under .mod-root now. Don't want Andy messing with sidebars */ 1276 | /* also, Andy only makes sense for vertical splits, at the root level, right? */ 1277 | .theme-light .mod-root.workspace-split.mod-vertical { 1278 | overflow-x:auto; 1279 | --sticky-left: 25px; /* <- 36px is the header height in the default theme */ 1280 | } 1281 | .theme-light .mod-root.workspace-split.mod-vertical > div { 1282 | min-width: calc(700px + var(--sticky-left)); /* <-- 700px is the default theme's "readable" max-width */ 1283 | box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2); 1284 | position:sticky; 1285 | left:0; 1286 | } 1287 | 1288 | 1289 | 1290 | /* shift sticky position, so titles will stack up to the left */ 1291 | /* This will currently stack to a maximum of 10 before resetting */ 1292 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-8) { left: calc(var(--sticky-left) * 0); } 1293 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-7) { left: calc(var(--sticky-left) * 1); } 1294 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-6) { left: calc(var(--sticky-left) * 2); } 1295 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-5) { left: calc(var(--sticky-left) * 3); } 1296 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-4) { left: calc(var(--sticky-left) * 4); } 1297 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-3) { left: calc(var(--sticky-left) * 5); } 1298 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-2) { left: calc(var(--sticky-left) * 6); } 1299 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n-1) { left: calc(var(--sticky-left) * 7); } 1300 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n+0) { left: calc(var(--sticky-left) * 8); } 1301 | .theme-light .mod-root.workspace-split.mod-vertical > div:nth-child(10n+1) { left: calc(var(--sticky-left) * 9); } 1302 | 1303 | 1304 | /* now it's time for the fancy vertical titles */ 1305 | 1306 | 1307 | /* first we'll add a bit of gap for the title to sit inside of */ 1308 | .theme-light .workspace-leaf-content { 1309 | padding-left: var(--sticky-left); 1310 | position: relative; 1311 | } 1312 | 1313 | 1314 | /* this is where the magic happens */ 1315 | .theme-light .view-header { 1316 | writing-mode: vertical-lr; 1317 | border-right: 1px solid var(--border-color); 1318 | border-left: 0px !important; 1319 | border-top: none; 1320 | border-bottom: none; 1321 | height: auto; 1322 | width: 36px; 1323 | position: absolute; 1324 | left:0; 1325 | top:0; 1326 | bottom:0; 1327 | background-color: var(--background-primary) !important; 1328 | } 1329 | 1330 | 1331 | /* fix the long-title-obscuring shadows */ 1332 | .theme-light .view-header-title-container:after { 1333 | width: 100%; 1334 | height: 30px; 1335 | top:unset; 1336 | bottom: 0; 1337 | background: linear-gradient(to bottom, transparent, var(--background-primary))!important; 1338 | } 1339 | 1340 | 1341 | /* unset the title container height and swap padding */ 1342 | .theme-light .view-header-title-container { 1343 | height: unset; 1344 | padding-left: unset; 1345 | padding-top: 5px; 1346 | } 1347 | 1348 | 1349 | /* active titles have different border colours */ 1350 | .theme-light .workspace-leaf.mod-active .view-header { 1351 | background-color: var(--background-secondary-alt) !important; 1352 | border-right: 3px solid var(--active-title-border) !important; 1353 | border-left: 0px; 1354 | border-bottom: none; 1355 | } 1356 | 1357 | 1358 | /* swap the padding/margin around for the header and actions icons */ 1359 | .theme-light .view-header-icon, .theme-light .view-actions { 1360 | padding: 10px 5px; 1361 | } 1362 | .theme-light .view-action { 1363 | margin: 8px 0; 1364 | } 1365 | 1366 | 1367 | /* get rid of the gap left by the now-missing horizontal title */ 1368 | .theme-light .view-content { 1369 | height: 100%; 1370 | } 1371 | 1372 | 1373 | /* make the fake drop target overlay have a background so you can see it. */ 1374 | /* TODO: figure out how the fake target overlay works so we can put the title back, too */ 1375 | .theme-light .workspace-fake-target-overlay { 1376 | background-color: var(--background-primary); 1377 | } 1378 | 1379 | 1380 | /*preview padding too small*/ 1381 | .theme-light .markdown-preview-view, .theme-light .mod-single-child .markdown-preview-view { 1382 | font-family: var(--font-family-editor); 1383 | font-size: var(--font-size-normal); 1384 | padding-top: 5px; 1385 | padding-left: 4% !important; 1386 | padding-right: 2% !important; 1387 | } 1388 | 1389 | 1390 | /***************************************/ 1391 | /* at a rule line before ul list */ 1392 | /***************************************/ 1393 | 1394 | 1395 | ul ul { position: relative; } 1396 | ul ul::before { 1397 | content:''; 1398 | border-left: var(--ul-line-specs) var(--ul-line-color); 1399 | position: absolute; 1400 | } 1401 | ul ul::before { left: -0.8em; top: 0; bottom: 0; } 1402 | 1403 | 1404 | /* rule line when there are checkboxes*/ 1405 | ul .task-list-item ul::before {left: 0.15em !important} 1406 | 1407 | /* ul line in source mode */ 1408 | .cm-hmd-list-indent .cm-tab::before{ 1409 | content: ' '; 1410 | border-left: var(--ul-line-specs) var(--ul-line-color); 1411 | position: absolute; 1412 | height: 100%; 1413 | } 1414 | 1415 | /* 1416 | .cm-hmd-list-indent::before { 1417 | content: ''; 1418 | border-left: var(--ul-line-specs) var(--ul-line-color); 1419 | left: 0.4em; 1420 | position: absolute; 1421 | height: 100%; 1422 | } 1423 | */ 1424 | 1425 | /* 1426 | .cm-hmd-list-indent-2::before { 1427 | content: ''; 1428 | border-left: 0.8px solid #777; 1429 | left: 2.5em; 1430 | position: absolute; 1431 | height: 100%; 1432 | } 1433 | */ 1434 | 1435 | 1436 | 1437 | /***************************************/ 1438 | /* Hide Scrollbar (recommend for mac) */ 1439 | /***************************************/ 1440 | 1441 | 1442 | /* Hide scrollbar in preview, search, file, tag, back links */ 1443 | /* .markdown-preview-view::-webkit-scrollbar, */ 1444 | .workspace-leaf-content::-webkit-scrollbar, 1445 | .workspace-leaf-content[data-type = "backlink"] .view-content::-webkit-scrollbar { 1446 | display: none; 1447 | } 1448 | Hide scrollbar for editor.CodeMirror-vscrollbar { 1449 | display: none !important; 1450 | } 1451 | 1452 | disable the scrollbar for search pane 1453 | .search-result-container::-webkit-scrollbar, 1454 | .nav-files-container::-webkit-scrollbar, 1455 | .tag-pane-tags::-webkit-scrollbar { 1456 | display: none; 1457 | } 1458 | 1459 | 1460 | disable the scrollbar for main-container 1461 | .theme-light .horizontal-main-container ::-webkit-scrollbar{ 1462 | display: none !important; 1463 | } 1464 | 1465 | .CodeMirror-cursor { 1466 | border-left-width: 0.2em; 1467 | opacity: 0.75; 1468 | } 1469 | 1470 | /* botões*/ 1471 | .view-actions { 1472 | padding: 0; 1473 | } 1474 | .view-action { 1475 | color: var(--text-normal) !important; 1476 | top: 1px; 1477 | margin: 0px 8px 0px 0px; 1478 | order: 3; 1479 | } 1480 | .view-action[aria-label='Pin'] { 1481 | padding-top: 3px; 1482 | order: 2; 1483 | } 1484 | .view-action[aria-label='Close'] { 1485 | order: 4; 1486 | } 1487 | .view-action[aria-label='Unlink pane'] { 1488 | padding-top: 3px; 1489 | order: 1; 1490 | } 1491 | .view-action > svg.cross, 1492 | .view-action > svg.vertical-three-dots, 1493 | .view-action > svg.pencil, 1494 | .view-action > svg.lines-of-text { 1495 | width: 12px; 1496 | height: 12px; 1497 | padding: 5.5px; 1498 | border-radius: 100px; 1499 | } 1500 | .view-action > svg.cross { 1501 | background-color: var(--interface-color-cross); 1502 | } 1503 | .view-action > svg.vertical-three-dots { 1504 | background-color: var(--interface-color-three-dots); 1505 | } 1506 | .view-action > svg.pencil { 1507 | background-color: var(--interface-color-pencil); 1508 | } 1509 | .view-action > svg.lines-of-text { 1510 | background-color: var(--interface-color-pencil); 1511 | } 1512 | .view-action > svg.filled-pin { 1513 | padding: 1px; 1514 | color: var(--interface-color-pin) !important; 1515 | opacity: 0.8; 1516 | } 1517 | .view-action > svg.link { 1518 | padding: 0px; 1519 | color: var(--interface-color-pin) !important; 1520 | opacity: 0.8; 1521 | } 1522 | .view-action > svg.broken-link { 1523 | padding: 0px; 1524 | color: var(--interface-color-pin) !important; 1525 | opacity: 0.8; 1526 | } 1527 | .view-action:hover > svg.cross, 1528 | .view-action:hover > svg.vertical-three-dots, 1529 | .view-action:hover > svg.pencil, 1530 | .view-action:hover > svg.lines-of-text { 1531 | width: 30px; 1532 | height: 30px; 1533 | padding: 4.5px; 1534 | border-radius: 100px; 1535 | color: var(--interfa-color-icon); 1536 | transition: width, height 0.2s; 1537 | } 1538 | .view-action[aria-label='Pin']:hover > svg.filled-pin { 1539 | width: 23px; 1540 | height: 23px; 1541 | transition: width, height 0.2s; 1542 | } 1543 | .view-action[aria-label='Unlink pane']:hover > svg.broken-link { 1544 | width: 23px; 1545 | height: 23px; 1546 | transition: width, height 0.2s; 1547 | } 1548 | 1549 | /* right side header icon */ 1550 | .view-action > svg, 1551 | .view-header-icon > svg { 1552 | width: 13px; 1553 | height: 17px; 1554 | } 1555 | .view-header-icon { 1556 | padding: 5px 5px 5px 5px; 1557 | } 1558 | .view-action, 1559 | .view-header-icon { 1560 | top: 0px; 1561 | } 1562 | 1563 | 1564 | /* _hide_sidebar_on_collapse */ 1565 | /*-------------------------------------*/ 1566 | .workspace-ribbon.is-collapsed:not(:hover) > .workspace-ribbon-collapse-btn, 1567 | .workspace-ribbon.is-collapsed:not(:hover) > .side-dock-actions, 1568 | .workspace-ribbon.is-collapsed:not(:hover) > .side-dock-settings { 1569 | opacity: 0; 1570 | transition: all 500ms ease-in-out; 1571 | } 1572 | .workspace-ribbon.is-collapsed:not(:hover) { 1573 | width: 0px; 1574 | transition: all 300ms ease-in-out; 1575 | } 1576 | .workspace-ribbon.is-collapsed:hover { 1577 | width: 30px; 1578 | transition: all 300ms ease-in-out; 1579 | } 1580 | .workspace-ribbon.is-collapsed:hover > .workspace-ribbon-collapse-btn, 1581 | .workspace-ribbon.is-collapsed:hover > .side-dock-actions, 1582 | .workspace-ribbon.is-collapsed:hover > .side-dock-settings { 1583 | opacity: 1; 1584 | transition: all 500ms ease-in-out; 1585 | } 1586 | .workspace-ribbon.mod-left.is-collapsed ~ .workspace-split.mod-left-split { 1587 | margin-left: 0px; 1588 | } 1589 | .workspace-ribbon.mod-right.is-collapsed ~ .workspace-split.mod-right-split { 1590 | margin-right: 0px; 1591 | } 1592 | .workspace-ribbon.mod-right.is-collapsed:hover ~ .workspace-split.mod-right-split { 1593 | transition: all 300ms ease-in-out; 1594 | margin-right: 30px; 1595 | } 1596 | .workspace-ribbon.mod-left.is-collapsed:hover ~ .workspace-split.mod-left-split { 1597 | transition: all 300ms ease-in-out; 1598 | margin-right: 30px; 1599 | } 1600 | 1601 | 1602 | 1603 | /* status bar*/ 1604 | .status-bar { 1605 | background-color: var(--background-secondary-alt); 1606 | border-color: var(--background-secondary-alt); 1607 | } 1608 | .status-bar { 1609 | padding: 0 30px; 1610 | } 1611 | .status-bar-item { 1612 | background-color: var(--background-primary); 1613 | border-radius: 4px; 1614 | font-size: var(--font-small); 1615 | border: 2px solid var(--background-secondary-alt); 1616 | display: inline-block; 1617 | vertical-align: middle; 1618 | line-height: var(--font-line-height-side); 1619 | } 1620 | 1621 | /***************************************/ 1622 | /* _search_results_and_backlinks */ 1623 | /***************************************/ 1624 | .side-dock-collapsible-section-header, 1625 | .search-empty-state, 1626 | .search-result-file-title, 1627 | .search-result-file-matches, 1628 | .side-dock-collapsible-section-header { 1629 | font-family: var(--font-family); 1630 | font-size: var(--font-size-side); 1631 | } 1632 | .search-result { 1633 | background-color: var(--interface-color-background-alt); 1634 | border-radius: 0px; 1635 | border-bottom: 0em solid var(--border-color); 1636 | padding: 5px; 1637 | margin: 10px 0px 10px 0px; 1638 | } 1639 | .search-result-file-match:hover, 1640 | .search-result-file-title:hover { 1641 | background-color: var(--interface-color-border); 1642 | } 1643 | .search-result-container { 1644 | line-height: var(--font-line-height-side); 1645 | padding: 0px; 1646 | } 1647 | .search-result-container.mod-global-search { 1648 | padding: 0px 3px 0px 11px; 1649 | } 1650 | .search-result-file-title { 1651 | padding: 0px 10px; 1652 | font-weight: bold; 1653 | font-family: var(--font-family-editor); 1654 | } 1655 | .search-result-file-matches { 1656 | padding: 0px; 1657 | } 1658 | .side-dock-collapsible-section-header { 1659 | padding: 0px 0px 0px 10px; 1660 | } 1661 | .side-dock-collapsible-section-header-indicator { 1662 | left: -2px; 1663 | top: -2px; 1664 | } 1665 | 1666 | .search-result-container { 1667 | padding: 0px; 1668 | } 1669 | .workspace-split.mod-right-split .view-content { 1670 | padding: 10px 10px !important; 1671 | } 1672 | 1673 | 1674 | /***************************************/ 1675 | /* _pane_header */ 1676 | /***************************************/ 1677 | .view-header { 1678 | border-color: var(--background-secondary); 1679 | border-top: 0px solid var(--background-secondary); 1680 | border-bottom: 0px solid var(--interface-color-border); 1681 | background-color: var(--interface-color-border); 1682 | } 1683 | 1684 | .workspace-leaf.mod-active .view-header { 1685 | background-color: var(--background-secondary); 1686 | border-bottom: 2px solid var(--active-title-border); 1687 | } 1688 | 1689 | 1690 | .workspace-leaf.mod-active .view-header-title { 1691 | color: var(--interface-color-foreground-alt); 1692 | } 1693 | 1694 | .workspace-leaf.mod-active .view-action > svg, 1695 | .workspace-leaf.mod-active .view-header-icon > svg { 1696 | color: var(--interface-color-foreground-alt); 1697 | } 1698 | 1699 | .workspace-leaf.mod-active .view-header { 1700 | background-color: var(--interface-color-background); 1701 | border-bottom: 0px; 1702 | } 1703 | 1704 | .workspace-leaf.mod-active > .workspace-leaf-content { 1705 | border-color: var(--interface-color-background); 1706 | } 1707 | 1708 | .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header { 1709 | border-bottom: 2px var(--interface-color-border); 1710 | background-color: var(--interface-color-border); 1711 | } 1712 | 1713 | .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content { 1714 | border-color: var(--interface-color-border); 1715 | } 1716 | 1717 | /* _scale */ 1718 | /*-------------------------------------*/ 1719 | .view-header, 1720 | .view-header-title-container { 1721 | height: 28px; 1722 | } 1723 | 1724 | .view-header-title { 1725 | font-size: var(--font-size-header-titles); 1726 | line-height: 28px; 1727 | } 1728 | 1729 | /* Wrap long nav text and some paddings */ 1730 | .nav-file-title, 1731 | .nav-folder-title { 1732 | white-space: normal; 1733 | } 1734 | 1735 | /* Indent wrapped nav text */ 1736 | .nav-file-title-content { 1737 | margin-left: 0px; 1738 | text-indent: -20px; 1739 | } 1740 | 1741 | /* hashtags before headers */ 1742 | 1743 | 1744 | h1:before { 1745 | content: "H1 "; 1746 | font-size: var(--header-before-size-h1); 1747 | color: var(--header-before-color); 1748 | } 1749 | h2:before { 1750 | content: "H2 "; 1751 | padding-left: 0.3em; 1752 | font-size: var(--header-before-size-h2); 1753 | color: var(--header-before-color); 1754 | } 1755 | h3:before { 1756 | content: "H3 "; 1757 | padding-left: 0.72em; 1758 | font-size: var(--header-before-size-h3); 1759 | color: var(--header-before-color); 1760 | } 1761 | h4:before { 1762 | content: "H4 "; 1763 | padding-left: 0.92em; 1764 | font-size: var(--header-before-size-h4); 1765 | color: var(--header-before-color); 1766 | } 1767 | h5:before { 1768 | content: "H5 "; 1769 | padding-left: 1.15em; 1770 | font-size: var(--header-before-size-h5); 1771 | color: var(--header-before-color); 1772 | } 1773 | h6:before { 1774 | content: "H6 "; 1775 | padding-left: 1.42em; 1776 | font-size: var(--header-before-size-h6); 1777 | color: var(--header-before-color); 1778 | } 1779 | 1780 | 1781 | /* Make subtler folding gutter arrows */ 1782 | .CodeMirror-foldgutter-folded:after, .CodeMirror-foldgutter-open:after { 1783 | opacity: 0.3; 1784 | font-size: 140%; 1785 | position: relative; 1786 | top: 10px; 1787 | } 1788 | 1789 | .CodeMirror-foldgutter-folded:hover:after, .CodeMirror-foldgutter-open:hover:after { 1790 | opacity: 1; 1791 | } 1792 | 1793 | .CodeMirror-foldgutter-folded:after { 1794 | content: "\25BA"; 1795 | } 1796 | 1797 | .CodeMirror-foldgutter-open:after { 1798 | content: "\25BC"; 1799 | } 1800 | 1801 | 1802 | /* search box color */ 1803 | /* 1804 | input[type="text"], 1805 | input[type="email"], 1806 | input[type="password"], 1807 | input[type="number"] { 1808 | background: white!important; 1809 | } 1810 | */ 1811 | 1812 | 1813 | /* quick switcher */ 1814 | .suggestion-item.is-selected { 1815 | background-color: var(--quick-switcher); 1816 | } 1817 | 1818 | 1819 | /* side ribbon */ 1820 | .side-dock-ribbon-tab:hover, 1821 | .side-dock-ribbon-action:hover { 1822 | color: var(--text-accent); 1823 | } 1824 | 1825 | .workspace-tab-header:hover { 1826 | color: var(--text-accent); 1827 | } 1828 | 1829 | .workspace-tab-header.is-active:hover { 1830 | color: var(--text-accent); 1831 | } 1832 | 1833 | 1834 | /* file names in navbar */ 1835 | .nav-file-title, 1836 | .nav-folder-title { 1837 | color: var(--text-muted); 1838 | font-size: var(--font-small); 1839 | line-height: 20px; 1840 | padding: 1px 20px 0 26px; 1841 | cursor: pointer; 1842 | position: relative; 1843 | white-space: nowrap; 1844 | } 1845 | 1846 | 1847 | .markdown-preview-view { 1848 | background-color: var(--background-primary)!important; 1849 | } 1850 | 1851 | 1852 | 1853 | /***************************************/ 1854 | /* internal embedded link in preview a.k.a. transclusion */ 1855 | /***************************************/ 1856 | 1857 | /* 1858 | .internal-embed, 1859 | .internal-embed > .markdown-embed, 1860 | .internal-embed > .markdown-embed > .markdown-embed-content, 1861 | .markdown-embed-content > * { 1862 | display: inline; 1863 | padding:10px; 1864 | } 1865 | */ 1866 | /* 1867 | .markdown-embed-link { 1868 | position: static; 1869 | display: inline; 1870 | } 1871 | */ 1872 | 1873 | 1874 | /* Naked Embeds */ 1875 | .markdown-embed-title { display: none; } /* Remove file name */ 1876 | 1877 | .markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0;} 1878 | .markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0;} 1879 | 1880 | /*remove the following two line, you will get border and scroll*/ 1881 | /* 1882 | .markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; } 1883 | */ 1884 | .markdown-preview-view .markdown-embed-content { 1885 | max-height: unset; 1886 | background-color: var(--background-primary); /*define different bg color*/ 1887 | padding-right: 0px; 1888 | /* border-top: 1px dashed var(--text-faint); */ 1889 | border-bottom: 2px dashed var(--text-faint); 1890 | } 1891 | 1892 | /* the link on the top right corner*/ 1893 | .markdown-embed-link::before, 1894 | .markdown-embed-link::after { 1895 | content: ' '; 1896 | padding: 7px;  1897 | } 1898 | .markdown-embed-link::before { 1899 | content: ' Edit original '; 1900 | padding-right: 0px; 1901 | font-family: var(--font-family-code); 1902 | font-size: var(--font-small); 1903 | vertical-align: 3px; 1904 | } 1905 | 1906 | .markdown-embed-link, .file-embed-link { 1907 | color: var(--text-normal) !important; 1908 | font-size: var(--font-small)!important; 1909 | top: -20px; 1910 | right: 10px; 1911 | background-color: var(--background-accent)!important; 1912 | padding: 2px; 1913 | border-top-left-radius: 8px; 1914 | border-top-right-radius: 8px; 1915 | border-bottom-left-radius: 8px; 1916 | border-bottom-right-radius: 8px; 1917 | } 1918 | 1919 | .markdown-embed-link:hover { 1920 | color: var(--text-accent)!important; 1921 | /* background: var(--tag-bg)!important; */ 1922 | } 1923 | 1924 | .markdown-preview-view .markdown-embed, 1925 | .markdown-preview-view .file-embed { 1926 | background-color: var(--background-primary); 1927 | border-radius: 6px; 1928 | border: 0px solid var(--background-modifier-border); 1929 | padding: 0px; margin: 0px; 1930 | } 1931 | /* 1932 | border-bottom: 0px dashed; 1933 | border-bottom-color: var(--header-before-color); 1934 | */ 1935 | 1936 | /* Ignora o primeiro header e os dois primeiros parágrafos */ 1937 | /* .markdown-preview-view .markdown-embed-content>:first-child + p + p { display:none;} */ 1938 | /* .markdown-preview-view .markdown-embed-content>:first-child + p { display:none;} */ 1939 | .markdown-preview-view .markdown-embed-content> h1:first-child { display:none;} 1940 | 1941 | 1942 | /* Remove embed yaml first separator */ 1943 | /* .markdown-embed-content > hr:first-child { display: none; } */ 1944 | /* Remove embed yaml content */ 1945 | /* .markdown-embed-content > hr:first-child + p { display: none; } */ 1946 | /* Remove embed yaml second separator (if empty) */ 1947 | /* .markdown-embed-content > hr:first-child + hr { display: none; } */ 1948 | /* Remove embed yaml second separator */ 1949 | /* .markdown-embed-content > hr:first-child + p + hr { display: none; } */ 1950 | 1951 | span.obsidian-search-match-highlight{ 1952 | color: var(--text-normal) !important; 1953 | background-color: var(--text-search-highlight-bg)!important; 1954 | } 1955 | 1956 | .search-result-collapse-indicator { 1957 | position: absolute; 1958 | left: -10px; 1959 | top: -10px; 1960 | } 1961 | div:not(.CodeMirror-activeline) > .CodeMirror-line .cm-string.cm-url:not(.cm-formatting) { 1962 | font-size: 0; 1963 | } 1964 | 1965 | 1966 | div:not(.CodeMirror-activeline) > .CodeMirror-line .cm-string.cm-url:not(.cm-formatting)::after { 1967 | content: '🔗'; 1968 | font-size: 1rem; 1969 | } 1970 | .nav-file-icon { 1971 | left: -1rem; 1972 | } 1973 | 1974 | 1975 | /* 1976 | .footnotes { 1977 | border-top: 1px solid hsl(0, 0%, 39%); 1978 | } 1979 | */ 1980 | 1981 | hr.footnotes-sep { 1982 | width: 50%!important; 1983 | border: 0.2px solid var(--hr-color)!important; 1984 | background-color: var(--background-primary)!important; 1985 | } 1986 | 1987 | ol.footnotes-list { 1988 | text-align: left; 1989 | line-height: 1.5; 1990 | font-size: 85%; 1991 | } 1992 | 1993 | 1994 | .footnotes ol li p{ 1995 | margin-top: 1em; 1996 | margin-right: 0.5em; 1997 | margin-left: 0.5em; 1998 | margin-bottom: 1.0em; 1999 | } 2000 | 2001 | 2002 | .markdown-preview-view hr { 2003 | height: 0px !important; 2004 | border: 0.1px solid var(--hr-color); 2005 | border-radius: 5px; 2006 | width: 50%; 2007 | margin: 2em auto; 2008 | } 2009 | 2010 | /* Remove a hr e o parágrafo abaixo */ 2011 | /* 2012 | .markdown-embed-content > hr + p { display: none; } 2013 | .markdown-embed-content > hr { display: none; } 2014 | .markdown-embed-content > hr.footnotes-sep { display: block;!important; } 2015 | */ 2016 | 2017 | sub, 2018 | sup { 2019 | font-size: 0.7em; 2020 | /* color: #666; */ 2021 | position: middle; 2022 | line-height: 0; 2023 | vertical-align: super; 2024 | } 2025 | 2026 | sup > a { 2027 | font-family: var(--font-family-code)!important; 2028 | } 2029 | 2030 | .footnote-link::before { 2031 | }/* Naked Embeds */ 2032 | .markdown-embed-title { display: none; } /* Remove file name */ 2033 | 2034 | .markdown-preview-view .markdown-embed-content>:first-child { margin-top: 0;} 2035 | .markdown-preview-view .markdown-embed-content>:last-child { margin-bottom: 0;} 2036 | 2037 | /*remove the following two line, you will get border and scroll*/ 2038 | /* 2039 | .markdown-preview-view .markdown-embed { border:none; padding:0; margin:0; } 2040 | */ 2041 | .markdown-preview-view .markdown-embed-content { 2042 | max-height: unset; 2043 | background-color: var(--background-primary); /*define different bg color*/ 2044 | padding-right: 0px; 2045 | /* border-top: 1px dashed var(--text-faint); */ 2046 | border-bottom: 2px dashed var(--text-faint); 2047 | } 2048 | 2049 | /* the link on the top right corner*/ 2050 | .markdown-embed-link::before, 2051 | .markdown-embed-link::after { 2052 | content: ' '; 2053 | padding: 7px;  2054 | } 2055 | .markdown-embed-link::before { 2056 | content: ' Edit original '; 2057 | padding-right: 0px; 2058 | font-family: var(--font-family-code); 2059 | font-size: var(--font-small); 2060 | vertical-align: 3px; 2061 | } 2062 | 2063 | .markdown-embed-link, .file-embed-link { 2064 | color: var(--text-normal) !important; 2065 | font-size: var(--font-small)!important; 2066 | top: -20px; 2067 | right: 10px; 2068 | background-color: var(--background-accent)!important; 2069 | padding: 2px; 2070 | border-top-left-radius: 8px; 2071 | border-top-right-radius: 8px; 2072 | border-bottom-left-radius: 8px; 2073 | border-bottom-right-radius: 8px; 2074 | } 2075 | 2076 | .markdown-embed-link:hover { 2077 | color: var(--text-accent)!important; 2078 | /* background: var(--tag-bg)!important; */ 2079 | } 2080 | 2081 | .markdown-preview-view .markdown-embed, 2082 | .markdown-preview-view .file-embed { 2083 | background-color: var(--background-primary); 2084 | border-radius: 6px; 2085 | border: 0px solid var(--background-modifier-border); 2086 | padding: 0px; margin: 0px; 2087 | } 2088 | /* 2089 | border-bottom: 0px dashed; 2090 | border-bottom-color: var(--header-before-color); 2091 | */ 2092 | 2093 | /* Ignora o primeiro header e os dois primeiros parágrafos */ 2094 | /* .markdown-preview-view .markdown-embed-content>:first-child + p + p { display:none;} */ 2095 | /* .markdown-preview-view .markdown-embed-content>:first-child + p { display:none;} */ 2096 | .markdown-preview-view .markdown-embed-content> h1:first-child { display:none;} 2097 | 2098 | 2099 | /* Remove embed yaml first separator */ 2100 | /* .markdown-embed-content > hr:first-child { display: none; } */ 2101 | /* Remove embed yaml content */ 2102 | /* .markdown-embed-content > hr:first-child + p { display: none; } */ 2103 | /* Remove embed yaml second separator (if empty) */ 2104 | /* .markdown-embed-content > hr:first-child + hr { display: none; } */ 2105 | /* Remove embed yaml second separator */ 2106 | /* .markdown-embed-content > hr:first-child + p + hr { display: none; } */ 2107 | 2108 | span.obsidian-search-match-highlight{ 2109 | color: var(--text-normal) !important; 2110 | background-color: var(--text-search-highlight-bg)!important; 2111 | } 2112 | 2113 | .search-result-collapse-indicator { 2114 | position: absolute; 2115 | left: -10px; 2116 | top: -10px; 2117 | } 2118 | div:not(.CodeMirror-activeline) > .CodeMirror-line .cm-string.cm-url:not(.cm-formatting) { 2119 | font-size: 0; 2120 | } 2121 | 2122 | 2123 | div:not(.CodeMirror-activeline) > .CodeMirror-line .cm-string.cm-url:not(.cm-formatting)::after { 2124 | content: '🔗'; 2125 | font-size: 1rem; 2126 | } 2127 | .nav-file-icon { 2128 | left: -1rem; 2129 | } 2130 | 2131 | 2132 | /* 2133 | .footnotes { 2134 | border-top: 1px solid hsl(0, 0%, 39%); 2135 | } 2136 | */ 2137 | 2138 | hr.footnotes-sep { 2139 | width: 50%!important; 2140 | border: 0.2px solid var(--hr-color)!important; 2141 | background-color: var(--background-primary)!important; 2142 | } 2143 | 2144 | ol.footnotes-list { 2145 | text-align: left; 2146 | line-height: 1.5; 2147 | font-size: 85%; 2148 | } 2149 | 2150 | 2151 | .footnotes ol li p{ 2152 | margin-top: 1em; 2153 | margin-right: 0.5em; 2154 | margin-left: 0.5em; 2155 | margin-bottom: 1.0em; 2156 | } 2157 | 2158 | 2159 | .markdown-preview-view hr { 2160 | height: 0px !important; 2161 | border: 0.1px solid var(--hr-color); 2162 | border-radius: 5px; 2163 | width: 50%; 2164 | margin: 2em auto; 2165 | } 2166 | 2167 | /* Remove a hr e o parágrafo abaixo */ 2168 | .markdown-embed-content > hr + p { display: none; } 2169 | .markdown-embed-content > hr { display: none; } 2170 | .markdown-embed-content > hr.footnotes-sep { display: block;!important; } 2171 | 2172 | sub, 2173 | sup { 2174 | font-size: 0.7em; 2175 | /* color: #666; */ 2176 | position: middle; 2177 | line-height: 0; 2178 | vertical-align: super; 2179 | } 2180 | 2181 | sup > a { 2182 | font-family: var(--font-family-code)!important; 2183 | } 2184 | 2185 | .footnote-link::before { 2186 | } 2187 | --------------------------------------------------------------------------------