MediaWiki:Common.css: Difference between revisions

Revision as of 13:49, 9 May 2026

/* Layout Reset */
.shady-mainpage { max-width: 1400px; margin: 0 auto; color: #f0f0f0; }

/* HERO - Large and Transparent */
.shady-hero { 
    text-align: center; 
    padding: 100px 20px 60px; 
    background: linear-gradient(to bottom, rgba(164, 119, 25, 0.05), transparent);
}
.shady-logo { 
    font-family: 'Impact', sans-serif; 
    font-size: 80px; 
    letter-spacing: 6px; 
    color: #fff; 
    text-shadow: 0 0 30px rgba(164, 119, 25, 0.4);
    margin: 0;
}
.shady-tagline { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 4px; margin-top: 10px; }

/* SEARCH PILL - Rounded with Neon Border */
.shady-search-pill {
    max-width: 600px;
    margin: 40px auto 0;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #333;
    padding: 15px 30px;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

/* CATEGORY TILES - The Star Citizen "Navigation" look */
.shady-tile-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
    gap: 12px; 
    margin: 40px 0; 
}
.shady-tile { 
    background: rgba(255,255,255,0.03); 
    border: 1px solid #222; 
    padding: 20px; 
    text-align: left; 
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    border-left: 3px solid #333;
    transition: 0.3s;
}
.shady-tile:hover { border-left-color: #a47719; background: rgba(164, 119, 25, 0.1); }

/* CONTENT CARDS - Rounded with Header Accents */
.shady-card {
    background: rgba(10, 10, 10, 0.9);
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 25px;
    position: relative;
    overflow: hidden;
}
.shady-card-header { 
    color: #a47719; 
    font-size: 12px; 
    font-weight: 900; 
    letter-spacing: 2px; 
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}

/* STATS - Square Boxes from the Screenshot */
.shady-stat-grid { display: flex; gap: 15px; margin-top: 20px; }
.shady-stat-box { 
    flex: 1; 
    background: #000; 
    border: 1px solid #222; 
    border-radius: 8px; 
    padding: 20px; 
    text-align: center; 
}
.shady-stat-num { font-size: 28px; font-weight: bold; color: #fff; display: block; }
.shady-stat-lab { font-size: 10px; color: #a47719; text-transform: uppercase; }