From b66860109ee59d3efcd6323c0c48a074122d1e93 Mon Sep 17 00:00:00 2001 From: dzwdz Date: Thu, 28 Mar 2024 20:00:44 +0100 Subject: gathering up all the shit i've made so far --- index.css | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 index.css (limited to 'index.css') diff --git a/index.css b/index.css new file mode 100644 index 0000000..15415cb --- /dev/null +++ b/index.css @@ -0,0 +1,91 @@ +* { + box-sizing: border-box; +} + +body { + background: black; + color: white; + display: flex; + flex-wrap: nowrap; + justify-content: center; + line-height: 1.5; + font-family: monospace; + font-size: 1rem; +} + +main { + max-width: 80ch; + order: 0; +} + +#users { + width: 20ch; + text-align: right; + order: -1; + margin-right: 1em; + overflow: hidden; +} + +#right { + width: 50ch; +} + +@media (max-width: 150ch) { #right { display: none; } } +@media (max-width: 100ch) { #users { display: none; } } + + +#users ul { + margin: 0; + list-style: none; +} + +#heatmap { + position: absolute; + max-width: 80ch; + z-index: -100; +} + +#heatmap a { + width: .75em; + height: .75em; + display: inline-block; + border-radius: 100%; + margin: .25em; +} + +.box { + background: #0c0a0fc0; + box-shadow: 5px 5px 5px #0c0a0fc0; + padding: 1em 1.5ch; + display: inline-block; + margin: .5em; +} + +main > *:not(#heatmap) { + margin: 1em; +} + +pre, p { + margin: 0; +} + +a { + color: #b5d0f4; +} + +#users a { + color: #5e7ea8; +} + +#right > * { + width : 100%; +} + +#planet ul { + margin-left: 1ch; +} + +.planetuser { + float: right; + opacity: 0.7; +} -- cgit 1.4.1-2-gfad0