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: @@
-/* === PortableInfobox: vynutit VIDITELNÉ LABELY + zlaté group headery === */
+@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");
-/* Odstranění skrytí labelů, které dělá Citizen (sr-only apod.) */
+.text-gold {
-.portable-infobox .pi-data-label{
+   background: linear-gradient(
-   all: unset;                    /* zruší sr-only hacky */
+deg,
-   display: block !important;
+    #a0703a 0%,
-  visibility: visible !important;
+    #a0703a 25%,
-   position: static !important;
+    #ffcf5b 50%,
-   clip: auto !important;
+    #a0703a 75%,
-   clip-path: none !important;
+    #a0703a 100%
-   height: auto !important;
+   ) !important;
-  width: auto !important;
-   overflow: visible !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;
-  font-weight: 600;
-  opacity: .9;
-  margin: 0;
-}
-/* Dvousloupcové řádky: label vlevo, hodnota vpravo */
+   -webkit-box-decoration-break: clone !important;
-.portable-infobox .pi-data{
+   box-decoration-break: clone !important;
-   display: grid !important;
-  grid-template-columns: 44% 56% !important;
-  align-items: start;
-  gap: 6px 10px !important;
-  padding: 8px 0 !important;
-  border-top: none !important;
-}
-.portable-infobox .pi-data + .pi-data{
-  border-top: 1px solid var(--pi-sep, rgba(0,0,0,.12)) !important;
-}
-@media (prefers-color-scheme: dark){
-   .portable-infobox .pi-data + .pi-data{ border-top-color: rgba(255,255,255,.16) !important; }
-}
-/* Titulek – celý zlatý a centrovaný */
+  filter:
-:root{ --pi-accent:#d4af37; }
+    drop-shadow(0 1px 0 rgba(0,0,0,.35))
-.portable-infobox .pi-title{
+    drop-shadow(0 3px 3px rgba(0,0,0,.35))
-  background: var(--pi-accent) !important;
+    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
-  color: #111 !important;
-  text-align: center !important;
-  display:flex !important; align-items:center !important; justify-content:center !important;
-  padding: 12px 14px 10px !important;
-  border-top-left-radius: 16px !important; border-top-right-radius: 16px !important;
-  border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.12));
 }
-/* Obrázek – centrovaný */
+.citizen-section > p {
-.portable-infobox .pi-image,
+  margin-top: 0 !important;
-.portable-infobox .pi-image-collection{ text-align:center !important; background: transparent !important; }
+   margin-bottom: 0 !important;
-.portable-infobox .pi-image img{
+  text-align: justify;
-   display:block !important; margin:0 auto !important; max-height:320px; object-fit:contain;
+  text-justify: inter-word;
-   border-bottom:1px solid var(--pi-sep, rgba(0,0,0,.12));
+   hyphens: auto;
 }
-/* Zlaté hlavičky skupin – potřebují <header label="..."/> v šabloně */
+.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
-.portable-infobox .pi-header{
+   margin-top: 0 !important;
-   background: var(--pi-accent) !important;
+   margin-bottom: 0 !important;
-  color: #111 !important;
-   font-weight: 700;
-  padding: 8px 12px;
-  border-radius: 10px;
-  margin: 10px 12px 6px;
-  border: 1px solid rgba(0,0,0,.12);
-}
-@media (prefers-color-scheme: dark){
-  .portable-infobox .pi-header{ border-color: rgba(255,255,255,.18); }
 }
-/* Tělo skupiny – jemný závoj */
+.ve-ui-surface .ve-ce-documentNode p {
-.portable-infobox .pi-group{
+   margin-top: 0 !important;
-   background: var(--pi-soft, rgba(0,0,0,.035));
+   margin-bottom: 0 !important;
-   border-top: 1px solid var(--pi-sep, rgba(0,0,0,.12));
+   text-align: justify !important;
-   padding: 6px 12px 8px;
+  text-justify: inter-word !important;
-}
+  hyphens: auto !important;
-@media (prefers-color-scheme: dark){
-  .portable-infobox .pi-group{
-    background: rgba(255,255,255,.05);
-    border-top-color: rgba(255,255,255,.16);
-  }
 }
-/* Box a responsivita */
+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 {
-.portable-infobox{
+    margin-top: 5px !important;
-  width: min(360px, 100%);
-  float: right;
-  margin: 0 0 1rem 1rem;
-  background: transparent;
-  border: 1px solid var(--pi-bd, rgba(0,0,0,.12));
-  border-radius: 16px;
-  box-shadow: 0 4px 18px rgba(0,0,0,.08);
-  color: inherit;
-}
-@media (max-width: 720px){
-  .portable-infobox{ float:none !important; width:100% !important; margin:0 0 1rem 0 !important; }
-  .portable-infobox .pi-image img{ max-height:260px; }
 }