diff options
| author | Emil Williams | 2025-08-10 18:31:05 +0000 |
|---|---|---|
| committer | Emil Williams | 2025-08-10 18:31:05 +0000 |
| commit | 96639ce2d65c238ee9238c7be0966ca9233b99c2 (patch) | |
| tree | 286ad1fd52b7b17a2d4ddccb1d62411a3fe4ce12 | |
| parent | 4dcb8d66b2f22c9d328129d47e010e88768c052d (diff) | |
| download | emil-up.chud.cyou-96639ce2d65c238ee9238c7be0966ca9233b99c2.tar.xz emil-up.chud.cyou-96639ce2d65c238ee9238c7be0966ca9233b99c2.tar.zst | |
css
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | style.css | 119 |
2 files changed, 120 insertions, 1 deletions
@@ -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 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; +} |