|
|
| Line 1: |
Line 1: |
| /* ===== 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;
| |
| }
| |
|
| |
| /* Optional: zmenši medzery nad H1, nech je to celé kompaktnejšie */
| |
| #firstHeading { margin-bottom: 6px; }
| |
| .mw-body-content .toc { margin-top: 8px; }
| |
|
| |
| <!-- ===== COMPACT MAIN HEADER ===== --> | | <!-- ===== COMPACT MAIN HEADER ===== --> |
| <div class="mp-hero"> | | <div class="mp-hero"> |