Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
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; }

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