MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,918: / Line 1,918: @@
 /* E) Error hlášky zo šablón (červený text) – znížiť agresivitu farby na dark pozadí */
 .mw-parser-output .error, .error { color:#ff7a7a !important; }
+/* === HERO LEFT: len pre [[Cyberpunk 2077]] === */
+:root{
+  --hero-w: 320px;                          /* šírka panelu */
+  --hero-h: 420px;                          /* výška panelu (kľudne uprav) */
+  --hero-gap: 24px;                         /* medzera od textu */
+  --hero-url: url(null);            /* ← sem ide lokálna /images cesta */
+}
+/* aktivuj iba na tejto stránke */
+.page-Cyberpunk_2077 .mw-body{ position: relative; }
+/* obrázkový panel vľavo hore */
+.page-Cyberpunk_2077 .mw-body::before{
+  content:"";
+  position: absolute;
+  top: 82px;                                /* zlaď s heading pruhom, doladíme podľa oka */
+  left: 0;
+  width: var(--hero-w);
+  height: var(--hero-h);
+  background: var(--hero-url) center/contain no-repeat, #0d0d0d;  /* logo je skôr „štvorec“, preto contain */
+  border: 1px solid #2b2b2b;
+  box-shadow: 0 8px 32px rgba(0,0,0,.5);
+  outline: 2px solid #ffcc00;
+  outline-offset: -2px;
+}
+/* posun textu doprava, aby nenabehoval pod panel */
+.page-Cyberpunk_2077 .mw-body-content{
+  padding-left: calc(var(--hero-w) + var(--hero-gap)) !important;
+}
+/* TOC nech nie je nalepený */
+.page-Cyberpunk_2077 #toc, .page-Cyberpunk_2077 .toc{
+  max-width: 720px;
+}
+/* responzívne vypnutie panela na užších viewportoch */
+@media (max-width: 1200px){
+  .page-Cyberpunk_2077 .mw-body::before{ display:none; }
+  .page-Cyberpunk_2077 .mw-body-content{ padding-left: 0 !important; }
+}