summaryrefslogtreecommitdiff
path: root/www/styles.css
diff options
context:
space:
mode:
authorops <ops@localhost>2026-09-16 21:54:30 +0000
committerops <ops@localhost>2026-09-16 21:57:23 +0000
commit47fcc566884d7078c153cdce9fb62399fcca5d9e (patch)
tree98aba4327069d588d4134c326297b733628fc200 /www/styles.css
Initial Commit
Diffstat (limited to 'www/styles.css')
-rw-r--r--www/styles.css123
1 files changed, 123 insertions, 0 deletions
diff --git a/www/styles.css b/www/styles.css
new file mode 100644
index 0000000..35b7695
--- /dev/null
+++ b/www/styles.css
@@ -0,0 +1,123 @@
+/*
+ * Copyright (C) 2026 Doan Luu Duc Tai <doan@luuduct.ai>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+body {
+ overflow-y: scroll;
+ font: 16px monospace, monospace;
+ margin: 0;
+ padding: 0;
+}
+
+pre {
+ margin: 0;
+ overflow-x: auto;
+}
+
+a {
+ color: #06c;
+ text-decoration: none;
+}
+
+.good {
+ color: #090;
+ font-weight: bold;
+}
+
+.warn {
+ color: #c90;
+ font-weight: bold;
+}
+
+.logo {
+ color: #a00;
+ text-decoration: none;
+}
+
+.logo:hover {
+ text-decoration: none;
+}
+
+.badge {
+ position: absolute;
+ top: 16px;
+ left: calc(50% + 280px);
+ color: #090;
+ font-weight: bold;
+ white-space: nowrap;
+}
+
+#page {
+ display: table;
+ margin: 16px auto;
+ position: relative;
+}
+
+#content {
+ max-width: 80ch;
+ width: 100%;
+}
+
+.good a, .warn a {
+ color: inherit;
+ text-decoration: underline;
+}
+
+.good a {
+ text-decoration-style: wavy;
+}
+
+.warn a {
+ text-decoration-style: dotted;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ background: #000;
+ color: #fff;
+ }
+
+ a {
+ color: #6cf;
+ }
+
+ .logo {
+ color: #f33;
+ }
+
+ .badge {
+ color: #0f0;
+ }
+
+ .good {
+ color: #0f0;
+ }
+
+ .warn {
+ color: #ff0;
+ }
+}
+
+@media (max-width: 999px) {
+ body {
+ font-size: 1.94vw;
+ }
+
+ .badge {
+ left: auto;
+ right: 16px;
+ }
+}