MediaWiki:Common.css: Difference between revisions
UI fix: anti-white + Vector polish (patch step4) Tag: Reverted |
UX: yellow hover glow on links (patch step5) Tag: Reverted |
||
| Line 1,685: | Line 1,685: | ||
/* Inline code / kbd */ | /* Inline code / kbd */ | ||
code, kbd, samp { background:#101010!important; color:#e8e8e8!important; border:1px solid #2a2a2a!important; border-radius:3px; padding:0 .25rem; } | code, kbd, samp { background:#101010!important; color:#e8e8e8!important; border:1px solid #2a2a2a!important; border-radius:3px; padding:0 .25rem; } | ||
/* === PATCH step5: link hover glow === */ | |||
/* smooth transitions for links */ | |||
a, .mw-body-content a, .navbox a, .infobox a, #mw-panel .portal li a { | |||
transition: color .15s ease, text-shadow .15s ease, border-color .15s ease, background-color .15s ease; | |||
} | |||
/* default link colors stay ako máme už */ | |||
a { text-decoration: none; } | |||
a:hover, a:focus { | |||
color: #ffcc00 !important; | |||
text-decoration: underline; | |||
text-underline-offset: 2px; | |||
text-shadow: 0 0 6px rgba(255, 204, 0, .55); | |||
outline: none; | |||
} | |||
/* infobox & navbox konkrétne (vyšší kontrast) */ | |||
.infobox a:hover, .infobox a:focus, | |||
.navbox a:hover, .navbox a:focus { | |||
color: #ffcc00 !important; | |||
text-shadow: 0 0 8px rgba(255, 204, 0, .65); | |||
} | |||
/* sidebar (ľavé menu) */ | |||
#mw-panel .portal li a:hover, | |||
#mw-panel .portal li a:focus { | |||
color: #ffcc00 !important; | |||
text-shadow: 0 0 6px rgba(255, 204, 0, .5); | |||
} | |||
/* breadcrumbs / edit-section / footer odkazy */ | |||
#siteSub a:hover, .mw-editsection a:hover, #footer a:hover, | |||
#siteSub a:focus, .mw-editsection a:focus, #footer a:focus { | |||
color: #ffcc00 !important; | |||
text-shadow: 0 0 5px rgba(255, 204, 0, .5); | |||
} | |||
/* bezpečný focus pre klávesnicu (ak link nemá hover) */ | |||
a:focus-visible { | |||
outline: 2px solid #ffcc00; | |||
outline-offset: 2px; | |||
text-decoration: none; | |||
} | |||