|
|
| Line 1: |
Line 1: |
| /* Container & Depth */
| |
| .shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }
| |
|
| |
|
| /* REFINED HERO & SEARCH */
| |
| .shady-hero { padding: 60px 0 40px; text-align: center; }
| |
| .shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; }
| |
| .shady-tagline { font-size: 13px; color: #666; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 30px; }
| |
|
| |
| /* Pill Search - More Spaced */
| |
| .shady-search-wrapper {
| |
| background: rgba(255, 255, 255, 0.03);
| |
| border: 1px solid #222;
| |
| border-radius: 50px;
| |
| padding: 18px 30px;
| |
| max-width: 650px;
| |
| margin: 0 auto;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| box-shadow: 0 10px 30px rgba(0,0,0,0.4);
| |
| }
| |
|
| |
| /* CARDS - Thinner borders, inner glow */
| |
| .shady-card {
| |
| background: #0d0d0d;
| |
| border: 1px solid #222;
| |
| border-radius: 12px;
| |
| padding: 30px;
| |
| margin-bottom: 24px;
| |
| box-shadow: inset 0 0 20px rgba(255,255,255,0.02);
| |
| }
| |
| .shady-card-title {
| |
| color: #a47719;
| |
| font-size: 12px;
| |
| font-weight: 800;
| |
| text-transform: uppercase;
| |
| letter-spacing: 2px;
| |
| border-bottom: 1px solid #1a1a1a;
| |
| padding-bottom: 12px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| /* FEATURED ARTICLE REWORK */
| |
| .shady-featured-card {
| |
| background: linear-gradient(135deg, #111 0%, #050505 100%);
| |
| border: 1px solid #a47719;
| |
| border-radius: 12px;
| |
| padding: 40px;
| |
| margin: 30px 0;
| |
| }
| |
| .shady-featured-title { font-size: 48px; font-weight: 900; color: #fff; margin-bottom: 10px; }
| |
|
| |
| /* STATS - Square to match Star Citizen Wiki style */
| |
| .shady-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; max-width: 400px; margin: 0 auto; }
| |
| .shady-stat-box {
| |
| background: #111;
| |
| border: 1px solid #222;
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| text-align: center;
| |
| }
| |
| .shady-stat-num { font-size: 32px; font-weight: bold; color: #fff; display: block; }
| |
| .shady-stat-label { font-size: 11px; color: #a47719; text-transform: uppercase; }
| |
