diff options
| author | Christian Hodgden <chrhodgden@gmail.com> | 2026-02-03 16:25:44 -0600 |
|---|---|---|
| committer | Christian Hodgden <chrhodgden@gmail.com> | 2026-02-03 16:25:44 -0600 |
| commit | 7b2b1f6b837dbca3dd08cb89836cb1ae098c2bd8 (patch) | |
| tree | 2e9f027245a84e9c1372f88196ebbdfbf58bf920 /static/css/main.css | |
Initial Commit.main
Yay
Diffstat (limited to 'static/css/main.css')
| -rw-r--r-- | static/css/main.css | 157 |
1 files changed, 157 insertions, 0 deletions
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;
+}
|