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; }