Toggle menu
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
Bez shrnutí editace
Bez shrnutí editace
 
(Není zobrazeno 75 mezilehlých verzí od stejného uživatele.)
Řádek 1: Řádek 1:
:root{ --pi-accent:#BF8B20; }
@import url("/index.php?title=MediaWiki:PortableInfobox.css&action=raw&ctype=text/css");


.portable-infobox{
.text-gold {
   width:min(360px,100%);
   background: linear-gradient(
  float:right;
    180deg,
  margin:0 0 1rem 1rem;
    #a0703a 0%,
  background:transparent;
    #a0703a 25%,
  border:1px solid rgba(0,0,0,.12);
    #ffcf5b 50%,
  border-radius:0 !important;
    #a0703a 75%,
   box-shadow:0 4px 18px rgba(0,0,0,.08);
    #a0703a 100%
  color:inherit;
   ) !important;
  overflow:visible !important;
}


.portable-infobox .pi-title{
  -webkit-background-clip: text !important;
  background:var(--pi-accent) !important;
   background-clip: text !important;
  color:#111 !important;
   -webkit-text-fill-color: transparent !important;
   display:flex !important; align-items:center !important; justify-content:center !important;
  color: transparent !important;
  text-align:center !important;
  padding:12px 14px 10px !important;
   border-bottom:1px solid rgba(0,0,0,.12);
  border-top-left-radius:0 !important; border-top-right-radius:0 !important;
}


.portable-infobox .pi-image,
   display: inline !important;
.portable-infobox .pi-image-collection{
   white-space: normal !important;
  text-align:center !important; background:transparent !important;
  margin-top: 3px; margin-bottom: 3px;
}
.portable-infobox .pi-image a,
.portable-infobox .pi-image .image{
  pointer-events:none !important;
  cursor: default !important;
}
.portable-infobox .pi-image img{
   display:block !important; margin:0 auto !important;
   max-height:320px; object-fit:contain;
  border-bottom:1px solid rgba(0,0,0,.12);
  border-radius:0 !important;
  transform:none !important;
  transition:none !important;
}
.portable-infobox .pi-image a:hover img,
.portable-infobox .pi-image a:focus img{
  transform:none !important;
}


.portable-infobox .pi-group{
  -webkit-box-decoration-break: clone !important;
  padding:0 !important;
   box-decoration-break: clone !important;
   background:transparent;
  border-top:1px solid rgba(0,0,0,.10);
}
.portable-infobox .pi-group:first-of-type{ border-top:none; }


.portable-infobox .pi-header{
   filter:
   margin:0 !important; margin-top:5px; width:100% !important;
    drop-shadow(0 1px 0 rgba(0,0,0,.35))
  background:var(--pi-accent) !important; color:#111 !important;
    drop-shadow(0 3px 3px rgba(0,0,0,.35))
  padding:10px 14px !important;
    drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(0,0,0,.12);
  font-weight:700;
  text-align:center !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
}


.portable-infobox .pi-header + .pi-data,
.citizen-section > p {
.portable-infobox .pi-header + .pi-data ~ .pi-data{
   margin-top: 0 !important;
   padding:8px 14px !important;
   margin-bottom: 0 !important;
}
   text-align: justify;
 
   text-justify: inter-word;
.portable-infobox .pi-data-label{
   hyphens: auto;
  all:unset !important; display:block !important; visibility:visible !important;
   position:static !important; clip:auto !important; clip-path:none !important;
   height:auto !important; width:auto !important; overflow:visible !important;
  font-weight:600 !important; opacity:.9;
   margin:0;
}
.portable-infobox .pi-data{
  display:grid !important;
  grid-template-columns:30% 70% !important;
   gap:6px 10px !important;
  padding:8px 0 !important;
  border-top:none !important;
}
.portable-infobox .pi-data + .pi-data{
  border-top:1px solid rgba(0,0,0,.10) !important;
}
}
.portable-infobox .pi-data-value{ word-break:break-word; }


.portable-infobox .pi-data-type-text .pi-data-value{
.mw-parser-output p.ve-ce-branchNode.ve-ce-contentBranchNode.ve-ce-paragraphNode {
   grid-column:1 / -1;
   margin-top: 0 !important;
  padding:8px 10px;
   margin-bottom: 0 !important;
  border:1px solid rgba(0,0,0,.10);
  background:color-mix(in srgb, currentColor 5%, transparent);
   border-radius:0 !important;
}
}


@media (prefers-color-scheme: dark){
.ve-ui-surface .ve-ce-documentNode p {
  .portable-infobox{
  margin-top: 0 !important;
    border-color:rgba(255,255,255,.22);
   margin-bottom: 0 !important;
    box-shadow:0 4px 18px rgba(0,0,0,.25);
   text-align: justify !important;
   }
   text-justify: inter-word !important;
  .portable-infobox .pi-title{
   hyphens: auto !important;
    border-bottom-color:rgba(255,255,255,.16);
    color:#111 !important;
   }
  .portable-infobox .pi-image img{
    border-bottom-color:rgba(255,255,255,.14);
   }
  .portable-infobox .pi-group{
    border-top-color:rgba(255,255,255,.16);
  }
  .portable-infobox .pi-header{
    border-bottom-color:rgba(255,255,255,.16);
    color:#111 !important;
   }
  .portable-infobox .pi-data + .pi-data{
    border-top-color:rgba(255,255,255,.16) !important;
  }
}
}


@media (max-width:720px){
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;
    float:none !important; width:100% !important; margin:0 0 1rem 0 !important;
  }
  .portable-infobox .pi-image img{ max-height:260px; }
}
}

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;
}