MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1,017: | Line 1,017: | ||
#firstHeading { margin-bottom: 6px; } | #firstHeading { margin-bottom: 6px; } | ||
.mw-body-content .toc { margin-top: 8px; } | .mw-body-content .toc { margin-top: 8px; } | ||
/* ===== Compact Main Page layout ===== */ | |||
#firstHeading{ margin-bottom:6px; } | |||
.mw-body-content .toc{ margin:8px 0 14px; } | |||
/* Hero: 2-stĺpcová mriežka (teaser + karty) */ | |||
.mp-hero{ | |||
display:grid; grid-template-columns: 2fr 1.2fr; | |||
gap:12px; align-items:stretch; margin:6px 0 12px; | |||
} | |||
@media (max-width: 1000px){ .mp-hero{ grid-template-columns:1fr; } } | |||
/* Random teaser – kompaktná karta */ | |||
.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; flex-wrap:wrap; } | |||
.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; } | |||
/* 4 „quick cards“ vpravo */ | |||
.mp-cards{ display:grid; grid-template-columns:1fr 1fr; gap:10px; } | |||
@media (max-width: 520px){ .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; } | |||
/* Tenký „chips“ pásik pod hero */ | |||
.mp-strip{ | |||
display:flex;flex-wrap:wrap;gap:10px; padding:8px 10px;margin:6px 0 14px; | |||
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; } | |||
/* Infobox & TOC – menšie medzery, aby stránka pôsobila kompaktne */ | |||
.infobox, .portable-infobox{ margin-top:4px !important; } | |||
.toc ul{ margin-top:4px; } | |||
/* Voliteľne: zruš neočakávané biele okraje okolo obrázkov */ | |||
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner, | |||
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element{ | |||
background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important; | |||
} | |||