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

Aktuální verze z 23. 10. 2026, 14:50

/* Barliona Wiki: shared, responsive presentation; scoped to wiki content. */
.barliona-page{--bw-accent:#815622;--bw-border:#d9d4ca;--bw-panel:#faf8f4;--bw-text:#292d32;color:var(--bw-text);line-height:1.7;max-width:1200px;margin:0 auto;overflow-wrap:anywhere}
.barliona-page *{box-sizing:border-box}
.barliona-page a{color:#75501f}
.barliona-page a:focus-visible{outline:3px solid #c4954a;outline-offset:3px}
.barliona-page h2{font-family:inherit;font-size:1.5em;font-weight:650;border-bottom:1px solid var(--bw-border);padding-bottom:.4em;margin-top:1.8em}
.barliona-page h3{font-family:inherit;font-size:1.13em;font-weight:650}
.barliona-page .mw-heading{margin-top:0}
.bw-hero{margin:0 0 1.3rem}
.bw-hero img,.bw-banner img{width:100%;height:auto;aspect-ratio:1983/793;object-fit:cover;object-position:center;border-radius:12px;display:block}
.bw-hero .mw-file-element,.bw-banner .mw-file-element{max-width:100%}
.bw-banner{margin:1rem 0 1.4rem}
.bw-hero p,.bw-banner p,.bw-media p{margin:0}
.bw-hero .mw-file-description,.bw-banner .mw-file-description,.bw-media .mw-file-description{display:block}
.bw-intro{font-size:1.08em;max-width:780px;margin:1rem 0 1.5rem}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin:1rem 0}
.bw-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bw-card{min-width:0;background:var(--bw-panel);border:1px solid var(--bw-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}
.bw-card .mw-heading3,.bw-card h3{margin:0!important;padding:0}
.bw-card p{margin:.25rem 0 .5rem}
.bw-card .bw-link{margin-top:auto;padding-top:.5rem;font-weight:650}
.bw-card .mw-editsection{display:none}
.bw-media{margin:-20px -20px 12px;overflow:hidden;border-radius:11px 11px 0 0}
.bw-media img{width:100%;height:auto;aspect-ratio:1983/793;object-fit:cover;object-position:center;display:block}
.bw-nav{display:flex;flex-wrap:wrap;gap:8px 18px;padding:14px 18px;background:var(--bw-panel);border:1px solid var(--bw-border);border-radius:10px;margin:1rem 0}
.bw-nav p{margin:0;display:contents}
.bw-nav a{display:inline-block;font-weight:600}
.bw-label{display:block;border-left:4px solid #ad7e39;background:var(--bw-panel);padding:10px 15px;margin:1rem 0;color:var(--bw-text);font-size:.94em}
.bw-label p{margin:0}
.bw-label strong{margin-right:.5em}
.bw-summary{background:var(--bw-panel);border:1px solid var(--bw-border);border-radius:10px;padding:16px 20px;margin:1rem 0}
.bw-summary p{margin:.25rem 0}
.barliona-page img{max-width:100%;height:auto}
.barliona-page .wikitable{border-color:var(--bw-border);margin:1rem 0;line-height:1.6}
.barliona-page .wikitable th{background:#eee8de;color:#292d32;text-align:left}
.barliona-page .wikitable td,.barliona-page .wikitable th{padding:10px 12px;border-color:var(--bw-border)}
.bw-legacy{width:100%!important}
.bw-footer{border-top:1px solid var(--bw-border);margin-top:2rem;padding-top:1rem;font-size:.94em}
@media(max-width:700px){
 .bw-grid-two{grid-template-columns:1fr}
 .bw-card{padding:16px}
 .bw-media{margin:-16px -16px 10px}
 .barliona-page .wikitable{display:block;max-width:100%;overflow-x:auto}
 .bw-legacy,.bw-legacy tbody,.bw-legacy tr,.bw-legacy td{display:block;width:100%!important}
 .bw-legacy td:empty{display:none}
 .bw-nav{padding:12px;gap:8px 14px}
 .bw-banner img,.bw-hero img{border-radius:8px}
}
@media(prefers-color-scheme:dark){html.skin-theme-clientpref-os .barliona-page{--bw-text:#eaecf0;--bw-panel:#25282d;--bw-border:#55514a}html.skin-theme-clientpref-os .barliona-page a{color:#e4bd80}}
html.skin-theme-clientpref-night .barliona-page{--bw-text:#eaecf0;--bw-panel:#25282d;--bw-border:#55514a}
html.skin-theme-clientpref-night .barliona-page a{color:#e4bd80}

/* Hide the table of contents and its controls throughout the wiki. */
#toc, .toc, .vector-toc-landmark, .vector-page-titlebar-toc, .vector-sticky-header-toc-toggle { display: none !important; }

/* Minecraft crafting templates */
.mc-crafting-wrap{max-width:100%;overflow-x:auto;margin:1em 0}
.mc-crafting{display:inline-flex;align-items:center;gap:20px;padding:18px;background:#c6c6c6;border:3px solid #555;box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 #555;image-rendering:pixelated;color:#222;box-sizing:border-box;vertical-align:middle}
.mc-crafting-grid{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:2px;flex:none}
.mc-crafting .mc-slot,.mc-crafting .mc-result-slot{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#8b8b8b;border:3px solid;border-color:#373737 #fff #fff #373737;flex:none;line-height:1}
.mc-crafting .mc-result-slot{width:64px;height:64px}
.mc-crafting p{margin:0;padding:0}
.mc-crafting .mc-slot img{display:block;width:auto;height:auto;max-width:42px;max-height:42px;image-rendering:pixelated}
.mc-crafting .mc-result-slot img{display:block;width:auto;height:auto;max-width:50px;max-height:50px;image-rendering:pixelated}
.mc-crafting-arrow{font-size:42px;font-weight:bold;line-height:1;color:#333;flex:none}
.mc-crafting .mc-result-count,.mc-crafting .mc-slot-count{position:absolute;right:3px;bottom:1px;color:#fff;font:700 16px/1.1 monospace;text-shadow:2px 2px 0 #222,-1px -1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222;pointer-events:none;z-index:1}
.mc-result-count:empty,.mc-slot-count:empty{display:none}
@media(max-width:480px){.mc-crafting{gap:10px;padding:12px}.mc-crafting-arrow{font-size:30px}}
/* Hide last-edit notices in Minerva and desktop skins. */
.last-modified-bar, #footer-info-lastmod { display: none !important; }
/* Barliona: parchment and gold styling for the MediaWiki credit. */
#footer-poweredbyico a {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px; padding:6px 12px; border:1px solid #ad7e39;
  border-radius:8px; background:linear-gradient(135deg,#fff8e9,#ead8b7);
  box-shadow:inset 0 1px 0 #fffaf0,0 2px 5px #51351618;
}
#footer-poweredbyico img {
  filter:sepia(1) saturate(.8); opacity:.9;
}
#footer-poweredbyico a:hover {
  background:linear-gradient(135deg,#fff3d6,#dfc493); border-color:#815622;
}
#footer-poweredbyico a:focus-visible { outline:3px solid #ad7e39; outline-offset:3px; }