Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* 1. Permanently hide the home icon span and its pseudo-elements */
/* 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,
.citizen-header__logo span[class*="mw-ui-icon"],
.citizen-header__logo .citizen-ui-icon::before {
.citizen-header__logo span::before,
     color: transparent !important;
.citizen-header__logo span::after {
     background-color: transparent !important;
     display: none !important;
     opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
     mask-image: none !important;
     mask-image: none !important;
     -webkit-mask-image: none !important;
     -webkit-mask-image: none !important;
}
}


/* 2. Hide the default logo img tag */
/* 2. Hide original logo image */
.mw-logo-icon,  
.mw-logo-icon,  
img.mw-logo-icon,  
img.mw-logo-icon,  
Line 19: Line 18:
     display: none !important;
     display: none !important;
     opacity: 0 !important;
     opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}
}


/* 3. Render the Golden Retriever logo clean on hover and normal state */
/* 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 29: Line 32:
     background-position: center !important;
     background-position: center !important;
     display: inline-block !important;
     display: inline-block !important;
     width: 50px !important; /* Adjust size as needed */
     width: 52px !important;
     height: 50px !important; /* Adjust size as needed */
     height: 52px !important;
    transform: none !important;
}
}


/* Prevent rotation animation on hover */
 
.citizen-header__logo .mw-logo-icon,
/* Change tagline text color to brand green */
.citizen-header__logo .citizen-ui-icon {
#footer-tagline,
     transform: none !important;
#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;
}