MediaWiki:Common.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ============================
Eaglespeed Corporate Theme
============================ */
:root{
--primary:#0A4AA3;
--dark:#1f2937;
--light:#f7f9fc;
--border:#e5e7eb;
--radius:12px;
}
body{
background:var(--light);
font-family:Inter,"Segoe UI",Arial,sans-serif;
color:#374151;
}
/* Page */
.mw-page-container{
max-width:1450px;
margin:auto;
}
.mw-body{
background:#fff;
border-radius:12px;
padding:30px;
box-shadow:0 2px 12px rgba(0,0,0,.05);
}
/* Headings */
.firstHeading{
font-size:40px;
color:var(--dark);
font-weight:700;
border:none;
}
h2{
border:none;
color:var(--primary);
margin-top:40px;
}
/* Links */
a{
color:var(--primary);
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
/* Hero */
.hero{
background:linear-gradient(135deg,#0A4AA3,#1565D8);
color:#fff;
padding:60px 30px;
text-align:center;
border-radius:12px;
margin-bottom:30px;
}
.hero img{
width:140px;
margin-bottom:20px;
}
.hero h1{
color:#fff;
font-size:48px;
margin:0;
}
.hero p{
font-size:18px;
max-width:800px;
margin:15px auto 0;
}
/* Buttons */
.btn{
display:inline-block;
margin:15px 8px 0;
padding:12px 24px;
background:#fff;
color:#0A4AA3 !important;
border-radius:8px;
font-weight:600;
}
.btn:hover{
background:#f3f4f6;
}
/* Cards */
.card{
background:#fff;
border:1px solid var(--border);
border-radius:12px;
padding:24px;
margin:15px 0;
}
.card:hover{
border-color:#0A4AA3;
}
/* Tables */
.wikitable{
border-radius:10px;
overflow:hidden;
}
.wikitable th{
background:#0A4AA3;
color:#fff;
}
/* Hide Contents */
.vector-toc,
.vector-sticky-toc,
#toc{
display:none!important;
}
/* Responsive */
@media(max-width:768px){
.mw-body{
padding:18px;
}
.hero{
padding:40px 20px;
}
.hero h1{
font-size:34px;
}
.hero p{
font-size:16px;
}
}