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 – jednoduchý transparentní styl se zlatým akcentem === */
+@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");
-/* Globální proměnné (můžete změnit jen accent) */
+.text-gold {
-:root{
+   background: linear-gradient(
-   --pi-accent: #d4af37;           /* zlatá (logo) */
+deg,
-  --pi-bd: rgba(0,0,0,.12);       /* hrana v light */
+    #a0703a 0%,
-  --pi-sep: rgba(0,0,0,.10);      /* oddělovače v light */
+    #a0703a 25%,
-  --pi-soft: rgba(0,0,0,.035);    /* jemný podklad skupin v light */
+     #ffcf5b 50%,
-}
+     #a0703a 75%,
-@media (prefers-color-scheme: dark){
+     #a0703a 100%
-  :root{
+  ) !important;
-     --pi-bd: rgba(255,255,255,.22);
-     --pi-sep: rgba(255,255,255,.16);
+   -webkit-background-clip: text !important;
-     --pi-soft: rgba(255,255,255,.05);
+   background-clip: text !important;
-  }
+   -webkit-text-fill-color: transparent !important;
-}
+  color: transparent !important;
-/* Když Citizen přidá dark class, posílíme to ještě jistěji */
-.skin-citizen-dark{
-   --pi-bd: rgba(255,255,255,.22);
-   --pi-sep: rgba(255,255,255,.16);
-   --pi-soft: rgba(255,255,255,.05);
-}
-/* BOX */
+   display: inline !important;
-.portable-infobox{
+   white-space: normal !important;
-  width: min(360px, 100%);
-  float: right;
-  margin: 0 0 1rem 1rem;
-   background: transparent;                 /* plně průhledné pozadí */
-   border: 1px solid var(--pi-bd);
-  border-radius: 16px;                     /* kulaté rohy */
-  color: inherit;
-  overflow: hidden;
-  /* tenký vnitřní zlatý proužek + jemný stín */
-  box-shadow:
-    inset 0 3px 0 var(--pi-accent),
-4px 18px rgba(0,0,0,.08);
-}
-/* TITULEK – bez overlaye, jen čistý text a spodní linka */
+  -webkit-box-decoration-break: clone !important;
-.portable-infobox .pi-title{
+   box-decoration-break: clone !important;
-  background: transparent;                 /* žádný gradient/overlay */
-  color: inherit;
-  text-align: center;
-  font-weight: 700;
-   letter-spacing: .2px;
-  padding: 12px 14px 10px;
-  border-bottom: 1px solid var(--pi-sep);
-}
-/* OBRÁZEK – centrovaný, bez plného podkladu */
+  filter:
-.portable-infobox .pi-image,
+    drop-shadow(0 1px 0 rgba(0,0,0,.35))
-.portable-infobox .pi-image-collection{ background: transparent; }
+    drop-shadow(0 3px 3px rgba(0,0,0,.35))
-.portable-infobox .pi-image img{
+    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
-  display: block;
-  margin: 0 auto;
-  max-height: 320px;
-  object-fit: contain;
-  border-bottom: 1px solid var(--pi-sep);
 }
-/* SKUPINY */
+.citizen-section > p {
-.portable-infobox .pi-group{
+   margin-top: 0 !important;
-   background: var(--pi-soft);              /* jen lehký závoj */
+   margin-bottom: 0 !important;
-  padding: 8px 12px;
+   text-align: justify;
-   border-top: 1px solid var(--pi-sep);
+   text-justify: inter-word;
-}
+   hyphens: auto;
-.portable-infobox .pi-group .pi-group-title{
-   font-weight: 700;
-   margin: 6px 0 4px;
-   opacity: .95;
 }
-/* ŘÁDKY (label / value) */
+.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
-.portable-infobox .pi-data{
+   margin-top: 0 !important;
-   display: grid;
+   margin-bottom: 0 !important;
-  grid-template-columns: 40% 60%;
-  gap: 6px 10px;
-  padding: 6px 0;
-   border-top: 1px dashed var(--pi-sep);
 }
-.portable-infobox .pi-data-label{ font-weight: 600; opacity: .9; }
-.portable-infobox .pi-data-value{ word-break: break-word; }
-/* Textové bloky přes celou šířku */
+.ve-ui-surface .ve-ce-documentNode p {
-.portable-infobox .pi-data-type-text .pi-data-value{
+   margin-top: 0 !important;
-   grid-column: 1 / -1;
+   margin-bottom: 0 !important;
-   padding: 8px 10px;
+   text-align: justify !important;
-   border-radius: 10px;
+   text-justify: inter-word !important;
-   border: 1px solid var(--pi-sep);
+   hyphens: auto !important;
-   background: color-mix(in srgb, currentColor 5%, transparent);
 }
-/* RESPONSIVE */
+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%; }
 }