Made CSS vapor-wave

1 files changed, 45 insertions, 24 deletions

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;
+}
+