MediaWiki:Common.css: Difference between revisions

Fix body class names for language subpages: use page-Homepage_de not page-Homepage_2Fde
Fix: manually craft clean subpage CSS rules to hide MW chrome on language homepages
Line 630: Line 630:
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) */
/* ===================================================================== */
/* FULL-BLEED LANDING — Homepage language subpages (DE, FR, ES, PT)     */
/* Identical to body.page-Homepage rules above                            */
/* ===================================================================== */


body.page-Homepage_de — inner wiki articles are untouched.    */
/* --- DE --- */
/* ===================================================================== */
body.page-Homepage_de #mw-head,
body.page-Homepage_de #mw-head,
body.page-Homepage_de #mw-head-base,
body.page-Homepage_de #mw-head-base,
Line 659: Line 661:
}
}


body.page-Homepage_fr — inner wiki articles are untouched.     */
body.page-Homepage_de,
/* ===================================================================== */
body.page-Homepage_de #content,
body.page-Homepage_de .mw-body,
body.page-Homepage_de #mw-content,
body.page-Homepage_de #mw-content-text,
body.page-Homepage_de #bodyContent,
body.page-Homepage_de .mw-content-ltr,
body.page-Homepage_de .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_de #content,
body.page-Homepage_de .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
 
body.page-Homepage_de { overflow-x: hidden !important; }
 
/* --- FR --- */
body.page-Homepage_fr #mw-head,
body.page-Homepage_fr #mw-head,
body.page-Homepage_fr #mw-head-base,
body.page-Homepage_fr #mw-head-base,
Line 686: Line 711:
}
}


body.page-Homepage_es — inner wiki articles are untouched.     */
body.page-Homepage_fr,
/* ===================================================================== */
body.page-Homepage_fr #content,
body.page-Homepage_fr .mw-body,
body.page-Homepage_fr #mw-content,
body.page-Homepage_fr #mw-content-text,
body.page-Homepage_fr #bodyContent,
body.page-Homepage_fr .mw-content-ltr,
body.page-Homepage_fr .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_fr #content,
body.page-Homepage_fr .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
 
body.page-Homepage_fr { overflow-x: hidden !important; }
 
/* --- ES --- */
body.page-Homepage_es #mw-head,
body.page-Homepage_es #mw-head,
body.page-Homepage_es #mw-head-base,
body.page-Homepage_es #mw-head-base,
Line 713: Line 761:
}
}


body.page-Homepage_pt — inner wiki articles are untouched.     */
body.page-Homepage_es,
/* ===================================================================== */
body.page-Homepage_es #content,
body.page-Homepage_es .mw-body,
body.page-Homepage_es #mw-content,
body.page-Homepage_es #mw-content-text,
body.page-Homepage_es #bodyContent,
body.page-Homepage_es .mw-content-ltr,
body.page-Homepage_es .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_es #content,
body.page-Homepage_es .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
 
body.page-Homepage_es { overflow-x: hidden !important; }
 
/* --- PT --- */
body.page-Homepage_pt #mw-head,
body.page-Homepage_pt #mw-head,
body.page-Homepage_pt #mw-head-base,
body.page-Homepage_pt #mw-head-base,
Line 738: Line 809:
body.page-Homepage_pt #mw-navigation-heading {
body.page-Homepage_pt #mw-navigation-heading {
   display: none !important;
   display: none !important;
}
body.page-Homepage_de,
body.page-Homepage_de #content,
body.page-Homepage_de .mw-body,
body.page-Homepage_de #mw-content,
body.page-Homepage_de #mw-content-text,
body.page-Homepage_de #bodyContent,
body.page-Homepage_de .mw-content-ltr,
body.page-Homepage_de .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_fr,
body.page-Homepage_fr #content,
body.page-Homepage_fr .mw-body,
body.page-Homepage_fr #mw-content,
body.page-Homepage_fr #mw-content-text,
body.page-Homepage_fr #bodyContent,
body.page-Homepage_fr .mw-content-ltr,
body.page-Homepage_fr .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_es,
body.page-Homepage_es #content,
body.page-Homepage_es .mw-body,
body.page-Homepage_es #mw-content,
body.page-Homepage_es #mw-content-text,
body.page-Homepage_es #bodyContent,
body.page-Homepage_es .mw-content-ltr,
body.page-Homepage_es .mw-parser-output {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #080808 !important;
  max-width: none !important;
  width: auto !important;
}
}


