diff --git a/static/common-style.css b/static/common-style.css index baa34c3..ac2e742 100644 --- a/static/common-style.css +++ b/static/common-style.css @@ -37,3 +37,55 @@ footer { align-items: center; padding-bottom: 50px; } + +/******************* + * Fuck Darkreader * + *******************/ +html[data-darkreader-mode] body > :not(#disable-darkreader-popup) { + display: none; +} +html:not([data-darkreader-mode]) #disable-darkreader-popup { + display: none; +} +html[data-darkreader-mode] #disable-darkreader-popup { + display: grid; +} +#disable-darkreader-popup { + font-family: Avara Bold; + position:absolute; + min-height: 100%; + width: 100%; + justify-items: center; + align-content: center; + background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); +} +#darkreader-why > summary{ + list-style-type: none; + color: #AA89FD; +} +#darkreader-why > summary:hover { + text-decoration: underline; +} +#darkreader-why[open] > summary{ + display: none; +} +#darkreader-why[open] { + font-family: Fengardo Neue; + max-width: 500px; + margin: 0 40px; +} +#darkreader-why > section { + margin: 50px 0; +} +.dark-a11y { + background-color: black; + padding: 10px; + font-weight: bold; + color: white; + text-align: center; + display: block; + font-size: 1.1em; +} +.dark-a11y:not(:hover) { + text-decoration: none; +} diff --git a/static/landing-style.css b/static/landing-style.css index bad0d66..e885f72 100644 --- a/static/landing-style.css +++ b/static/landing-style.css @@ -188,55 +188,3 @@ main > section { svg { fill: currentColor; } - -/******************* - * Fuck Darkreader * - *******************/ -html[data-darkreader-mode] body > :not(#disable-darkreader-popup) { - display: none; -} -html:not([data-darkreader-mode]) #disable-darkreader-popup { - display: none; -} -html[data-darkreader-mode] #disable-darkreader-popup { - display: grid; -} -#disable-darkreader-popup { - font-family: Avara Bold; - position:absolute; - min-height: 100%; - width: 100%; - justify-items: center; - align-content: center; - background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5)); -} -#darkreader-why > summary{ - list-style-type: none; - color: #AA89FD; -} -#darkreader-why > summary:hover { - text-decoration: underline; -} -#darkreader-why[open] > summary{ - display: none; -} -#darkreader-why[open] { - font-family: Fengardo Neue; - max-width: 500px; - margin: 0 40px; -} -#darkreader-why > section { - margin: 50px 0; -} -.dark-a11y { - background-color: black; - padding: 10px; - font-weight: bold; - color: white; - text-align: center; - display: block; - font-size: 1.1em; -} -.dark-a11y:not(:hover) { - text-decoration: none; -}