MediaWiki:Common.css: Difference between revisions
UX: fandom-like hover bar + TOC/menu block highlight (patch step6) Tag: Reverted |
Refine TOC hover + thin underline + infobox header (patch step7) Tag: Reverted |
||
| Line 1,799: | Line 1,799: | ||
background-size: 100% 2px; | background-size: 100% 2px; | ||
} | } | ||
/* === PATCH step7: refine TOC, link underline, infobox header === */ | |||
/* A) BODY LINKS – tenší „fandom“ underline, iba v obsahu stránky */ | |||
.mw-body-content a { | |||
text-decoration: none; | |||
background-image: linear-gradient(#ffcc00,#ffcc00); | |||
background-position: 0 100%; | |||
background-repeat: no-repeat; | |||
background-size: 0 1px; /* 1px je decentnejšie */ | |||
transition: background-size .16s ease, color .16s ease; | |||
} | |||
.mw-body-content a:hover, .mw-body-content a:focus { | |||
color: #ffcc00 !important; | |||
background-size: 100% 1px; | |||
text-shadow: none !important; | |||
} | |||
/* Zachovaj predchádzajúce farby pre navbox/infobox odkazy, ale bez background pruhu */ | |||
.navbox a, .infobox a { background-image: none; } | |||
/* B) TOC – jemný block highlight, hlavne žltý ľavý pás; menšia intenzita */ | |||
#toc ul li, .toc ul li { | |||
border-left: 2px solid transparent; | |||
transition: background-color .12s ease, border-color .12s ease; | |||
} | |||
#toc ul li:hover, .toc ul li:hover { | |||
background: rgba(255, 204, 0, .05); /* z ~.08 → .05 */ | |||
border-left-color: #ffcc00; | |||
} | |||
#toc a, .toc a { color: #cfe8ff; background-image: none; } | |||
#toc a:hover, .toc a:focus { color: #ffcc00 !important; } | |||
/* C) INFOBOX HEADER – žltý pás s čiernym textom, bez bieleho pozadia */ | |||
.infobox .infobox-above, | |||
.infobox caption, | |||
.infobox .infobox-title, | |||
.infobox th.heading { | |||
background: #ffcc00 !important; | |||
color: #111 !important; | |||
text-transform: uppercase; | |||
font-weight: 700; | |||
border: 1px solid #eab800 !important; | |||
padding: .35rem .5rem !important; | |||
} | |||
.infobox, .infobox td, .infobox th { | |||
border-color: #2b2b2b !important; /* jemnejšie línie vo vnútri */ | |||
} | |||
.infobox td { background: #151515 !important; } | |||
.infobox th { background: #1b1b1b !important; color: #ffcc00 !important; } | |||
/* D) Vector tabs – ešte subtílnejšie */ | |||
.vector-menu-tabs, .vector-menu-tabs a { border-color:#222 !important; } | |||
.vector-menu-tabs .selected a { | |||
background:#121212 !important; | |||
border-bottom-color:#121212 !important; | |||
color:#ffcc00 !important; | |||
} | |||
/* E) Typografia – trocha čitateľnejšie odseky */ | |||
.mw-parser-output > p { line-height: 1.6; } | |||
/* F) Jemnejšie horizontálne čiary */ | |||
hr { border-top: 1px solid #1f1f1f !important; } | |||
/* G) Bez „bar underline“ v sidebare (používame block highlight z predošlého patchu) */ | |||
#mw-panel .portal li a { background-image: none; } | |||