MediaWiki:Common.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 1. Permanently hide the home icon span and its pseudo-elements */
.citizen-header__logo .citizen-ui-icon,
.citizen-header__logo span[class*="mw-ui-icon"],
.citizen-header__logo span::before,
.citizen-header__logo span::after {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
/* 2. Hide the default logo img tag */
.mw-logo-icon,
img.mw-logo-icon,
.citizen-header__logo img {
display: none !important;
opacity: 0 !important;
}
/* 3. Render the Golden Retriever logo clean on hover and normal state */
a.mw-logo,
.citizen-header__logo a {
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: 50px !important; /* Adjust size as needed */
height: 50px !important; /* Adjust size as needed */
}
/* Prevent rotation animation on hover */
.citizen-header__logo .mw-logo-icon,
.citizen-header__logo .citizen-ui-icon {
transform: none !important;
}