From d8461d5fd8cde5cd7218e546c93d64378f641d66 Mon Sep 17 00:00:00 2001 From: Kio Date: Fri, 26 Jul 2024 14:30:28 -0400 Subject: [PATCH] Create style.css --- style.css | 98 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..5d6680a --- /dev/null +++ b/style.css @@ -0,0 +1,98 @@ +body { + background: #eaeaea; + margin: 0; + height: 100vh; + width: 100vw; + display: flex; + font-family: monospace; + justify-content: center; + align-items: center; + border-radius: 15px; +} +#stickers { + border-top: 1px solid black; + padding: 10px; + height: 40px; + flex-grow: 100; +} + +#innerSticker { + display: flex; + align-items: center; + justify-content: space-around; +} + +#footer { + position: absolute; + bottom: 0; + right: 0; + display: flex; + align-content: bottom; + align-items: flex-end; + width: 100vw; + +} +#webring { + background: white; + padding: 15px; + width: 155px; + border-left: black solid 1px; + border-top: black solid 1px +} + +#back { + position: absolute; + left: 0; + top: 0; + background: black; + color: white; + padding: 0px 5px +} + +#content { + box-shadow: -25px 15px 10px lightgray; + border-radius: 7px; + background: white; + border: 1px solid gray; + display: flex; + justify-content: space-between; + overflow: hidden auto; +} +#content #left { + margin-left: 30px; + margin-bottom: ; + margin-block: auto; + padding-block: 30px; +} +h1 { + margin-bottom: 0; +} +a { + padding-right: 15px; + color: black; +} +.lighter { + color: gray; +} +#right { + height: 100%; + position: sticky; + top: 0; + right: -100px; +} +img { + border-radius: 7px; + vertical-align: middle; +} + +#innerSticker a img { + border-radius: 0; + width: 88px; + height: 33px; +} +a img { + padding-right: 5px; + height: 25px; + width: 25px; + overflow: hidden; +}