MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| (12 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 1. Hide original image | /* 1. Force the house icon button color to remain transparent at all times */ | ||
.skin-citizen .citizen-header__logo .cdx-button, | |||
.skin-citizen .citizen-header__logo .cdx-button:hover, | |||
.skin-citizen .citizen-header__logo .cdx-button:active, | |||
.skin-citizen .citizen-header__logo .cdx-button:focus, | |||
.citizen-header__logo .citizen-ui-icon, | |||
.citizen-header__logo .citizen-ui-icon::before { | |||
color: transparent !important; | |||
background-color: transparent !important; | |||
mask-image: none !important; | |||
-webkit-mask-image: none !important; | |||
} | |||
/* 2. Hide original logo image */ | |||
.mw-logo-icon, | .mw-logo-icon, | ||
img.mw-logo-icon, | img.mw-logo-icon, | ||
.citizen-header__logo img | .citizen-header__logo img { | ||
display: none !important; | display: none !important; | ||
opacity: 0 !important; | opacity: 0 !important; | ||
width: 0 !important; | |||
height: 0 !important; | |||
} | } | ||
/* | /* 3. Golden Retriever Logo - Normal & Hover state */ | ||
a.mw-logo, | a.mw-logo, | ||
.citizen-header__logo a { | .citizen-header__logo a, | ||
.citizen-header__logo a:hover, | |||
.skin-citizen .citizen-header__logo .cdx-button { | |||
background-image: url("https://wiki.goldenretrieverapp.com/images/thumb/a/ad/GRLogo.png/1200px-GRLogo.png?_=20260924164344") !important; | background-image: url("https://wiki.goldenretrieverapp.com/images/thumb/a/ad/GRLogo.png/1200px-GRLogo.png?_=20260924164344") !important; | ||
background-size: contain !important; | background-size: contain !important; | ||
| Line 18: | Line 32: | ||
background-position: center !important; | background-position: center !important; | ||
display: inline-block !important; | display: inline-block !important; | ||
width: | width: 52px !important; | ||
height: | height: 52px !important; | ||
transform: none !important; | |||
} | |||
/* Change tagline text color to brand green */ | |||
#footer-tagline, | |||
#footer-tagline b { | |||
color: #009A44 !important; | |||
} | } | ||
Latest revision as of 17:06, 24 September 2026
/* 1. Force the house icon button color to remain transparent at all times */
.skin-citizen .citizen-header__logo .cdx-button,
.skin-citizen .citizen-header__logo .cdx-button:hover,
.skin-citizen .citizen-header__logo .cdx-button:active,
.skin-citizen .citizen-header__logo .cdx-button:focus,
.citizen-header__logo .citizen-ui-icon,
.citizen-header__logo .citizen-ui-icon::before {
color: transparent !important;
background-color: transparent !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
/* 2. Hide original logo image */
.mw-logo-icon,
img.mw-logo-icon,
.citizen-header__logo img {
display: none !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
}
/* 3. Golden Retriever Logo - Normal & Hover state */
a.mw-logo,
.citizen-header__logo a,
.citizen-header__logo a:hover,
.skin-citizen .citizen-header__logo .cdx-button {
background-image: url("https://wiki.goldenretrieverapp.com/images/thumb/a/ad/GRLogo.png/1200px-GRLogo.png?_=20260924164344") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
display: inline-block !important;
width: 52px !important;
height: 52px !important;
transform: none !important;
}
/* Change tagline text color to brand green */
#footer-tagline,
#footer-tagline b {
color: #009A44 !important;
}