mirror of
https://github.com/evlic/typora_theme.git
synced 2024-11-24 20:22:11 +08:00
1980 lines
162 KiB
CSS
1980 lines
162 KiB
CSS
|
/*!
|
||
|
* typora-themeable
|
||
|
* v1.0.2
|
||
|
* https://github.com/jhildenbiddle/typora-themeable
|
||
|
* (c) 2022 John Hildenbiddle <http://hildenbiddle.com>
|
||
|
* MIT license
|
||
|
*/
|
||
|
:root{
|
||
|
--red-50:#fef2f2;
|
||
|
--red-100:#fee2e2;
|
||
|
--red-200:#fecaca;
|
||
|
--red-300:#fca5a5;
|
||
|
--red-400:#f87171;
|
||
|
--red-500:#ef4444;
|
||
|
--red-600:#dc2626;
|
||
|
--red-700:#b91c1c;
|
||
|
--red-800:#991b1b;
|
||
|
--red-900:#7f1d1d;
|
||
|
|
||
|
--orange-50:#fff7ed;
|
||
|
--orange-100:#ffedd5;
|
||
|
--orange-200:#fed7aa;
|
||
|
--orange-300:#fdba74;
|
||
|
--orange-400:#fb923c;
|
||
|
--orange-500:#f97316;
|
||
|
--orange-600:#ea580c;
|
||
|
--orange-700:#c2410c;
|
||
|
--orange-800:#9a3412;
|
||
|
--orange-900:#7c2d12;
|
||
|
|
||
|
--amber-50:#fffbeb;
|
||
|
--amber-100:#fef3c7;
|
||
|
--amber-200:#fde68a;
|
||
|
--amber-300:#fcd34d;
|
||
|
--amber-400:#fbbf24;
|
||
|
--amber-500:#f59e0b;
|
||
|
--amber-600:#d97706;
|
||
|
--amber-700:#b45309;
|
||
|
--amber-800:#92400e;
|
||
|
--amber-900:#78350f;
|
||
|
|
||
|
--yellow-50:#fefce8;
|
||
|
--yellow-100:#fef9c3;
|
||
|
--yellow-200:#fef08a;
|
||
|
--yellow-300:#fde047;
|
||
|
--yellow-400:#facc15;
|
||
|
--yellow-500:#eab308;
|
||
|
--yellow-600:#ca8a04;
|
||
|
--yellow-700:#a16207;
|
||
|
--yellow-800:#854d0e;
|
||
|
--yellow-900:#713f12;
|
||
|
|
||
|
--lime-50:#f7fee7;
|
||
|
--lime-100:#ecfccb;
|
||
|
--lime-200:#d9f99d;
|
||
|
--lime-300:#bef264;
|
||
|
--lime-400:#a3e635;
|
||
|
--lime-500:#84cc16;
|
||
|
--lime-600:#65a30d;
|
||
|
--lime-700:#4d7c0f;
|
||
|
--lime-800:#3f6212;
|
||
|
--lime-900:#365314;
|
||
|
|
||
|
--green-50:#f0fdf4;
|
||
|
--green-100:#dcfce7;
|
||
|
--green-200:#bbf7d0;
|
||
|
--green-300:#86efac;
|
||
|
--green-400:#4ade80;
|
||
|
--green-500:#22c55e;
|
||
|
--green-600:#16a34a;
|
||
|
--green-700:#15803d;
|
||
|
--green-800:#166534;
|
||
|
--green-900:#14532d;
|
||
|
|
||
|
--emerald-50:#ecfdf5;
|
||
|
--emerald-100:#d1fae5;
|
||
|
--emerald-200:#a7f3d0;
|
||
|
--emerald-300:#6ee7b7;
|
||
|
--emerald-400:#34d399;
|
||
|
--emerald-500:#10b981;
|
||
|
--emerald-600:#059669;
|
||
|
--emerald-700:#047857;
|
||
|
--emerald-800:#065f46;
|
||
|
--emerald-900:#064e3b;
|
||
|
|
||
|
--teal-50:#f0fdfa;
|
||
|
--teal-100:#ccfbf1;
|
||
|
--teal-200:#99f6e4;
|
||
|
--teal-300:#5eead4;
|
||
|
--teal-400:#2dd4bf;
|
||
|
--teal-500:#14b8a6;
|
||
|
--teal-600:#0d9488;
|
||
|
--teal-700:#0f766e;
|
||
|
--teal-800:#115e59;
|
||
|
--teal-900:#134e4a;
|
||
|
|
||
|
--cyan-50:#ecfeff;
|
||
|
--cyan-100:#cffafe;
|
||
|
--cyan-200:#a5f3fc;
|
||
|
--cyan-300:#67e8f9;
|
||
|
--cyan-400:#22d3ee;
|
||
|
--cyan-500:#06b6d4;
|
||
|
--cyan-600:#0891b2;
|
||
|
--cyan-700:#0e7490;
|
||
|
--cyan-800:#155e75;
|
||
|
--cyan-900:#164e63;
|
||
|
|
||
|
--sky-50:#f0f9ff;
|
||
|
--sky-100:#e0f2fe;
|
||
|
--sky-200:#bae6fd;
|
||
|
--sky-300:#7dd3fc;
|
||
|
--sky-400:#38bdf8;
|
||
|
--sky-500:#0ea5e9;
|
||
|
--sky-600:#0284c7;
|
||
|
--sky-700:#0369a1;
|
||
|
--sky-800:#075985;
|
||
|
--sky-900:#0c4a6e;
|
||
|
|
||
|
--blue-50:#eff6ff;
|
||
|
--blue-100:#dbeafe;
|
||
|
--blue-200:#bfdbfe;
|
||
|
--blue-300:#93c5fd;
|
||
|
--blue-400:#60a5fa;
|
||
|
--blue-500:#3b82f6;
|
||
|
--blue-600:#2563eb;
|
||
|
--blue-700:#1d4ed8;
|
||
|
--blue-800:#1e40af;
|
||
|
--blue-900:#1e3a8a;
|
||
|
|
||
|
--indigo-50:#eef2ff;
|
||
|
--indigo-100:#e0e7ff;
|
||
|
--indigo-200:#c7d2fe;
|
||
|
--indigo-300:#a5b4fc;
|
||
|
--indigo-400:#818cf8;
|
||
|
--indigo-500:#6366f1;
|
||
|
--indigo-600:#4f46e5;
|
||
|
--indigo-700:#4338ca;
|
||
|
--indigo-800:#3730a3;
|
||
|
--indigo-900:#312e81;
|
||
|
|
||
|
--violet-50:#f5f3ff;
|
||
|
--violet-100:#ede9fe;
|
||
|
--violet-200:#ddd6fe;
|
||
|
--violet-300:#c4b5fd;
|
||
|
--violet-400:#a78bfa;
|
||
|
--violet-500:#8b5cf6;
|
||
|
--violet-600:#7c3aed;
|
||
|
--violet-700:#6d28d9;
|
||
|
--violet-800:#5b21b6;
|
||
|
--violet-900:#4c1d95;
|
||
|
|
||
|
--purple-50:#faf5ff;
|
||
|
--purple-100:#f3e8ff;
|
||
|
--purple-200:#e9d5ff;
|
||
|
--purple-300:#d8b4fe;
|
||
|
--purple-400:#c084fc;
|
||
|
--purple-500:#a855f7;
|
||
|
--purple-600:#9333ea;
|
||
|
--purple-700:#7e22ce;
|
||
|
--purple-800:#6b21a8;
|
||
|
--purple-900:#581c87;
|
||
|
|
||
|
--fuchsia-50:#fdf4ff;
|
||
|
--fuchsia-100:#fae8ff;
|
||
|
--fuchsia-200:#f5d0fe;
|
||
|
--fuchsia-300:#f0abfc;
|
||
|
--fuchsia-400:#e879f9;
|
||
|
--fuchsia-500:#d946ef;
|
||
|
--fuchsia-600:#c026d3;
|
||
|
--fuchsia-700:#a21caf;
|
||
|
--fuchsia-800:#86198f;
|
||
|
--fuchsia-900:#701a75;
|
||
|
|
||
|
--pink-50:#fdf2f8;
|
||
|
--pink-100:#fce7f3;
|
||
|
--pink-200:#fbcfe8;
|
||
|
--pink-300:#f9a8d4;
|
||
|
--pink-400:#f472b6;
|
||
|
--pink-500:#ec4899;
|
||
|
--pink-600:#db2777;
|
||
|
--pink-700:#be185d;
|
||
|
--pink-800:#9d174d;
|
||
|
--pink-900:#831843;
|
||
|
|
||
|
--rose-50:#fff1f2;
|
||
|
--rose-100:#ffe4e6;
|
||
|
--rose-200:#fecdd3;
|
||
|
--rose-300:#fda4af;
|
||
|
--rose-400:#fb7185;
|
||
|
--rose-500:#f43f5e;
|
||
|
--rose-600:#e11d48;
|
||
|
--rose-700:#be123c;
|
||
|
--rose-800:#9f1239;
|
||
|
--rose-900:#881337;
|
||
|
--slate-50:#f8fafc;
|
||
|
--slate-100:#f1f5f9;
|
||
|
--slate-200:#e2e8f0;
|
||
|
--slate-300:#cbd5e1;
|
||
|
--slate-400:#94a3b8;
|
||
|
--slate-500:#64748b;
|
||
|
--slate-600:#475569;
|
||
|
--slate-700:#334155;
|
||
|
--slate-800:#1e293b;
|
||
|
--slate-900:#0f172a;
|
||
|
|
||
|
--gray-50:#f9fafb;
|
||
|
--gray-100:#f3f4f6;
|
||
|
--gray-200:#e5e7eb;
|
||
|
--gray-300:#d1d5db;
|
||
|
--gray-400:#9ca3af;
|
||
|
--gray-500:#6b7280;
|
||
|
--gray-600:#4b5563;
|
||
|
--gray-700:#374151;
|
||
|
--gray-800:#1f2937;
|
||
|
--gray-900:#111827;
|
||
|
|
||
|
--zinc-50:#fafafa;
|
||
|
--zinc-100:#f4f4f5;
|
||
|
--zinc-200:#e4e4e7;
|
||
|
--zinc-300:#d4d4d8;
|
||
|
--zinc-400:#a1a1aa;
|
||
|
--zinc-500:#71717a;
|
||
|
--zinc-600:#52525b;
|
||
|
--zinc-700:#3f3f46;
|
||
|
--zinc-800:#27272a;
|
||
|
--zinc-900:#18181b;
|
||
|
|
||
|
--neutral-50:#fafafa;
|
||
|
--neutral-100:#f5f5f5;
|
||
|
--neutral-200:#e5e5e5;
|
||
|
--neutral-300:#d4d4d4;
|
||
|
--neutral-400:#a3a3a3;
|
||
|
--neutral-500:#737373;
|
||
|
--neutral-600:#525252;
|
||
|
--neutral-700:#404040;
|
||
|
--neutral-800:#262626;
|
||
|
--neutral-900:#171717;
|
||
|
|
||
|
--stone-50:#fafaf9;
|
||
|
--stone-100:#f5f5f4;
|
||
|
--stone-200:#e7e5e4;
|
||
|
--stone-300:#d6d3d1;
|
||
|
--stone-400:#a8a29e;
|
||
|
--stone-500:#78716c;
|
||
|
--stone-600:#57534e;
|
||
|
--stone-700:#44403c;
|
||
|
--stone-800:#292524;
|
||
|
--stone-900:#1c1917;
|
||
|
}
|
||
|
:root{
|
||
|
--color-primary:var(--sky-600);
|
||
|
--color-secondary:var(--violet-500);
|
||
|
--marked-background:var(--yellow-300);
|
||
|
--search-match-background:var(--pink-100);
|
||
|
--search-match-border-color:var(--pink-500);
|
||
|
--selection-background:var(--sky-100);
|
||
|
--mono-50:var(--neutral-50);
|
||
|
--mono-100:var(--neutral-100);
|
||
|
--mono-200:var(--neutral-200);
|
||
|
--mono-300:var(--neutral-300);
|
||
|
--mono-400:var(--neutral-400);
|
||
|
--mono-500:var(--neutral-500);
|
||
|
--mono-600:var(--neutral-600);
|
||
|
--mono-700:var(--neutral-700);
|
||
|
--mono-800:var(--neutral-800);
|
||
|
--mono-900:var(--neutral-900);
|
||
|
--font-family:"Inter var", "Inter", system, -apple-system, ".SFNSText-Regular", "San Francisco", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||
|
--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||
|
--font-size:16px;
|
||
|
--font-size-mono:15px;
|
||
|
--font-size-ui:14px;
|
||
|
--font-weight:400;
|
||
|
--font-weight-mono:500;
|
||
|
}
|
||
|
:root{
|
||
|
--color-hover:var(--mono-200);
|
||
|
--color-hover-content:inherit;
|
||
|
--color-primary-content:#fff;
|
||
|
--color-status:var(--mono-500);
|
||
|
--color-status-content:#fff;
|
||
|
--font-family-diagram:var(--font-family);
|
||
|
--font-family-ui:var(--font-family);
|
||
|
--font-size-xxl:calc(var(--font-size-xl) * var(--modular-scale));
|
||
|
--font-size-xl:calc(var(--font-size-l) * var(--modular-scale));
|
||
|
--font-size-l:calc(1rem * var(--modular-scale));
|
||
|
--font-size-m:1rem;
|
||
|
--font-size-s:max(0.75rem, calc(1rem / var(--modular-scale)));
|
||
|
--font-size-xs:max(0.6875rem, calc(var(--font-size-s) / var(--modular-scale)));
|
||
|
--font-size-ui-s:max(12px, calc(var(--font-size-ui) * 0.857));
|
||
|
--line-height:1.6;
|
||
|
--modular-scale:1.414;
|
||
|
--background-color:var(--mono-50);
|
||
|
--border-color:var(--mono-200);
|
||
|
--border-radius:6px;
|
||
|
--border-radius-s:3px;
|
||
|
--border-radius-xs:1px;
|
||
|
--btn-toggle-active-background:;
|
||
|
--btn-toggle-active-color:var(--color-primary);
|
||
|
--btn-toggle-background:;
|
||
|
--btn-toggle-color:var(--mono-400);
|
||
|
--btn-toggle-hover-background:var(--color-hover);
|
||
|
--btn-toggle-hover-color:var(--color-hover-content);
|
||
|
--drop-shadow:drop-shadow(0 3px 5px rgba(0, 0, 0, 0.15));
|
||
|
--input-background:#fff;
|
||
|
--input-border-color:var(--border-color);
|
||
|
--input-focus-color:var(--color-primary);
|
||
|
--input-color:var(--text-color);
|
||
|
--input-placeholder-color:var(--mono-400);
|
||
|
--kbd-background:var(--mono-600);
|
||
|
--kbd-border-color:transparent;
|
||
|
--kbd-color:#fff;
|
||
|
--max-width:75ch;
|
||
|
--md-brackets:var(--mono-400);
|
||
|
--md-brackets-expanded:var(--color-secondary);
|
||
|
--md-tags:var(--md-brackets);
|
||
|
--md-tags-expanded:var(--md-brackets-expanded);
|
||
|
--menu-background:#fff;
|
||
|
--menu-border-width:0;
|
||
|
--menu-color:inherit;
|
||
|
--search-match-color:var(--text-color);
|
||
|
--selection-color:;
|
||
|
--sidebar-active-background:var(--color-hover);
|
||
|
--sidebar-active-color:var(--color-hover-content);
|
||
|
--sidebar-background:var(--mono-100);
|
||
|
--sidebar-border-color:var(--mono-200);
|
||
|
--sidebar-border-width:1px;
|
||
|
--sidebar-color:var(--mono-700);
|
||
|
--sidebar-hover-background:var(--color-hover);
|
||
|
--sidebar-hover-color:var(--color-hover-content);
|
||
|
--text-color:var(--mono-700);
|
||
|
--blockquote-background:var(--mono-100);
|
||
|
--blockquote-border-color:var(--color-primary);
|
||
|
--blockquote-border-width:0 0 0 4px;
|
||
|
--blockquote-color:inherit;
|
||
|
--blockquote-padding:1rem 1.5rem 1rem 1.5rem;
|
||
|
--code-inline-background:var(--mono-200);
|
||
|
--code-inline-color:var(--strong-color);
|
||
|
--code-padding-tb:1.5em;
|
||
|
--code-padding-lr:1.5em;
|
||
|
--checkbox-background:var(--mono-100);
|
||
|
--checkbox-border-color:var(--mono-300);
|
||
|
--checkbox-border-radius:var(--border-radius-s);
|
||
|
--checkbox-check-color:var(--color-primary-content);
|
||
|
--checkbox-size:1.2rem;
|
||
|
--counter-color:inherit;
|
||
|
--h1-font-size:var(--font-size-xxl);
|
||
|
--h1-letter-spacing:-0.03em;
|
||
|
--h2-font-size:var(--font-size-xl);
|
||
|
--h2-letter-spacing:-0.02em;
|
||
|
--h3-font-size:var(--font-size-l);
|
||
|
--h3-letter-spacing:-0.01em;
|
||
|
--h4-font-size:var(--font-size-m);
|
||
|
--h5-font-size:var(--font-size-m);
|
||
|
--h6-font-size:var(--font-size-s);
|
||
|
--heading-color:var(--mono-800);
|
||
|
--heading-font-weight:800;
|
||
|
--hr-color:var(--mono-300);
|
||
|
--hr-height:2px;
|
||
|
--link-color:var(--color-primary);
|
||
|
--marked-color:inherit;
|
||
|
--marker-color:inherit;
|
||
|
--strong-color:var(--mono-800);
|
||
|
--strong-font-weight:600;
|
||
|
--table-edit-active-background:var(--mono-500);
|
||
|
--table-edit-active-color:var(--mono-50);
|
||
|
--table-edit-background:var(--mono-200);
|
||
|
--table-edit-color:var(--mono-600);
|
||
|
--table-edit-hover-background:var(--mono-300);
|
||
|
--table-edit-hover-color:var(--table-edit-color);
|
||
|
--tbody-border-color:unset;
|
||
|
--tbody-border-width:unset;
|
||
|
--td-border-color:unset;
|
||
|
--td-border-width:unset;
|
||
|
--td-padding:0.5rem 0.75rem;
|
||
|
--th-border-color:unset;
|
||
|
--th-border-width:unset;
|
||
|
--th-color:var(--strong-color);
|
||
|
--th-font-weight:var(--strong-font-weight);
|
||
|
--th-padding:0 0.75rem 0.5rem 0.75rem;
|
||
|
--thead-border-color:var(--mono-300);
|
||
|
--thead-border-width:0 0 2px 0;
|
||
|
--tr-alt-background:var(--mono-100);
|
||
|
--tr-border-color:var(--mono-200);
|
||
|
--tr-border-width:0 0 1px 0;
|
||
|
--code-activeline-background:var(--mono-200);
|
||
|
--code-atom-color:var(--amber-600);
|
||
|
--code-attribute-color:var(--sky-600);
|
||
|
--code-background:var(--mono-100);
|
||
|
--code-bracket-color:var(--mono-400);
|
||
|
--code-builtin-color:var(--emerald-600);
|
||
|
--code-comment-color:var(--mono-400);
|
||
|
--code-cursor-border:2px solid var(--color-primary);
|
||
|
--code-def-color:var(--violet-600);
|
||
|
--code-error-color:var(--red-600);
|
||
|
--code-gutter-border-color:var(--mono-200);
|
||
|
--code-keyword-color:var(--sky-600);
|
||
|
--code-language-background:var(--code-activeline-background);
|
||
|
--code-language-color:var(--code-text-color);
|
||
|
--code-linenumber-color:var(--mono-400);
|
||
|
--code-link-color:;
|
||
|
--code-meta-color:var(--rose-600);
|
||
|
--code-number-color:;
|
||
|
--code-operator-color:var(--rose-600);
|
||
|
--code-property-color:var(--sky-600);
|
||
|
--code-qualifier-color:var(--emerald-600);
|
||
|
--code-selected-background:var(--selection-background);
|
||
|
--code-string-color:;
|
||
|
--code-string-2-color:;
|
||
|
--code-tag-color:var(--violet-600);
|
||
|
--code-text-color:var(--mono-700);
|
||
|
--code-type-color:var(--rose-600);
|
||
|
--code-variable-color:var(--cyan-600);
|
||
|
--code-variable-2-color:var(--cyan-600);
|
||
|
--code-variable-3-color:var(--emerald-600);
|
||
|
--mermaid-theme:neutral;
|
||
|
--mermaid-font-family:;
|
||
|
--mermaid-flowchart-curve:basis;
|
||
|
--mermaid-sequence-numbers:off;
|
||
|
--mermaid--gantt-left-padding:75;
|
||
|
--sequence-theme:simple;
|
||
|
}
|
||
|
@media print{
|
||
|
:root{
|
||
|
--background-color:#fff;
|
||
|
}
|
||
|
}
|
||
|
:root{
|
||
|
--active-file-bg-color:var(--sidebar-active-background);
|
||
|
--active-file-text-color:var(--sidebar-active-color);
|
||
|
--bg-color:var(--background-color);
|
||
|
--control-text-color:var(--sidebar-color);
|
||
|
--control-text-hover-color:var(--sidebar-hover-color);
|
||
|
--item-hover-bg-color:var(--color-hover);
|
||
|
--item-hover-text-color:var(--color-hover-content);
|
||
|
--md-char-color:var(--md-brackets-expanded);
|
||
|
--meta-content-color:inherit;
|
||
|
--monospace:var(--font-family-mono);
|
||
|
--search-select-bg-color:var(--search-match-background);
|
||
|
--search-select-text-color:var(--search-match-color);
|
||
|
--select-text-bg-color:var(--selection-background);
|
||
|
--window-border:1px solid var(--border-color);
|
||
|
}
|
||
|
*,
|
||
|
::before,
|
||
|
::after{
|
||
|
box-sizing:border-box;
|
||
|
border:0;
|
||
|
border-style:solid;
|
||
|
border-color:currentColor;
|
||
|
}
|
||
|
html,
|
||
|
body{
|
||
|
margin:0;
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
html{
|
||
|
accent-color:var(--color-primary);
|
||
|
font-family:var(--font-family-ui);
|
||
|
font-size:var(--font-size);
|
||
|
font-weight:var(--font-weight);
|
||
|
}
|
||
|
a,
|
||
|
a code{
|
||
|
color:var(--link-color);
|
||
|
}
|
||
|
a{
|
||
|
text-decoration:underline;
|
||
|
}
|
||
|
b,
|
||
|
strong{
|
||
|
color:var(--strong-color);
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
}
|
||
|
blockquote{
|
||
|
margin:1.5rem 0;
|
||
|
padding:var(--blockquote-padding);
|
||
|
border-width:var(--blockquote-border-width);
|
||
|
border-color:var(--blockquote-border-color);
|
||
|
background:var(--blockquote-background);
|
||
|
color:var(--blockquote-color);
|
||
|
}
|
||
|
code,
|
||
|
kbd,
|
||
|
samp,
|
||
|
pre{
|
||
|
font-family:var(--font-family-mono);
|
||
|
font-size:var(--font-size-mono);
|
||
|
}
|
||
|
kbd{
|
||
|
padding:.2em .75em .3em .75em;
|
||
|
border-color:var(--kbd-border-color);
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--kbd-background);
|
||
|
color:var(--kbd-color);
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
code,
|
||
|
pre{
|
||
|
font-size:var(--font-size-mono);
|
||
|
font-weight:var(--font-weight-mono);
|
||
|
}
|
||
|
hr{
|
||
|
border-color:var(--hr-color);
|
||
|
border-top-width:var(--hr-height);
|
||
|
}
|
||
|
input::placeholder,
|
||
|
textarea::placeholder{
|
||
|
color:var(--input-placeholder-color) !important;
|
||
|
}
|
||
|
mark{
|
||
|
border-radius:var(--border-radius-xs);
|
||
|
box-shadow:0 0 0 1px var(--marked-background);
|
||
|
background:var(--marked-background);
|
||
|
color:var(--marked-color);
|
||
|
}
|
||
|
p{
|
||
|
margin-top:1em;
|
||
|
margin-bottom:1em;
|
||
|
}
|
||
|
small{
|
||
|
font-size:var(--font-size-s);
|
||
|
}
|
||
|
sub,
|
||
|
sup{
|
||
|
font-size:var(--font-size-s);
|
||
|
}
|
||
|
@font-face{
|
||
|
font-family:'Inter var';
|
||
|
font-weight:100 900;
|
||
|
font-display:swap;
|
||
|
font-style:oblique 0deg 10deg;
|
||
|
src:url("themeable/fonts/Inter.var.woff2?v=3.19") format("woff2");
|
||
|
}
|
||
|
body:not([class*="seamless"]) :is(#typora-sidebar, content){
|
||
|
border-top:1px solid var(--border-color);
|
||
|
}
|
||
|
.blink-area{
|
||
|
-webkit-animation:none;
|
||
|
animation:none;
|
||
|
}
|
||
|
.btn-primary,
|
||
|
.btn-primary:hover{
|
||
|
background:var(--color-primary);
|
||
|
color:var(--color-primary-content);
|
||
|
}
|
||
|
.btn-primary:hover{
|
||
|
filter:contrast(1.2);
|
||
|
}
|
||
|
.context-menu,
|
||
|
.dropdown-menu,
|
||
|
:is(.context-menu, .dropdown-menu) > li > a{
|
||
|
color:var(--menu-color);
|
||
|
}
|
||
|
.context-menu,
|
||
|
.dropdown-menu{
|
||
|
border:var(--menu-border-width) solid var(--border-color);
|
||
|
background:var(--menu-background);
|
||
|
font-size:var(--font-size-ui);
|
||
|
}
|
||
|
:is(.context-menu, .dropdown-menu) .ty-menu-shortcut{
|
||
|
font-family:var(--font-family-ui);
|
||
|
}
|
||
|
.context-menu .divider{
|
||
|
border-top:1px solid var(--border-color);
|
||
|
opacity:1;
|
||
|
}
|
||
|
.form-control:focus{
|
||
|
-webkit-box-shadow:none;
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
.code-tooltip-content *{
|
||
|
color:unset;
|
||
|
}
|
||
|
#ty-auto-suggest{
|
||
|
border-radius:var(--border-radius);
|
||
|
font-size:var(--font-size-s);
|
||
|
box-shadow:none;
|
||
|
filter:var(--drop-shadow);
|
||
|
}
|
||
|
.md-search-hit,
|
||
|
.md-search-hit.md-search-select,
|
||
|
.md-search-select,
|
||
|
body :is(#write, #typora-source) .cm-search-hit,
|
||
|
.ty-file-search-match-text,
|
||
|
.ty-outline-hit[class]{
|
||
|
background-color:unset !important;
|
||
|
background:var(--search-match-background) !important;
|
||
|
color:var(--search-match-color) !important;
|
||
|
}
|
||
|
.md-search-hit,
|
||
|
.md-search-hit.md-search-select,
|
||
|
.md-search-select,
|
||
|
body :is(#write, #typora-source) .cm-search-hit{
|
||
|
border-radius:var(--border-radius-xs);
|
||
|
box-shadow:0 0 0 2px var(--search-match-border-color);
|
||
|
}
|
||
|
.ty-file-search-match-text,
|
||
|
.ty-outline-hit[class]{
|
||
|
padding-right:1px;
|
||
|
padding-left:1px;
|
||
|
border:2px solid var(--search-match-border-color);
|
||
|
border-radius:var(--border-radius-s);
|
||
|
font-weight:var(--font-weight);
|
||
|
}
|
||
|
#write{
|
||
|
max-width:var(--max-width);
|
||
|
color:var(--text-color);
|
||
|
font-family:var(--font-family);
|
||
|
}
|
||
|
#write > :first-child{
|
||
|
margin-top:0;
|
||
|
}
|
||
|
#write > :last-child{
|
||
|
margin-bottom:0;
|
||
|
}
|
||
|
footer.ty-footer{
|
||
|
border-color:var(--mono-200);
|
||
|
}
|
||
|
.typora-sourceview-on #toggle-sourceview-btn{
|
||
|
background:none;
|
||
|
opacity:1;
|
||
|
}
|
||
|
.footer-item:hover,
|
||
|
.typora-sourceview-on #toggle-sourceview-btn:hover{
|
||
|
background:var(--sidebar-hover-background);
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
#typora-quick-open{
|
||
|
top:calc(var(--title-bar-height) + 5px);
|
||
|
padding:0;
|
||
|
border:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--sidebar-background);
|
||
|
color:var(--sidebar-color);
|
||
|
box-shadow:none;
|
||
|
filter:var(--drop-shadow);
|
||
|
}
|
||
|
#typora-quick-open-input,
|
||
|
.typora-quick-open-list{
|
||
|
padding:0.5em;
|
||
|
}
|
||
|
#typora-quick-open-input input{
|
||
|
max-height:unset;
|
||
|
overflow:unset;
|
||
|
border-color:var(--input-border-color);
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--input-background);
|
||
|
color:var(--input-color);
|
||
|
font-size:var(--font-size-ui);
|
||
|
line-height:2;
|
||
|
}
|
||
|
#typora-quick-open-input input:focus{
|
||
|
border-color:var(--input-focus-color);
|
||
|
}
|
||
|
.ty-quick-open-category-title,
|
||
|
.typora-quick-open-item-path{
|
||
|
opacity:0.7;
|
||
|
}
|
||
|
.ty-quick-open-category-title{
|
||
|
margin-top:0.5rem;
|
||
|
margin-bottom:0.15rem;
|
||
|
font-size:0.9em;
|
||
|
height:auto;
|
||
|
line-height:var(--line-height);
|
||
|
text-transform:uppercase;
|
||
|
letter-spacing:0.5px;
|
||
|
font-weight:600;
|
||
|
}
|
||
|
.ty-quick-open-category.ty-has-prev .ty-quick-open-category-title{
|
||
|
margin-top:0.5rem;
|
||
|
padding-top:0.5rem;
|
||
|
}
|
||
|
.typora-quick-open-item,
|
||
|
.typora-quick-open-item-path{
|
||
|
max-height:auto;
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
.typora-quick-open-item{
|
||
|
height:auto;
|
||
|
padding-top:0.25em;
|
||
|
padding-bottom:0.25em;
|
||
|
font-size:var(--font-size-ui);
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.typora-quick-open-item.active{
|
||
|
border-radius:var(--border-radius-s);
|
||
|
}
|
||
|
.typora-quick-open-item-path{
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
}
|
||
|
.typora-quick-open-item-title{
|
||
|
margin-bottom:0.25em;
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
.typora-quick-open-item-title b{
|
||
|
border-radius:var(--border-radius-xs);
|
||
|
box-shadow:0 0 0 1px var(--marked-background);
|
||
|
background:var(--marked-background);
|
||
|
color:var(--marked-color);
|
||
|
}
|
||
|
.mac-seamless-mode #md-searchpanel{
|
||
|
max-height:63px;
|
||
|
}
|
||
|
#md-searchpanel{
|
||
|
border-bottom:1px solid var(--sidebar-border-color);
|
||
|
background:var(--sidebar-background);
|
||
|
color:var(--sidebar-color);
|
||
|
box-shadow:none;
|
||
|
filter:var(--drop-shadow);
|
||
|
}
|
||
|
#md-searchpanel input,
|
||
|
#md-searchpanel .btn,
|
||
|
#searchpanel-msg{
|
||
|
border-radius:var(--border-radius-s);
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
}
|
||
|
#md-searchpanel input{
|
||
|
background:var(--input-background);
|
||
|
border-color:var(--input-border-color);
|
||
|
color:var(--input-color);
|
||
|
}
|
||
|
#md-searchpanel input:focus,
|
||
|
#md-searchpanel input:not(:placeholder-shown){
|
||
|
border-color:var(--input-focus-color);
|
||
|
}
|
||
|
#md-searchpanel .btn:not(.close-btn):hover{
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
.searchpanel-search-option-btn,
|
||
|
.searchpanel-search-option-btn:hover,
|
||
|
.searchpanel-search-option-btn.active{
|
||
|
opacity:1;
|
||
|
}
|
||
|
.searchpanel-search-option-btn{
|
||
|
top:4px;
|
||
|
padding:3px 2px;
|
||
|
border:0;
|
||
|
background:var(--btn-toggle-background);
|
||
|
color:var(--btn-toggle-color);
|
||
|
}
|
||
|
.searchpanel-search-option-btn:hover{
|
||
|
background:var(--btn-toggle-hover-background);
|
||
|
color:var(--btn-toggle-hover-color);
|
||
|
}
|
||
|
.searchpanel-search-option-btn.active{
|
||
|
background:var(--btn-toggle-active-background);
|
||
|
color:var(--btn-toggle-active-color);
|
||
|
}
|
||
|
#search-panel-status .error-message{
|
||
|
padding:0.25em 0.5em;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--color-status);
|
||
|
color:var(--color-status-content);
|
||
|
}
|
||
|
#typora-sidebar{
|
||
|
border-right:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
background:var(--sidebar-background);
|
||
|
color:var(--sidebar-color);
|
||
|
}
|
||
|
#typora-sidebar,
|
||
|
#sidebar-files-menu.dropdown-menu > li,
|
||
|
.sidebar-content-content,
|
||
|
.ty-search-item-line{
|
||
|
font-size:var(--font-size-ui);
|
||
|
}
|
||
|
#typora-sidebar input{
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--input-background);
|
||
|
color:var(--input-color);
|
||
|
}
|
||
|
.file-list-item-time,
|
||
|
.file-list-item-parent-loc,
|
||
|
.file-list-item-summary,
|
||
|
.ty-search-item-line{
|
||
|
font-family:var(--font-family-ui);
|
||
|
}
|
||
|
.ty-search-item-line:hover{
|
||
|
background-color:var(--sidebar-hover-background);
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
.outline-item-active::after,
|
||
|
.active .file-list-item-file-name::after,
|
||
|
.active .file-node-content::after{
|
||
|
content:"";
|
||
|
position:absolute;
|
||
|
top:calc(50% - 4px);
|
||
|
right:0;
|
||
|
width:8px;
|
||
|
height:8px;
|
||
|
border-radius:50%;
|
||
|
background:var(--color-primary);
|
||
|
}
|
||
|
.info-panel-tab-border{
|
||
|
border-radius:100vw;
|
||
|
}
|
||
|
.active-tab-files #info-panel-tab-file,
|
||
|
.active-tab-files #info-panel-tab-file:hover,
|
||
|
.active-tab-outline #info-panel-tab-outline,
|
||
|
.active-tab-outline #info-panel-tab-outline:hover,
|
||
|
.ty-show-search #info-panel-tab-search{
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
color:var(--strong-color);
|
||
|
}
|
||
|
.active-tab-files #info-panel-tab-file .info-panel-tab-border,
|
||
|
.active-tab-outline #info-panel-tab-outline .info-panel-tab-border,
|
||
|
.ty-show-search #info-panel-tab-search .info-panel-tab-border{
|
||
|
height:3px;
|
||
|
background-color:var(--color-primary);
|
||
|
}
|
||
|
.sidebar-tabs{
|
||
|
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
}
|
||
|
.sidebar-tab{
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
text-transform:none;
|
||
|
}
|
||
|
#outline-content{
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
.outline-content{
|
||
|
padding-top:0;
|
||
|
}
|
||
|
.pin-outline #outline-content .outline-active strong,
|
||
|
.pin-outline .outline-active{
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
}
|
||
|
.pin-outline .outline-active{
|
||
|
font-weight:var(--font-weight);
|
||
|
}
|
||
|
.outline-item,
|
||
|
.no-collapse-outline .outline-item{
|
||
|
margin:1px 0;
|
||
|
}
|
||
|
.outline-item{
|
||
|
display:flex;
|
||
|
align-items:center;
|
||
|
position:relative;
|
||
|
padding-top:0.4em;
|
||
|
padding-bottom:0.4em;
|
||
|
}
|
||
|
.outline-item::before{
|
||
|
content:"";
|
||
|
position:absolute;
|
||
|
top:0;
|
||
|
bottom:0;
|
||
|
right:-100px;
|
||
|
left:-100px;
|
||
|
}
|
||
|
.outline-item:hover{
|
||
|
margin-right:0;
|
||
|
margin-left:0;
|
||
|
border-right:0;
|
||
|
border-left:0;
|
||
|
background:none;
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
.outline-item:hover::before{
|
||
|
background:var(--sidebar-hover-background);
|
||
|
}
|
||
|
.outline-item > *{
|
||
|
position:relative;
|
||
|
}
|
||
|
.outline-expander,
|
||
|
.outline-expander::before{
|
||
|
--icon-width:10px;
|
||
|
|
||
|
width:calc(var(--icon-width) * 2);
|
||
|
padding:0;
|
||
|
font-size:var(--icon-width);
|
||
|
line-height:var(--icon-width);
|
||
|
}
|
||
|
.outline-expander{
|
||
|
display:unset;
|
||
|
height:auto;
|
||
|
text-align:center;
|
||
|
}
|
||
|
.outline-label{
|
||
|
width:100%;
|
||
|
display:inline-block;
|
||
|
overflow:hidden;
|
||
|
white-space:nowrap;
|
||
|
text-overflow:ellipsis;
|
||
|
}
|
||
|
.outline-label:hover{
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
.outline-item-active{
|
||
|
position:relative;
|
||
|
padding-right:8px;
|
||
|
color:var(--sidebar-active-color);
|
||
|
}
|
||
|
.outline-item-active::before{
|
||
|
background:var(--sidebar-active-background);
|
||
|
}
|
||
|
.outline-item-active .outline-label{
|
||
|
padding-right:10px;
|
||
|
}
|
||
|
.file-node-icon.fa-folder::before{
|
||
|
content:"\f114";
|
||
|
}
|
||
|
.file-node-open-state{
|
||
|
margin-top:-2px;
|
||
|
margin-right:3px;
|
||
|
margin-left:-2px;
|
||
|
}
|
||
|
.file-node-collapsed .fa-caret-right::before{
|
||
|
content:"\f125";
|
||
|
font-family:Ionicons;
|
||
|
font-size:10px;
|
||
|
}
|
||
|
.file-node-expanded .fa-caret-down::before{
|
||
|
content:"\f123";
|
||
|
font-family:Ionicons;
|
||
|
font-size:10px;
|
||
|
}
|
||
|
.file-list-item-file-ext-part,
|
||
|
.file-list-item-parent-loc,
|
||
|
.file-list-item-summary,
|
||
|
.file-list-item-time{
|
||
|
opacity:0.8;
|
||
|
}
|
||
|
.file-list-item-parent-loc,
|
||
|
.file-list-item-time{
|
||
|
margin-bottom:3px;
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
}
|
||
|
.file-list-item{
|
||
|
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
}
|
||
|
.file-list-item:hover{
|
||
|
background-color:var(--sidebar-hover-background);
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
.file-list-item:not(.active){
|
||
|
opacity:1;
|
||
|
}
|
||
|
.file-list-item.active{
|
||
|
background:var(--sidebar-active-background);
|
||
|
color:var(--sidebar-active-color);
|
||
|
}
|
||
|
.file-list-item-file-name{
|
||
|
position:relative;
|
||
|
margin-bottom:4px;
|
||
|
}
|
||
|
.active .file-list-item-file-name{
|
||
|
padding-right:20px;
|
||
|
}
|
||
|
.file-list-item-file-name-part{
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
color:var(--strong-color);
|
||
|
}
|
||
|
.active .file-list-item-file-name::after{
|
||
|
right:8px;
|
||
|
}
|
||
|
.file-list-item-summary{
|
||
|
height:auto;
|
||
|
max-height:calc(3 * 0.95em * var(--line-height));
|
||
|
line-height:inherit;
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
}
|
||
|
.file-list-item-time{
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
}
|
||
|
.file-library-file-node:not(.active):hover{
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
.file-library-file-node:not(.active):hover > .file-node-background{
|
||
|
background:var(--sidebar-hover-background);
|
||
|
}
|
||
|
.file-library-node:not(.file-node-root):focus > .file-node-content{
|
||
|
outline:unset;
|
||
|
}
|
||
|
.file-node-content{
|
||
|
padding-right:0;
|
||
|
}
|
||
|
.file-node-content:hover{
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.active .file-node-content::after{
|
||
|
right:14px;
|
||
|
}
|
||
|
.file-node-icon{
|
||
|
margin-right:5px;
|
||
|
}
|
||
|
.file-node-title{
|
||
|
width:calc(var(--sidebar-width) - 40px);
|
||
|
overflow:hidden;
|
||
|
text-overflow:ellipsis;
|
||
|
}
|
||
|
.file-node-children .file-node-title{
|
||
|
width:calc(var(--sidebar-width) - 80px);
|
||
|
}
|
||
|
.file-node-children .file-node-children .file-node-title{
|
||
|
width:calc(var(--sidebar-width) - 88px);
|
||
|
}
|
||
|
.file-node-children .file-node-children .file-node-children .file-node-title{
|
||
|
width:calc(var(--sidebar-width) - 96px);
|
||
|
}
|
||
|
.allow-file-tree-scroll .file-node-title{
|
||
|
overflow-x:hidden;
|
||
|
}
|
||
|
.file-tree-node{
|
||
|
position:relative;
|
||
|
}
|
||
|
.file-tree-node.active > .file-node-background{
|
||
|
border:0;
|
||
|
}
|
||
|
.file-tree-node.active > .file-node-background{
|
||
|
background-color:var(--sidebar-active-background);
|
||
|
}
|
||
|
.file-tree-node.active > .file-node-content{
|
||
|
color:var(--sidebar-active-color);
|
||
|
}
|
||
|
.file-node-background{
|
||
|
top:0;
|
||
|
bottom:0;
|
||
|
right:-4px;
|
||
|
left:-100px;
|
||
|
height:auto;
|
||
|
width:auto;
|
||
|
}
|
||
|
#sidebar-search-btn,
|
||
|
#ty-sidebar-search-back-btn{
|
||
|
display:flex;
|
||
|
justify-content:center;
|
||
|
align-items:center;
|
||
|
margin:0;
|
||
|
}
|
||
|
#ty-sidebar-search-tabs .searchpanel-search-option-btn{
|
||
|
top:1em;
|
||
|
padding:3px 1px;
|
||
|
background:var(--btn-toggle-background);
|
||
|
color:var(--btn-toggle-color);
|
||
|
opacity:1;
|
||
|
}
|
||
|
#ty-sidebar-search-tabs .searchpanel-search-option-btn:hover{
|
||
|
background:var(--btn-toggle-hover-background);
|
||
|
color:var(--btn-toggle-hover-color);
|
||
|
}
|
||
|
#ty-sidebar-search-tabs .searchpanel-search-option-btn.select{
|
||
|
background:var(--btn-toggle-active-background);
|
||
|
color:var(--btn-toggle-active-color);
|
||
|
}
|
||
|
#filesearch-case-option-btn{
|
||
|
transform:translateX(-8px);
|
||
|
}
|
||
|
#filesearch-word-option-btn{
|
||
|
transform:translateX(-4px);
|
||
|
}
|
||
|
.ty-show-outline-filter #file-library-search,
|
||
|
.ty-show-search #file-library-search{
|
||
|
height:calc(2em + 32px);
|
||
|
}
|
||
|
#file-library-search-input{
|
||
|
height:auto;
|
||
|
padding:0.5em 0.75em;
|
||
|
border:1px solid currentColor;
|
||
|
border-color:var(--sidebar-border-color);
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:transparent;
|
||
|
color:inherit;
|
||
|
}
|
||
|
#file-library-search-input:not(:placeholder-shown),
|
||
|
#file-library-search-input:focus{
|
||
|
border-color:var(--input-focus-color);
|
||
|
background:var(--input-background);
|
||
|
color:var(--input-color);
|
||
|
}
|
||
|
.ty-search-item{
|
||
|
border-bottom:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
}
|
||
|
.file-list-item-count{
|
||
|
--size:1.65em;
|
||
|
|
||
|
height:var(--size);
|
||
|
min-width:var(--size);
|
||
|
border-radius:50%;
|
||
|
background-color:var(--color-status);
|
||
|
color:var(--color-status-content);
|
||
|
font-size:var(--font-size-ui-s);
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
line-height:var(--size);
|
||
|
text-align:center;
|
||
|
}
|
||
|
#sidebar-files-menu{
|
||
|
border-color:var(--border-color);
|
||
|
background:var(--menu-background);
|
||
|
}
|
||
|
#ty-sidebar-footer{
|
||
|
border-color:var(--sidebar-border-color);
|
||
|
}
|
||
|
#sidebar-files-menu > .show + .menuitem-group-label.show{
|
||
|
border-color:var(--border-color);
|
||
|
}
|
||
|
.sidebar-footer-item:hover{
|
||
|
background:var(--sidebar-hover-background);
|
||
|
color:var(--sidebar-hover-color);
|
||
|
}
|
||
|
#sidebar-files-menu .folder-menu-item i{
|
||
|
margin-right:6px;
|
||
|
}
|
||
|
.menuitem-group-label.not-empty-menu-group{
|
||
|
display:flex !important;
|
||
|
align-items:center;
|
||
|
justify-content:space-between;
|
||
|
}
|
||
|
.menuitem-group-label.not-empty-menu-group > .clearfix{
|
||
|
display:none;
|
||
|
}
|
||
|
#sidebar-files-menu .selected-folder-menu-item a::after{
|
||
|
content:"";
|
||
|
position:absolute;
|
||
|
top:calc(50% - 4px);
|
||
|
right:8px;
|
||
|
width:8px;
|
||
|
height:8px;
|
||
|
border-radius:50%;
|
||
|
background:var(--color-primary);
|
||
|
}
|
||
|
#sidebar-files-menu .ty-side-sort-btn{
|
||
|
--size:24px;
|
||
|
|
||
|
width:var(--size);
|
||
|
height:var(--size);
|
||
|
margin-top:6px;
|
||
|
margin-bottom:6px;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--btn-toggle-background);
|
||
|
color:var(--btn-toggle-color);
|
||
|
font-size:13px;
|
||
|
line-height:var(--size);
|
||
|
opacity:1;
|
||
|
}
|
||
|
#sidebar-files-menu .ty-side-sort-btn:hover{
|
||
|
background:var(--btn-toggle-hover-background);
|
||
|
color:var(--btn-toggle-hover-color);
|
||
|
}
|
||
|
#sidebar-files-menu .ty-side-sort-btn.active{
|
||
|
background:var(--btn-toggle-active-background);
|
||
|
color:var(--btn-toggle-active-color);
|
||
|
}
|
||
|
#toc-dropmenu{
|
||
|
right:0;
|
||
|
border-width:var(--sidebar-border-width) 0 var(--sidebar-border-width) var(--sidebar-border-width);
|
||
|
border-color:var(--sidebar-border-color);
|
||
|
border-radius:var(--border-radius) 0 0 var(--border-radius);
|
||
|
background:var(--sidebar-background);
|
||
|
color:var(--sidebar-color);
|
||
|
box-shadow:none;
|
||
|
filter:var(--drop-shadow);
|
||
|
}
|
||
|
#toc-dropmenu.open{
|
||
|
animation:toc-in-from-right .3s ease-in;
|
||
|
}
|
||
|
#toc-dropmenu .btn{
|
||
|
color:inherit;
|
||
|
}
|
||
|
#toc-dropmenu .divider{
|
||
|
margin:5px 0;
|
||
|
border-top:var(--sidebar-border-width) solid var(--sidebar-border-color);
|
||
|
opacity:1;
|
||
|
}
|
||
|
#toc-dropmenu .outline-title-wrapper{
|
||
|
display:flex;
|
||
|
justify-content:space-between;
|
||
|
align-items:center;
|
||
|
}
|
||
|
@keyframes toc-in-from-right{
|
||
|
0%{
|
||
|
opacity:0;
|
||
|
transform:translateX(20%)
|
||
|
}
|
||
|
|
||
|
100%{
|
||
|
opacity:1;
|
||
|
transform:translateX(0)
|
||
|
}
|
||
|
}
|
||
|
button.btn .ty-icon{
|
||
|
font-size:13px;
|
||
|
}
|
||
|
.footnotes{
|
||
|
opacity:1;
|
||
|
font-size:var(--font-size-s);
|
||
|
}
|
||
|
.md-p{
|
||
|
z-index:0;
|
||
|
}
|
||
|
.md-footnote{
|
||
|
z-index:-1;
|
||
|
}
|
||
|
sup.md-footnote{
|
||
|
padding:0.1em 0.25em 0.2em 0.25em;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--code-inline-background);
|
||
|
color:var(--code-inline-color);
|
||
|
line-height:1;
|
||
|
}
|
||
|
.md-def-name::before, .md-def-name::after, .md-def-title::before, .md-def-title::after, .md-link .md-meta.md-before, .md-link .md-meta.md-after{
|
||
|
color:var(--md-brackets);
|
||
|
}
|
||
|
.md-footnote .md-meta.md-before,
|
||
|
.md-link .md-meta.md-before{
|
||
|
margin-right:0.15em;
|
||
|
}
|
||
|
.md-footnote .md-meta.md-after,
|
||
|
.md-link .md-meta.md-before ~ .md-meta.md-before,
|
||
|
.md-link .md-meta.md-after{
|
||
|
margin-left:0.15em;
|
||
|
}
|
||
|
.md-def-name{
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
color:var(--strong-color);
|
||
|
}
|
||
|
.md-br,
|
||
|
.md-br-content,
|
||
|
.md-comment{
|
||
|
opacity:1;
|
||
|
color:var(--md-tags);
|
||
|
}
|
||
|
.md-hr{
|
||
|
margin:3rem 0;
|
||
|
}
|
||
|
.md-image > .md-meta{
|
||
|
color:inherit;
|
||
|
font-family:var(--font-family-ui);
|
||
|
}
|
||
|
.md-image > .md-meta::before, .md-raw-inline:not(.md-br-content){
|
||
|
opacity:1 !important;
|
||
|
color:var(--md-tags-expanded);
|
||
|
}
|
||
|
.md-url,
|
||
|
.md-def-url{
|
||
|
color:var(--link-color);
|
||
|
}
|
||
|
:is(h1, h2, h3, h4, h5, h6){
|
||
|
margin-top:1.5rem;
|
||
|
margin-bottom:1rem;
|
||
|
color:var(--heading-color);
|
||
|
font-weight:var(--heading-font-weight);
|
||
|
}
|
||
|
:is(h1, h2, h3, h4, h5, h6).md-heading::before{
|
||
|
all:unset;
|
||
|
position:absolute;
|
||
|
top:50%;
|
||
|
right:calc(100% + 0.5em);
|
||
|
transform:translate(0, -50%);
|
||
|
font-size:0.75rem;
|
||
|
color:var(--md-brackets);
|
||
|
opacity:0;
|
||
|
transition:all 0.2s 0s;
|
||
|
}
|
||
|
:is(h1, h2, h3, h4, h5, h6).md-focus::before{
|
||
|
transform:translate(-0.5em, -50%);
|
||
|
opacity:1;
|
||
|
}
|
||
|
h1{
|
||
|
margin-top:3rem;
|
||
|
font-size:var(--h1-font-size);
|
||
|
line-height:1.1;
|
||
|
letter-spacing:var(--h1-letter-spacing);
|
||
|
}
|
||
|
h1.md-heading::before{
|
||
|
content:'H1';
|
||
|
}
|
||
|
h2{
|
||
|
margin-top:2rem;
|
||
|
font-size:var(--h2-font-size);
|
||
|
line-height:1.2;
|
||
|
letter-spacing:var(--h2-letter-spacing);
|
||
|
}
|
||
|
h2.md-heading::before{
|
||
|
content:'H2';
|
||
|
}
|
||
|
h3{
|
||
|
font-size:var(--h3-font-size);
|
||
|
line-height:1.3;
|
||
|
letter-spacing:var(--h3-letter-spacing);
|
||
|
}
|
||
|
h3.md-heading::before{
|
||
|
content:'H3';
|
||
|
}
|
||
|
h4{
|
||
|
font-size:var(--h4-font-size);
|
||
|
}
|
||
|
h4.md-heading::before{
|
||
|
content:'H4';
|
||
|
}
|
||
|
h5{
|
||
|
font-size:var(--h5-font-size);
|
||
|
}
|
||
|
h5.md-heading::before{
|
||
|
content:'H5';
|
||
|
}
|
||
|
h6{
|
||
|
font-size:var(--h6-font-size);
|
||
|
}
|
||
|
h6.md-heading::before{
|
||
|
content:'H6';
|
||
|
}
|
||
|
h6 ~ :not(h1, h2, h3, h4, h5, h6){
|
||
|
font-size:var(--h6-font-size);
|
||
|
}
|
||
|
h6 ~ :is(h1, h2, h3, h4, h5, h6) ~ *:not(h1, h2, h3, h4, h5, h6){
|
||
|
font-size:inherit;
|
||
|
}
|
||
|
ol,
|
||
|
ul{
|
||
|
padding-left:1.5rem;
|
||
|
}
|
||
|
ol{
|
||
|
margin-left:0.25rem;
|
||
|
list-style-type:decimal;
|
||
|
}
|
||
|
ul{
|
||
|
list-style-type:disc;
|
||
|
}
|
||
|
:is(ol, ul) :is(ol, ul){
|
||
|
margin-top:0.75rem;
|
||
|
margin-bottom:0.75rem;
|
||
|
}
|
||
|
ol > li::marker{
|
||
|
color:var(--counter-color);
|
||
|
}
|
||
|
ul > li::marker{
|
||
|
color:var(--marker-color);
|
||
|
}
|
||
|
#write li.task-list-item{
|
||
|
padding-left:0.75em;
|
||
|
}
|
||
|
input[checked] ~ *{
|
||
|
opacity:0.6;
|
||
|
text-decoration:line-through;
|
||
|
}
|
||
|
#write input[type=checkbox],
|
||
|
li.task-list-item > input[type=checkbox]{
|
||
|
appearance:none;
|
||
|
width:var(--checkbox-size);
|
||
|
height:var(--checkbox-size);
|
||
|
padding:0;
|
||
|
border:1px solid var(--checkbox-border-color);
|
||
|
border-radius:var(--checkbox-border-radius);
|
||
|
background:var(--checkbox-background);
|
||
|
}
|
||
|
#write input[type=checkbox][checked]{
|
||
|
border-color:var(--color-primary);
|
||
|
background:var(--color-primary);
|
||
|
}
|
||
|
#write input[type=checkbox][checked]::after{
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
left:50%;
|
||
|
top:calc(50% - 0.05em);
|
||
|
height:calc(var(--checkbox-size) * 0.52);
|
||
|
width:calc(var(--checkbox-size) * 0.3125);
|
||
|
border-width:0 2px 2px 0;
|
||
|
border-color:var(--checkbox-check-color);
|
||
|
transform:translate(-50%, -50%) rotate(40deg);
|
||
|
}
|
||
|
li.task-list-item > input[type=checkbox]{
|
||
|
top:calc(((1em * var(--line-height)) / 2) - (var(--checkbox-size) / 2));
|
||
|
left:calc(0px - var(--checkbox-size));
|
||
|
margin:0;
|
||
|
}
|
||
|
#write pre.md-meta-block:first-child{
|
||
|
position:relative;
|
||
|
overflow:visible;
|
||
|
margin-bottom:2.5rem;
|
||
|
padding:var(--code-padding-tb) var(--code-padding-lr);
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--code-background);
|
||
|
color:var(--code-text-color);
|
||
|
font-size:var(--font-size-mono);
|
||
|
font-weight:var(--font-weight-mono);
|
||
|
}
|
||
|
#write pre.md-meta-block:first-child::after{
|
||
|
content:'YAML Front Matter';
|
||
|
position:absolute;
|
||
|
z-index:1;
|
||
|
inset:auto var(--code-padding-lr) 100% auto;
|
||
|
padding:0 1em;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--code-language-background);
|
||
|
color:var(--code-language-color);
|
||
|
font-size:var(--font-size-s);
|
||
|
line-height:calc(var(--font-size-mono) * var(--line-height));
|
||
|
transform:translateY(50%);
|
||
|
}
|
||
|
#write pre.md-meta-block:first-child:empty{
|
||
|
line-height:1.15;
|
||
|
}
|
||
|
#write pre.md-meta-block:first-child:empty::before{
|
||
|
content:'Insert YAML front matter here...';
|
||
|
color:var(--code-comment-color);
|
||
|
}
|
||
|
[md-inline="code"]{
|
||
|
padding:0.1em 0.35em;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--code-inline-background);
|
||
|
color:var(--code-inline-color);
|
||
|
}
|
||
|
.md-fences{
|
||
|
margin:2rem 0;
|
||
|
background:none;
|
||
|
}
|
||
|
#typora-source .CodeMirror-lines{
|
||
|
max-width:var(--max-width);
|
||
|
}
|
||
|
#typora-source .CodeMirror-line,
|
||
|
#write .CodeMirror{
|
||
|
font-family:var(--font-family-mono);
|
||
|
font-size:var(--font-size-mono);
|
||
|
font-weight:var(--font-weight-mono);
|
||
|
color:var(--code-text-color) !important;
|
||
|
}
|
||
|
#write .cm-s-inner,
|
||
|
#write .CodeMirror-scroll,
|
||
|
.md-rawblock-container{
|
||
|
border-radius:var(--border-radius);
|
||
|
}
|
||
|
#write .cm-s-inner{
|
||
|
overflow:hidden;
|
||
|
background:var(--code-background);
|
||
|
}
|
||
|
#write .CodeMirror-lines{
|
||
|
padding:var(--code-padding-tb) var(--code-padding-lr);
|
||
|
}
|
||
|
#write .CodeMirror-gutters{
|
||
|
border-color:var(--code-gutter-border-color);
|
||
|
background:var(--code-background);
|
||
|
}
|
||
|
.CodeMirror-linenumber{
|
||
|
margin-left:calc(0px - var(--code-padding-lr));
|
||
|
min-width:2.25em;
|
||
|
}
|
||
|
:is(#write, #typora-source) .CodeMirror-cursor{
|
||
|
border-left:var(--code-cursor-border);
|
||
|
}
|
||
|
:is(#write, #typora-source) .CodeMirror-focused .CodeMirror-activeline:not(:only-child) .CodeMirror-activeline-background{
|
||
|
border-radius:var(--border-radius-s);
|
||
|
background:var(--code-activeline-background);
|
||
|
}
|
||
|
:is(#write, #typora-source) .CodeMirror-linenumber{
|
||
|
color:var(--code-linenumber-color);
|
||
|
}
|
||
|
:is(#write, #typora-source) .CodeMirror-selected:not(.cm-search-hit),
|
||
|
:is(#write, #typora-source) .CodeMirror-selectedtext:not(.cm-search-hit){
|
||
|
background:var(--code-selected-background) !important;
|
||
|
}
|
||
|
#typora-source .cm-atom{
|
||
|
color:inherit !important;
|
||
|
}
|
||
|
#write .cm-atom{
|
||
|
color:var(--code-atom-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-attribute{
|
||
|
color:var(--code-attribute-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-builtin{
|
||
|
color:var(--code-builtin-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-comment{
|
||
|
color:var(--code-comment-color) !important;
|
||
|
opacity:1 !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-def{
|
||
|
color:var(--code-def-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-error{
|
||
|
color:var(--code-error-color) !important;
|
||
|
}
|
||
|
#typora-source .cm-header{
|
||
|
color:var(--heading-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-keyword{
|
||
|
color:var(--code-keyword-color) !important;
|
||
|
}
|
||
|
#write .cm-link{
|
||
|
color:var(--code-link-color) !important;
|
||
|
}
|
||
|
#typora-source .cm-link{
|
||
|
color:var(--link-color) !important;
|
||
|
}
|
||
|
#write .cm-meta{
|
||
|
color:var(--code-meta-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-number{
|
||
|
color:var(--code-number-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-operator{
|
||
|
color:var(--code-operator-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-property{
|
||
|
color:var(--code-property-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-qualifier{
|
||
|
color:var(--code-qualifier-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-string{
|
||
|
color:var(--code-string-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-string-2{
|
||
|
color:var(--code-string-2-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-tag{
|
||
|
color:var(--code-tag-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-type{
|
||
|
color:var(--code-type-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-s-inner .cm-variable{
|
||
|
color:var(--code-variable-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-s-inner .cm-variable-2{
|
||
|
color:var(--code-variable-2-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-s-inner .cm-variable-3{
|
||
|
color:var(--code-variable-3-color) !important;
|
||
|
}
|
||
|
:is(#write, #typora-source) .cm-bracket{
|
||
|
color:var(--code-bracket-color) !important;
|
||
|
}
|
||
|
#write .md-fences > .code-tooltip,
|
||
|
#write .md-fences > .code-tooltip .ty-cm-lang-input{
|
||
|
border-radius:var(--border-radius-s);
|
||
|
font-family:var(--font-family-ui);
|
||
|
font-size:var(--font-size-s);
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
#write .md-fences > .code-tooltip{
|
||
|
bottom:100%;
|
||
|
right:var(--code-padding-lr);
|
||
|
z-index:3;
|
||
|
padding:0;
|
||
|
border:0;
|
||
|
color:var(--code-language-color);
|
||
|
box-shadow:none;
|
||
|
opacity:1;
|
||
|
transform:translateY(50%);
|
||
|
}
|
||
|
.md-fences > .code-tooltip .ty-cm-lang-input{
|
||
|
min-width:17ch;
|
||
|
margin:0;
|
||
|
padding:0.15em;
|
||
|
border:1px solid transparent;
|
||
|
background:var(--code-language-background);
|
||
|
line-height:calc(var(--font-size-mono) * var(--line-height));
|
||
|
}
|
||
|
.md-fences > .code-tooltip .ty-cm-lang-input:focus{
|
||
|
border-color:var(--color-primary);
|
||
|
background:var(--input-background);
|
||
|
color:var(--text-color);
|
||
|
}
|
||
|
.md-diagram-panel,
|
||
|
.md-diagram-panel svg,
|
||
|
.md-diagram-panel-preview{
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
}
|
||
|
#write .md-diagram.md-focus .cm-s-inner{
|
||
|
border-bottom-left-radius:0;
|
||
|
border-bottom-right-radius:0;
|
||
|
}
|
||
|
#write .md-diagram.md-focus .md-diagram-panel{
|
||
|
border-bottom-left-radius:var(--border-radius);
|
||
|
border-bottom-right-radius:var(--border-radius);
|
||
|
border-width:2px 0 0 0;
|
||
|
border-color:var(--code-activeline-background);
|
||
|
background:var(--code-background);
|
||
|
}
|
||
|
.md-diagram-panel-preview svg,
|
||
|
mjx-container svg{
|
||
|
inset:auto;
|
||
|
margin:0 auto;
|
||
|
}
|
||
|
.md-fences-adv-panel,
|
||
|
.md-diagram-panel-preview svg text,
|
||
|
.md-diagram-panel-preview svg .label,
|
||
|
.md-diagram-panel-preview svg .nodeLabel{
|
||
|
font-family:var(--font-family-diagram) !important;
|
||
|
}
|
||
|
.md-diagram-panel-error:not(:empty){
|
||
|
position:relative;
|
||
|
margin-top:10px;
|
||
|
padding:var(--code-padding-tb) var(--code-padding-lr);
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--code-error-color);
|
||
|
color:#fff;
|
||
|
font-size:var(--font-size-s);
|
||
|
font-weight:calc(var(--font-weight) + 100);
|
||
|
}
|
||
|
.md-diagram-panel-error:not(:empty)::before{
|
||
|
content:'';
|
||
|
position:absolute;
|
||
|
inset:auto auto 100% 50%;
|
||
|
border-width:11px;
|
||
|
border-color:transparent;
|
||
|
border-top-width:0;
|
||
|
border-bottom-color:var(--code-error-color);
|
||
|
transform:translateX(-50%);
|
||
|
}
|
||
|
.md-diagram.md-focus .md-diagram-panel-error{
|
||
|
border-top-left-radius:0;
|
||
|
border-top-right-radius:0;
|
||
|
}
|
||
|
pre.md-diagram[lang="flow"] .md-diagram-panel-preview{
|
||
|
padding-bottom:20px;
|
||
|
}
|
||
|
pre.md-diagram[mermaid-type] svg{
|
||
|
padding-top:5px;
|
||
|
padding-bottom:12px;
|
||
|
}
|
||
|
pre.md-diagram[mermaid-type="gantt"] svg{
|
||
|
padding:8px 0 0;
|
||
|
}
|
||
|
pre.md-diagram[mermaid-type="pie"] svg{
|
||
|
aspect-ratio:16/9;
|
||
|
padding-top:15px;
|
||
|
}
|
||
|
pre.md-diagram[mermaid-type="sequenceDiagram"] svg{
|
||
|
padding:13px;
|
||
|
}
|
||
|
pre.md-fences[lang="sequence"] .md-diagram-panel{
|
||
|
padding:0;
|
||
|
}
|
||
|
.md-math-block.md-focus{
|
||
|
background:var(--code-background);
|
||
|
}
|
||
|
.md-math-block .code-tooltip{
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
.md-math-block .md-rawblock-before,
|
||
|
.md-math-block .md-rawblock-after{
|
||
|
padding:var(--code-padding-tb) var(--code-padding-lr);
|
||
|
}
|
||
|
.md-math-block .md-rawblock-before{
|
||
|
padding-bottom:0;
|
||
|
}
|
||
|
.md-math-block .md-rawblock-after{
|
||
|
padding-top:0;
|
||
|
}
|
||
|
.md-math-block .md-math-tag-input{
|
||
|
position:relative;
|
||
|
z-index:1;
|
||
|
}
|
||
|
.md-math-block .md-mathjax-preview{
|
||
|
border-top-width:2px;
|
||
|
border-color:var(--panel-border-color);
|
||
|
padding:20px var(--code-padding-lr);
|
||
|
}
|
||
|
.md-rawblock:hover .md-rawblock-container,
|
||
|
.md-rawblock:hover .md-rawblock-tooltip{
|
||
|
animation:none;
|
||
|
transition:none;
|
||
|
}
|
||
|
.md-rawblock .md-rawblock-tooltip,
|
||
|
.md-rawblock:hover .md-rawblock-tooltip{
|
||
|
background:var(--code-language-background);
|
||
|
}
|
||
|
.md-rawblock-tooltip,
|
||
|
.md-rawblock-tooltip-btn,
|
||
|
.md-rawblock-tooltip-name{
|
||
|
margin:0;
|
||
|
padding:0;
|
||
|
color:var(--code-language-color);
|
||
|
font-family:var(--font-family-ui);
|
||
|
font-size:var(--font-size-s);
|
||
|
line-height:calc(var(--font-size-mono) * var(--line-height));
|
||
|
opacity:1;
|
||
|
}
|
||
|
.md-rawblock:hover .md-rawblock-container{
|
||
|
background:var(--code-background);
|
||
|
color:var(--code-text-color);
|
||
|
}
|
||
|
.md-rawblock .md-rawblock-control:not(.md-rawblock-tooltip){
|
||
|
background:none;
|
||
|
}
|
||
|
.md-rawblock .md-rawblock-input{
|
||
|
padding:0;
|
||
|
}
|
||
|
.md-rawblock .md-rawblock-tooltip{
|
||
|
inset:auto 1rem auto auto;
|
||
|
z-index:4;
|
||
|
height:auto;
|
||
|
padding:0 1rem;
|
||
|
border-radius:var(--border-radius-s);
|
||
|
transform:translateY(-50%);
|
||
|
}
|
||
|
.md-rawblock-tooltip-name ~ .md-rawblock-tooltip-btn{
|
||
|
width:auto;
|
||
|
margin-left:0.25em;
|
||
|
}
|
||
|
figure.md-table-fig{
|
||
|
margin:2rem 0 2rem 0;
|
||
|
}
|
||
|
thead{
|
||
|
border-width:var(--thead-border-width, 0);
|
||
|
border-color:var(--thead-border-color);
|
||
|
}
|
||
|
tbody{
|
||
|
border-width:var(--tbody-border-width, 0);
|
||
|
border-color:var(--tbody-border-color);
|
||
|
}
|
||
|
tbody tr{
|
||
|
border-width:var(--tr-border-width, 0);
|
||
|
border-color:var(--tr-border-color);
|
||
|
}
|
||
|
tbody tr:nth-child(even){
|
||
|
background:var(--tr-alt-background);
|
||
|
}
|
||
|
th{
|
||
|
padding:var(--th-padding);
|
||
|
border-width:var(--th-border-width, 0);
|
||
|
border-color:var(--th-border-color);
|
||
|
font-weight:var(--th-font-weight);
|
||
|
color:var(--th-color)
|
||
|
}
|
||
|
td{
|
||
|
padding:var(--td-padding);
|
||
|
border-width:var(--td-border-width, 0);
|
||
|
border-color:var(--td-border-color);
|
||
|
}
|
||
|
.md-table-edit{
|
||
|
z-index:1;
|
||
|
transform:translate(0, -0.30rem);
|
||
|
padding:0 5px;
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--table-edit-background);
|
||
|
}
|
||
|
.md-table-edit{
|
||
|
display:flex !important;
|
||
|
align-items:center;
|
||
|
justify-content:space-between;
|
||
|
}
|
||
|
.md-table-edit .right-th-button{
|
||
|
float:none;
|
||
|
}
|
||
|
.md-table-edit > span.right-th-button{
|
||
|
margin-left:auto;
|
||
|
}
|
||
|
.md-table-edit > span.right-th-button ~ .right-th-button{
|
||
|
margin-left:0;
|
||
|
}
|
||
|
.md-table-edit > span[class] button[class].btn{
|
||
|
margin:0;
|
||
|
padding:3px 8px 3px 8px;
|
||
|
border:0;
|
||
|
border-radius:0;
|
||
|
background:var(--table-edit-background);
|
||
|
color:var(--table-edit-color);
|
||
|
font-size:inherit;
|
||
|
line-height:1.4;
|
||
|
}
|
||
|
.md-table-edit > span[class] button[class]:hover{
|
||
|
background:var(--table-edit-hover-background);
|
||
|
color:var(--table-edit-hover-color);
|
||
|
}
|
||
|
.md-table-edit > span[class] button[class].active,
|
||
|
.md-table-edit button.active .ty-icon{
|
||
|
background:var(--table-edit-active-background);
|
||
|
color:var(--table-edit-active-color);
|
||
|
box-shadow:none;
|
||
|
}
|
||
|
.md-table-edit .md-table-more{
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.md-table-edit .md-table-more .ty-icon{
|
||
|
margin:0 3px !important;
|
||
|
}
|
||
|
.md-table-edit .md-table-more-label{
|
||
|
display:none !important;
|
||
|
}
|
||
|
.md-table-resize-popover[class]{
|
||
|
width:auto;
|
||
|
transform:translate(10px, 2px);
|
||
|
padding:0;
|
||
|
border:0;
|
||
|
background:var(--background-color);
|
||
|
box-shadow:none;
|
||
|
filter:var(--drop-shadow);
|
||
|
}
|
||
|
.md-table-resize-popover[class] .arrow,
|
||
|
.md-table-resize-popover[class] .arrow::after{
|
||
|
border-bottom-color:var(--background-color);
|
||
|
}
|
||
|
.md-grid-board-wrap{
|
||
|
padding:1rem;
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--background-color);
|
||
|
}
|
||
|
table.md-grid-board{
|
||
|
margin:auto;
|
||
|
border-spacing:3px;
|
||
|
}
|
||
|
table.md-grid-board td{
|
||
|
overflow:hidden;
|
||
|
border-radius:2px;
|
||
|
}
|
||
|
table.md-grid-board a{
|
||
|
border-color:var(--border-color);
|
||
|
background:var(--input-background);
|
||
|
}
|
||
|
table.md-grid-board .md-grid-ext,
|
||
|
table.md-grid-board .md-grid-ext a{
|
||
|
border-color:var(--table-edit-active-background);
|
||
|
background:var(--table-edit-active-background);
|
||
|
}
|
||
|
table.md-grid-board:hover .md-grid-ext,
|
||
|
table.md-grid-board:hover .md-grid-ext a{
|
||
|
border-color:var(--table-edit-hover-background);
|
||
|
background:var(--table-edit-hover-background);
|
||
|
}
|
||
|
table.md-grid-board:hover a:hover,
|
||
|
table.md-grid-board:hover a.md-active{
|
||
|
background:var(--color-primary);
|
||
|
border-color:var(--color-primary);
|
||
|
}
|
||
|
.md-grid-board-wrap #md-grid-width,
|
||
|
.md-grid-board-wrap #md-grid-height{
|
||
|
margin:0 0.2rem;
|
||
|
border-color:var(--border-color);
|
||
|
border-radius:2px;
|
||
|
background:var(--input-background);
|
||
|
line-height:1.6;
|
||
|
text-align:center;
|
||
|
}
|
||
|
.md-grid-board-wrap .popover-title{
|
||
|
margin:0.5rem 0 0 0;
|
||
|
padding:0;
|
||
|
border:0;
|
||
|
}
|
||
|
.md-grid-board-wrap .popover-title button{
|
||
|
display:none !important;
|
||
|
}
|
||
|
#table-menu{
|
||
|
width:30ch;
|
||
|
}
|
||
|
.md-toc{
|
||
|
margin:2rem 0;
|
||
|
font-size:var(--font-size-m);
|
||
|
line-height:var(--line-height);
|
||
|
}
|
||
|
.md-toc-content{
|
||
|
padding:0;
|
||
|
margin:0;
|
||
|
}
|
||
|
.md-toc:focus .md-toc-content{
|
||
|
border:unset;
|
||
|
margin:0;
|
||
|
}
|
||
|
.md-toc-h1 .md-toc-inner{
|
||
|
margin-left:0;
|
||
|
font-weight:var(--strong-font-weight);
|
||
|
}
|
||
|
.md-toc-h2 .md-toc-inner{
|
||
|
margin-left:1em;
|
||
|
}
|
||
|
.md-toc-h3 .md-toc-inner{
|
||
|
margin-left:2em;
|
||
|
}
|
||
|
.md-toc-h4 .md-toc-inner{
|
||
|
margin-left:3em;
|
||
|
}
|
||
|
.md-toc-h5 .md-toc-inner{
|
||
|
margin-left:4em;
|
||
|
}
|
||
|
.md-toc-h6 .md-toc-inner{
|
||
|
margin-left:5em;
|
||
|
}
|
||
|
#write div.md-toc-tooltip{
|
||
|
inset:auto auto 100% -10px;
|
||
|
width:calc(100% + 20px);
|
||
|
padding:0 8px;
|
||
|
border:0;
|
||
|
border-radius:var(--border-radius);
|
||
|
background:var(--table-edit-background);
|
||
|
font-size:var(--font-size-s);
|
||
|
line-height:calc(var(--font-size-m) * var(--line-height));
|
||
|
}
|
||
|
.md-toc.md-focus .md-toc-tooltip,
|
||
|
.md-toc:focus .md-toc-tooltip{
|
||
|
display:flex !important;
|
||
|
align-items:center;
|
||
|
justify-content:space-between;
|
||
|
}
|
||
|
@media screen and (prefers-color-scheme: dark){
|
||
|
:root{
|
||
|
--slate-50:#0f172a;
|
||
|
--slate-100:#1e293b;
|
||
|
--slate-200:#334155;
|
||
|
--slate-300:#475569;
|
||
|
--slate-400:#64748b;
|
||
|
--slate-500:#94a3b8;
|
||
|
--slate-600:#cbd5e1;
|
||
|
--slate-700:#e2e8f0;
|
||
|
--slate-800:#f1f5f9;
|
||
|
--slate-900:#f8fafc;
|
||
|
|
||
|
--gray-50:#111827;
|
||
|
--gray-100:#1f2937;
|
||
|
--gray-200:#374151;
|
||
|
--gray-300:#4b5563;
|
||
|
--gray-400:#6b7280;
|
||
|
--gray-500:#9ca3af;
|
||
|
--gray-600:#d1d5db;
|
||
|
--gray-700:#e5e7eb;
|
||
|
--gray-800:#f3f4f6;
|
||
|
--gray-900:#f9fafb;
|
||
|
|
||
|
--zinc-50:#18181b;
|
||
|
--zinc-100:#27272a;
|
||
|
--zinc-200:#3f3f46;
|
||
|
--zinc-300:#52525b;
|
||
|
--zinc-400:#71717a;
|
||
|
--zinc-500:#a1a1aa;
|
||
|
--zinc-600:#d4d4d8;
|
||
|
--zinc-700:#e4e4e7;
|
||
|
--zinc-800:#f4f4f5;
|
||
|
--zinc-900:#fafafa;
|
||
|
|
||
|
--neutral-50:#171717;
|
||
|
--neutral-100:#262626;
|
||
|
--neutral-200:#404040;
|
||
|
--neutral-300:#525252;
|
||
|
--neutral-400:#737373;
|
||
|
--neutral-500:#a3a3a3;
|
||
|
--neutral-600:#d4d4d4;
|
||
|
--neutral-700:#e5e5e5;
|
||
|
--neutral-800:#f5f5f5;
|
||
|
--neutral-900:#fafafa;
|
||
|
|
||
|
--stone-50:#1c1917;
|
||
|
--stone-100:#292524;
|
||
|
--stone-200:#44403c;
|
||
|
--stone-300:#57534e;
|
||
|
--stone-400:#78716c;
|
||
|
--stone-500:#a8a29e;
|
||
|
--stone-600:#d6d3d1;
|
||
|
--stone-700:#e7e5e4;
|
||
|
--stone-800:#f5f5f4;
|
||
|
--stone-900:#fafaf9;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (prefers-color-scheme: dark){
|
||
|
:root{
|
||
|
--color-primary:var(--sky-500);
|
||
|
--color-secondary:var(--violet-400);
|
||
|
--marked-background:var(--yellow-400);
|
||
|
--search-match-background:var(--pink-900);
|
||
|
--search-match-border-color:var(--pink-600);
|
||
|
--selection-background:var(--sky-800);
|
||
|
}
|
||
|
:root{
|
||
|
--color-status:var(--mono-300);
|
||
|
--input-background:var(--mono-50);
|
||
|
--menu-background:var(--mono-100);
|
||
|
--menu-border-width:1px;
|
||
|
--kbd-background:var(--mono-100);
|
||
|
--kbd-border-color:var(--border-color);
|
||
|
--marked-color:var(--mono-200);
|
||
|
--code-atom-color:var(--amber-400);
|
||
|
--code-attribute-color:var(--sky-400);
|
||
|
--code-builtin-color:var(--emerald-400);
|
||
|
--code-def-color:var(--violet-400);
|
||
|
--code-error-color:var(--red-400);
|
||
|
--code-keyword-color:var(--sky-400);
|
||
|
--code-meta-color:var(--rose-400);
|
||
|
--code-operator-color:var(--rose-400);
|
||
|
--code-property-color:var(--sky-400);
|
||
|
--code-qualifier-color:var(--emerald-400);
|
||
|
--code-tag-color:var(--violet-400);
|
||
|
--code-type-color:var(--rose-400);
|
||
|
--code-variable-color:var(--cyan-400);
|
||
|
--code-variable-2-color:var(--cyan-400);
|
||
|
--code-variable-3-color:var(--emerald-400);
|
||
|
--mermaid-theme:dark;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIjxubyBzb3VyY2U+IiwiLi4vc3JjL2NvcmUvdmFycy1wYWxldHRlLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtdGhlbWUuY3NzIiwiLi4vc3JjL2NvcmUvdmFycy10eXBvcmEuY3NzIiwiLi4vc3JjL2NvcmUvYmFzZS5jc3MiLCIuLi9zcmMvY29yZS9hcHAuY3NzIiwiLi4vc3JjL2NvcmUvcXVpY2stb3Blbi5jc3MiLCIuLi9zcmMvY29yZS9zZWFyY2hiYXIuY3NzIiwiLi4vc3JjL2NvcmUvc2lkZWJhci5jc3MiLCIuLi9zcmMvY29yZS9vdXRsaW5lLXBvcG92ZXIuY3NzIiwiLi4vc3JjL2NvcmUvbWFya2Rvd24uY3NzIiwiLi4vc3JjL2NvcmUvaGVhZGluZ3MuY3NzIiwiLi4vc3JjL2NvcmUvbGlzdHMuY3NzIiwiLi4vc3JjL2NvcmUvY29kZS5jc3MiLCIuLi9zcmMvY29yZS90YWJsZXMuY3NzIiwiLi4vc3JjL2NvcmUvdG9jLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtcGFsZXR0ZS1kYXJrLmNzcyIsIi4uL3NyYy9jb3JlL3ZhcnMtdGhlbWUtZGFyay5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQUFBO0FDSUE7SUFDSSxnQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7O0lBRWxCLG1CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjs7SUFFckIsa0JBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9COztJQUVwQixtQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7O0lBRXJCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsa0JBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9COztJQUVwQixvQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7O0lBRXRCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsaUJBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1COztJQUVuQixnQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7SUFDbEIsaUJBQWtCO0lBQ2xCLGlCQUFrQjtJQUNsQixpQkFBa0I7O0lBRWxCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjs7SUFFbkIsbUJBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCOztJQUVyQixtQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7O0lBRXJCLG1CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjtJQUNyQixvQkFBcUI7SUFDckIsb0JBQXFCO0lBQ3JCLG9CQUFxQjs7SUFFckIsb0JBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCO0lBQ3RCLHFCQUFzQjtJQUN0QixxQkFBc0I7SUFDdEIscUJBQXNCOztJQUV0QixpQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7O0lBRW5CLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUluQixrQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7SUFDcEIsbUJBQW9CO0lBQ3BCLG1CQUFvQjtJQUNwQixtQkFBb0I7O0lBRXBCLGlCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQUFtQjtJQUNuQixrQkFBbUI7SUFDbkIsa0JBQW1CO0lBQ25CLGtCQ
|