BigBro Know

MediaWiki:Common.css: Difference between revisions

← Older edit
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators
9,032 edits
Add full-bleed landing rules for language subpages (de/fr/es/pt) to match EN Homepage chrome
Hide duplicate ka-title when a CategoryHero is present
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;600;700&display=swap');
/* ========================================== */
/* ========================================== */
/* BigBro Orange Design System — BigBro Know  */
/* BigBro Orange Design System — BigBro Know  */
Line 589: Line 590:
   padding: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border: 0 !important;
   background: #080808 !important;
   background: #0D0D0D !important;
   max-width: none !important;
   max-width: none !important;
   width: auto !important;
   width: auto !important;
Line 602: Line 603:


/* 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 .hcs,
body.page-Homepage .hcs: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-Homepage .lb.on,
body.page-Homepage_de .hcs,
body.page-Homepage .lb.on:visited {
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 684:
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_2Fde — inner wiki articles are untouched.    */
/* --- DE --- */
/* ===================================================================== */
body.page-Homepage_de #mw-head,
body.page-Homepage_2Fde #mw-head,
body.page-Homepage_de #mw-head-base,
body.page-Homepage_2Fde #mw-head-base,
body.page-Homepage_de #mw-page-base,
body.page-Homepage_2Fde #mw-page-base,
body.page-Homepage_de #mw-panel,
body.page-Homepage_2Fde #mw-panel,
body.page-Homepage_de #left-navigation,
body.page-Homepage_2Fde #left-navigation,
body.page-Homepage_de #right-navigation,
body.page-Homepage_2Fde #right-navigation,
body.page-Homepage_de #p-logo,
body.page-Homepage_2Fde #p-logo,
body.page-Homepage_de .mw-indicators,
body.page-Homepage_2Fde .mw-indicators,
body.page-Homepage_de #siteSub,
body.page-Homepage_2Fde #siteSub,
body.page-Homepage_de #contentSub,
body.page-Homepage_2Fde #contentSub,
body.page-Homepage_de #contentSub2,
body.page-Homepage_2Fde #contentSub2,
body.page-Homepage_de .mw-first-heading,
body.page-Homepage_2Fde .mw-first-heading,
body.page-Homepage_de h1.firstHeading,
body.page-Homepage_2Fde h1.firstHeading,
body.page-Homepage_de #jump-to-nav,
body.page-Homepage_2Fde #jump-to-nav,
body.page-Homepage_de .mw-jump-link,
body.page-Homepage_2Fde .mw-jump-link,
body.page-Homepage_de #footer,
body.page-Homepage_2Fde #footer,
body.page-Homepage_de #mw-footer,
body.page-Homepage_2Fde #mw-footer,
body.page-Homepage_de .printfooter,
body.page-Homepage_2Fde .printfooter,
body.page-Homepage_de .catlinks,
body.page-Homepage_2Fde .catlinks,
body.page-Homepage_de #catlinks,
body.page-Homepage_2Fde #catlinks,
body.page-Homepage_de #mw-data-after-content,
body.page-Homepage_2Fde #mw-data-after-content,
body.page-Homepage_de #mw-navigation-heading {
body.page-Homepage_2Fde #mw-navigation-heading {
   display: none !important;
   display: none !important;
}
}


