/* User Provided Stylesheet */ @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap'); /* Background */ body { background-blend-mode: multiply; background-image: url("https://files.ayghri.com/static/texture-white.jpg"); } .dark body.bg-white { background-blend-mode: multiply; background-image: url("https://files.ayghri.com/static/texture-dark.jpg"); background-color: rgba(28, 25, 23, 0.2); } /*START: Fonts */ .source-serif-4-regular, .article.content { font-family: "Source Serif 4", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } .dark.article.content { font-weight: 300; } .pt-serif-regular { font-family: "PT Serif", serif; font-weight: 400; font-style: normal; } .pt-serif-bold, .myst-fm-block-title { font-family: "PT Serif", serif; font-weight: 700; font-style: normal; } .pt-serif-regular-italic { font-family: "PT Serif", serif; font-weight: 400; font-style: italic; } .pt-serif-bold-italic { font-family: "PT Serif", serif; font-weight: 700; font-style: italic; } /*END: Fonts */ .myst-home-link-logo { padding: 0rem; } .myst-search-button.h-10 { height: 2.2rem; } .myst-search-bar.rounded-lg { border-radius: 1rem; } .myst-top-nav-item { font-family: "PT Serif", serif; font-weight: 700; font-style: normal; } /* .myst-primary-sidebar-nav> nav:first-child > div { */ .myst-primary-sidebar-topnav>div { display: flex; font-family: "PT Serif", serif; font-weight: 700; font-style: normal; } /*START: animate theme button */ .myst-theme-button { position: relative; } .myst-theme-button>svg { position: absolute; inset: 0; width: 100%; height: 100%; } /* 1) Neutralize Tailwind's display toggles so both icons are present */ .myst-theme-sun-icon, .myst-theme-moon-icon { display: block !important; /* overrides `hidden` / `dark:block` / `dark:hidden` */ transition: opacity .6s ease, transform .6s ease; pointer-events: none; /* avoid intercepting clicks when invisible */ } /* 2) Light mode defaults (html has no .dark) */ .myst-theme-sun-icon { opacity: 1; transform: rotate(0deg) scale(1); } .myst-theme-moon-icon { opacity: 0; transform: rotate(-120deg) scale(.9); } /* 3) Dark mode (Tailwind puts .dark on ) */ .dark .myst-theme-sun-icon { opacity: 0; transform: rotate(180deg) scale(.8); } .dark .myst-theme-moon-icon { opacity: 1; transform: rotate(0deg) scale(1); } @media (hover: none), (pointer: coarse) { .myst-theme-button:hover, .dark .myst-theme-button:hover { /* neutralize Tailwind's hover utilities */ background-color: transparent !important; color: inherit !important; } /* Optional: give a tap feedback with :active instead */ .myst-theme-button:active { background-color: rgba(0, 0, 0, .06); } .dark .myst-theme-button:active { background-color: rgba(255, 255, 255, .08); } } /* 2) Remove Safari/iOS white tap overlay */ .myst-theme-button { -webkit-tap-highlight-color: transparent; } /*END: animate theme button */ .myst-outline-item-active>a.font-bold { font-weight: 500; } .myst-toc > a.myst-toc-item { visibility:hidden; height: 0; margin: 0; padding: 0; } .myst-primary-sidebar-nav> div.border-b-2 { margin-top:0; } .dark .myst-primary-sidebar-nav> div.border-b-2 { opacity: 0.4; border-bottom-width: 1px; } .figure-margin-05 > figure { margin: 0.5rem; }