MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 944: | Line 944: | ||
.random-card .thumb { width: 100%; height: auto; } | .random-card .thumb { width: 100%; height: auto; } | ||
} | } | ||
/* ===== Main page – compact header ===== */ | |||
.mp-hero { | |||
display: grid; | |||
grid-template-columns: 2fr 1.2fr; | |||
gap: 12px; | |||
align-items: stretch; | |||
margin: 6px 0 12px; | |||
} | |||
@media (max-width: 900px){ | |||
.mp-hero { grid-template-columns: 1fr; } | |||
} | |||
/* Random teaser – compact variant */ | |||
.random-card.compact{ | |||
display: grid; | |||
grid-template-columns: 110px 1fr; | |||
gap: 10px; | |||
align-items: center; | |||
background:#0f1012; | |||
border:1px solid #2a2d33; | |||
border-radius:8px; | |||
padding:10px; | |||
margin:0; | |||
} | |||
.random-card.compact .thumb{ | |||
width:110px; height:110px; overflow:hidden; | |||
border-radius:6px; border:1px solid #2a2d33; | |||
display:flex; align-items:center; justify-content:center; | |||
} | |||
.random-card.compact .thumb img{ max-width:100%; height:auto; display:block; } | |||
.random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; } | |||
.random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; } | |||
.random-card.compact .actions{ display:flex; gap:6px; } | |||
.random-card.compact .btn{ | |||
border:1px solid #2a2d33; padding:3px 7px; border-radius:6px; | |||
background:#14161a; color:#e5e8eb; text-decoration:none; cursor:pointer; | |||
} | |||
.random-card.compact .btn:hover{ background:#15191f; } | |||
/* Quick cards (replace the big wikitable) */ | |||
.mp-cards{ | |||
display:grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap:10px; | |||
} | |||
@media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } } | |||
.mp-card{ | |||
background:#0f1012; | |||
border:1px solid #2a2d33; | |||
border-radius:8px; | |||
padding:10px 12px; | |||
} | |||
.mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; } | |||
.mp-card p{ margin:0; line-height:1.45; } | |||
.mp-card a{ text-decoration:none; } | |||
/* Thin stats bar under hero */ | |||
.mp-strip{ | |||
display:flex; flex-wrap:wrap; gap:10px; | |||
padding:8px 10px; margin: 6px 0 12px; | |||
border:1px solid #2a2d33; border-radius:8px; background:#0f1012; | |||
font-size: .95rem; | |||
} | |||
.mp-chip{ | |||
padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; | |||
background:#14161a; | |||
} | |||
/* Smaller gaps */ | |||
#firstHeading { margin-bottom: 6px; } | |||
.mw-body-content .toc { margin-top: 8px; } | |||