Toggle search
Toggle menu
7
37
7
734
Bradavice Online Wiki
Toggle preferences menu
Toggle personal menu
Nejste přihlášen(a)
Your IP address will be publicly visible if you make any edits.

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

MediaWiki interface page
More actions
← Porovnání se starší verzí
Bez shrnutí editace
Bez shrnutí editace
 
(Není zobrazeno 95 mezilehlých verzí od stejného uživatele.)
Řádek 1: Řádek 1:
/* === Portable Infobox – transparentní, jemné, se zlatým akcentem === */
@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");
/* Výchozí akcent (můžete změnit): */
:root { --pi-accent: #d4af37; } /* old gold */


/* ZÁKLAD – funguje v light i dark díky průhlednosti */
.text-gold {
.portable-infobox{
   background: linear-gradient(
   width: min(340px, 100%);
    180deg,
  float: right;
    #a0703a 0%,
  margin: 0 0 1rem 1rem;
    #a0703a 25%,
  background: transparent;                /* žádný plný podklad */
    #ffcf5b 50%,
  border: 1px solid rgba(0,0,0,.10);      /* v dark přepíšeme níž */
    #a0703a 75%,
  border-radius: 12px;
    #a0703a 100%
   box-shadow: 0 6px 20px rgba(0,0,0,.06); /* jemný stín */
   ) !important;
  color: inherit;                          /* zdědí text barvu skinu */
  line-height: 1.5;
  font-size: .95em;
}


/* Titulek – jen lehký zlatý „sheen“, bez neprůhledné plochy */
  -webkit-background-clip: text !important;
.portable-infobox .pi-title{
   background-clip: text !important;
  text-align: center;
   -webkit-text-fill-color: transparent !important;
   font-weight: 700;
   color: transparent !important;
   padding: 12px 14px;
  color: inherit;
  background:
    linear-gradient(
      to bottom,
      color-mix(in srgb, var(--pi-accent) 35%, transparent) 0%,
      color-mix(in srgb, var(--pi-accent) 15%, transparent) 100%
    );
   border-bottom: 1px solid rgba(0,0,0,.10);
}


/* Obrázek centrovaný, bez tvrdého pozadí */
   display: inline !important;
.portable-infobox .pi-image,
   white-space: normal !important;
.portable-infobox .pi-image-collection{ background: transparent; }
.portable-infobox .pi-image img{
   display: block;
  margin: 0 auto;
  max-height: 320px;
   object-fit: contain;
  border-bottom: 1px solid rgba(0,0,0,.10);
}


/* Skupiny – poloprůhledný podklad, decentní oddělovače */
   -webkit-box-decoration-break: clone !important;
.portable-infobox .pi-group{
   box-decoration-break: clone !important;
  background: rgba(0,0,0,.035);
  padding: 8px 12px;
   border-top: 1px solid rgba(0,0,0,.08);
}
.portable-infobox .pi-group .pi-group-title{
  font-weight: 700;
   margin: 6px 0 4px;
}


/* Řádky: grid label/value, tenká čárkovaná linka */
  filter:
.portable-infobox .pi-data{
    drop-shadow(0 1px 0 rgba(0,0,0,.35))
  display: grid;
    drop-shadow(0 3px 3px rgba(0,0,0,.35))
  grid-template-columns: 40% 60%;
    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
  gap: 6px 10px;
  padding: 6px 0;
  border-top: 1px dashed rgba(0,0,0,.10);
}
}
.portable-infobox .pi-data-label{ font-weight: 600; opacity: .9; }
.portable-infobox .pi-data-value{ word-break: break-word; }


/* Textová pole přes celou šířku */
.citizen-section > 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;
   border-radius: 8px;
   text-justify: inter-word;
   border: 1px solid rgba(0,0,0,.10);
   hyphens: auto;
   background: rgba(0,0,0,.025);
}
}


/* Jemný zlatý proužek nahoře (luxusní detail) */
.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
.portable-infobox::before{
  margin-top: 0 !important;
  content:"";
  margin-bottom: 0 !important;
  display:block;
  height: 3px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--pi-accent) 85%, transparent),
      color-mix(in srgb, var(--pi-accent) 40%, transparent)
    );
}
}


/* DARK – když skin netaguje třídu, pomůže prefers-color-scheme */
.ve-ui-surface .ve-ce-documentNode p {
@media (prefers-color-scheme: dark){
   margin-top: 0 !important;
   .portable-infobox{
   margin-bottom: 0 !important;
    border-color: rgba(255,255,255,.16);
   text-align: justify !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.30);
   text-justify: inter-word !important;
   }
   hyphens: auto !important;
  .portable-infobox .pi-title{
    border-bottom-color: rgba(255,255,255,.14);
    /* o něco výraznější zlatý nádech v dark */
    background:
      linear-gradient(
        to bottom,
        color-mix(in srgb, var(--pi-accent) 45%, transparent) 0%,
        color-mix(in srgb, var(--pi-accent) 20%, transparent) 100%
      );
   }
  .portable-infobox .pi-image img{
    border-bottom-color: rgba(255,255,255,.14);
  }
  .portable-infobox .pi-group{
    background: rgba(255,255,255,.04);
    border-top-color: rgba(255,255,255,.14);
   }
  .portable-infobox .pi-data{
    border-top-color: rgba(255,255,255,.16);
  }
  .portable-infobox .pi-data-type-text .pi-data-value{
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.03);
  }
}
 
/* Pokud Citizen přidává .skin-citizen-dark, přepíše to ještě přesněji */
.skin-citizen-dark .portable-infobox{
  border-color: rgba(255,255,255,.16);
  box-shadow: none;
}
.skin-citizen-dark .portable-infobox .pi-title{
  border-bottom-color: rgba(255,255,255,.14);
}
.skin-citizen-dark .portable-infobox .pi-group{
  background: rgba(255,255,255,.04);
  border-top-color: rgba(255,255,255,.14);
}
.skin-citizen-dark .portable-infobox .pi-data{
   border-top-color: rgba(255,255,255,.16);
}
.skin-citizen-dark .portable-infobox .pi-data-type-text .pi-data-value{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
}
}


/* 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%; }
}
}

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;
}
Citováno z „https://wiki.bradavice-online.cz/index.php?title=MediaWiki:Common.css&oldid=701“
Last modified
Stránka byla naposledy editována 14. 10. 2025 v 11:54.