From 96639ce2d65c238ee9238c7be0966ca9233b99c2 Mon Sep 17 00:00:00 2001 From: Emil Williams Date: Sun, 10 Aug 2025 18:31:05 +0000 Subject: [PATCH] css --- index.html | 2 +- style.css | 119 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 120 insertions(+), 1 deletion(-) create mode 100644 style.css diff --git a/index.html b/index.html index efadce1..109c2a5 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + up.chud.cyou diff --git a/style.css b/style.css new file mode 100644 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; +} -- 2.39.5