Advertisement
selfire_

Minimal Theme Configuration

Feb 23rd, 2021
472
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 68.08 KB | None | 0 0
  1. /*
  2.  
  3. Minimal Obsidian 2.4.1 by @kepano
  4.  
  5. This theme is designed to be used with the Minimal Theme Settings
  6. plugin and the Hider plugin.
  7.  
  8.  
  9. Sponsor my work on Patreon:
  10. https://www.patreon.com/kepano
  11.  
  12. Readme:;
  13. https://github.com/kepano/obsidian-minimal
  14.  
  15. ----------------------------------------------------------------
  16.  
  17. TOC
  18.  
  19. Options
  20.  
  21.   Disabled features
  22.   Colors
  23.   Font styles
  24.   Cursor
  25.  
  26. Theme
  27.  
  28. Special Features
  29.  
  30.   Frameless mode
  31.   Andy mode for use with Sliding Panes plugin
  32.   App ribbon removed
  33.   Focus mode
  34.   Image zoom
  35.   Calendar plugin
  36.  
  37. Minimal Styling
  38.  
  39.   Headings and fonts
  40.   Icons
  41.   Tags
  42.   Modals
  43.   Drag ghost
  44.   Workspace
  45.   Window frame
  46.   Title bar
  47.   Editor mode
  48.   Internal search
  49.   Sidebar documents
  50.   Toggle switches
  51.   File browser
  52.   Outline
  53.   Search
  54.   Tag pane
  55.   Status bar
  56.   Sidedock icons
  57.   Preview mode
  58.   Code
  59.   Popovers
  60.   Graphs
  61.   Scrollbars
  62.  
  63.  
  64. ----------------------------------------------------------------
  65.  
  66. OPTIONS
  67.  
  68. Disabled features */
  69.  
  70. .pane-list-item-ending-flair:not(.tag-pane-tag-count) { /* Search counts */
  71.   display:none;
  72. }
  73.  
  74. /* Hides the name of the root folder */
  75. .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
  76.   display:none;
  77. }
  78.  
  79. /* Remove this if you re-enable status bar */
  80. .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
  81. .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  82.   height:100%;
  83. }
  84.  
  85.  
  86. :root {
  87.  
  88.   /*----------------------------------------------------------------
  89.  
  90.   Colors
  91.  
  92.   Most colors in this theme are driven from the following values,
  93.   meaning that the backgrounds, borders, and various shades are
  94.   automatically generated for you.
  95.  
  96.   - Base color is used for the backgrounds, text and borders.
  97.   - Accent color is used for links and some interactive elements.
  98.  
  99.   The colors use HSL (hue, saturation, lightness)
  100.  
  101.   - Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue
  102.   - Saturation (0-100%):0% is desaturated, 100% is full saturation
  103.   - Lightness (0-100%):0% is black, 100% is white
  104.  
  105.   */
  106.  
  107.   --base-h:0;       /* Base hue */
  108.   --base-s:0%;      /* Base saturation */
  109.   --base-d:16%;     /* Base lightness Dark Mode  - 0 is black */
  110.   --base-l:96%;     /* Base lightness Light Mode  - 100 is white */
  111.   --accent-h:148;   /* Accent hue */
  112.   --accent-s:100%;   /* Accent saturation */
  113.   --accent-d:55%;   /* Accent lightness Dark Mode */
  114.   --accent-l:43%;   /* Accent lightness Light Mode */
  115.  
  116.   /*----------------------------------------------------------------
  117.  
  118.   Font styles
  119.  
  120.   Preview mode and UI */
  121.  
  122.   --text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  123.  
  124.   /* Editor mode */
  125.  
  126.   --text-editor:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  127.  
  128.   /* Code */
  129.  
  130.   --font-monospace:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace;
  131.  
  132.   /* Sizes, weights, padding */
  133.  
  134.   --font-normal:16px;
  135.   --font-small:13px;
  136.   --font-smaller:11px;
  137.   --font-smallest:10px;
  138.   --normal-weight:400;   /* Switch to 300 if you want thinner default text */
  139.   --bold-weight:600;     /* Switch to 700 if you want thicker bold text */
  140.   --line-width:40rem;    /* Maximum characters per line */
  141.   --line-height:1.5;
  142.   --max-width:87%;       /* Amount of padding around the text, use 90% for narrower padding */
  143.   --nested-padding:3.5%; /* Amount of padding for quotes and transclusions */
  144.   --icon-muted:0.4;
  145.   --border-width:1px;
  146.   --border-width-alt:1px;
  147.  
  148.   /*----------------------------------------------------------------
  149.  
  150.   Cursor
  151.  
  152.   Change this to "pointer" if you like the normal style better */
  153.  
  154.   --cursor:default;
  155.  
  156. }
  157.  
  158. /*----------------------------------------------------------------
  159.  
  160.   THEME
  161.  
  162.   These values are mostly driven by the options above */
  163.  
  164.   .theme-light {
  165.     --background-primary:#F8F8F8;
  166.     --background-primary-alt:hsl(var(--base-h),var(--base-s),var(--base-l));
  167.     --background-secondary:hsl(var(--base-h),var(--base-s),var(--base-l));
  168.     --background-secondary-alt:hsl(var(--base-h),var(--base-s),var(--base-l));
  169.     --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 5%));
  170.     --background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 6%));
  171.     --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 12%));
  172.     --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 20%));
  173.     --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 80%));
  174.     --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 45%));
  175.     --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 25%));
  176.     --background-transparent:hsla(var(--base-h),var(--base-s),var(--base-l),0);
  177.     --background-translucent:rgba(255,255,255,0.85);
  178.     --background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2);
  179.     --background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) + 10%));
  180.     --text-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));
  181.     --text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 10%));
  182.     --text-on-accent:white;
  183.     --icon-hex:000;
  184.     --interactive-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-l));
  185.     --interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-l) - 10%));
  186.     --quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 10%));
  187.     --interactive-accent-rgb:220, 220, 220;
  188.     --text-selection:hsl(var(--accent-h),50%,91%);
  189.     --text-highlight-bg:rgba(255, 224, 0, 0.5);
  190.     --text-highlight-bg-active:rgba(0, 0, 0, 0.1);
  191.     --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-l) - 5%),0.7);
  192.     --text-title-h1: #0B004D;
  193.     --text-title-h2: rgba(11, 0, 77, 0.7);
  194.     --text-title-h3: #008D42;
  195.     --text-title-h4: #009BDB;
  196.   }
  197.  
  198.   .theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
  199.   .theme-light.minimal-light-contrast .titlebar,
  200.   .theme-light.minimal-light-contrast .status-bar,
  201.   .theme-light.minimal-light-contrast .workspace-ribbon.mod-left,
  202.   .theme-light.minimal-light-contrast .mod-left-split,
  203.   .theme-light.minimal-light-contrast .modal.mod-settings .vertical-tab-header,
  204.  
  205.   .theme-dark {
  206.     --background-primary:hsl(var(--base-h),var(--base-s),var(--base-d));
  207.     --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 2%));
  208.     --background-secondary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) - 2%));
  209.     --background-secondary-alt:hsl(var(--base-h),var(--base-s),var(--base-d));
  210.     --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 2%));
  211.     --background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 4%));
  212.     --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%));
  213.     --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%));
  214.     --background-modifier-box-shadow:rgba(0, 0, 0, 0.3);
  215.     --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 67%));
  216.     --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 45%));
  217.     --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%));
  218.     --background-transparent:hsla(var(--base-h),var(--base-s),var(--base-d),0);
  219.     --background-translucent:hsla(var(--base-h),var(--base-s),var(--base-d),0.85);
  220.     --background-match-highlight:hsla(var(--accent-h), 40%, 62%, 0.2);
  221.     --background-modifier-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) - 10%));
  222.     --text-accent:hsl(var(--accent-h),var(--accent-s),var(--accent-d));
  223.     --text-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) + 12%));
  224.     --text-on-accent:white;
  225.     --icon-hex:FFF;
  226.     --interactive-accent:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) - 20%));
  227.     --interactive-accent-hover:hsl(var(--accent-h),var(--accent-s),calc(var(--accent-d) - 15%));
  228.     --quote-opening-modifier:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%));
  229.     --interactive-accent-rgb:66, 66, 66;
  230.     --text-selection:hsla(var(--accent-h),70%,40%,30%);
  231.     --text-highlight-bg:rgba(255, 177, 80, 0.3);
  232.     --text-highlight-bg-active:rgba(255, 255, 255, 0.1);
  233.     --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) - 12%),0.8);
  234.     --text-title-h1: #F1FBFF;
  235.     --text-title-h2: #CCF1FF;
  236.     --text-title-h3: #7ACCA0;
  237.     --text-title-h4: #6EBADB;
  238.   }
  239.   .theme-light.minimal-light-white {
  240.     --background-secondary:white;
  241.   }
  242.   .theme-light.minimal-light-tonal {
  243.     --background-primary:hsl(var(--base-h),var(--base-s),var(--base-l));
  244.     --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-l) - 4%));
  245.     --background-translucent:hsla(var(--base-h),var(--base-s),var(--base-l),0.85);
  246.   }
  247.   .theme-dark.minimal-dark-tonal {
  248.     --background-secondary:hsl(var(--base-h),var(--base-s),var(--base-d));
  249.     --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 4%));
  250.   }
  251.   .theme-dark.minimal-dark-black {
  252.     --base-d:0%;
  253.     --background-primary-alt:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 6%));
  254.     --background-tertiary:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 10%));
  255.     --background-modifier-border:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 12%));
  256.     --background-modifier-border-hover:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 20%));
  257.     --background-modifier-border-focus:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 30%));
  258.     --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) + 8%),0.9);
  259.     --text-normal:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 75%));
  260.     --text-muted:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 50%));
  261.     --text-faint:hsl(var(--base-h),var(--base-s),calc(var(--base-d) + 25%));
  262.     --icon-muted:0.5;
  263.     --background-modifier-box-shadow:rgba(0, 0, 0, 1);
  264.   }
  265.  
  266. .borders-low {
  267.   --border-width:0px;
  268.   --border-width-alt:1px;
  269. }
  270. .borders-none {
  271.   --border-width:0px;
  272.   --border-width-alt:0px;
  273. }
  274.  
  275.  
  276. /*----------------------------------------------------------------
  277.  
  278. SPECIAL FEATURES
  279.  
  280. Frameless mode on macOS only */
  281.  
  282. .hider-frameless .workspace-split.mod-right-split > .workspace-tabs,
  283. .hider-frameless .workspace-split.mod-root .view-header {
  284.   padding-top:2px;
  285. }
  286. .hider-frameless .workspace-split.mod-left-split > .workspace-tabs {
  287.   padding-top:24px;
  288. }
  289. .hider-frameless .workspace-split.mod-right-split > .workspace-tabs ~  .workspace-tabs,
  290. .hider-frameless .workspace-split.mod-left-split > .workspace-tabs ~  .workspace-tabs {
  291.   padding-top:0px;
  292. }
  293. .hider-frameless.is-fullscreen .workspace-split.mod-left-split > .workspace-tabs,
  294. .hider-frameless.is-fullscreen .workspace-split.mod-root .view-header {
  295.   padding-top:0px;
  296. }
  297.  
  298. /* --------------- */
  299. /* Andy Mode Sliding Panes
  300.    Designed for use with death_au's plugin */
  301.  
  302. body.plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before {
  303.   background:none;
  304. }
  305. body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header {
  306.     text-orientation:sideways;
  307. }
  308. body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf,
  309. body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
  310.   box-shadow:var(--background-modifier-border) -1px -0px !important;
  311. }
  312.  
  313. body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
  314.   box-shadow:none !important;
  315. }
  316. /* body.plugin-sliding-panes .CodeMirror,
  317. body.plugin-sliding-panes .markdown-preview-section {
  318.   margin-left:35px;
  319. }*/
  320. body.plugin-sliding-panes:not(.is-fullscreen) .workspace-split.is-collapsed ~ .workspace-split.mod-root .view-header {
  321.   padding-top:14px;
  322.   transition:padding 0.1s ease;
  323. }
  324. body.plugin-sliding-panes .view-header-title:before {
  325.   background:none;
  326. }
  327. body.plugin-sliding-panes .view-header {
  328.   background:none;
  329. }
  330. body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container
  331. body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root .view-header-title {
  332.   margin-top:0;
  333. }
  334. body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container {
  335.   margin-left:0;
  336.   padding-top:0;
  337. }
  338. body.plugin-sliding-panes-rotate-header .view-header-title-container {
  339.   position:static;
  340. }
  341. body.plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions {
  342.   padding-left:0;
  343.   padding-bottom:40px;
  344.   margin-left:4px;
  345.   bottom:0;
  346. }
  347. body.plugin-sliding-panes-rotate-header .view-header-icon {
  348.   opacity:0.5;
  349. }
  350. body.plugin-sliding-panes.is-fullscreen .view-header-icon {
  351.   padding-top:8px;
  352. }
  353. body.plugin-sliding-panes .mod-root .graph-controls {
  354.   top:20px;
  355.   left:30px;
  356. }
  357.  
  358. /* --------------- */
  359. /* App Menu ribbon moved to the bottom edge */
  360.  
  361. .hider-ribbon .workspace-ribbon-collapse-btn {
  362.   display:none;
  363. }
  364. .hider-ribbon .workspace-ribbon.mod-right {
  365.   pointer-events:none;
  366. }
  367. .hider-ribbon .workspace-ribbon.mod-left {
  368.   position:fixed;
  369.   border-right:0px;
  370.   margin:0;
  371.   height:40px;
  372.   bottom:0;
  373.   top:auto;
  374.   display:flex !important;
  375.   flex-direction:row;
  376.   background:var(--background-primary);
  377.   z-index:17;
  378.   opacity:0;
  379.   transition:opacity 0.25s ease-in-out;
  380. }
  381. .hider-ribbon .side-dock-actions,
  382. .hider-ribbon .side-dock-settings {
  383.   display:flex;
  384.   border-top:var(--border-width) solid var(--background-modifier-border);
  385.   background:var(--background-primary);
  386.   margin:0;
  387. }
  388. .hider-ribbon .workspace-ribbon.mod-left:after {
  389.   border-top:var(--border-width) solid var(--background-modifier-border);
  390.   background:var(--background-primary);
  391.   padding-right:100vw;
  392.   content:" ";
  393.   pointer-events:none;
  394. }
  395. .hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action {
  396.   display:inline-block;
  397.   padding:9px 5px 0 12px;
  398. }
  399. .hider-ribbon .workspace-ribbon.mod-left:hover {
  400.   opacity:1;
  401.   transition:opacity 0.25s ease-in-out;
  402. }
  403. .hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
  404.   border-top:1px solid var(--background-modifier-border);
  405. }
  406. .hider-ribbon .workspace-split.mod-left-split {
  407.   margin:0;
  408. }
  409.  
  410. /* --------------- */
  411. /* Focus mode */
  412. /* When the left sidebar is collapsed */
  413.  
  414. .workspace-ribbon.mod-left {
  415.   transition:border-color 0s ease-in-out 0s, background-color 0s ease-in-out 0s;
  416. }
  417. .workspace-ribbon.mod-left.is-collapsed {
  418.   border-color:transparent;
  419.   background-color:transparent;
  420.   transition:border-color 0s ease-in-out 0.1s, background-color 0s ease-in-out 0.2s;
  421. }
  422. .focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-actions,
  423. .focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-settings {
  424.   opacity:1;
  425.   transition:opacity 0s ease-in-out;
  426. }
  427. .is-right-sidedock-collapsed .workspace-split.mod-right-split {
  428.   margin-right:0px;
  429. }
  430. .view-actions {
  431.   margin-right:0px;
  432.   margin-left:auto;
  433.   transition:opacity 0.25s ease-in-out;
  434. }
  435. .view-actions .view-action {
  436.   margin-right:4px;
  437. }
  438. .view-action.is-active {
  439.   color:var(--text-faint);
  440.   opacity:1;
  441. }
  442. .view-actions .view-action:last-child  {
  443.   margin-left:2px;
  444. }
  445. .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions,
  446. .focus-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions,
  447. .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions,
  448. .mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions {
  449.   opacity:1;
  450.   transition:opacity 0.25s ease-in-out;
  451. }
  452. .focus-mode .view-actions,
  453. .focus-mode .workspace-ribbon.mod-right.is-collapsed ~ .mod-root .view-actions,
  454. .focus-mode .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-actions,
  455. .focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-actions,
  456. .focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-settings {
  457.   opacity:0;
  458.   transition:opacity 0.25s ease-in-out;
  459. }
  460.  
  461.  
  462. /* --------------- */
  463. /* Dark mode images  */
  464.  
  465. .theme-dark .markdown-preview-view img {
  466.   opacity:0.75;
  467.   transition:opacity 0.25s linear;
  468. }
  469. .theme-dark .markdown-preview-view img:hover {
  470.   opacity:1;
  471.   transition:opacity 0.25s linear;
  472. }
  473.  
  474. /* --------------- */
  475. /* Image zoom  */
  476.  
  477. .view-content img {
  478.   max-width:100%;
  479.   cursor:zoom-in;}
  480. .view-content img:active {
  481.   cursor:zoom-out;
  482.   display:block;
  483.   z-index:100;
  484.   position:fixed;
  485.     max-height:calc(100% + 1px);
  486.     max-width:calc(100% - 20px);
  487.     height:calc(100% + 1px);
  488.     width:100%;
  489.     object-fit:contain;
  490.     margin:-0.5px auto 0;
  491.     text-align:center;
  492.     top:50%;
  493.     transform:translateY(-50%);
  494.     padding:0;
  495.     left:0;
  496.     right:0;
  497.     bottom:0;
  498.     background:var(--background-translucent);
  499. }
  500.  
  501. /* --------------- */
  502. /* Calendar Plugin */
  503.  
  504. .workspace-leaf-content[data-type='calendar'] .view-content {
  505.   padding:5px 0 0 0;
  506. }
  507. #calendar-container {
  508.   padding:5px 15px;
  509.   --color-background-day-empty:var(--background-secondary-alt);
  510.   --color-background-day-active:var(--background-tertiary);
  511.   --color-background-day-hover:var(--background-tertiary);
  512.   --color-dot:var(--text-faint);
  513.   --color-text-title:var(--text-normal);
  514.   --color-text-heading:var(--text-muted);
  515.   --color-text-day:var(--text-normal);
  516.   --color-text-today:var(--text-normal);
  517.   --color-arrow:var(--text-faint);
  518.   --color-background-day-empty:transparent;
  519. }
  520. #calendar-container .table {
  521.   border-collapse:separate;
  522.   table-layout:fixed;
  523. }
  524. #calendar-container h2 {
  525.   font-weight:400;
  526.   font-size:16px;
  527. }
  528. .mod-root #calendar-container {
  529.   width:var(--line-width);
  530.   max-width:var(--max-width);
  531.   margin:0 auto;
  532.   padding:0;
  533. }
  534. #calendar-container h2 .arrow {
  535.   color:var(--text-faint);
  536.   cursor:var(--cursor);
  537. }
  538. #calendar-container h2 .arrow:hover,
  539. #calendar-container h2 .arrow:hover .arrow {
  540.   fill:var(--text-muted);
  541.   color:var(--text-muted);
  542. }
  543. #calendar-container tr th {
  544.   padding:4px 0;
  545.   font-weight:500;
  546. }
  547. #calendar-container tr td {
  548.   padding:4px 0 4px;
  549.   border-radius:4px;
  550.   cursor:var(--cursor);
  551.   border:2px solid transparent;
  552.   transition:none;
  553. }
  554. #calendar-container .nav {
  555.   padding:0;
  556. }
  557. #calendar-container tr td .dot {
  558.   margin:0;
  559. }
  560. #calendar-container .arrow {
  561.   cursor:var(--cursor);
  562. }
  563. #calendar-container .arrow:hover svg {
  564.   color:var(--text-muted);
  565. }
  566. #calendar-container .reset-button {
  567.   font-size:var(--font-smaller);
  568. }
  569. #calendar-container .reset-button:hover {
  570.   color:var(--text-normal);
  571. }
  572. #calendar-container .title {
  573.   font-size:18px;}
  574.  
  575. #calendar-container .month,
  576. #calendar-container .title {
  577.   font-size:var(--font-normal);
  578.   font-weight:400;
  579. }
  580. #calendar-container .today {
  581.   color:var(--text-accent);
  582.   font-weight:600;
  583. }
  584. #calendar-container .today .dot {
  585.   fill:var(--text-accent);
  586. }
  587. #calendar-container .active .task {
  588.   stroke:var(--text-faint);
  589. }
  590. #calendar-container .active {
  591.   color:var(--text-normal);
  592. }
  593. #calendar-container .active,
  594. #calendar-container .active.today,
  595. #calendar-container .week-num:hover,
  596. #calendar-container td:not(:empty):hover {
  597.   background-color:var(--color-background-day-active);
  598. }
  599. #calendar-container .active .dot {
  600.   fill:var(--text-faint);}
  601. #calendar-container .active .task {
  602.   stroke:var(--text-faint);
  603. }
  604. #calendar-container .year {
  605.   color:var(--text-normal);
  606. }
  607.  
  608.  
  609. /*----------------------------------------------------------------
  610.  
  611. MINIMAL STYLING */
  612.  
  613. /* Headings and fonts */
  614.  
  615. h1,h2,h3,h4,h5,strong {font-weight:var(--bold-weight);}
  616. h1,h2,h3,h4 {letter-spacing:-0.02em;}
  617.  
  618. body, input, button,
  619. .cm-s-obsidian .cm-formatting-hashtag,
  620. .cm-s-obsidian {
  621.   font-family:var(--text) !important;
  622.   font-size:var(--font-normal);
  623.   font-weight:var(--normal-weight);
  624.   line-height:var(--line-height);
  625.   -webkit-font-smoothing:subpixel-antialiased;
  626. }
  627. .markdown-source-view,
  628. .cm-s-obsidian .cm-formatting-hashtag,
  629. .cm-s-obsidian {
  630.   line-height:var(--line-height);
  631.   font-family:var(--text-editor) !important;
  632. }
  633. .cm-s-obsidian .cm-header,
  634. .cm-s-obsidian .cm-strong {
  635.   font-weight:var(--bold-weight);
  636. }
  637. .cm-formatting-header {
  638.   color:var(--text-faint) !important;
  639.   font-weight:var(--normal-weight) !important;
  640. }
  641. .view-header-title,
  642. .file-embed-title,
  643. .markdown-embed-title {
  644.   letter-spacing:-0.02em;
  645.   text-align:left;
  646.   font-size:18px;
  647.   font-weight:var(--bold-weight);
  648. }
  649. .empty-state-title,
  650. .markdown-preview-view h1,
  651. .HyperMD-header-1,
  652. .cm-header-1 {
  653.   letter-spacing:-0.02em;
  654.   font-size:26px !important;
  655.   line-height:1.3;
  656.   color: var(--text-title-h1);
  657.   font-weight:var(--bold-weight) !important;
  658. }
  659. .markdown-preview-view h2,
  660. .HyperMD-header-2,
  661. .cm-header-2 {
  662.   letter-spacing:-0.02em;
  663.   font-size:18px !important;
  664.   line-height:1.3;
  665.   color: var(--text-title-h2);
  666.   font-weight:var(--bold-weight) !important;
  667. }
  668. .markdown-preview-view h3,
  669. .HyperMD-header-3,
  670. .cm-header-3 {
  671.   letter-spacing:-0em;
  672.   font-weight:500 !important;
  673.   font-size:16px !important;
  674.   color: var(--text-title-h3);
  675.   line-height:1.4;
  676. }
  677. .markdown-preview-view h4,
  678. .HyperMD-header-4,
  679. .cm-header-4 {
  680.   font-variant:small-caps;
  681.   text-transform:lowercase;
  682.   letter-spacing:0.02em;
  683.   color:var(--text-normal);
  684.   font-weight:var(--normal-weight) !important;
  685.   font-size:17px !important;
  686. }
  687. .markdown-preview-view h5,
  688. .HyperMD-header-5,
  689. .cm-header-5 {
  690.   font-variant:small-caps;
  691.   text-transform:lowercase;
  692.   letter-spacing:0.05em;
  693.   color:var(--text-normal);
  694.   font-weight:300 !important;
  695.   font-size:15px !important;
  696. }
  697.  
  698. .HyperMD-header-6,
  699. .cm-header-6 {
  700.   font-variant:small-caps;
  701.   text-transform:lowercase;
  702.   letter-spacing:0.1em;
  703.   color:var(--text-muted);
  704.   font-weight:300 !important;
  705.   font-size:14px !important;
  706. }
  707.  
  708. .markdown-preview-view h6
  709. {
  710.   position: relative;
  711.   left: -4%;
  712.   top: 26px;
  713.   line-height: 0px;
  714.   margin-top: -20px;
  715.   margin-right: 3px;
  716.   font-family: var(--font-family-preview);
  717.   font-weight: 500;
  718.   font-size: 10px;
  719.   font-weight: bold;
  720.   color: var(--text-faint) !important;
  721. }
  722.  
  723. /* Bible Verses Embed */
  724. div.markdown-embed .markdown-preview-view h6 {
  725.     position: absolute;
  726.     left: 5px;
  727.     top: 1px;
  728.     margin: 0px;
  729.   }
  730.  
  731. div.markdown-embed .markdown-preview-title h6 {
  732.   line-height:18px;
  733.   height:24px;
  734.   display: inline !important;
  735. }
  736.  
  737. .markdown-preview-view .markdown-embed-content p:first-child {
  738.     margin: 0px;
  739. }
  740.  
  741. div.markdown-embed-link {
  742.     visibility: hidden;
  743. }
  744.  
  745.  
  746.  
  747. /* --------------- */
  748. /* Icons */
  749.  
  750. .nav-action-button svg {
  751.   width:15px;
  752. }
  753. .workspace-ribbon-collapse-btn svg path {
  754.   stroke-width:3px;
  755. }
  756. .nav-action-button svg path {
  757.   stroke-width:2px;
  758. }
  759. .view-header-icon,
  760. .workspace-tab-header,
  761. .nav-action-button,
  762. .side-dock-ribbon-tab,
  763. .view-action {
  764.   background:transparent;
  765.   color:var(--text-muted);
  766.   opacity:var(--icon-muted);
  767.   transition:opacity 0.1s ease-in-out;
  768.   cursor:var(--cursor);
  769. }
  770.  
  771. .view-header-icon {
  772.   opacity:0;
  773. }
  774. .workspace-leaf-content[data-type='search'] .nav-action-button.is-active,
  775. .workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active,
  776. .workspace-tab-header.is-active,
  777. .workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
  778.   background:transparent;
  779.   color:var(--text-muted);
  780.   opacity:1;
  781.   transition:opacity 0.1s ease-in-out;
  782. }
  783. .view-action:hover,
  784. .view-header-icon:hover,
  785. .nav-action-button:hover,
  786. .workspace-tab-header:hover,
  787. .side-dock-ribbon-tab:hover,
  788. .side-dock-ribbon-action:hover {
  789.   background:transparent;
  790.   color:var(--text-muted);
  791.   opacity:1;
  792.   transition:opacity 0 ease-in-out;
  793. }
  794. .workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
  795.   background:transparent;
  796. }
  797. .nav-action-button,
  798. .workspace-leaf-content[data-type='search'] .nav-action-button,
  799. .workspace-leaf-content[data-type='backlink'] .nav-action-button {
  800.   padding:0 4px 0 8px;
  801.   margin:0;
  802. }
  803. .workspace-tab-header-inner {
  804.   padding:3px 3px 3px 10px;
  805. }
  806.  
  807.  
  808. /* --------------- */
  809. /* Tags */
  810.  
  811. .frontmatter-container .tag,
  812. .tag {
  813.   background-color:transparent;
  814.   border:1px solid var(--background-modifier-border);
  815.   color:var(--text-muted);
  816.   font-size:var(--font-small);
  817.   padding:2px 8px;
  818.   text-align:center;
  819.   text-decoration:none;
  820.   display:inline-block;
  821.   margin:2px 0 0 0;
  822.   border-radius:14px;
  823. }
  824. .tag:hover {
  825.   color:var(--text-normal);
  826.   border-color:var(--background-modifier-border-hover);
  827. }
  828. .cm-s-obsidian span.cm-hashtag {
  829.   background-color:transparent;
  830.   border:1px solid var(--background-modifier-border);
  831.   color:var(--text-muted);
  832.   font-size:var(--font-small);
  833.   text-align:center;
  834.   text-decoration:none;
  835.   display:inline-block;
  836.   margin:2px 0;
  837.   vertical-align:middle;
  838.   padding-top:1px;
  839.   border-left:none;
  840.   border-right:none;
  841.   padding-bottom:2px;
  842.   cursor:text;
  843. }
  844. span.cm-hashtag.cm-hashtag-begin {
  845.   border-top-left-radius:14px;
  846.   border-bottom-left-radius:14px;
  847.   padding-left:8px;
  848.   border-right:none;
  849.   border-left:1px solid var(--background-modifier-border);
  850. }
  851. span.cm-hashtag.cm-hashtag-end {
  852.   border-top-right-radius:14px;
  853.   border-bottom-right-radius:14px;
  854.   border-left:none;
  855.   padding-right:8px;
  856.   border-right:1px solid var(--background-modifier-border);
  857. }
  858.  
  859.  
  860. /* --------------- */
  861. /* Modals */
  862.  
  863. .progress-bar-message {
  864.   color:var(--text-faint);
  865. }
  866.  
  867. .modal {
  868.   border:none;
  869.   background:var(--background-primary);
  870.   border-radius:10px;
  871.   overflow:hidden;
  872. }
  873. .modal.mod-settings .vertical-tab-content-container {
  874.   border-left:var(--border-width) solid var(--background-modifier-border);
  875.   padding-bottom:0;
  876.   padding-right:0;
  877. }
  878.  
  879. input.prompt-input,
  880. input.prompt-input:hover {
  881.   border:0;
  882.   background:var(--background-primary);
  883.   padding-left:10px;
  884. }
  885. .modal-container .suggestion-item.is-selected {
  886.   border-radius:6px;
  887.   background:var(--background-tertiary);
  888. }
  889. .suggestion-item.is-selected,
  890. .menu-item:hover {
  891.   background:var(--background-tertiary);
  892. }
  893. .suggestion-item,
  894. .suggestion-empty {
  895.   font-size:var(--font-normal);
  896. }
  897. .modal,
  898. .prompt,
  899. .suggestion-container {
  900.   box-shadow:0 5px 30px rgba(0,0,0,0.15);
  901. }
  902. .prompt-instructions {
  903.   color:var(--text-muted);
  904. }
  905. .prompt-instruction-command {
  906.   font-weight:600;
  907. }
  908.  
  909.  
  910. /* --------------- */
  911. /* Minimal modals
  912.  
  913.  
  914. .modal-bg {
  915.   background-color:var(--background-primary);
  916. }
  917. .modal, .prompt, .suggestion-container {
  918.   box-shadow:none;
  919. }
  920. .prompt {
  921.   padding:0;
  922.   max-height:85vh;
  923.   top:15vh;
  924. }
  925. input.prompt-input {
  926.   font-size:18px;
  927. }
  928.  
  929. .modal.mod-community-plugin,
  930. .modal.mod-settings {
  931.   width:100vw;
  932.   height:100vh;
  933.   max-height:100vh;
  934.   max-width:100vw;
  935. }
  936. .modal.mod-settings .vertical-tab-header,
  937. .modal.mod-settings .vertical-tab-content-container {
  938.   height:100vh;
  939. }
  940.  
  941. .modal.mod-settings .vertical-tab-content-container {
  942.   max-width:1000px;
  943. }*/
  944.  
  945.  
  946. /* --------------- */
  947. /* Drag ghost */
  948.  
  949. .workspace-drop-overlay:before,
  950. .mod-drag,
  951. .drag-ghost {
  952.   opacity:0.8;
  953.   border-radius:0 !important;}
  954.  
  955. .mod-drag {
  956.   opacity:1;
  957.   background-color:var(--text-selection);}
  958.  
  959. /* --------------- */
  960. /* Workspace */
  961.  
  962. .empty-state {
  963.   background-color:var(--background-primary);
  964. }
  965. .workspace-split.mod-vertical > .workspace-split {
  966.   padding:0;
  967. }
  968. .workspace-split .workspace-tabs {
  969.   background:var(--background-primary);
  970. }
  971. .workspace-split:not(.mod-right-split) .workspace-tabs {
  972.   background:var(--background-secondary);
  973. }
  974. .workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content,
  975. .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content {
  976.     border-top-right-radius:0px;
  977.     border-top-left-radius:0px;
  978. }
  979. .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content {
  980.   height:calc(100% - 6px);
  981. }
  982. .workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle,
  983. .workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle {
  984.   border-width:1px;
  985. }
  986. .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
  987.   height:3px;
  988.   background:transparent;
  989.   border-bottom:var(--border-width-alt) solid var(--background-modifier-border);
  990. }
  991. .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
  992.   background:transparent;
  993.   border-left:var(--border-width-alt) solid var(--background-modifier-border);
  994.   width:3px !important;
  995. }
  996. .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
  997. .workspace-split.mod-left-split > .workspace-leaf-resize-handle {
  998.   background:transparent;
  999.   border-right:var(--border-width) solid var(--background-modifier-border);
  1000.   width:2px !important;
  1001. }
  1002. .workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover,
  1003. .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover,
  1004. .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover,
  1005. .workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover {
  1006. }
  1007.  
  1008. .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
  1009. .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active,
  1010. .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
  1011. .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
  1012.   border-color:var(--background-modifier-border-hover);
  1013.   border-width:2px;
  1014. }
  1015. .workspace-tab-container-before,
  1016. .workspace-tab-container-after{
  1017.   width:0;
  1018. }
  1019. .workspace-leaf {
  1020.   border-left:0px;
  1021. }
  1022. .mod-horizontal .workspace-leaf {
  1023.   border-bottom:0px;
  1024.   background-color:transparent;
  1025.   box-shadow:none !important;
  1026. }
  1027. .workspace-leaf:not(.mod-active) {} /* Effects on non-active panels */
  1028.  
  1029. .workspace-tab-container-inner {
  1030.   background:transparent;
  1031.   border-bottom:var(--border-width) solid var(--background-modifier-border);
  1032.   border-radius:0;
  1033.   width:100%;
  1034.   max-width:100%;
  1035.   margin:0 auto;
  1036.   padding-left:5px;
  1037. }
  1038. .workspace-tab-header.is-before-active .workspace-tab-header-inner,
  1039. .workspace-tab-header.is-active,
  1040. .workspace-tab-header.is-after-active,
  1041. .workspace-tab-header.is-after-active .workspace-tab-header-inner,
  1042. .workspace-tab-header.is-before-active,
  1043. .workspace-tab-header.is-after-active {
  1044.   background:transparent;
  1045. }
  1046. .workspace-tabs {
  1047.   border:0;
  1048.   padding-right:0;
  1049.   font-size:100%;
  1050. }
  1051. .workspace-tab-header-container {
  1052.   border:0 !important;
  1053.   height:36px;
  1054.   background-color:transparent;
  1055. }
  1056.  
  1057. /* Testing tab icons next to traffic lights
  1058.  
  1059. .hider-frameless.mod-macos .workspace-split.mod-left-split > .workspace-tabs {
  1060.     padding:0;}
  1061. .hider-frameless.mod-macos .workspace-split.mod-left-split .workspace-tab-container-inner {
  1062.     padding-left:62px;}
  1063. .hider-frameless.mod-macos.is-fullscreen .workspace-split.mod-left-split .workspace-tab-container-inner {
  1064.     padding-left:5px;}
  1065. .workspace-tab-header-inner {
  1066.     padding:3px 2px 3px 10px;
  1067. } */
  1068.  
  1069.  
  1070. /* Testing Big Sur tab backgrounds
  1071. .workspace-tab-header {
  1072.   padding:4px 7px;
  1073.   margin:1px 0px 4px 0px;
  1074. }
  1075. .workspace-tab-header-inner {
  1076.   padding:0;
  1077. }
  1078. .workspace-tab-header.is-active,
  1079. .workspace-tab-header:hover {
  1080.   background:rgba(0,0,0,0.06);
  1081.   border-radius:4px;
  1082. }
  1083. .workspace-tab-header-inner svg {
  1084.   height:16px;
  1085. }*/
  1086.  
  1087.  
  1088. /* Testing 2
  1089. .workspace-tab-container-inner {
  1090.  
  1091. padding-left:10px;}
  1092. .workspace-tab-header-inner {
  1093. padding:5px 7px 3px 7px;
  1094. }
  1095. .workspace-tab-header.is-active {
  1096. margin-bottom:-1px;
  1097. border-bottom:1px solid #999;
  1098. } */
  1099.  
  1100. /* --------------- */
  1101. /* Window frame */
  1102.  
  1103. .titlebar {
  1104.   background:var(--background-secondary);
  1105.   border-bottom:1px solid var(--background-modifier-border);
  1106. }
  1107. .hider-frameless .titlebar {
  1108.   border-bottom:none;
  1109. }
  1110. .titlebar-text {
  1111.   display:none;
  1112.   color:var(--text-faint);
  1113.   letter-spacing:inherit;
  1114. }
  1115. .titlebar-button {
  1116.   opacity:1;
  1117.   cursor:var(--cursor);
  1118. }
  1119. .titlebar-button svg path {
  1120.   fill:var(--text-muted) !important;
  1121.   stroke:var(--text-muted) !important;
  1122. }
  1123. .titlebar-button:hover svg path {
  1124.   fill:var(--text-normal) !important;
  1125.   stroke:var(--text-normal) !important;
  1126. }
  1127.  
  1128. /* --------------- */
  1129. /* Title Bar */
  1130.  
  1131. .view-actions {
  1132.   margin-right:1px;
  1133.   z-index:15;
  1134.   background:var(--background-primary);
  1135. }
  1136. .view-header {
  1137.   height:40px;
  1138. }
  1139. .view-header-title {
  1140.   padding-right:60px;
  1141. }
  1142. .view-header-title:before {
  1143.   background:linear-gradient(90deg,var(--background-transparent) 0%,var(--background-primary) 80%);
  1144.   width:60px;
  1145.   content:" ";
  1146.   height:30px;
  1147.   display:inline-block;
  1148.   vertical-align:bottom;
  1149.   position:absolute;
  1150.   right:0px;
  1151.   pointer-events:none;
  1152. }
  1153. .workspace-leaf-header,
  1154. .view-header {
  1155.   background-color:var(--background-primary) !important;
  1156.   border:none !important;
  1157. }
  1158. .view-header-title-container:after {
  1159.   display:none;
  1160. }
  1161.  
  1162. /* --------------- */
  1163. /* Custom line width */
  1164.  
  1165. .markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
  1166.   max-width:100%;
  1167.   width:auto;
  1168. }
  1169. .markdown-source-view.is-readable-line-width .CodeMirror,
  1170. .CodeMirror,
  1171. .markdown-preview-section {
  1172.   padding-left:0;
  1173.   padding-right:0;
  1174.   margin:0 auto 0 auto;
  1175.   width:var(--line-width);
  1176.   max-width:var(--max-width);
  1177. }
  1178. .view-header-title-container {
  1179.   padding-left:0;
  1180.   padding-right:0px;
  1181.   position:absolute;
  1182.   width:var(--line-width);
  1183.   max-width:var(--max-width);
  1184.   margin:0 auto;
  1185.   left:0;
  1186.   right:0;
  1187. }
  1188.  
  1189. /* --------------- */
  1190. /* Editor mode */
  1191.  
  1192. /* Fancy cursor */
  1193. .fancy-cursor .CodeMirror-cursor {
  1194.   border:none;
  1195.   border-right:2px solid var(--text-accent);
  1196. }
  1197. .markdown-source-view {
  1198.   padding:0;
  1199. }
  1200. .cm-s-obsidian .CodeMirror-code {
  1201.   padding-right:0;
  1202. }
  1203. .CodeMirror-lines {
  1204.   padding-bottom:170px;
  1205. }
  1206. .CodeMirror pre.CodeMirror-line,
  1207. .CodeMirror pre.CodeMirror-line-like {
  1208.   padding-left:0;
  1209.   padding-right:0;
  1210. }
  1211. .cm-s-obsidian pre.HyperMD-list-line {
  1212.   padding-top:0;
  1213. }
  1214. .workspace .markdown-preview-view {
  1215.   padding:0;
  1216. }
  1217. .workspace .markdown-preview-view .markdown-embed {
  1218.   margin:0;
  1219. }
  1220. .workspace .markdown-preview-view .markdown-embed-content {
  1221.   max-height:none;
  1222. }
  1223. .markdown-embed-title,
  1224. .internal-embed .markdown-preview-section {
  1225.   max-width:100%;
  1226. }
  1227. .cm-s-obsidian pre.HyperMD-header {
  1228.   padding-left:0 !important;
  1229. }
  1230. .CodeMirror-linenumber {
  1231.   font-size:var(--font-small) !important;
  1232.   font-feature-settings:'tnum';
  1233.   color:var(--text-faint);
  1234.   padding-top:3px;
  1235. }
  1236. .cm-s-obsidian span.cm-url {
  1237.   color:var(--text-accent);
  1238. }
  1239. .cm-s-obsidian span.cm-link {
  1240.   color:var(--text-muted);
  1241. }
  1242. .cm-s-obsidian span.cm-hmd-internal-link {
  1243.   color:var(--text-accent);
  1244. }
  1245.  
  1246.  
  1247. /* Editor Mode Footnotes */
  1248.  
  1249. .cm-s-obsidian span.cm-footref {
  1250.   font-size:var(--font-normal);
  1251. }
  1252. .cm-s-obsidian pre.HyperMD-footnote {
  1253.   font-size:var(--font-small);
  1254.   padding-left:20px;
  1255. }
  1256.  
  1257. /* Editor Mode Tables */
  1258. .CodeMirror pre.HyperMD-table-row {
  1259.   font-family:var(--font-monospace);
  1260.   font-size:calc(var(--font-normal) - 1px);
  1261. }
  1262.  
  1263. /* Editor Mode Lists */
  1264. .cm-formatting-list {
  1265.   color:var(--text-faint) !important;
  1266. }
  1267. /* Editor Mode Quotes */
  1268. .cm-formatting-quote {
  1269.   color:var(--text-faint) !important;
  1270. }
  1271.  
  1272. /* --------------- */
  1273. /* Internal search */
  1274.  
  1275. .is-flashing {
  1276.   border-radius:2px;
  1277.   box-shadow:0 2px 0 8px var(--text-highlight-bg);
  1278.   transition:all 0s ease-in-out;
  1279. }
  1280. .is-flashing .tag {
  1281.   border-color:var(--text-highlight-bg-active);
  1282. }
  1283. .cm-s-obsidian span.obsidian-search-match-highlight {
  1284.   background:inherit;
  1285.   border-radius:2px;
  1286.   box-shadow:0 0 0px 2px var(--text-normal);
  1287.   padding-left:0;
  1288.   padding-right:0;
  1289. }
  1290. .markdown-preview-view .search-highlight > div {
  1291.   box-shadow:0 0 0px 2px var(--text-normal);
  1292.   border-radius:2px;
  1293.   background:transparent;
  1294. }
  1295. .markdown-preview-view .search-highlight > div {
  1296.   opacity:0.4;
  1297. }
  1298. .markdown-preview-view .search-highlight > div.is-active {
  1299.   background:transparent;
  1300.   border-radius:2px;
  1301.   opacity:1;
  1302.   mix-blend-mode:normal;
  1303.   box-shadow:0 0 0px 3px var(--text-accent);
  1304. }
  1305. .document-search-container.mod-replace-mode {
  1306.   height:90px;
  1307. }
  1308. .document-search-button,
  1309. .document-search-close-button {
  1310.   cursor:var(--cursor);
  1311. }
  1312. .document-search-close-button:before {
  1313.   font-weight:200;
  1314. }
  1315. .document-search-container {
  1316.   position:fixed;
  1317.   padding-top:10px;
  1318.   height:50px;
  1319.   background-color:var(--background-primary);
  1320.   border-top:var(--border-width-alt) solid var(--background-modifier-border);
  1321.   width:100%;
  1322. }
  1323. input.document-search-input,
  1324. input.document-replace-input {
  1325.   font-size:var(--font-small) !important;
  1326.   border:1px solid var(--background-modifier-border);
  1327.   border-radius:14px;
  1328.   background:var(--background-primary);
  1329.   transition:border-color 0.1s ease-in-out;
  1330. }
  1331. input.document-search-input:hover,
  1332. input.document-replace-input:hover {
  1333.   border:1px solid var(--background-modifier-border-hover);
  1334.   background:var(--background-primary);
  1335.   transition:border-color 0.1s ease-in-out;
  1336. }
  1337. input.document-search-input:focus,
  1338. input.document-replace-input:focus {
  1339.   border:1px solid var(--background-modifier-border-focus);
  1340.   background:var(--background-primary);
  1341.   transition:all 0.1s ease-in-out;
  1342. }
  1343. .document-search-button {
  1344.   font-size:var(--font-small);
  1345. }
  1346.  
  1347. /* --------------- */
  1348. /* Sidebar documents */
  1349.  
  1350. .workspace > .workspace-split:not(.mod-root) .CodeMirror,
  1351. .workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
  1352.   font-size:var(--font-small);
  1353.   line-height:1.2;}
  1354. .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .markdown-preview-view {
  1355.   padding:0 15px;
  1356. }
  1357. .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .markdown-embed .markdown-preview-view {
  1358.   padding:0;
  1359. }
  1360. .workspace > .workspace-split:not(.mod-root) .CodeMirror,
  1361. .workspace > .workspace-split:not(.mod-root) .markdown-preview-section,
  1362. .workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer {
  1363.   max-width:100%;
  1364.   padding:0;
  1365.   width:auto;
  1366. }
  1367.  
  1368. /* Hide embed styling for sidebar documents */
  1369. .workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed {
  1370.   border:none;
  1371.   padding:0;
  1372. }
  1373.  
  1374. .workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer {
  1375.   padding-left:10px;
  1376. }
  1377.  
  1378.  
  1379. /* --------------- */
  1380. /* Form inputs */
  1381.  
  1382. button,
  1383. .modal.mod-settings button:not(.mod-cta) {
  1384.   background-color:var(--background-modifier-border);
  1385.   cursor:var(--cursor);
  1386. }
  1387. button:hover,
  1388. .modal.mod-settings button:not(.mod-cta):hover {
  1389.   background-color:var(--background-modifier-border-hover);
  1390. }
  1391.  
  1392. /* --------------- */
  1393. /* Checkboxes */
  1394.  
  1395. input[type=checkbox] {
  1396.   -webkit-appearance:none;
  1397.   appearance:none;
  1398.   border-radius:50%;
  1399.   border:1px solid var(--background-modifier-border-hover);
  1400.   padding:0;
  1401. }
  1402. input[type=checkbox]:focus,input[type=checkbox]:hover {
  1403.   outline:0;
  1404.   border-color:var(--text-faint);
  1405. }
  1406. .is-flashing input[type=checkbox]:checked,
  1407. input[type=checkbox]:checked {
  1408.   background-color:var(--background-modifier-accent) !important;
  1409.   border:1px solid var(--background-modifier-accent);
  1410.   background-position:center;
  1411.   background-size:70%;
  1412.   background-repeat:no-repeat;
  1413.   background-image:url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
  1414. }
  1415. .markdown-preview-section > .contains-task-list {
  1416.   padding-bottom:0.5em;
  1417. }
  1418. .markdown-preview-view ul > li.task-list-item.is-checked {
  1419.   text-decoration:none;
  1420.   color:var(--text-faint);
  1421. }
  1422. .markdown-preview-view .task-list-item-checkbox {
  1423.   width:18px;
  1424.   height:18px;
  1425.   position:relative;
  1426.   top:6px;
  1427.   line-height:0;
  1428.   margin-left:-1.5em;
  1429.   margin-right:6px;
  1430.   filter:none;
  1431. }
  1432. .markdown-preview-view ul > li.task-list-item {
  1433.   text-indent:0;
  1434.   line-height:1.4;
  1435. }
  1436. .markdown-preview-view .task-list-item {
  1437.   padding-inline-start:0;
  1438. }
  1439. .side-dock-plugin-panel-inner {
  1440.   padding-right:6px;
  1441.   padding-left:6px;
  1442. }
  1443.  
  1444. /* --------------- */
  1445. /* Folding */
  1446.  
  1447. .markdown-preview-view ul > li.task-list-item .collapse-indicator {
  1448.   margin-left:-30px;
  1449.   margin-top:4px;
  1450.   position:absolute;
  1451. }
  1452. .markdown-preview-view .collapse-indicator {
  1453.   margin-left:-57px;
  1454.   position:absolute;
  1455. }
  1456. .markdown-preview-view .heading-collapse-indicator {
  1457.   margin-left:-27px;
  1458.   padding-top:7px;
  1459.   padding-bottom:7px;
  1460. }
  1461. .markdown-preview-view h4 .heading-collapse-indicator,
  1462. .markdown-preview-view h5 .heading-collapse-indicator,
  1463. .markdown-preview-view h6 .heading-collapse-indicator {
  1464.   margin-top:-7px;
  1465. }
  1466. .CodeMirror-foldgutter-open,
  1467. .CodeMirror-foldgutter-folded {
  1468.   cursor:var(--cursor);
  1469. }
  1470.  
  1471. /* --------------- */
  1472. /* Toggle switches */
  1473.  
  1474. .checkbox-container {
  1475.   background-color:var(--text-faint);
  1476.   border:none;
  1477.   box-shadow:none;
  1478.   cursor:var(--cursor);
  1479. }
  1480. .checkbox-container:after {
  1481.   background:white;
  1482.   box-shadow:none;
  1483. }
  1484. .checkbox-container.is-enabled {
  1485.   border-color:var(--interactive-accent);
  1486. }
  1487.  
  1488. /* --------------- */
  1489. /* File browser */
  1490.  
  1491. .nav-header {
  1492.   padding:0;
  1493. }
  1494. /*
  1495. .nav-header:after {
  1496.   content:"";
  1497.   pointer-events:none;
  1498.   z-index:9;
  1499.   background:linear-gradient(0deg,var(--background-transparent) 0%,var(--background-secondary) 100%);;
  1500.   height:12px;
  1501.   width:100%;
  1502.   position:fixed;
  1503. }*/
  1504. .nav-buttons-container {
  1505.   padding:10px 5px 0px 5px;
  1506.   margin-bottom:0px !important;
  1507.   justify-content:flex-start;
  1508.   border:0;
  1509. }
  1510. .nav-files-container {
  1511.   overflow-x:hidden;
  1512.   padding-bottom:50px;
  1513. }
  1514. .nav-folder-title {
  1515.   margin:0px;
  1516.   padding:0 10px 0 24px;
  1517.   cursor:var(--cursor);
  1518. }
  1519. .nav-folder-title.is-being-dragged-over {
  1520.   background-color:var(--background-modifier-accent);
  1521.   border-color:var(--background-modifier-accent);
  1522.   border-radius:0;
  1523.   border-left:1px solid transparent;
  1524.   border-right:1px solid transparent;
  1525. }
  1526. .nav-folder-title-content {
  1527.   padding:1px 4px;
  1528. }
  1529. .nav-folder-collapse-indicator {
  1530.   top:1px;
  1531. }
  1532.  
  1533. /* Disclosure icons
  1534.  
  1535. .collapse-icon svg {
  1536.   display:none;
  1537. }
  1538. .collapse-icon {
  1539.   margin:0;
  1540.   padding:0 0 0 5px;
  1541.   top:auto;
  1542. }
  1543. .collapse-icon:after {
  1544.   content:"\203A";
  1545.   font-weight:200;
  1546.   display:inline-block;
  1547.   font-size:22px;
  1548.   height:22px;
  1549.   width:10px;
  1550.   transition:transform 100ms ease-in-out;
  1551.   transform:rotate(90deg);
  1552. }
  1553. .is-collapsed .collapse-icon:after {
  1554.   transform:rotate(0deg);
  1555. }*/
  1556.  
  1557. .nav-file {
  1558.   margin-left:12px;
  1559.   padding-right:4px;
  1560. }
  1561. .nav-file-title {
  1562.   width:calc(100% - 30px);
  1563.   margin:0 8px 0 -4px;
  1564.   padding:2px 2px;
  1565.   border-width:0;
  1566.   border-color:var(--background-secondary);
  1567.   border-radius:6px;
  1568.   cursor:var(--cursor);
  1569. }
  1570. .nav-file-title-content {
  1571.   width:100%;
  1572.   white-space:nowrap;
  1573.   overflow:hidden;
  1574.   text-overflow:ellipsis;
  1575.   padding:0 5px;
  1576.   vertical-align:middle;
  1577.   cursor:var(--cursor);
  1578. }
  1579. .workspace-leaf-content[data-type=starred] .nav-file-title-content {
  1580.   width:calc(100% - 15px);
  1581. }
  1582. body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
  1583. body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator,
  1584. body:not(.is-grabbing) .nav-file-title:hover,
  1585. body:not(.is-grabbing) .nav-folder-title:hover {
  1586.   background:transparent;
  1587. }
  1588. .nav-file-title,
  1589. .nav-folder-title,
  1590. .is-collapsed .search-result-file-title,
  1591. .tag-pane-tag {
  1592.   font-size:var(--font-small) !important;
  1593.   color:var(--text-muted);
  1594. }
  1595. .search-result-file-title {
  1596.   font-size:var(--font-small) !important;
  1597.   color:var(--text-normal);
  1598.   font-weight:var(--font-normal);
  1599. }
  1600. .side-dock-collapsible-section-header {
  1601.   font-size:var(--font-small);
  1602.   color:var(--text-muted);
  1603.   cursor:var(--cursor);
  1604.   margin-right:0;
  1605.   margin-left:0;
  1606. }
  1607. .side-dock-collapsible-section-header:hover,
  1608. .side-dock-collapsible-section-header:not(.is-collapsed) {
  1609.   color:var(--text-muted);
  1610.   background:transparent;
  1611. }
  1612. .tree-view-item-self:hover .tree-view-item-collapse,
  1613. .collapsible-item-self.is-clickable:hover {
  1614.   color:var(--text-muted);
  1615.   background:transparent;
  1616. }
  1617. .search-result-collapse-indicator,
  1618. .search-result-file-title:hover .search-result-collapse-indicator,
  1619. .side-dock-collapsible-section-header-indicator:hover,
  1620. .side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator,
  1621. .markdown-preview-view .collapse-indicator,
  1622. .tree-view-item-collapse,
  1623. .is-collapsed .search-result-collapse-indicator,
  1624. .nav-folder-collapse-indicator,
  1625. .side-dock-collapsible-section-header-indicator,
  1626. .is-collapsed .side-dock-collapsible-section-header-indicator {
  1627.   color:var(--text-faint);
  1628.   cursor:var(--cursor);
  1629. }
  1630.  
  1631. /* --------------- */
  1632. /* Outline */
  1633.  
  1634. .outline {
  1635.   padding-top:10px;
  1636.   padding-bottom:20px;
  1637.   font-size:var(--font-small);
  1638. }
  1639. .outline .pane-empty {
  1640.   font-size:var(--font-small);
  1641.   color:var(--text-faint);
  1642.   padding:0 0 0 15px;
  1643.   width:100%;
  1644. }
  1645. .outline .collapsible-item-self {
  1646.   cursor:var(--cursor);
  1647.   line-height:1.4;
  1648.   margin-bottom:4px;
  1649.   font-size:var(--font-small);
  1650.   padding-left:15px;
  1651. }
  1652. .collapsible-item-collapse {
  1653.   opacity:1;
  1654.   left:-5px;
  1655.   color:var(--text-faint);
  1656. }
  1657. .collapsible-item-self.is-clickable:hover .collapsible-item-collapse {
  1658.   color:var(--text-normal);
  1659. }
  1660. .outline > .collapsible-item > .collapsible-item-self .right-triangle {
  1661.   opacity:0;
  1662. }
  1663.  
  1664. /* --------------- */
  1665. /* Search */
  1666.  
  1667. .search-result-file-match {
  1668.   cursor:var(--cursor) !important;
  1669. }
  1670. .search-result-file-match:hover {
  1671.   color:var(--text-normal);
  1672.   background:transparent;
  1673. }
  1674. .search-result-container:before {
  1675.   height:1px;
  1676. }
  1677. .search-result-container.is-loading:before {
  1678.   background-color:var(--background-modifier-accent);
  1679. }
  1680. .search-result {
  1681.   margin-bottom:0;
  1682. }
  1683. .search-result-count {
  1684.   opacity:1;
  1685.   color:var(--text-faint);
  1686.   padding:0 0 0 5px;
  1687. }
  1688. .search-result-file-match:before {
  1689.   top:0;
  1690. }
  1691. .search-result-file-match:not(:first-child) {
  1692.   margin-top:0px;}
  1693. .search-result-file-match {
  1694.   margin-top:0;
  1695.   margin-bottom:0;
  1696.   padding-top:6px;
  1697.   padding-bottom:5px;
  1698. }
  1699. .search-result-file-matched-text {
  1700.   background-color:var(--text-selection);
  1701. }
  1702. .search-input-container {
  1703.   width:calc(100% - 20px);
  1704. }
  1705. .search-input-clear-button {
  1706.   cursor:var(--cursor);
  1707.   top:0px;
  1708.   bottom:0px;
  1709.   border-radius:15px;
  1710.   line-height:0px;
  1711.   height:15px;
  1712.   width:15px;
  1713.   margin:auto;
  1714.   padding:6px 0 0 0;
  1715.   text-align:center;
  1716.   vertical-align:middle;
  1717.   align-items:center;
  1718.   color:var(--text-faint);
  1719. }
  1720. .search-input-clear-button:hover {
  1721.   color:var(--text-normal);
  1722. }
  1723. .search-input-clear-button:before {
  1724.   font-size:22px;
  1725.   font-weight:200;
  1726. }
  1727. .search-input {
  1728.   max-width:100%;
  1729.   margin-left:0;
  1730.   width:500px;
  1731. }
  1732. input.search-input:focus {
  1733.   border-color:var(--background-modifier-border);
  1734. }
  1735. .workspace-leaf-content[data-type='search'] .search-result-file-matches {
  1736.   border-left:0;
  1737.   padding-left:0;
  1738. }
  1739. .search-empty-state {
  1740.   font-size:var(--font-small);
  1741.   color:var(--text-faint);
  1742.   padding-left:5px;
  1743.   margin:0;
  1744. }
  1745. .search-result-container {
  1746.   padding:0 10px 5px 10px;
  1747. }
  1748. .search-result-file-title {
  1749.   line-height:1.3;
  1750.   padding:4px 4px 4px 24px;
  1751.   vertical-align:middle;
  1752.   cursor:var(--cursor)!important;
  1753.   overflow:hidden;
  1754.   text-overflow:ellipsis;
  1755. }
  1756. .search-result-file-title > span:not(.search-result-collapse-indicator):not(.search-result-count) {
  1757.   white-space:nowrap;
  1758.   overflow:hidden;
  1759.   text-overflow:ellipsis;
  1760. }
  1761. .search-result-collapse-indicator {
  1762.   left:0px;
  1763. }
  1764. .search-result-file-match:before {
  1765.   height:0.5px;
  1766. }
  1767. .search-result-file-matches {
  1768.   font-size:var(--font-smaller);
  1769.   line-height:1.3;
  1770.   margin-bottom:8px;
  1771.   padding:0 0 6px 0;
  1772.   color:var(--text-muted);
  1773.   border-bottom:1px solid var(--background-modifier-border-focus);
  1774. }
  1775. .search-info-more-matches {
  1776.   font-size:var(--font-smaller);
  1777.   padding-top:4px;
  1778.   padding-bottom:4px;
  1779.   color:var(--text-normal);
  1780. }
  1781. .side-dock-collapsible-section-header-indicator {
  1782.   display:none;
  1783. }
  1784. .side-dock-collapsible-section-header {
  1785.   padding-left:15px;
  1786.   color:var(--text-faint);
  1787.   text-transform:uppercase;
  1788.   letter-spacing:0.05em;
  1789.   font-size:var(--font-smallest);
  1790.   font-weight:500;
  1791.   padding-top:10px;
  1792.   background:transparent;
  1793. }
  1794. .backlink-pane {
  1795.   padding-bottom:30px;
  1796. }
  1797. .backlink-pane .search-result-container {
  1798.   padding:5px 5px 5px 10px;
  1799.   margin-left:0;
  1800. }
  1801. .backlink-pane .search-result-file-title {
  1802.   padding-left:20px;
  1803. }
  1804. .list-item-ending-flair {
  1805.   right:0;
  1806.   background:transparent;
  1807. }
  1808. .backlink-pane .list-item-ending-flair {
  1809.   right:12px;
  1810. }
  1811. .tag-pane-tag .list-item-ending-flair {
  1812.   right:5px;
  1813. }
  1814. .pane-list-item:hover .pane-list-item-ending-flair,
  1815. .list-item:hover .list-item-ending-flair {
  1816.   background:transparent;
  1817.   color:var(--text-muted);
  1818. }
  1819. .search-result-file-title:hover {
  1820.   color:var(--text-normal);
  1821.   background:transparent;
  1822. }
  1823. .workspace-leaf-content .search-input,
  1824. .workspace-leaf-content .search-input:hover,
  1825. .workspace-leaf-content .search-input:focus {
  1826.   font-size:var(--font-small);
  1827.   padding:7px 10px;
  1828.   height:28px;
  1829.   border-radius:20px;
  1830.   background:var(--background-primary);
  1831.   border:1px solid var(--background-modifier-border);
  1832.   transition:border-color 0.1s ease-in-out;
  1833. }
  1834. .workspace-leaf-content .search-input:hover {
  1835.   border-color:var(--background-modifier-border-hover);
  1836.   transition:border-color 0.1s ease-in-out;
  1837. }
  1838. .workspace-leaf-content .search-input:focus {
  1839.   background:var(--background-primary);
  1840.   border-color:var(--background-modifier-border-focus);
  1841.   transition:all 0.1s ease-in-out;
  1842. }
  1843. .workspace-leaf-content .search-input::placeholder {
  1844.   color:var(--text-faint);
  1845.   font-size:var(--font-small);
  1846. }
  1847. .workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content {
  1848.   padding-right:0;
  1849. }
  1850. .workspace-split.mod-horizontal.mod-right-split {
  1851.   width:0;
  1852. }
  1853. .workspace-split.mod-vertical > .workspace-leaf {
  1854.   padding-right:1px;
  1855. }
  1856. .workspace-leaf-content[data-type=starred] .item-list {
  1857.   padding-top:5px;
  1858. }
  1859. .workspace-split.mod-right-split .view-content {
  1860.   padding:0 0 0 0;
  1861. }
  1862.  
  1863. /* --------------- */
  1864. /* Tag pane */
  1865.  
  1866. .tag-pane-tag-count {
  1867.   padding:0;
  1868.   color:var(--text-faint);
  1869. }
  1870. .pane-list-item-ending-flair {
  1871.   background:transparent;
  1872. }
  1873. .tag-pane-tag {
  1874.   padding:2px 15px 2px 5px;
  1875.   cursor:var(--cursor);
  1876. }
  1877. .tag-pane-tag:hover {
  1878.   background:transparent;
  1879. }
  1880. .nav-file.is-active .nav-file-title:hover {
  1881.   background:var(--background-tertiary) !important;
  1882. }
  1883. .nav-file.is-active > .nav-file-title {
  1884.   background:var(--background-tertiary);
  1885. }
  1886.  
  1887. /* --------------- */
  1888. /* Status bar */
  1889.  
  1890. .status-bar {
  1891.   background-color:var(--background-secondary);
  1892.   color:var(--text-muted);
  1893.   font-size:var(--font-smaller);
  1894.   border-width:var(--border-width-alt);
  1895.   padding:0 5px 0;
  1896. }
  1897. .status-bar-item {
  1898.   padding:0 5px;
  1899. }
  1900. .status-bar-item-segment {
  1901.   margin-right:10px;
  1902. }
  1903.  
  1904. /* --------------- */
  1905. /* Default ribbon sidedock icons */
  1906.  
  1907. .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
  1908.   opacity:1;
  1909.   height:60px;
  1910.   position:fixed;
  1911.   width:30px;
  1912.   top:auto;
  1913.   bottom:0;
  1914.   z-index:9;
  1915. }
  1916. .workspace-ribbon.mod-right {
  1917.   opacity:1;
  1918.   height:60px;
  1919.   position:fixed;
  1920.   width:30px;
  1921.   top:auto;
  1922.   bottom:0;
  1923.   z-index:9;
  1924. }
  1925. .workspace-ribbon-collapse-btn {
  1926.   margin:0;
  1927.   padding-top:8px;
  1928. }
  1929. .workspace-ribbon-collapse-btn,
  1930. .view-action,
  1931. .side-dock-ribbon-tab,
  1932. .side-dock-ribbon-action {
  1933.   cursor:var(--cursor);
  1934. }
  1935. .workspace-ribbon {
  1936.   border-width:var(--border-width-alt);
  1937.   border-color:var(--background-modifier-border);
  1938.   background:var(--background-secondary);
  1939. }
  1940. .workspace-ribbon.mod-right {
  1941.   right:0;
  1942.   position:absolute;
  1943.   background:transparent;
  1944.   border-right:0;
  1945. }
  1946. .mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
  1947.   margin-right:0;
  1948. }
  1949. .side-dock-ribbon-action {
  1950.   padding:6px 0;
  1951. }
  1952. .side-dock-settings {
  1953.   padding-bottom:20px;
  1954. }
  1955. .side-dock-ribbon {
  1956.   border-left:0;
  1957. }
  1958. body.hider-frameless:not(.hider-ribbon) .side-dock-actions {
  1959.   padding-top:24px;
  1960. }
  1961. body:not(.hider-ribbon) .side-dock-ribbon-action {
  1962.   padding:6px 0 0 0;
  1963. }
  1964.  
  1965. /* --------------- */
  1966. /* Preview mode  */
  1967.  
  1968. .markdown-preview-view hr {
  1969.   height:1px;
  1970.   border-width:2px 0 0 0;
  1971. }
  1972. a[href*="obsidian://search"] {
  1973.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
  1974. }
  1975. .theme-dark a[href*="obsidian://search"] {
  1976.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
  1977. }
  1978. .minimal-theme:not(.links-int-on) a[href*="obsidian://"],
  1979. .minimal-theme:not(.links-int-on) .markdown-preview-view .internal-link,
  1980. .minimal-theme:not(.links-int-on) .external-link {
  1981.   text-decoration:none;
  1982. }
  1983. .minimal-theme.links-int-on .markdown-preview-view .internal-link,
  1984. .markdown-preview-view .internal-link {
  1985.   text-decoration:underline;
  1986. }
  1987. .minimal-theme.links-ext-on .external-link,
  1988. .external-link {
  1989.   text-decoration:underline;
  1990. }
  1991. .footnotes-list {
  1992.   margin-block-start:-10px;
  1993.   padding-inline-start:20px;
  1994.   font-size:var(--font-small);
  1995. }
  1996. .footnotes-list p {
  1997.   display:inline;
  1998.   margin-block-end:0;
  1999.   margin-block-start:0;
  2000. }
  2001. .footnote-ref a {
  2002.   text-decoration:none;
  2003. }
  2004. .footnote-backref {
  2005.   color:var(--text-faint);
  2006. }
  2007. iframe {
  2008.   border:0;
  2009. }
  2010. .markdown-preview-view img:not([width]),
  2011. .markdown-preview-view audio,
  2012. .markdown-preview-view video {
  2013.   width:100%;
  2014. }
  2015. .markdown-preview-view .mod-highlighted {
  2016.   transition:background-color 0.3s ease;
  2017.   background-color:var(--text-selection);
  2018.   color:inherit;
  2019. }
  2020.  
  2021. /* Metadata */
  2022.  
  2023. .frontmatter-collapse-indicator.collapse-indicator {
  2024.   display:none;
  2025. }
  2026. .frontmatter-container .tag {
  2027.   font-size:var(--font-smaller);
  2028. }
  2029. .frontmatter-container .frontmatter-alias {
  2030.   color:var(--text-muted);
  2031. }
  2032. .frontmatter-container {
  2033.   color:var(--text-muted);
  2034.   font-size:var(--font-small);
  2035.   padding:10px 0;
  2036.   background:transparent;
  2037.   border-radius:0;
  2038.   margin:0;
  2039.   border:0;
  2040.   border-bottom:1px solid var(--background-modifier-border);
  2041. }
  2042. .frontmatter-container .frontmatter-container-header {
  2043.   padding:0;
  2044.   font-weight:500;
  2045.   border-bottom:0;
  2046.   font-size:var(--font-small);
  2047. }
  2048. .frontmatter-container .frontmatter-container-header:before {
  2049. }
  2050.  
  2051. /* Blockquotes */
  2052.  
  2053. .markdown-preview-view blockquote {
  2054.   border-radius:0;
  2055.   border:solid var(--quote-opening-modifier);
  2056.   border-width:0px 0px 0px 1px;
  2057.   background-color:transparent;
  2058.   color:var(--text-muted);
  2059.   padding:0 0 0 calc(var(--nested-padding) / 2);
  2060.   margin-inline-start:var(--nested-padding);
  2061. }
  2062.  
  2063. /* Tables */
  2064.  
  2065. .markdown-preview-view th {
  2066.   font-weight:var(--bold-weight);
  2067.   text-align:left;
  2068.   border-top:none;
  2069. }
  2070. .markdown-preview-view th:last-child,
  2071. .markdown-preview-view td:last-child {
  2072.   border-right:none;
  2073. }
  2074. .markdown-preview-view th:first-child,
  2075. .markdown-preview-view td:first-child {
  2076.   border-left:none;
  2077.   padding-left:0;
  2078. }
  2079. .markdown-preview-view tr:last-child td {
  2080.   border-bottom:none;
  2081. }
  2082.  
  2083. /* Preview Mode Lists  */
  2084.  
  2085. ul {
  2086.   padding-inline-start:2em;
  2087.   list-style:none;
  2088. }
  2089. ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul {
  2090.   list-style:none;
  2091. }
  2092. ul > li:not(.task-list-item)::before {
  2093.   content:"\2022";
  2094.   color:var(--text-faint);
  2095.   font-weight:600;
  2096.   display:inline-block;
  2097.   width:1em;
  2098.   margin-left:-1em;
  2099. }
  2100. ul li p, ol li p {
  2101.   display:inline;
  2102. }
  2103. ol {
  2104.   padding-inline-start:1em;
  2105.   margin-left:1em;
  2106.   list-style:none;
  2107.   counter-reset:counter;
  2108.   position:relative;
  2109. }
  2110. ol > li {
  2111.   margin-left:0em;
  2112.   counter-increment:counter;}
  2113. ol > li::before {
  2114.   content:counter(counter) ". ";
  2115.   color:var(--text-faint);
  2116.   position:absolute;
  2117.   left:-1.25em;
  2118.   text-align:right;
  2119.   width:2em;
  2120. }
  2121.  
  2122. /* Code */
  2123. .theme-light :not(pre) > code[class*="language-"],
  2124. .theme-light pre[class*="language-"] {
  2125.   background-color:var(--background-primary-alt);
  2126. }
  2127. .theme-light code[class*="language-"],
  2128. .theme-light pre[class*="language-"] {
  2129.   text-shadow:none;
  2130. }
  2131. .markdown-preview-section .frontmatter code {
  2132.   color:var(--text-muted);
  2133.   font-size:var(--font-small);
  2134. }
  2135. .cm-s-obsidian .hmd-fold-html-stub,
  2136. .cm-s-obsidian .hmd-fold-code-stub,
  2137. .cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
  2138. .cm-s-obsidian .cm-formatting-hashtag,
  2139. .cm-s-obsidian .cm-inline-code,
  2140. .cm-s-obsidian .HyperMD-codeblock,
  2141. .cm-s-obsidian .HyperMD-hr,
  2142. .cm-s-obsidian .cm-hmd-frontmatter,
  2143. .cm-s-obsidian .cm-hmd-orgmode-markup,
  2144. .cm-s-obsidian .cm-formatting-code,
  2145. .cm-s-obsidian .cm-math,
  2146. .cm-s-obsidian span.hmd-fold-math-placeholder,
  2147. .cm-s-obsidian .CodeMirror-linewidget kbd,
  2148. .cm-s-obsidian .hmd-fold-html kbd
  2149. .CodeMirror-code {
  2150.   font-family:var(--font-monospace);
  2151. }
  2152. .cm-s-obsidian .cm-hmd-frontmatter {
  2153.   font-size:var(--font-small);
  2154.   color:var(--text-muted);
  2155. }
  2156.  
  2157. /* --------------- */
  2158. /* Popovers */
  2159.  
  2160. .theme-dark.minimal-dark-black .popover {
  2161.   background:#111;
  2162. }
  2163.  
  2164. .popover,
  2165. .popover.hover-popover {
  2166.   min-height:40px;
  2167.   box-shadow:0 20px 40px var(--background-modifier-box-shadow);
  2168.   pointer-events:auto !important;
  2169.   border:1px solid var(--background-modifier-border);
  2170. }
  2171. .popover.hover-popover {
  2172.   max-height:40vh;}
  2173. .popover .markdown-embed-link {
  2174.   display:none;
  2175. }
  2176. .popover .markdown-embed .markdown-preview-view {
  2177.   padding-bottom:30px;
  2178. }
  2179. .popover.hover-popover .markdown-embed .markdown-embed-content {
  2180.   max-height:none;
  2181. }
  2182. .popover.mod-empty {
  2183.   padding:20px 15px 20px 20px;
  2184.   color:var(--text-muted);
  2185. }
  2186.  
  2187. /* --------------- */
  2188. /* Graphs */
  2189.  
  2190. /* Full bleed */
  2191. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-header,
  2192. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-header {
  2193.   position:fixed;
  2194.   background:transparent !important;
  2195.   width:100%;}
  2196. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-content,
  2197. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-content {
  2198.   height:100%;}
  2199. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-header-title,
  2200. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-header-title {
  2201.   display:none;}
  2202. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-actions,
  2203. body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-actions {
  2204.   background:transparent;}
  2205. .mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
  2206. .mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
  2207.   top:30px;}
  2208.  
  2209. .mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
  2210. .mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
  2211.   top:30px;}
  2212. /*
  2213. .graph-controls .setting-item-name,
  2214. .graph-control-section-header {
  2215.   font-weight:500;
  2216.   color:var(--text-faint);
  2217.   font-size:var(--font-smaller);
  2218. }
  2219.  
  2220. .mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
  2221.   top:0px;
  2222.   left:30px;
  2223.   z-index:99;
  2224.   flex-direction:row;
  2225.   max-width:none;
  2226.   background:transparent;
  2227.   display:flex;
  2228.   border:0;
  2229. }
  2230. .mod-root .collapsible-item.graph-control-section.mod-filter {
  2231.  
  2232. }
  2233. .mod-root .collapsible-item-self {
  2234.   padding-top:10px;
  2235.   background-color:var(--background-primary);
  2236.   margin:0;
  2237. }
  2238. .mod-root .collapsible-item-children {
  2239.   margin-top:0;
  2240.   background-color:var(--background-primary);
  2241.   padding:10px;
  2242.   margin:0;
  2243.   border:1px solid var(--background-modifier-border);
  2244.  
  2245. }*/
  2246.  
  2247. .graph-controls {
  2248.   background:var(--background-primary);
  2249.   border:none;
  2250.   left:0;
  2251.   top:10px;
  2252.   margin-bottom:0;
  2253.   padding:0 20px 10px 10px;
  2254.   border-radius:0;
  2255. }
  2256. .mod-left-split .graph-controls {
  2257.   background:var(--background-secondary);
  2258. }
  2259. input[type=range] {
  2260.   background-color:rgba(0,0,0,0.15);
  2261.   height:16px;
  2262.   padding:9px 7px 0 7px;
  2263.   -webkit-appearance:none;
  2264.   cursor:default;
  2265.   margin:0;
  2266.   border-radius:50px;
  2267. }
  2268. input[type=range]:focus {
  2269.  
  2270. }
  2271. input[type=range]::-webkit-slider-runnable-track {
  2272.   background:var(--text-muted);
  2273.   height:1px;
  2274.   margin-top:-9px;
  2275. }
  2276. input[type=range]::-webkit-slider-thumb {
  2277.   background:var(--text-muted);
  2278.   height:7px;
  2279.   width:20px;
  2280.   margin-top:0px;
  2281.   cursor:default;
  2282. }
  2283. input[type=range]::-webkit-slider-thumb:hover,
  2284. input[type=range]::-webkit-slider-thumb:active {
  2285.   background:var(--text-normal);
  2286. }
  2287. .local-graph-jumps-slider-container,
  2288. .workspace-split.mod-left-split .local-graph-jumps-slider-container,
  2289. .workspace-split.mod-right-split .local-graph-jumps-slider-container,
  2290. .workspace-fake-target-overlay .local-graph-jumps-slider-container {
  2291.   background:transparent;
  2292.   opacity:0.6;
  2293.   padding:0;
  2294.   left:12px;
  2295.   transition:opacity 0.2s linear;
  2296.   height:auto;
  2297. }
  2298. .mod-root .local-graph-jumps-slider-container {
  2299.   right:0;
  2300.   left:0;
  2301.   width:var(--line-width);
  2302.   max-width:var(--max-width);
  2303.   margin:0 auto;
  2304.   top:30px;
  2305. }
  2306. .workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
  2307. .workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
  2308. .workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
  2309. .local-graph-jumps-slider-container:hover {
  2310.   opacity:0.8;
  2311.   transition:opacity 0.2s linear;
  2312. }
  2313.  
  2314. /* filled color for the circle when not hover*/
  2315. .graph-view.color-fill {
  2316.   color:var(--text-muted);
  2317. }
  2318. /*  color for the connecting line when not hover  --background-modifier-border*/
  2319. .graph-view.color-line {
  2320.   color:var(--background-modifier-border);
  2321. }
  2322. /* color for text */
  2323. .graph-view.color-text {
  2324.   color:var(--text-normal);
  2325. }
  2326. /* filled color for the circle when hover*/
  2327. .graph-view.color-fill-highlight {
  2328.   color:var(--text-accent);
  2329. }
  2330. /*  color for the connecting line when hover*/
  2331. .graph-view.color-line-highlight {
  2332.   color:var(--text-accent);
  2333.   border:0;
  2334. }
  2335. /* color for the circle stroke */
  2336. .graph-view.color-circle {
  2337.   color:var(--text-accent);
  2338. }
  2339. .graph-view.color-fill-unresolved {
  2340.   color:var(--text-faint);
  2341. }
  2342.  
  2343. /* ---------------
  2344. .theme-dark .graph-view.color-arrow {
  2345. color: #5cc863;
  2346. }
  2347. .theme-dark .graph-view.color-fill-tag {
  2348.   color: #440154;
  2349. }
  2350. .theme-dark .graph-view.color-fill-attachment {
  2351.   color: #277f8e;
  2352. }
  2353. .theme-dark .graph-view.color-fill-unresolved {
  2354.   color: #fde725;
  2355. } */
  2356.  
  2357. /* --------------- */
  2358. /* Settings */
  2359.  
  2360. .modal-close-button {
  2361.   top:0;
  2362.   cursor:var(--cursor);
  2363. }
  2364. .modal-close-button:before {
  2365.   font-weight:200;
  2366. }
  2367. .horizontal-tab-content, .vertical-tab-content {
  2368.   background:var(--background-primary)
  2369. }
  2370. .modal.mod-settings .vertical-tab-header {
  2371.   background:var(--background-secondary);
  2372.   padding-top:5px;
  2373. }
  2374. .vertical-tab-header-group-title {
  2375.   color:var(--text-normal);
  2376.   font-size:12px;
  2377.   letter-spacing:0.05em;
  2378.   font-weight:500;
  2379. }
  2380. .vertical-tab-nav-item {
  2381.   font-size:var(--font-small);
  2382.   padding:5px 10px 5px 17px;
  2383.   color:var(--text-muted);
  2384.   border:none;
  2385.   background:var(--background-secondary);
  2386.   cursor:var(--cursor);
  2387. }
  2388. .vertical-tab-nav-item:hover,
  2389. .vertical-tab-nav-item.is-active {
  2390.   color:var(--text-normal);
  2391. }
  2392. .setting-hotkey {
  2393.   background-color:var(--background-modifier-border);
  2394.   padding:3px 25px 3px 10px;
  2395. }
  2396. .setting-hotkey.mod-empty {
  2397.   background:transparent;
  2398. }
  2399. .dropdown {
  2400.   border-color:var(--background-modifier-border);
  2401.   font-family:var(--text);
  2402.   background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  2403. }
  2404. .theme-dark .dropdown {
  2405.   background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  2406. }
  2407. .dropdown:focus {
  2408.   border-color:var(--background-modifier-border-focus);
  2409. }
  2410.  
  2411. /* --------------- */
  2412. /* Scroll bars */
  2413.  
  2414. ::-webkit-scrollbar {
  2415.   width:7px;
  2416. }
  2417. ::-webkit-scrollbar-track {
  2418.   background-color:var(--background-primary);
  2419. }
  2420. ::-webkit-scrollbar-thumb {
  2421.   border-width:0px 4px 6px 0px;
  2422.   border-style:solid;
  2423.   border-radius:0 !important;
  2424.   border-color:var(--background-primary);
  2425.   min-height:40px;
  2426. }
  2427. .modal .vertical-tab-header::-webkit-scrollbar-track,
  2428. .mod-left-split .workspace-tabs ::-webkit-scrollbar-track {
  2429.   background-color:var(--background-secondary);
  2430. }
  2431. .modal .vertical-tab-header::-webkit-scrollbar-thumb,
  2432. .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb {
  2433.   border-color:var(--background-secondary);
  2434. }
  2435. .theme-light.minimal-light-contrast .mod-left-split .vertical-tab-header::-webkit-scrollbar-thumb,
  2436. .theme-light.minimal-light-contrast .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb {
  2437.   background-color:var(--background-modifier-border-hover);
  2438. }
  2439. .theme-light.minimal-light-contrast .mod-left-split .vertical-tab-header::-webkit-scrollbar-track,
  2440. .theme-light.minimal-light-contrast .mod-left-split .workspace-tabs ::-webkit-scrollbar-track {
  2441.   border-color:var(--background-modifier-border-hover);
  2442. }
  2443.  
  2444. /* Transcluded notes embeds */
  2445.  
  2446. .markdown-preview-view .markdown-embed {
  2447.   padding:0 calc(var(--nested-padding) / 2) 0 var(--nested-padding);
  2448. }
  2449. .markdown-embed-title {
  2450.   line-height:18px;
  2451.   height:24px;
  2452.   display: none;
  2453. }
  2454. .markdown-embed .markdown-preview-sizer {
  2455.     padding-left: 1em !important;
  2456.     padding-top: .5em !important;
  2457.     min-height: 0em !important;
  2458. }
  2459. .markdown-embed .markdown-preview-sizer:first-child ul {
  2460.   margin-block-start:2px;
  2461. }
  2462. .markdown-embed .markdown-preview-section:last-child p,
  2463. .markdown-embed .markdown-preview-section:last-child ul {
  2464.   margin-block-end:2px;
  2465. }
  2466. .markdown-embed-link,
  2467. .file-embed-link {
  2468.   top:0px;
  2469.   right:0;
  2470.   text-align:right;
  2471. }
  2472. .file-embed-link svg,
  2473. .markdown-embed-link svg {
  2474.   width:16px;
  2475.   opacity:0;
  2476. }
  2477. .markdown-embed:hover .file-embed-link svg,
  2478. .markdown-embed:hover .markdown-embed-link svg {
  2479.   opacity:1;
  2480. }
  2481. .markdown-preview-view .markdown-embed-content > .markdown-preview-view {
  2482.   max-height: none !important;}
  2483. .markdown-embed .markdown-preview-view {
  2484.   padding:0;}
  2485. .internal-embed .markdown-embed {
  2486.   border:0;
  2487.   border:.5px solid var(--background-tertiary);
  2488.   border-left:2px solid var(--text-accent);
  2489.   border-radius:0;
  2490.   padding-left: 0;
  2491.   background-color: var(--background-primary-alt);
  2492.   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  2493.   transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  2494. }
  2495. .internal-embed .markdown-embed:hover {
  2496.     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  2497.     transform: translate3d(0px, -3px, 0px);
  2498. }
  2499. br + .internal-embed {
  2500.     margin-top: -1.75rem;
  2501. }
  2502. .markdown-embed-title ~ .markdown-embed-link,
  2503. .internal-embed[src*="#"] .markdown-embed-link {
  2504.   right:0 !important;
  2505.   width:3%;
  2506. }
  2507.  
  2508. .internal-embed:not([src*="#^"]) .markdown-embed-link {
  2509.     left: auto;
  2510. }
  2511. .internal-embed[src*="^"] .markdown-preview-sizer {
  2512.     padding-left: .25em !important;
  2513.     padding-top: 0 !important;
  2514. }
  2515. li > div.internal-embed {
  2516.     display: inline-flex;
  2517.     width: 99%
  2518. }
  2519.  
  2520. li .internal-emb
  2521.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement