MediaWiki:Common.css: Difference between revisions
Landing: fix button/nav text colors on dark theme |
Add full-bleed landing rules for language subpages (de/fr/es/pt) to match EN Homepage chrome |
||
| Line 629: | Line 629: | ||
/* Footer + section links inherit the design, not the global orange underline */ | /* Footer + section links inherit the design, not the global orange underline */ | ||
body.page-Homepage .fl a:hover { text-decoration: none !important; } | body.page-Homepage .fl a:hover { text-decoration: none !important; } | ||
/* FULL-BLEED LANDING — Homepage language subpages (DE, FR, ES, PT) */ | |||
body.page-Homepage_2Fde — inner wiki articles are untouched. */ | |||
/* ===================================================================== */ | |||
body.page-Homepage_2Fde #mw-head, | |||
body.page-Homepage_2Fde #mw-head-base, | |||
body.page-Homepage_2Fde #mw-page-base, | |||
body.page-Homepage_2Fde #mw-panel, | |||
body.page-Homepage_2Fde #left-navigation, | |||
body.page-Homepage_2Fde #right-navigation, | |||
body.page-Homepage_2Fde #p-logo, | |||
body.page-Homepage_2Fde .mw-indicators, | |||
body.page-Homepage_2Fde #siteSub, | |||
body.page-Homepage_2Fde #contentSub, | |||
body.page-Homepage_2Fde #contentSub2, | |||
body.page-Homepage_2Fde .mw-first-heading, | |||
body.page-Homepage_2Fde h1.firstHeading, | |||
body.page-Homepage_2Fde #jump-to-nav, | |||
body.page-Homepage_2Fde .mw-jump-link, | |||
body.page-Homepage_2Fde #footer, | |||
body.page-Homepage_2Fde #mw-footer, | |||
body.page-Homepage_2Fde .printfooter, | |||
body.page-Homepage_2Fde .catlinks, | |||
body.page-Homepage_2Fde #catlinks, | |||
body.page-Homepage_2Fde #mw-data-after-content, | |||
body.page-Homepage_2Fde #mw-navigation-heading { | |||
display: none !important; | |||
} | |||
body.page-Homepage_2Ffr — inner wiki articles are untouched. */ | |||
/* ===================================================================== */ | |||
body.page-Homepage_2Ffr #mw-head, | |||
body.page-Homepage_2Ffr #mw-head-base, | |||
body.page-Homepage_2Ffr #mw-page-base, | |||
body.page-Homepage_2Ffr #mw-panel, | |||
body.page-Homepage_2Ffr #left-navigation, | |||
body.page-Homepage_2Ffr #right-navigation, | |||
body.page-Homepage_2Ffr #p-logo, | |||
body.page-Homepage_2Ffr .mw-indicators, | |||
body.page-Homepage_2Ffr #siteSub, | |||
body.page-Homepage_2Ffr #contentSub, | |||
body.page-Homepage_2Ffr #contentSub2, | |||
body.page-Homepage_2Ffr .mw-first-heading, | |||
body.page-Homepage_2Ffr h1.firstHeading, | |||
body.page-Homepage_2Ffr #jump-to-nav, | |||
body.page-Homepage_2Ffr .mw-jump-link, | |||
body.page-Homepage_2Ffr #footer, | |||
body.page-Homepage_2Ffr #mw-footer, | |||
body.page-Homepage_2Ffr .printfooter, | |||
body.page-Homepage_2Ffr .catlinks, | |||
body.page-Homepage_2Ffr #catlinks, | |||
body.page-Homepage_2Ffr #mw-data-after-content, | |||
body.page-Homepage_2Ffr #mw-navigation-heading { | |||
display: none !important; | |||
} | |||
body.page-Homepage_2Fes — inner wiki articles are untouched. */ | |||
/* ===================================================================== */ | |||
body.page-Homepage_2Fes #mw-head, | |||
body.page-Homepage_2Fes #mw-head-base, | |||
body.page-Homepage_2Fes #mw-page-base, | |||
body.page-Homepage_2Fes #mw-panel, | |||
body.page-Homepage_2Fes #left-navigation, | |||
body.page-Homepage_2Fes #right-navigation, | |||
body.page-Homepage_2Fes #p-logo, | |||
body.page-Homepage_2Fes .mw-indicators, | |||
body.page-Homepage_2Fes #siteSub, | |||
body.page-Homepage_2Fes #contentSub, | |||
body.page-Homepage_2Fes #contentSub2, | |||
body.page-Homepage_2Fes .mw-first-heading, | |||
body.page-Homepage_2Fes h1.firstHeading, | |||
body.page-Homepage_2Fes #jump-to-nav, | |||
body.page-Homepage_2Fes .mw-jump-link, | |||
body.page-Homepage_2Fes #footer, | |||
body.page-Homepage_2Fes #mw-footer, | |||
body.page-Homepage_2Fes .printfooter, | |||
body.page-Homepage_2Fes .catlinks, | |||
body.page-Homepage_2Fes #catlinks, | |||
body.page-Homepage_2Fes #mw-data-after-content, | |||
body.page-Homepage_2Fes #mw-navigation-heading { | |||
display: none !important; | |||
} | |||
body.page-Homepage_2Fpt — inner wiki articles are untouched. */ | |||
/* ===================================================================== */ | |||
body.page-Homepage_2Fpt #mw-head, | |||
body.page-Homepage_2Fpt #mw-head-base, | |||
body.page-Homepage_2Fpt #mw-page-base, | |||
body.page-Homepage_2Fpt #mw-panel, | |||
body.page-Homepage_2Fpt #left-navigation, | |||
body.page-Homepage_2Fpt #right-navigation, | |||
body.page-Homepage_2Fpt #p-logo, | |||
body.page-Homepage_2Fpt .mw-indicators, | |||
body.page-Homepage_2Fpt #siteSub, | |||
body.page-Homepage_2Fpt #contentSub, | |||
body.page-Homepage_2Fpt #contentSub2, | |||
body.page-Homepage_2Fpt .mw-first-heading, | |||
body.page-Homepage_2Fpt h1.firstHeading, | |||
body.page-Homepage_2Fpt #jump-to-nav, | |||
body.page-Homepage_2Fpt .mw-jump-link, | |||
body.page-Homepage_2Fpt #footer, | |||
body.page-Homepage_2Fpt #mw-footer, | |||
body.page-Homepage_2Fpt .printfooter, | |||
body.page-Homepage_2Fpt .catlinks, | |||
body.page-Homepage_2Fpt #catlinks, | |||
body.page-Homepage_2Fpt #mw-data-after-content, | |||
body.page-Homepage_2Fpt #mw-navigation-heading { | |||
display: none !important; | |||
} | |||
body.page-Homepage_2Fde, | |||
body.page-Homepage_2Fde #content, | |||
body.page-Homepage_2Fde .mw-body, | |||
body.page-Homepage_2Fde #mw-content, | |||
body.page-Homepage_2Fde #mw-content-text, | |||
body.page-Homepage_2Fde #bodyContent, | |||
body.page-Homepage_2Fde .mw-content-ltr, | |||
body.page-Homepage_2Fde .mw-parser-output { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: #080808 !important; | |||
max-width: none !important; | |||
width: auto !important; | |||
} | |||
body.page-Homepage_2Ffr, | |||
body.page-Homepage_2Ffr #content, | |||
body.page-Homepage_2Ffr .mw-body, | |||
body.page-Homepage_2Ffr #mw-content, | |||
body.page-Homepage_2Ffr #mw-content-text, | |||
body.page-Homepage_2Ffr #bodyContent, | |||
body.page-Homepage_2Ffr .mw-content-ltr, | |||
body.page-Homepage_2Ffr .mw-parser-output { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: #080808 !important; | |||
max-width: none !important; | |||
width: auto !important; | |||
} | |||
body.page-Homepage_2Fes, | |||
body.page-Homepage_2Fes #content, | |||
body.page-Homepage_2Fes .mw-body, | |||
body.page-Homepage_2Fes #mw-content, | |||
body.page-Homepage_2Fes #mw-content-text, | |||
body.page-Homepage_2Fes #bodyContent, | |||
body.page-Homepage_2Fes .mw-content-ltr, | |||
body.page-Homepage_2Fes .mw-parser-output { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: #080808 !important; | |||
max-width: none !important; | |||
width: auto !important; | |||
} | |||
body.page-Homepage_2Fpt, | |||
body.page-Homepage_2Fpt #content, | |||
body.page-Homepage_2Fpt .mw-body, | |||
body.page-Homepage_2Fpt #mw-content, | |||
body.page-Homepage_2Fpt #mw-content-text, | |||
body.page-Homepage_2Fpt #bodyContent, | |||
body.page-Homepage_2Fpt .mw-content-ltr, | |||
body.page-Homepage_2Fpt .mw-parser-output { | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: #080808 !important; | |||
max-width: none !important; | |||
width: auto !important; | |||
} | |||
body.page-Homepage_2Fde #content, | |||
body.page-Homepage_2Fde .mw-body { | |||
margin-left: 0 !important; | |||
box-shadow: none !important; | |||
} | |||
body.page-Homepage_2Ffr #content, | |||
body.page-Homepage_2Ffr .mw-body { | |||
margin-left: 0 !important; | |||
box-shadow: none !important; | |||
} | |||
body.page-Homepage_2Fes #content, | |||
body.page-Homepage_2Fes .mw-body { | |||
margin-left: 0 !important; | |||
box-shadow: none !important; | |||
} | |||
body.page-Homepage_2Fpt #content, | |||
body.page-Homepage_2Fpt .mw-body { | |||
margin-left: 0 !important; | |||
box-shadow: none !important; | |||
} | |||
body.page-Homepage_2Fde { overflow-x: hidden !important; } | |||
body.page-Homepage_2Ffr { overflow-x: hidden !important; } | |||
body.page-Homepage_2Fes { overflow-x: hidden !important; } | |||
body.page-Homepage_2Fpt { overflow-x: hidden !important; } | |||
body.page-Homepage_2Fde .btn-p, | |||
body.page-Homepage_2Fde .btn-p:visited, | |||
body.page-Homepage_2Fde .hcp, | |||
body.page-Homepage_2Fde .hcp:visited, | |||
body.page-Homepage_2Fde .hcs, | |||
body.page-Homepage_2Fde .hcs:visited, | |||
body.page-Homepage_2Fde .ab-cta, | |||
body.page-Homepage_2Fde .ab-cta:visited, | |||
body.page-Homepage_2Fde .nlb, | |||
body.page-Homepage_2Fde .tn, | |||
body.page-Homepage_2Fde .lb.on, | |||
body.page-Homepage_2Fde .lb.on:visited { | |||
color: #ffffff !important; | |||
-webkit-text-fill-color: #ffffff !important; | |||
} | |||
body.page-Homepage_2Ffr .btn-p, | |||
body.page-Homepage_2Ffr .btn-p:visited, | |||
body.page-Homepage_2Ffr .hcp, | |||
body.page-Homepage_2Ffr .hcp:visited, | |||
body.page-Homepage_2Ffr .hcs, | |||
body.page-Homepage_2Ffr .hcs:visited, | |||
body.page-Homepage_2Ffr .ab-cta, | |||
body.page-Homepage_2Ffr .ab-cta:visited, | |||
body.page-Homepage_2Ffr .nlb, | |||
body.page-Homepage_2Ffr .tn, | |||
body.page-Homepage_2Ffr .lb.on, | |||
body.page-Homepage_2Ffr .lb.on:visited { | |||
color: #ffffff !important; | |||
-webkit-text-fill-color: #ffffff !important; | |||
} | |||
body.page-Homepage_2Fes .btn-p, | |||
body.page-Homepage_2Fes .btn-p:visited, | |||
body.page-Homepage_2Fes .hcp, | |||
body.page-Homepage_2Fes .hcp:visited, | |||
body.page-Homepage_2Fes .hcs, | |||
body.page-Homepage_2Fes .hcs:visited, | |||
body.page-Homepage_2Fes .ab-cta, | |||
body.page-Homepage_2Fes .ab-cta:visited, | |||
body.page-Homepage_2Fes .nlb, | |||
body.page-Homepage_2Fes .tn, | |||
body.page-Homepage_2Fes .lb.on, | |||
body.page-Homepage_2Fes .lb.on:visited { | |||
color: #ffffff !important; | |||
-webkit-text-fill-color: #ffffff !important; | |||
} | |||
body.page-Homepage_2Fpt .btn-p, | |||
body.page-Homepage_2Fpt .btn-p:visited, | |||
body.page-Homepage_2Fpt .hcp, | |||
body.page-Homepage_2Fpt .hcp:visited, | |||
body.page-Homepage_2Fpt .hcs, | |||
body.page-Homepage_2Fpt .hcs:visited, | |||
body.page-Homepage_2Fpt .ab-cta, | |||
body.page-Homepage_2Fpt .ab-cta:visited, | |||
body.page-Homepage_2Fpt .nlb, | |||
body.page-Homepage_2Fpt .tn, | |||
body.page-Homepage_2Fpt .lb.on, | |||
body.page-Homepage_2Fpt .lb.on:visited { | |||
color: #ffffff !important; | |||
-webkit-text-fill-color: #ffffff !important; | |||
} | |||
body.page-Homepage_2Fde .nl, | |||
body.page-Homepage_2Fde .nl:visited, | |||
body.page-Homepage_2Fde .lb.av, | |||
body.page-Homepage_2Fde .lb.av:visited { | |||
color: #888888 !important; | |||
-webkit-text-fill-color: #888888 !important; | |||
} | |||
body.page-Homepage_2Ffr .nl, | |||
body.page-Homepage_2Ffr .nl:visited, | |||
body.page-Homepage_2Ffr .lb.av, | |||
body.page-Homepage_2Ffr .lb.av:visited { | |||
color: #888888 !important; | |||
-webkit-text-fill-color: #888888 !important; | |||
} | |||
body.page-Homepage_2Fes .nl, | |||
body.page-Homepage_2Fes .nl:visited, | |||
body.page-Homepage_2Fes .lb.av, | |||
body.page-Homepage_2Fes .lb.av:visited { | |||
color: #888888 !important; | |||
-webkit-text-fill-color: #888888 !important; | |||
} | |||
body.page-Homepage_2Fpt .nl, | |||
body.page-Homepage_2Fpt .nl:visited, | |||
body.page-Homepage_2Fpt .lb.av, | |||
body.page-Homepage_2Fpt .lb.av:visited { | |||
color: #888888 !important; | |||
-webkit-text-fill-color: #888888 !important; | |||
} | |||
body.page-Homepage_2Fde .nl:hover, | |||
body.page-Homepage_2Fde .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; } | |||
body.page-Homepage_2Ffr .nl:hover, | |||
body.page-Homepage_2Ffr .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; } | |||
body.page-Homepage_2Fes .nl:hover, | |||
body.page-Homepage_2Fes .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; } | |||
body.page-Homepage_2Fpt .nl:hover, | |||
body.page-Homepage_2Fpt .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; } | |||
body.page-Homepage_2Fde .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; } | |||
body.page-Homepage_2Ffr .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; } | |||
body.page-Homepage_2Fes .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; } | |||
body.page-Homepage_2Fpt .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; } | |||
body.page-Homepage_2Fde .fl a:hover { text-decoration: none !important; } | |||
body.page-Homepage_2Ffr .fl a:hover { text-decoration: none !important; } | |||
body.page-Homepage_2Fes .fl a:hover { text-decoration: none !important; } | |||
body.page-Homepage_2Fpt .fl a:hover { text-decoration: none !important; } | |||