diff site/css/menu.css @ 2:380da6d0a7e9

Swapped fonts, return of the webring
author yakumo_izuru
date Sat, 07 Jun 2025 22:47:50 -0300
parents edf035b5437a
children 21b2c131d8c7
line wrap: on
line diff
--- a/site/css/menu.css	Fri May 30 19:41:23 2025 -0300
+++ b/site/css/menu.css	Sat Jun 07 22:47:50 2025 -0300
@@ -16,24 +16,42 @@
 
 @import "/css/font.css";
 
-/*
- * Color schemes (Human mode)
- */
-:root {
+/* Human mode */
+@media (prefers-color-scheme: light) {
+    :root {
 	--bg: #ffffff;
 	--fg: #000000;
 	--link: #000000;
 	--link-hover: #800080;
 	--link-visited: #ff0000;
 	--border: #9d9d9d;
+    }
+    body {
+	background-image: url('/img/reimu.jpg');
+	background-position: 40% 10%;
+    }
 }
 
+/* Youkai mode */
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #000000;
+        --fg: #ffffff;
+        --link: #ffffff;
+        --link-hover: #ffd700;
+        --link-visited: #ffa500;
+        --border: #494949;
+    }
+    body {
+        background-image: url('/img/yukari.jpg');
+        background-position: 35% 35%;
+    }
+}
+    
 body {
-    background-image: url('/img/reimu.jpg');
-    background-position: 40% 10%;
     background-repeat: no-repeat;
     background-color: var(--bg);
-    font-family: 'ArialPixel', sans-serif;
+    font-family: 'Ume UI Gothic';
     font-weight: bold;
 }
 div.content {
@@ -57,43 +75,19 @@
 .menu a:visited {
     color: var(--link-visited);
 }
-.footer {
-    margin-top: 85ch;
-    position: relative;
-    text-align: center;
-}
 .powered_by {
 	float: right;
 }
 
-@media(prefers-color-scheme: dark) {
-    /*
-     * Color schemes (Youkai mode)
-     */
-    :root {
-	--bg: #000000;
-	--fg: #ffffff;
-	--link: #ffffff;
-	--link-hover: #ffd700;
-	--link-visited: #ffa500;
-	--border: #494949;
+@media screen and (max-width: 600px) {
+    body {
+	background: var(--bg);
+	font-family: 'Roboto', sans-serif;
     }
-    body {
-	background-image: url('/img/yukari.jpg');
-	background-position: 35% 35%;
+    .menu {
+	font-size: 20px;
+    }
+    .powered_by {
+	display: none;
     }
 }
-@media screen and (max-width: 600px) {
-	body {
-		background-image: url('/img/reimu_mobile.jpg');
-	}
-	.footer {
-		display: none
-	}
-	.menu {
-		font-size: 20px;
-	}
-	.powered_by {
-		display: none;
-	}
-}