Line 802: Line 825:
   max-width: none !important;
   max-width: none !important;
   width: auto !important;
   width: auto !important;
}
body.page-Homepage_de #content,
body.page-Homepage_de .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
body.page-Homepage_fr #content,
body.page-Homepage_fr .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
body.page-Homepage_es #content,
body.page-Homepage_es .mw-body {
  margin-left: 0 !important;
  box-shadow: none !important;
}
}


Line 827: Line 832:
   box-shadow: none !important;
   box-shadow: none !important;
}
}
body.page-Homepage_de { overflow-x: hidden !important; }
body.page-Homepage_fr { overflow-x: hidden !important; }
body.page-Homepage_es { overflow-x: hidden !important; }


body.page-Homepage_pt { overflow-x: hidden !important; }
body.page-Homepage_pt { overflow-x: hidden !important; }
body.page-Homepage_de .btn-p,
body.page-Homepage_de .btn-p:visited,
body.page-Homepage_de .hcp,
body.page-Homepage_de .hcp:visited,
body.page-Homepage_de .hcs,
body.page-Homepage_de .hcs:visited,
body.page-Homepage_de .ab-cta,
body.page-Homepage_de .ab-cta:visited,
body.page-Homepage_de .nlb,
body.page-Homepage_de .tn,
body.page-Homepage_de .lb.on,
body.page-Homepage_de .lb.on:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.page-Homepage_fr .btn-p,
body.page-Homepage_fr .btn-p:visited,
body.page-Homepage_fr .hcp,
body.page-Homepage_fr .hcp:visited,
body.page-Homepage_fr .hcs,
body.page-Homepage_fr .hcs:visited,
body.page-Homepage_fr .ab-cta,
body.page-Homepage_fr .ab-cta:visited,
body.page-Homepage_fr .nlb,
body.page-Homepage_fr .tn,
body.page-Homepage_fr .lb.on,
body.page-Homepage_fr .lb.on:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.page-Homepage_es .btn-p,
body.page-Homepage_es .btn-p:visited,
body.page-Homepage_es .hcp,
body.page-Homepage_es .hcp:visited,
body.page-Homepage_es .hcs,
body.page-Homepage_es .hcs:visited,
body.page-Homepage_es .ab-cta,
body.page-Homepage_es .ab-cta:visited,
body.page-Homepage_es .nlb,
body.page-Homepage_es .tn,
body.page-Homepage_es .lb.on,
body.page-Homepage_es .lb.on:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.page-Homepage_pt .btn-p,
body.page-Homepage_pt .btn-p:visited,
body.page-Homepage_pt .hcp,
body.page-Homepage_pt .hcp:visited,
body.page-Homepage_pt .hcs,
body.page-Homepage_pt .hcs:visited,
body.page-Homepage_pt .ab-cta,
body.page-Homepage_pt .ab-cta:visited,
body.page-Homepage_pt .nlb,
body.page-Homepage_pt .tn,
body.page-Homepage_pt .lb.on,
body.page-Homepage_pt .lb.on:visited {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.page-Homepage_de .nl,
body.page-Homepage_de .nl:visited,
body.page-Homepage_de .lb.av,
body.page-Homepage_de .lb.av:visited {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
}
body.page-Homepage_fr .nl,
body.page-Homepage_fr .nl:visited,
body.page-Homepage_fr .lb.av,
body.page-Homepage_fr .lb.av:visited {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
}
body.page-Homepage_es .nl,
body.page-Homepage_es .nl:visited,
body.page-Homepage_es .lb.av,
body.page-Homepage_es .lb.av:visited {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
}
body.page-Homepage_pt .nl,
body.page-Homepage_pt .nl:visited,
body.page-Homepage_pt .lb.av,
body.page-Homepage_pt .lb.av:visited {
  color: #888888 !important;
  -webkit-text-fill-color: #888888 !important;
}
body.page-Homepage_de .nl:hover,
body.page-Homepage_de .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
body.page-Homepage_fr .nl:hover,
body.page-Homepage_fr .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
body.page-Homepage_es .nl:hover,
body.page-Homepage_es .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
body.page-Homepage_pt .nl:hover,
body.page-Homepage_pt .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
body.page-Homepage_de .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
body.page-Homepage_fr .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
body.page-Homepage_es .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
body.page-Homepage_pt .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
body.page-Homepage_de .fl a:hover { text-decoration: none !important; }
body.page-Homepage_fr .fl a:hover { text-decoration: none !important; }
body.page-Homepage_es .fl a:hover { text-decoration: none !important; }
body.page-Homepage_pt .fl a:hover { text-decoration: none !important; }