body.page-Homepage_2Ffr — inner wiki articles are untouched.    */
body.page-Homepage_de,
/* ===================================================================== */
body.page-Homepage_de #content,
body.page-Homepage_2Ffr #mw-head,
body.page-Homepage_de .mw-body,
body.page-Homepage_2Ffr #mw-head-base,
body.page-Homepage_de #mw-content,
body.page-Homepage_2Ffr #mw-page-base,
body.page-Homepage_de #mw-content-text,
body.page-Homepage_2Ffr #mw-panel,
body.page-Homepage_de #bodyContent,
body.page-Homepage_2Ffr #left-navigation,
body.page-Homepage_de .mw-content-ltr,
body.page-Homepage_2Ffr #right-navigation,
body.page-Homepage_de .mw-parser-output {
body.page-Homepage_2Ffr #p-logo,
  margin: 0 !important;
body.page-Homepage_2Ffr .mw-indicators,
  padding: 0 !important;
body.page-Homepage_2Ffr #siteSub,
  border: 0 !important;
body.page-Homepage_2Ffr #contentSub,
  background: #0D0D0D !important;
body.page-Homepage_2Ffr #contentSub2,
  max-width: none !important;
body.page-Homepage_2Ffr .mw-first-heading,
   width: auto !important;
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_de #content,
/* ===================================================================== */
body.page-Homepage_de .mw-body {
body.page-Homepage_2Fes #mw-head,
  margin-left: 0 !important;
body.page-Homepage_2Fes #mw-head-base,
  box-shadow: none !important;
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_de { overflow-x: hidden !important; }
/* ===================================================================== */
 
body.page-Homepage_2Fpt #mw-head,
/* --- FR --- */
body.page-Homepage_2Fpt #mw-head-base,
body.page-Homepage_fr #mw-head,
body.page-Homepage_2Fpt #mw-page-base,
body.page-Homepage_fr #mw-head-base,
body.page-Homepage_2Fpt #mw-panel,
body.page-Homepage_fr #mw-page-base,
body.page-Homepage_2Fpt #left-navigation,
body.page-Homepage_fr #mw-panel,
body.page-Homepage_2Fpt #right-navigation,
body.page-Homepage_fr #left-navigation,
body.page-Homepage_2Fpt #p-logo,
body.page-Homepage_fr #right-navigation,
body.page-Homepage_2Fpt .mw-indicators,
body.page-Homepage_fr #p-logo,
body.page-Homepage_2Fpt #siteSub,
body.page-Homepage_fr .mw-indicators,
body.page-Homepage_2Fpt #contentSub,
body.page-Homepage_fr #siteSub,
body.page-Homepage_2Fpt #contentSub2,
body.page-Homepage_fr #contentSub,
body.page-Homepage_2Fpt .mw-first-heading,
body.page-Homepage_fr #contentSub2,
body.page-Homepage_2Fpt h1.firstHeading,
body.page-Homepage_fr .mw-first-heading,
body.page-Homepage_2Fpt #jump-to-nav,
body.page-Homepage_fr h1.firstHeading,
body.page-Homepage_2Fpt .mw-jump-link,
body.page-Homepage_fr #jump-to-nav,
body.page-Homepage_2Fpt #footer,
body.page-Homepage_fr .mw-jump-link,
body.page-Homepage_2Fpt #mw-footer,
body.page-Homepage_fr #footer,
body.page-Homepage_2Fpt .printfooter,
body.page-Homepage_fr #mw-footer,
body.page-Homepage_2Fpt .catlinks,
body.page-Homepage_fr .printfooter,
body.page-Homepage_2Fpt #catlinks,
body.page-Homepage_fr .catlinks,
body.page-Homepage_2Fpt #mw-data-after-content,
body.page-Homepage_fr #catlinks,
body.page-Homepage_2Fpt #mw-navigation-heading {
body.page-Homepage_fr #mw-data-after-content,
body.page-Homepage_fr #mw-navigation-heading {
   display: none !important;
   display: none !important;
}
}


body.page-Homepage_2Fde,
body.page-Homepage_fr,
body.page-Homepage_2Fde #content,
body.page-Homepage_fr #content,
body.page-Homepage_2Fde .mw-body,
body.page-Homepage_fr .mw-body,
body.page-Homepage_2Fde #mw-content,
body.page-Homepage_fr #mw-content,
body.page-Homepage_2Fde #mw-content-text,
body.page-Homepage_fr #mw-content-text,
body.page-Homepage_2Fde #bodyContent,
body.page-Homepage_fr #bodyContent,
body.page-Homepage_2Fde .mw-content-ltr,
body.page-Homepage_fr .mw-content-ltr,
body.page-Homepage_2Fde .mw-parser-output {
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: #080808 !important;
   background: #0D0D0D !important;
   max-width: none !important;
   max-width: none !important;
   width: auto !important;
   width: auto !important;
}
}


