Cyberpunk 2077: Difference between revisions
No edit summary |
No edit summary |
||
| 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 ===== --> | |||
<div class="mp-hero"> | |||
<!-- Left: compact random teaser --> | |||
<div id="random-teaser" class="random-card compact">Loading random page…</div> | |||
<!-- Right: 4 quick cards --> | |||
<div class="mp-cards"> | |||
<div class="mp-card"> | |||
<h4>Overview & Statistics</h4> | |||
<p>• [[Special:SpecialPages|Special pages]] • [[Special:Statistics|Stats]] • [[Special:Version|Version]]<br/> | |||
• [{{fullurl:Special:ListUsers}} Users] • [{{fullurl:Special:ListUsers|group=sysop}} Admins] • [[Special:ActiveUsers|Active users]]</p> | |||
</div> | |||
<div class="mp-card"> | |||
<h4>Content & Categories</h4> | |||
<p>• [[Special:AllPages|All pages]] • [[Special:Categories|Categories]] • [[Special:PrefixIndex|Prefix index]]<br/> | |||
• [[Special:Search|Search]] • [{{fullurl:Special:AllPages|namespace=10}} Templates] • [{{fullurl:Special:AllPages|namespace=14}} Categories]</p> | |||
</div> | |||
<div class="mp-card"> | |||
<h4>Files & Galleries</h4> | |||
<p>• [[Special:NewFiles|New files]] • [[Special:ListFiles|File list]]<br/> | |||
• [{{fullurl:Special:AllPages|namespace=6}} All files A–Z] • [[Special:UnusedFiles|Unused]] • [[Special:UncategorizedFiles|Uncategorized]]</p> | |||
</div> | |||
<div class="mp-card"> | |||
<h4>Maintenance</h4> | |||
<p>• [[Special:RecentChanges|Recent changes]] • [[Special:NewPages|New pages]] • [[Special:Logs|Logs]]<br/> | |||
• [[Special:WantedPages|Wanted]] • [[Special:OrphanedPages|Orphaned]] • [[Special:DeadendPages|Dead-end]]</p> | |||
<div class="only-sysop" style="margin-top:.35em"> | |||
'''Admin:''' [{{fullurl:{{FULLPAGENAME}}|action=purge}} Purge] • | |||
[{{fullurl:MediaWiki:Common.css|action=edit}} Common.css] • | |||
[{{fullurl:MediaWiki:Common.js|action=edit}} Common.js] | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
<!-- Thin strip with most-used links --> | |||
<div class="mp-strip"> | |||
<span class="mp-chip">[[Special:MostLinkedPages|Most linked pages]]</span> | |||
<span class="mp-chip">[[Special:MostLinkedCategories|Top categories]]</span> | |||
<span class="mp-chip">[[Special:MostLinkedTemplates|Top templates]]</span> | |||
<span class="mp-chip">[[Special:MostLinkedFiles|Top files]]</span> | |||
</div> | |||
<!-- ===== /COMPACT MAIN HEADER ===== --> | |||
<!-- ===== WIKI DASHBOARD (place right under the page title) ===== --> | <!-- ===== WIKI DASHBOARD (place right under the page title) ===== --> | ||
<div id="random-teaser" class="random-card loading">Loading random page…</div> | <div id="random-teaser" class="random-card loading">Loading random page…</div> | ||