From d98f36b05c1ffd3c8cddd6e6298fa88897fb30e8 Mon Sep 17 00:00:00 2001 From: Skiz Date: Mon, 2 Sep 2024 15:19:47 -0400 Subject: Made CSS vapor-wave --- themes/vapor/static/style.css | 69 ++++++++++++++++++++++++++++--------------- 1 file changed, 45 insertions(+), 24 deletions(-) (limited to 'themes/vapor/static/style.css') diff --git a/themes/vapor/static/style.css b/themes/vapor/static/style.css index 2dbd8d2..3b0f147 100644 --- a/themes/vapor/static/style.css +++ b/themes/vapor/static/style.css @@ -1,60 +1,81 @@ body { - font-family: 'Times New Roman' ; - /*background: #110000 ;*/ - background: #1e1e22; - background-image: url("/images/space2.gif") ; - color: #ccc ; + font-family: 'Times New Roman', serif; + background: linear-gradient(135deg, #3a0088, #9e4fff); + background-image: url("/images/yummywater.png"); + color: #f5f5f5; } main { - max-width: 800px ; - margin: auto ; + max-width: 800px; + margin: auto; } a { - color: #FFA500; + color: #ff77e9; + text-shadow: 2px 2px 0px #00ff99; } a:visited { - color: #FF8C00; + color: #ff4da6; } a:hover { - color: #FFD700; + color: #00f9ff; + text-shadow: 2px 2px 0px #ff00ff; } img { - max-width: 100% ; + max-width: 100%; + filter: contrast(1.1) hue-rotate(20deg); } header h1 { - text-align: center ; - font-family: 'Courier New' ; + text-align: center; + font-family: 'Courier New', monospace; + color: #ffe066; + text-shadow: 3px 3px 0px #00ff99; } footer { - text-align: center ; - clear: both ; + text-align: center; + clear: both; + color: #ffe066; + text-shadow: 2px 2px 0px #ff00ff; } /* For TAGLIST.HTML */ .taglist { - text-align: center ; - clear: both ; + text-align: center; + clear: both; } /* For NEXTPREV.HTML */ #nextprev { - /* The container for both the previous and next articles. */ + /* The container for both the previous and next articles. */ } #prevart { - float: left ; - text-align: left ; + float: left; + text-align: left; } #nextart { - float: right ; - text-align: right ; + float: right; + text-align: right; } -#nextart,#prevart { - max-width: 33% ; +#nextart, #prevart { + max-width: 33%; + color: #ff77e9; + text-shadow: 2px 2px 0px #00ff99; } + +/* Additional Vaporwave Touch */ +body::after { + content: ""; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(255, 255, 255, 0.1); + pointer-events: none; +} + -- cgit v1.2.3