MediaWiki:Common.css: Porovnání verzí

Aktuální verze z 14. 10. 2025, 11:54

@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");

.text-gold {
  background: linear-gradient(
    180deg,
    #a0703a 0%,
    #a0703a 25%,
    #ffcf5b 50%,
    #a0703a 75%,
    #a0703a 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;

  display: inline !important;
  white-space: normal !important;

  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;

  filter:
    drop-shadow(0 1px 0 rgba(0,0,0,.35))
    drop-shadow(0 3px 3px rgba(0,0,0,.35))
    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
}

.citizen-section > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
}

.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ve-ui-surface .ve-ce-documentNode p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
}

p:not(.mw-empty-elt) + ul,p:not(.mw-empty-elt) + ol,p:not(.mw-empty-elt) + table,p:not(.mw-empty-elt) + dl,p:not(.mw-empty-elt) + blockquote {
    margin-top: 5px !important;
}

@@ Řádek 1: / Řádek 1: @@
-/* === Portable Infobox pro skin Citizen: light/dark + GOLD AKCENT === */
+@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");
-/* LIGHT THEME (Citizen) */
+.text-gold {
-.skin-citizen .portable-infobox {
+   background: linear-gradient(
-   /* barevné proměnné – můžete měnit jen tyto tři a vše se přebarví */
+deg,
-  --pi-accent: #d4af37;   /* ZLATÁ (logo) */
+    #a0703a 0%,
-  --pi-border: #d9dee6;
+    #a0703a 25%,
-  --pi-bg:     #ffffff;
+    #ffcf5b 50%,
-   --pi-muted:  #f6f8fb;
+    #a0703a 75%,
+     #a0703a 100%
+   ) !important;
-   width: 320px;
+   -webkit-background-clip: text !important;
-  float: right;
+   background-clip: text !important;
-  margin: 0 0 1rem 1rem;
+   -webkit-text-fill-color: transparent !important;
-  border: 1px solid var(--pi-border);
+   color: transparent !important;
-  border-radius: 12px;
-  background: var(--pi-bg);
+   display: inline !important;
-  overflow: hidden;
+   white-space: normal !important;
-  box-shadow: 0 2px 10px rgba(0,0,0,.06);
-  font-size: .95em;
-  line-height: 1.5;
-}
-.skin-citizen .portable-infobox .pi-title {
-   background: var(--pi-accent);
-  color: #fff;
-  font-weight: 700;
-  padding: 12px 14px;
-  text-align: center;         /* centrování titulku */
-}
-.skin-citizen .portable-infobox .pi-image,
-.skin-citizen .portable-infobox .pi-image-collection { background: #fff; }
-.skin-citizen .portable-infobox .pi-image img {
-  display: block;
-  margin: 0 auto;             /* centrování obrázku */
-  max-height: 320px;
-   object-fit: contain;
-  border-bottom: 1px solid var(--pi-border);
-}
-.skin-citizen .portable-infobox .pi-group {
-  background: var(--pi-muted);
-  padding: 8px 12px;
-   border-top: 1px solid var(--pi-border);
-}
-.skin-citizen .portable-infobox .pi-group .pi-group-title {
-  font-weight: 700;
-  margin: 6px 0 4px;
-}
-.skin-citizen .portable-infobox .pi-data {
-   display: grid;
-  grid-template-columns: 40% 60%;
-  gap: 6px 10px;
-  padding: 6px 0;
-  border-top: 1px dashed #e6eaf0;
-}
-.skin-citizen .portable-infobox .pi-data-label { font-weight: 600; color: #334; }
-.skin-citizen .portable-infobox .pi-data-value { color: #111; word-break: break-word; }
-.skin-citizen .portable-infobox .pi-data-type-text .pi-data-value {
-  grid-column: 1 / -1;
-  background: #fff;
-  border: 1px solid var(--pi-border);
-   border-radius: 8px;
-  padding: 8px 10px;
-}
-/* DARK THEME (Citizen dark) */
+   -webkit-box-decoration-break: clone !important;
-.skin-citizen-dark .portable-infobox {
+   box-decoration-break: clone !important;
-  --pi-accent: #d4af37;   /* zlatá zůstává */
-  --pi-border: #2c3442;
-  --pi-bg:     #10131a;
-   --pi-muted:  #141a24;
-   color: #e6ebf3;
+   filter:
-  background: var(--pi-bg);
+    drop-shadow(0 1px 0 rgba(0,0,0,.35))
-  border-color: var(--pi-border);
+    drop-shadow(0 3px 3px rgba(0,0,0,.35))
-  box-shadow: none;
+    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
 }
-.skin-citizen-dark .portable-infobox .pi-title { color: #fff; }
-.skin-citizen-dark .portable-infobox .pi-image img {
+.citizen-section > p {
-   border-bottom: 1px solid var(--pi-border);
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+  text-align: justify;
+  text-justify: inter-word;
+   hyphens: auto;
 }
-.skin-citizen-dark .portable-infobox .pi-group {
-   background: var(--pi-muted);
+.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
-   border-top-color: var(--pi-border);
+   margin-top: 0 !important;
+   margin-bottom: 0 !important;
 }
-.skin-citizen-dark .portable-infobox .pi-data {
-   border-top-color: #2a3240;
+.ve-ui-surface .ve-ce-documentNode p {
-}
+   margin-top: 0 !important;
-.skin-citizen-dark .portable-infobox .pi-data-label { color: #cfd8ea; }
+  margin-bottom: 0 !important;
-.skin-citizen-dark .portable-infobox .pi-data-type-text .pi-data-value {
+  text-align: justify !important;
-  background: #0b0e14;
+   text-justify: inter-word !important;
-   border-color: #2c3442;
+   hyphens: auto !important;
-   color: #e6ebf3;
 }
-/* RESPONSIVE: na úzkých displejích zarovnat pod text, 100% šířka */
+p:not(.mw-empty-elt) + ul,p:not(.mw-empty-elt) + ol,p:not(.mw-empty-elt) + table,p:not(.mw-empty-elt) + dl,p:not(.mw-empty-elt) + blockquote {
-@media (max-width: 720px) {
+    margin-top: 5px !important;
-  .portable-infobox {
-    float: none !important;
-    width: 100% !important;
-    margin: 0 0 1rem 0 !important;
-  }
-  .portable-infobox .pi-image img { max-height: 260px; }
-  .portable-infobox .pi-data { grid-template-columns: 42% 58%; }
 }