body.page-Homepage_2Ffr,
body.page-Homepage_fr #content,
body.page-Homepage_2Ffr #content,
body.page-Homepage_fr .mw-body {
body.page-Homepage_2Ffr .mw-body,
   margin-left: 0 !important;
body.page-Homepage_2Ffr #mw-content,
   box-shadow: none !important;
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_fr { overflow-x: hidden !important; }
body.page-Homepage_2Fes #content,
 
body.page-Homepage_2Fes .mw-body,
/* --- ES --- */
body.page-Homepage_2Fes #mw-content,
body.page-Homepage_es #mw-head,
body.page-Homepage_2Fes #mw-content-text,
body.page-Homepage_es #mw-head-base,
body.page-Homepage_2Fes #bodyContent,
body.page-Homepage_es #mw-page-base,
body.page-Homepage_2Fes .mw-content-ltr,
body.page-Homepage_es #mw-panel,
body.page-Homepage_2Fes .mw-parser-output {
body.page-Homepage_es #left-navigation,
  margin: 0 !important;
body.page-Homepage_es #right-navigation,
  padding: 0 !important;
body.page-Homepage_es #p-logo,
  border: 0 !important;
body.page-Homepage_es .mw-indicators,
  background: #080808 !important;
body.page-Homepage_es #siteSub,
   max-width: none !important;
body.page-Homepage_es #contentSub,
  width: auto !important;
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-Homepage_2Fpt,
body.page-Homepage_es,
body.page-Homepage_2Fpt #content,
body.page-Homepage_es #content,
body.page-Homepage_2Fpt .mw-body,
body.page-Homepage_es .mw-body,
body.page-Homepage_2Fpt #mw-content,
body.page-Homepage_es #mw-content,
body.page-Homepage_2Fpt #mw-content-text,
body.page-Homepage_es #mw-content-text,
body.page-Homepage_2Fpt #bodyContent,
body.page-Homepage_es #bodyContent,
body.page-Homepage_2Fpt .mw-content-ltr,
body.page-Homepage_es .mw-content-ltr,
body.page-Homepage_2Fpt .mw-parser-output {
body.page-Homepage_es .mw-parser-output {
   margin: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border: 0 !important;
   background: #080808 !important;
   background: #0D0D0D !important;
   max-width: none !important;
   max-width: none !important;
   width: auto !important;
   width: auto !important;
}
}


body.page-Homepage_2Fde #content,
body.page-Homepage_es #content,
body.page-Homepage_2Fde .mw-body {
body.page-Homepage_es .mw-body {
   margin-left: 0 !important;
   margin-left: 0 !important;
   box-shadow: none !important;
   box-shadow: none !important;
}
}


body.page-Homepage_2Ffr #content,
body.page-Homepage_es { overflow-x: hidden !important; }
body.page-Homepage_2Ffr .mw-body {
 
  margin-left: 0 !important;
/* --- PT --- */
   box-shadow: none !important;
body.page-Homepage_pt #mw-head,
body.page-Homepage_pt #mw-head-base,
body.page-Homepage_pt #mw-page-base,
body.page-Homepage_pt #mw-panel,
body.page-Homepage_pt #left-navigation,
body.page-Homepage_pt #right-navigation,
body.page-Homepage_pt #p-logo,
body.page-Homepage_pt .mw-indicators,
body.page-Homepage_pt #siteSub,
body.page-Homepage_pt #contentSub,
body.page-Homepage_pt #contentSub2,
body.page-Homepage_pt .mw-first-heading,
body.page-Homepage_pt h1.firstHeading,
body.page-Homepage_pt #jump-to-nav,
body.page-Homepage_pt .mw-jump-link,
body.page-Homepage_pt #footer,
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-Homepage_2Fes #content,
body.page-Homepage_pt,
body.page-Homepage_2Fes .mw-body {
body.page-Homepage_pt #content,
   margin-left: 0 !important;
body.page-Homepage_pt .mw-body,
   box-shadow: none !important;
body.page-Homepage_pt #mw-content,
body.page-Homepage_pt #mw-content-text,
body.page-Homepage_pt #bodyContent,
body.page-Homepage_pt .mw-content-ltr,
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-Homepage_2Fpt #content,
body.page-Homepage_pt #content,
body.page-Homepage_2Fpt .mw-body {
body.page-Homepage_pt .mw-body {
   margin-left: 0 !important;
   margin-left: 0 !important;
   box-shadow: none !important;
   box-shadow: none !important;
}
}


body.page-Homepage_2Fde { overflow-x: hidden !important; }
body.page-Homepage_pt { overflow-x: hidden !important; }


body.page-Homepage_2Ffr { overflow-x: hidden !important; }
/* ===================================================================== */
/* Homepage section headings: white + no underline (article pages keep      */
/* the global orange heading style).                                        */
/* ===================================================================== */
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;
}


body.page-Homepage_2Fes { overflow-x: hidden !important; }


body.page-Homepage_2Fpt { overflow-x: hidden !important; }
/* BigBro logo size constraint */
div[style*="max-width:280px"] .mw-file-element {
    max-width: 280px !important;
    width: 100% !important;
    height: auto !important;
}


body.page-Homepage_2Fde .btn-p,
/* ===================================================================== */
body.page-Homepage_2Fde .btn-p:visited,
/* CATEGORY HERO - Homepage-style header for Category: landing pages    */
body.page-Homepage_2Fde .hcp,
/* Markup lives in Template:CategoryHero. Wiki chrome stays visible.     */
body.page-Homepage_2Fde .hcp:visited,
/* ===================================================================== */
body.page-Homepage_2Fde .hcs,
.bb-cathero {
body.page-Homepage_2Fde .hcs:visited,
  position: relative;
body.page-Homepage_2Fde .ab-cta,
  margin: 0 0 34px;
body.page-Homepage_2Fde .ab-cta:visited,
  padding: 40px 40px 34px;
body.page-Homepage_2Fde .nlb,
  border-radius: 20px;
body.page-Homepage_2Fde .tn,
  overflow: hidden;
body.page-Homepage_2Fde .lb.on,
  background:
body.page-Homepage_2Fde .lb.on:visited {
    radial-gradient(120% 150% at 50% 0%, rgba(255,121,0,.24) 0%, rgba(255,121,0,.07) 42%, rgba(13,13,13,0) 74%),
   color: #ffffff !important;
    linear-gradient(180deg, #171717 0%, #0F0F0F 100%);
   -webkit-text-fill-color: #ffffff !important;
   border: 1px solid #2E2E2E;
   text-align: center;
}
}
 
.bb-cathero::before {
body.page-Homepage_2Ffr .btn-p,
  content: "";
body.page-Homepage_2Ffr .btn-p:visited,
  position: absolute;
body.page-Homepage_2Ffr .hcp,
  top: 0; right: 0; bottom: 0; left: 0;
body.page-Homepage_2Ffr .hcp:visited,
  background-image:
body.page-Homepage_2Ffr .hcs,
    linear-gradient(rgba(255,121,0,.07) 1px, transparent 1px),
body.page-Homepage_2Ffr .hcs:visited,
    linear-gradient(90deg, rgba(255,121,0,.07) 1px, transparent 1px);
body.page-Homepage_2Ffr .ab-cta,
  background-size: 46px 46px;
body.page-Homepage_2Ffr .ab-cta:visited,
   -webkit-mask-image: radial-gradient(75% 75% at 50% 0%, #000 0%, transparent 100%);
body.page-Homepage_2Ffr .nlb,
   mask-image: radial-gradient(75% 75% at 50% 0%, #000 0%, transparent 100%);
body.page-Homepage_2Ffr .tn,
  pointer-events: none;
body.page-Homepage_2Ffr .lb.on,
body.page-Homepage_2Ffr .lb.on:visited {
   color: #ffffff !important;
   -webkit-text-fill-color: #ffffff !important;
}
}
.bb-cathero > * { position: relative; z-index: 1; }


body.page-Homepage_2Fes .btn-p,
.bb-cathero-logo { margin: 0 0 20px; }
body.page-Homepage_2Fes .btn-p:visited,
.bb-cathero-logo img { max-width: 200px; height: auto; }
body.page-Homepage_2Fes .hcp,
.bb-cathero-logo .thumb,
body.page-Homepage_2Fes .hcp:visited,
.bb-cathero-logo figure,
body.page-Homepage_2Fes .hcs,
.bb-cathero-logo p { margin: 0 !important; padding: 0 !important; }
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,
.bb-cathero-eyebrow {
body.page-Homepage_2Fpt .btn-p:visited,
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
body.page-Homepage_2Fpt .hcp,
  font-size: 12px;
body.page-Homepage_2Fpt .hcp:visited,
  font-weight: 700;
body.page-Homepage_2Fpt .hcs,
  letter-spacing: 2.4px;
body.page-Homepage_2Fpt .hcs:visited,
  text-transform: uppercase;
body.page-Homepage_2Fpt .ab-cta,
   color: #FF7900;
body.page-Homepage_2Fpt .ab-cta:visited,
   margin-bottom: 14px;
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;
}
}
 
.bb-cathero-title {
body.page-Homepage_2Fde .nl,
  font-family: 'Anton', 'Archivo', 'Arial Narrow', sans-serif;
body.page-Homepage_2Fde .nl:visited,
  font-size: 56px;
body.page-Homepage_2Fde .lb.av,
  font-weight: 400;
body.page-Homepage_2Fde .lb.av:visited {
   line-height: 1.04;
   color: #888888 !important;
   letter-spacing: .5px;
   -webkit-text-fill-color: #888888 !important;
  text-transform: uppercase;
  color: #FFFFFF !important;
  margin: 0 0 16px;
}
}
 
.bb-cathero-sub {
body.page-Homepage_2Ffr .nl,
  font-size: 17px;
body.page-Homepage_2Ffr .nl:visited,
  line-height: 1.65;
body.page-Homepage_2Ffr .lb.av,
   color: #999999;
body.page-Homepage_2Ffr .lb.av:visited {
   max-width: 740px;
   color: #888888 !important;
  margin: 0 auto;
   -webkit-text-fill-color: #888888 !important;
}
}
 
.bb-cathero-meta {
body.page-Homepage_2Fes .nl,
  margin-top: 24px;
body.page-Homepage_2Fes .nl:visited,
  padding-top: 18px;
body.page-Homepage_2Fes .lb.av,
  border-top: 1px solid #2E2E2E;
body.page-Homepage_2Fes .lb.av:visited {
   font-size: 12px;
   color: #888888 !important;
   letter-spacing: 1.4px;
   -webkit-text-fill-color: #888888 !important;
  text-transform: uppercase;
  color: #666666;
}
}
.bb-cathero-meta a,
.bb-cathero-meta a:visited { color: #FF7900 !important; }
.bb-cathero-meta .bb-sep { color: #2E2E2E; margin: 0 10px; }


body.page-Homepage_2Fpt .nl,
@media (max-width: 720px) {
body.page-Homepage_2Fpt .nl:visited,
  .bb-cathero { padding: 28px 20px 24px; border-radius: 14px; }
body.page-Homepage_2Fpt .lb.av,
  .bb-cathero-title { font-size: 34px; }
body.page-Homepage_2Fpt .lb.av:visited {
  .bb-cathero-sub { font-size: 15px; }
  color: #888888 !important;
   .bb-cathero-logo img { max-width: 150px; }
   -webkit-text-fill-color: #888888 !important;
}
}


body.page-Homepage_2Fde .nl:hover,
/* The hero carries the title on designed category landings */
body.page-Homepage_2Fde .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
body.page-Category_Hosting h1.firstHeading,
body.page-Category_Connections h1.firstHeading { display: none !important; }


body.page-Homepage_2Ffr .nl:hover,
/* ===================================================================== */
body.page-Homepage_2Ffr .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
/* SIDEBAR LOGO FIX - the wordmark is wide, the Vector logo box is      */
 
/* 160x160, so without background-size it overflows and crops.         */
body.page-Homepage_2Fes .nl:hover,
/* ===================================================================== */
body.page-Homepage_2Fes .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
#p-logo,
 
#p-logo a.mw-wiki-logo {
body.page-Homepage_2Fpt .nl:hover,
  width: 160px !important;
body.page-Homepage_2Fpt .lb.av:hover { color: #ffffff !important; -webkit-text-fill-color:#ffffff !important; }
  height: 84px !important;
 
  background-size: contain !important;
body.page-Homepage_2Fde .lb.dim { color: #333333 !important; -webkit-text-fill-color:#333333 !important; }
  background-position: center center !important;
 
  background-repeat: no-repeat !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; }
/* When a CategoryHero is present it carries the title, so the plain
  bold title printed by Template:KinkipediaCategory is redundant. */
.bb-cathero ~ .ka-category > .ka-title { display: none !important; }
Retrieved from "https://know.bigbro.men/MediaWiki:Common.css"