From 7b2b1f6b837dbca3dd08cb89836cb1ae098c2bd8 Mon Sep 17 00:00:00 2001 From: Christian Hodgden Date: Tue, 3 Feb 2026 16:25:44 -0600 Subject: Initial Commit. Yay --- static/css/main.css | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 157 insertions(+) create mode 100644 static/css/main.css (limited to 'static/css/main.css') diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..cd32508 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,157 @@ +@import url('/css/main-root.css'); + +@media (prefers-color-scheme: dark) { + :root { + --dark-theme-check: 1; + } +} + +@media (prefers-color-scheme: light) { + :root { + --dark-theme-check: 0; + } +} + +@media (max-width: 600px) { + html { + font-size: 1em; + } +} + +@media (min-width: 601px) { + html { + font-size: 1em; + } +} + +.dark-mode-container { + float: right; +} + +::selection { + background-color: var(--contrast-color); + color: hsl(0, 0%, var(--background-lightness)); +} + +body { + color: var(--foreground-accent-color); + background-color: var(--background-theme-color); + transition: 250ms; +} + +p { + color: var(--foreground-theme-color); + font-size: 1rem; +} + +hr { + border-color: var(--foreground-accent-color); +} + +code { + color: var(--foreground-accent-color); + + border-color: var(--foreground-accent-color); + border-width: 1px; + border-style: solid; + padding: 0.1rem 0.2rem; + background-color: hsla(0, 0%, 0%, 50%); +} + +pre code { + border-style: none; + padding: 0; + background: none; + color: inherit; + tab-size: 4; +} + +pre { + border-color: var(--foreground-accent-color); + border-width: 1px; + border-style: solid; + padding: 5px; + + background-color: hsla(0, 0%, 0%, 0%); + + font-size: 1rem; + white-space: pre; + overflow-x: auto; + max-width: 100%; + text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +math { + color: var(--foreground-accent-color); + font-size: 1rem; + overflow-x: auto; + max-width: 100%; + text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +math mi { + font-style: italic; +} + +nav { + clear: both; +} + +nav.nav-footer { + color: var(--foreground-accent-color); + text-align: center; + clear: both; +} + +ul { + text-indent: -2rem; + font-size: 1.25rem; + font-weight: bold; +} + +li { + text-indent: 0rem; + font-size: 1rem; + font-weight: normal; +} + +li.pages-iter-item { + --instance-hue: var(--accent-hue); + color: hsl( + var(--instance-hue), + var(--accent-saturation), + var(--contrast-lightness) + ); +} + +li:not(.pages-iter-item) { + color: var(--foreground-theme-color); +} + +li:not(.pages-iter-item)::marker { + color: var(--foreground-accent-color); +} + +a { + color: var(--contrast-color); +} + +a:visited { + color: hsl(calc(var(--contrast-hue) + 60), 100%, var(--contrast-lightness)) +} + +a:hover { + color: hsl(calc(var(--contrast-hue) - 150), 100%, var(--contrast-lightness)) +} + +img { + float: right; + max-width: 50%; + width: auto; +} -- cgit v1.2.3