MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 886: | Line 886: | ||
background-color: transparent !important; | background-color: transparent !important; | ||
} | } | ||
/* 2025 09 05 - 15 08 */ | |||
/***** LAYOUT & TYPO *****/ | |||
.mw-body, .mw-parser-output { line-height: 1.5; } | |||
.mw-parser-output img, .mw-parser-output video, .mw-parser-output .thumb img { | |||
max-width: 100% !important; height: auto !important; | |||
} | |||
/***** INFOBOX A PRAVÝ STĹPEC *****/ | |||
.infobox, .portable-infobox { | |||
float: right; | |||
width: 320px; max-width: 100%; | |||
margin: .5rem 0 .75rem .75rem; | |||
background: var(--bg-secondary) !important; | |||
border: 1px solid var(--accent-yellow) !important; | |||
} | |||
@media (max-width: 1100px) { | |||
.infobox, .portable-infobox { float:none; margin:.75rem 0; } | |||
} | |||
/***** TABUĽKY – PRETEKANIE DOPRAVA *****/ | |||
/* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */ | |||
.mw-parser-output .wikitable, | |||
.mw-parser-output table.prettytable, | |||
.mw-parser-output table { | |||
display: block; /* umožní overflow-x */ | |||
max-width: 100%; | |||
overflow-x: auto; /* scroll pri úzkych viewportoch */ | |||
-webkit-overflow-scrolling: touch; | |||
box-sizing: border-box; | |||
clear: both; /* nenechaj ju „napchávať sa“ vedľa infoboxu */ | |||
border-collapse: collapse; | |||
background: var(--bg-secondary) !important; | |||
border: 1px solid var(--accent-yellow) !important; | |||
} | |||
/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */ | |||
.mw-parser-output .wikitable th, | |||
.mw-parser-output .wikitable td, | |||
.mw-parser-output table th, | |||
.mw-parser-output table td { | |||
white-space: normal !important; /* zabrání nekonečným riadkom */ | |||
overflow-wrap: anywhere; /* láme veľmi dlhé slová/URL */ | |||
word-break: break-word; | |||
hyphens: auto; | |||
padding: .4rem .5rem; | |||
border: 1px solid var(--accent-yellow) !important; | |||
} | |||
/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */ | |||
.mw-parser-output .wikitable { table-layout: fixed; } | |||
/***** TOC, QUOTES, PRE/ CODE *****/ | |||
#toc, .toc { | |||
background: var(--bg-secondary) !important; | |||
border: 1px solid var(--accent-cyan) !important; | |||
} | |||
pre, code, blockquote { | |||
background: var(--bg-tertiary) !important; | |||
color: var(--text-secondary) !important; | |||
border: 1px solid var(--accent-yellow) !important; | |||
padding: .5rem .6rem; | |||
max-width: 100%; | |||
overflow: auto; /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */ | |||
} | |||
/***** DOLADENIE ROZHRANIA *****/ | |||
/* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */ | |||
#catlinks, #catlinks * { background: transparent !important; } | |||
#catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; } | |||
/* Mini fixy pre systémové boxy a message bannery */ | |||
.mw-message-box, .mw-warning, .mw-notification { | |||
background: var(--bg-secondary) !important; | |||
border-color: var(--accent-cyan) !important; | |||
color: var(--text-primary) !important; | |||
} | |||
/***** HRANICE A MIERKA TABULIEK *****/ | |||
.mw-parser-output .wikitable caption { color: var(--text-secondary); } | |||
.mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); } | |||