MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; } | .shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; } | ||
/* SEARCH - | /* SEARCH - Precise Pill */ | ||
.shady-search-wrapper { | .shady-search-wrapper { | ||
background: rgba(255, 255, 255, 0.02); | background: rgba(255, 255, 255, 0.02); | ||
| Line 21: | Line 21: | ||
} | } | ||
/* NAVIGATION TILES - | /* NAVIGATION TILES - Updated to 8 columns */ | ||
.shady-tile-grid { | .shady-tile-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat( | grid-template-columns: repeat(8, 1fr); | ||
gap: | gap: 8px; | ||
margin: 40px 0; | margin: 40px 0; | ||
} | } | ||
| Line 32: | Line 32: | ||
border: 1px solid #1a1a1a; | border: 1px solid #1a1a1a; | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 15px | padding: 15px 2px; | ||
text-align: center; | text-align: center; | ||
font-size: | font-size: 9px; | ||
font-weight: bold; | font-weight: bold; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
color: #888 !important; | color: #888 !important; | ||
} | } | ||
.shady-tile:hover { border-color: #a47719; color: #fff !important; background: rgba(164, 119, 25, 0.1); } | .shady-tile:hover { | ||
border-color: #a47719; | |||
color: #fff !important; | |||
background: rgba(164, 119, 25, 0.1); | |||
} | |||
/* CARDS - | /* CARDS - High-tech Polish */ | ||
.shady-card { | .shady-card { | ||
background: #0a0a0a; | background: #0a0a0a; | ||
| Line 48: | Line 52: | ||
padding: 30px; | padding: 30px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
.shady-featured-accent { border-left: 3px solid #a47719; } | .shady-featured-accent { border-left: 3px solid #a47719; } | ||
| Line 59: | Line 62: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
Revision as of 13:54, 9 May 2026
/* Container Reset */
.shady-mainpage { max-width: 1200px; margin: 0 auto; color: #e2e2e2; }
/* HERO - Minimalist */
.shady-hero { text-align: center; padding: 40px 0 20px; }
.shady-logo { font-family: 'Impact', sans-serif; font-size: 72px; letter-spacing: 4px; margin-bottom: 0; color: #fff; }
.shady-tagline { font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 2px; margin-top: 5px; }
/* SEARCH - Precise Pill */
.shady-search-wrapper {
background: rgba(255, 255, 255, 0.02);
border: 1px solid #1a1a1a;
border-radius: 50px;
padding: 12px 25px;
max-width: 500px;
margin: 30px auto 0;
display: flex;
justify-content: space-between;
align-items: center;
color: #444;
}
/* NAVIGATION TILES - Updated to 8 columns */
.shady-tile-grid {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 8px;
margin: 40px 0;
}
.shady-tile {
background: rgba(255, 255, 255, 0.03);
border: 1px solid #1a1a1a;
border-radius: 4px;
padding: 15px 2px;
text-align: center;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #888 !important;
}
.shady-tile:hover {
border-color: #a47719;
color: #fff !important;
background: rgba(164, 119, 25, 0.1);
}
/* CARDS - High-tech Polish */
.shady-card {
background: #0a0a0a;
border: 1px solid #1a1a1a;
border-radius: 4px;
padding: 30px;
margin-bottom: 20px;
}
.shady-featured-accent { border-left: 3px solid #a47719; }
.shady-card-header {
color: #a47719;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
margin-bottom: 15px;
text-transform: uppercase;
}