]> git.xolatile.top Git - emil-up.chud.cyou.git/commitdiff
projects / emil-up.chud.cyou.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 4dcb8d6)
css
authorEmil Williams <emilemilemil@cock.li>
Sun, 10 Aug 2025 18:31:05 +0000 (18:31 +0000)
committerEmil Williams <emilemilemil@cock.li>
Sun, 10 Aug 2025 18:31:05 +0000 (18:31 +0000)
index.html patch | blob | history
style.css [new file with mode: 0644] patch | blob

diff --git a/index.html b/index.html
index efadce192fd93ece43627dedc3666d3fa84edff7..109c2a5a94a56dcb59c0882e2d831e371999884f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
   <head>
     <link rel="canonical">
     <link rel="icon" type="image/png" sizes="32x32" href="/chud/img/favicon.png">
-    <link rel="stylesheet" type="text/css" href="https://xolatile.top/style.css">
+    <link rel="stylesheet" type="text/css" href="/style.css">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=0.5">
     <title id="title">up.chud.cyou</title>
diff --git a/style.css b/style.css
new file mode 100644 (file)
index 0000000..fb755db
--- /dev/null
+++ b/style.css
@@ -0,0 +1,119 @@
+body {
+margin: auto;
+width: 50%;
+}
+footer {
+margin-top: 2em;
+}
+h1, h2, h3 {
+padding-left: 3em;
+}
+h4 {
+padding-left: 1em;
+}
+p {
+padding-left: 1em;
+}
+pre {
+font-weight: bold;
+}
+a {
+text-decoration: none;
+}
+a:active {
+color: green;
+}
+#join {}
+#register {}
+#links {
+padding-top: 1em;
+}
+#title {
+padding: 0.5em;
+font-size: 3em;
+}
+#flag {
+
+}
+#back {
+font-size: 11px;
+padding-bottom: 1em;
+}
+code {
+white-space: pre-wrap;
+font-size: 0.7em;
+padding: 1em;
+}
+
+/* stolen from darkreader static */
+html,
+body,
+:not([style*="background-color:"]):not(iframe) {
+    background-color: black !important;
+}
+html,
+body,
+:not([style*="color:"]),
+.sr-reader *:not([class*='sr-pivot']) {
+    color: rgb(225, 253, 203) !important;
+}
+h1:not([style*="color:"]),
+h2:not([style*="color:"]),
+h3:not([style*="color:"]),
+h4:not([style*="color:"]),
+h5:not([style*="color:"]),
+h6:not([style*="color:"]) {
+    color: rgb(247, 2, 56) !important;
+}
+cite:not([style*="color:"]) {
+    color: rgb(30, 214, 88) !important;
+}
+input:not([style*="background-color:"]),
+textarea:not([style*="background-color:"]),
+button:not([style*="background-color:"]),
+[role="button"] {
+    background-color: rgb(32, 48, 64) !important;
+}
+input:not([style*="background-color:"]):hover,
+textarea:not([style*="background-color:"]):hover,
+button:not([style*="background-color:"]):hover,
+[role="button"]:hover {
+    background-color: rgb(30, 54, 78) !important;
+}
+input:not([style*="background-color:"]):active, input:not([style*="background-color:"]):focus,
+textarea:not([style*="background-color:"]):active, textarea:not([style*="background-color:"]):focus,
+button:not([style*="background-color:"]):active, button:not([style*="background-color:"]):focus,
+[role="button"]:active, [role="button"]:focus {
+    background-color: rgb(29, 56, 83) !important;
+}
+a:not([style*="color:"]) {
+    color: rgb(128, 182, 204) !important;
+}
+a:not([style*="color:"]):hover {
+    color: rgb(142, 193, 217) !important;
+}
+a:not([style*="color:"]):active, a:not([style*="color:"]):focus {
+    color: rgb(155, 203, 230) !important;
+}
+:not([style*="border-color:"]),
+::before,
+::after {
+    border-color: rgb(80, 115, 134) !important;
+}
+div:empty,
+.sr-reader *,
+.sr-backdrop {
+    background-color: rgba(16, 20, 23, 0.5) !important;
+}
+input::placeholder,
+textarea::placeholder {
+    color: rgba(167, 158, 139, 0.5) !important;
+}
+input:not([style*="background-image:"]),
+textarea:not([style*="background-image:"]) {
+    background-image: none !important;
+}
+.box {
+    width: 50em;
+    align-text: left;
+}
up.chud.cyou