MediaWiki:Common.css: Difference between revisions
Add full-bleed landing rules for language subpages (de/fr/es/pt) to match EN Homepage chrome |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 589: | Line 589: | ||
padding: 0 !important; | padding: 0 !important; | ||
border: 0 !important; | border: 0 !important; | ||
background: # | background: #0D0D0D !important; | ||
max-width: none !important; | max-width: none !important; | ||
width: auto !important; | width: auto !important; | ||
| Line 602: | Line 602: | ||
/* Restore landing button / nav text colors (override global orange link rule) */ | /* Restore landing button / nav text colors (override global orange link rule) */ | ||
/* Filled gradient buttons: dark ink (matches bigbro.men .btn-primary) */ | |||
body.page-Homepage .btn-p, | body.page-Homepage .btn-p, | ||
body.page-Homepage .btn-p:visited, | body.page-Homepage .btn-p:visited, | ||
body.page-Homepage .hcp, | body.page-Homepage .hcp, | ||
body.page-Homepage .hcp:visited, | body.page-Homepage .hcp:visited, | ||
body.page-Homepage .ab-cta, | body.page-Homepage .ab-cta, | ||
body.page-Homepage .ab-cta:visited, | body.page-Homepage .ab-cta:visited, | ||
body.page-Homepage .nlb, | body.page-Homepage .nlb, | ||
body.page-Homepage .lb.on, | |||
body.page-Homepage .lb.on:visited, | |||
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 .ab-cta, | |||
body.page-Homepage_de .ab-cta:visited, | |||
body.page-Homepage_de .nlb, | |||
body.page-Homepage_de .lb.on, | |||
body.page-Homepage_de .lb.on:visited, | |||
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 .ab-cta, | |||
body.page-Homepage_fr .ab-cta:visited, | |||
body.page-Homepage_fr .nlb, | |||
body.page-Homepage_fr .lb.on, | |||
body.page-Homepage_fr .lb.on:visited, | |||
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 .ab-cta, | |||
body.page-Homepage_es .ab-cta:visited, | |||
body.page-Homepage_es .nlb, | |||
body.page-Homepage_es .lb.on, | |||
body.page-Homepage_es .lb.on:visited, | |||
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 .ab-cta, | |||
body.page-Homepage_pt .ab-cta:visited, | |||
body.page-Homepage_pt .nlb, | |||
body.page-Homepage_pt .lb.on, | |||
body.page-Homepage_pt .lb.on:visited { | |||
color: #0D0D0D !important; | |||
-webkit-text-fill-color: #0D0D0D !important; | |||
} | |||
/* Ghost button + over-image labels stay light */ | |||
body.page-Homepage .hcs, | |||
body.page-Homepage .hcs:visited, | |||
body.page-Homepage .tn, | body.page-Homepage .tn, | ||
body.page- | body.page-Homepage_de .hcs, | ||
body.page- | body.page-Homepage_de .hcs:visited, | ||
body.page-Homepage_de .tn, | |||
body.page-Homepage_fr .hcs, | |||
body.page-Homepage_fr .hcs:visited, | |||
body.page-Homepage_fr .tn, | |||
body.page-Homepage_es .hcs, | |||
body.page-Homepage_es .hcs:visited, | |||
body.page-Homepage_es .tn, | |||
body.page-Homepage_pt .hcs, | |||
body.page-Homepage_pt .hcs:visited, | |||
body.page-Homepage_pt .tn { | |||
color: #ffffff !important; | color: #ffffff !important; | ||
-webkit-text-fill-color: #ffffff !important; | -webkit-text-fill-color: #ffffff !important; | ||
| Line 630: | Line 683: | ||
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) */ | |||
/* Identical to body.page-Homepage rules above */ | |||
body.page- | |||
/* ===================================================================== */ | /* ===================================================================== */ | ||
/* --- DE --- */ | |||
/* | body.page-Homepage_de #mw-head, | ||
body.page- | body.page-Homepage_de #mw-head-base, | ||
body.page- | body.page-Homepage_de #mw-page-base, | ||
body.page- | body.page-Homepage_de #mw-panel, | ||
body.page- | body.page-Homepage_de #left-navigation, | ||
body.page- | body.page-Homepage_de #right-navigation, | ||
body.page- | body.page-Homepage_de #p-logo, | ||
body.page- | body.page-Homepage_de .mw-indicators, | ||
body.page- | body.page-Homepage_de #siteSub, | ||
body.page- | body.page-Homepage_de #contentSub, | ||
body.page- | body.page-Homepage_de #contentSub2, | ||
body.page- | body.page-Homepage_de .mw-first-heading, | ||
body.page- | body.page-Homepage_de h1.firstHeading, | ||
body.page- | body.page-Homepage_de #jump-to-nav, | ||
body.page- | body.page-Homepage_de .mw-jump-link, | ||
body.page- | body.page-Homepage_de #footer, | ||
body.page- | body.page-Homepage_de #mw-footer, | ||
body.page- | body.page-Homepage_de .printfooter, | ||
body.page- | body.page-Homepage_de .catlinks, | ||
body.page- | body.page-Homepage_de #catlinks, | ||
body.page- | body.page-Homepage_de #mw-data-after-content, | ||
body.page- | body.page-Homepage_de #mw-navigation-heading { | ||
body.page- | |||
display: none !important; | display: none !important; | ||
} | } | ||
body.page- | body.page-Homepage_de, | ||
body.page- | body.page-Homepage_de #content, | ||
body.page- | body.page-Homepage_de .mw-body, | ||
body.page- | body.page-Homepage_de #mw-content, | ||
body.page- | body.page-Homepage_de #mw-content-text, | ||
body.page- | body.page-Homepage_de #bodyContent, | ||
body.page- | body.page-Homepage_de .mw-content-ltr, | ||
body.page- | body.page-Homepage_de .mw-parser-output { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
border: 0 !important; | border: 0 !important; | ||
background: # | background: #0D0D0D !important; | ||
max-width: none !important; | max-width: none !important; | ||
width: auto !important; | width: auto !important; | ||
} | } | ||
body.page- | body.page-Homepage_de #content, | ||
body.page-Homepage_de .mw-body { | |||
body.page- | margin-left: 0 !important; | ||
box-shadow: none !important; | |||
body | |||
margin: 0 !important; | |||
} | } | ||
body.page- | body.page-Homepage_de { overflow-x: hidden !important; } | ||
body.page- | |||
body.page- | /* --- FR --- */ | ||
body.page- | body.page-Homepage_fr #mw-head, | ||
body.page- | body.page-Homepage_fr #mw-head-base, | ||
body.page- | body.page-Homepage_fr #mw-page-base, | ||
body.page- | body.page-Homepage_fr #mw-panel, | ||
body.page- | body.page-Homepage_fr #left-navigation, | ||
body.page-Homepage_fr #right-navigation, | |||
body.page-Homepage_fr #p-logo, | |||
body.page-Homepage_fr .mw-indicators, | |||
body.page-Homepage_fr #siteSub, | |||
body.page-Homepage_fr #contentSub, | |||
body.page-Homepage_fr #contentSub2, | |||
body.page-Homepage_fr .mw-first-heading, | |||
body.page-Homepage_fr h1.firstHeading, | |||
body.page-Homepage_fr #jump-to-nav, | |||
body.page-Homepage_fr .mw-jump-link, | |||
body.page-Homepage_fr #footer, | |||
body.page-Homepage_fr #mw-footer, | |||
body.page-Homepage_fr .printfooter, | |||
body.page-Homepage_fr .catlinks, | |||
body.page-Homepage_fr #catlinks, | |||
body.page-Homepage_fr #mw-data-after-content, | |||
body.page-Homepage_fr #mw-navigation-heading { | |||
display: none !important; | |||
} | } | ||
body.page- | body.page-Homepage_fr, | ||
body.page- | body.page-Homepage_fr #content, | ||
body.page- | body.page-Homepage_fr .mw-body, | ||
body.page- | body.page-Homepage_fr #mw-content, | ||
body.page- | body.page-Homepage_fr #mw-content-text, | ||
body.page- | body.page-Homepage_fr #bodyContent, | ||
body.page- | body.page-Homepage_fr .mw-content-ltr, | ||
body.page- | body.page-Homepage_fr .mw-parser-output { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
border: 0 !important; | border: 0 !important; | ||
background: # | background: #0D0D0D !important; | ||
max-width: none !important; | max-width: none !important; | ||
width: auto !important; | width: auto !important; | ||
} | } | ||
body.page- | body.page-Homepage_fr #content, | ||
body.page- | body.page-Homepage_fr .mw-body { | ||
margin-left: 0 !important; | margin-left: 0 !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
} | } | ||
body.page- | body.page-Homepage_fr { overflow-x: hidden !important; } | ||
body.page- | |||
/* --- ES --- */ | |||
body.page-Homepage_es #mw-head, | |||
body.page-Homepage_es #mw-head-base, | |||
body.page-Homepage_es #mw-page-base, | |||
body.page-Homepage_es #mw-panel, | |||
body.page-Homepage_es #left-navigation, | |||
body.page-Homepage_es #right-navigation, | |||
body.page-Homepage_es #p-logo, | |||
body.page-Homepage_es .mw-indicators, | |||
body.page-Homepage_es #siteSub, | |||
body.page-Homepage_es #contentSub, | |||
body.page-Homepage_es #contentSub2, | |||
body.page-Homepage_es .mw-first-heading, | |||
body.page-Homepage_es h1.firstHeading, | |||
body.page-Homepage_es #jump-to-nav, | |||
body.page-Homepage_es .mw-jump-link, | |||
body.page-Homepage_es #footer, | |||
body.page-Homepage_es #mw-footer, | |||
body.page-Homepage_es .printfooter, | |||
body.page-Homepage_es .catlinks, | |||
body.page-Homepage_es #catlinks, | |||
body.page-Homepage_es #mw-data-after-content, | |||
body.page-Homepage_es #mw-navigation-heading { | |||
display: none !important; | |||
} | } | ||
body.page- | body.page-Homepage_es, | ||
body.page- | body.page-Homepage_es #content, | ||
margin | 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: #0D0D0D !important; | |||
max-width: none !important; | |||
width: auto !important; | |||
} | } | ||
body.page- | body.page-Homepage_es #content, | ||
body.page- | body.page-Homepage_es .mw-body { | ||
margin-left: 0 !important; | margin-left: 0 !important; | ||
box-shadow: none !important; | box-shadow: none !important; | ||
} | } | ||
body.page- | body.page-Homepage_es { overflow-x: hidden !important; } | ||
body.page- | /* --- PT --- */ | ||
body.page-Homepage_pt #mw-head, | |||
body.page- | body.page-Homepage_pt #mw-head-base, | ||
body.page-Homepage_pt #mw-page-base, | |||
body.page- | body.page-Homepage_pt #mw-panel, | ||
body.page-Homepage_pt #left-navigation, | |||
body.page- | body.page-Homepage_pt #right-navigation, | ||
body.page- | body.page-Homepage_pt #p-logo, | ||
body.page- | body.page-Homepage_pt .mw-indicators, | ||
body.page- | body.page-Homepage_pt #siteSub, | ||
body.page- | body.page-Homepage_pt #contentSub, | ||
body.page- | body.page-Homepage_pt #contentSub2, | ||
body.page- | body.page-Homepage_pt .mw-first-heading, | ||
body.page- | body.page-Homepage_pt h1.firstHeading, | ||
body.page- | body.page-Homepage_pt #jump-to-nav, | ||
body.page- | body.page-Homepage_pt .mw-jump-link, | ||
body.page- | body.page-Homepage_pt #footer, | ||
body.page- | body.page-Homepage_pt #mw-footer, | ||
body.page-Homepage_pt .printfooter, | |||
body.page-Homepage_pt .catlinks, | |||
body.page-Homepage_pt #catlinks, | |||
body.page-Homepage_pt #mw-data-after-content, | |||
body.page-Homepage_pt #mw-navigation-heading { | |||
display: none !important; | |||
} | } | ||
body.page- | body.page-Homepage_pt, | ||
body.page- | body.page-Homepage_pt #content, | ||
body.page- | body.page-Homepage_pt .mw-body, | ||
body.page- | body.page-Homepage_pt #mw-content, | ||
body.page- | body.page-Homepage_pt #mw-content-text, | ||
body.page- | body.page-Homepage_pt #bodyContent, | ||
body.page- | body.page-Homepage_pt .mw-content-ltr, | ||
body.page- | body.page-Homepage_pt .mw-parser-output { | ||
margin: 0 !important; | |||
padding: 0 !important; | |||
border: 0 !important; | |||
background: #0D0D0D !important; | |||
max-width: none !important; | |||
- | width: auto !important; | ||
} | } | ||
body.page- | body.page-Homepage_pt #content, | ||
body.page-Homepage_pt .mw-body { | |||
margin-left: 0 !important; | |||
box-shadow: none !important; | |||
body.page- | |||
body | |||
- | |||
} | } | ||
body.page- | body.page-Homepage_pt { overflow-x: hidden !important; } | ||
} | |||
body.page- | /* ===================================================================== */ | ||
body.page- | /* Homepage section headings: white + no underline (article pages keep */ | ||
body.page- | /* the global orange heading style). */ | ||
body.page- | /* ===================================================================== */ | ||
color: # | body.page-Homepage .mw-parser-output h1, | ||
- | body.page-Homepage .mw-parser-output h2, | ||
body.page-Homepage .mw-parser-output h3, | |||
body.page-Homepage .mw-parser-output h4, | |||
body.page-Homepage_de .mw-parser-output h1, | |||
body.page-Homepage_de .mw-parser-output h2, | |||
body.page-Homepage_de .mw-parser-output h3, | |||
body.page-Homepage_de .mw-parser-output h4, | |||
body.page-Homepage_fr .mw-parser-output h1, | |||
body.page-Homepage_fr .mw-parser-output h2, | |||
body.page-Homepage_fr .mw-parser-output h3, | |||
body.page-Homepage_fr .mw-parser-output h4, | |||
body.page-Homepage_es .mw-parser-output h1, | |||
body.page-Homepage_es .mw-parser-output h2, | |||
body.page-Homepage_es .mw-parser-output h3, | |||
body.page-Homepage_es .mw-parser-output h4, | |||
body.page-Homepage_pt .mw-parser-output h1, | |||
body.page-Homepage_pt .mw-parser-output h2, | |||
body.page-Homepage_pt .mw-parser-output h3, | |||
body.page-Homepage_pt .mw-parser-output h4 { | |||
color: #FFFFFF !important; | |||
border-bottom: none !important; | |||
} | } | ||
/* BigBro logo size constraint */ | |||
div[style*="max-width:280px"] .mw-file-element { | |||
max-width: 280px !important; | |||
width: 100% !important; | |||
height: auto !important; | |||
} | } | ||