MediaWiki:Common.css: Difference between revisions

Revision as of 13:20, 9 May 2026

/* Grid */
.home-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; }
.home-card { background: rgba(255,255,255,0.03); border: 1px solid #333; border-radius: 4px; padding: 15px; }
.home-card-featured { flex: 2; min-width: 350px; border-left: 4px solid #a47719; }
.home-card-sidebar { flex: 1; min-width: 250px; }

/* Dashboard Action Buttons */
.action-button { display: block; padding: 12px; margin-bottom: 8px; border-radius: 4px; text-align: center; font-weight: bold; color: #fff !important; text-decoration: none !important; }
.btn-discord { background: #5865F2; }
.btn-patreon { background: #FF424D; }
.btn-kofi { background: #FF5E5B; }
.btn-reddit { background: #FF4500; }

/* Category Tiles */
.tile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 20px 0; }
.tile { background: #1a1a1a; border: 1px solid #333; padding: 10px; text-align: center; font-size: 12px; font-weight: bold; transition: 0.2s; }
.tile:hover { border-color: #a47719; background: #222; }

/* Header Search Subtitle */
.header-subtitle { text-align: center; font-style: italic; color: #888; margin-bottom: 20px; }

@@ Line 1: / Line 1: @@
-/* Shadypedia Custom Header */
+/* Grid */
-.shady-header {
+.home-grid { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; }
-    font-family: 'Impact', 'Arial Black', sans-serif;
+.home-card { background: rgba(255,255,255,0.03); border: 1px solid #333; border-radius: 4px; padding: 15px; }
-    font-size: 56px;
+.home-card-featured { flex: 2; min-width: 350px; border-left: 4px solid #a47719; }
-    font-weight: 900;
+.home-card-sidebar { flex: 1; min-width: 250px; }
-    letter-spacing: -2px;
-    text-transform: uppercase;
-    text-shadow: 3px 3px 0px #000;
-    text-align: center;
-}
-/* Slim Shady LP Letter Colors */
+/* Dashboard Action Buttons */
-.shady-1 { color: #FF0000; } .shady-2 { color: #32CD32; }
+.action-button { display: block; padding: 12px; margin-bottom: 8px; border-radius: 4px; text-align: center; font-weight: bold; color: #fff !important; text-decoration: none !important; }
-.shady-3 { color: #FFD700; } .shady-4 { color: #1E90FF; }
+.btn-discord { background: #5865F2; }
-.shady-5 { color: #FF8C00; } .shady-6 { color: #8A2BE2; }
+.btn-patreon { background: #FF424D; }
-.shady-7 { color: #00CED1; } .shady-8 { color: #FF1493; }
+.btn-kofi { background: #FF5E5B; }
-.shady-9 { color: #ADFF2F; } .shady-10 { color: #FFB6C1; }
+.btn-reddit { background: #FF4500; }
-/* Citizen Layout Containers */
+/* Category Tiles */
-.main-grid { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; }
+.tile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 20px 0; }
-.featured-box { flex: 2; min-width: 300px; background: #111; border: 1px solid #a47719; padding: 20px; }
+.tile { background: #1a1a1a; border: 1px solid #333; padding: 10px; text-align: center; font-size: 12px; font-weight: bold; transition: 0.2s; }
-.sidebar-box { flex: 1; min-width: 250px; background: #1a1a1a; border: 1px solid #333; padding: 15px; }
+.tile:hover { border-color: #a47719; background: #222; }
+/* Header Search Subtitle */
+.header-subtitle { text-align: center; font-style: italic; color: #888; margin-bottom: 20px; }