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
Line 1: Line 1:
/* 1. Hide the old logo image rendered by Citizen theme */
/* 1. Hide original image and Citizen's hover home icon */
.mw-logo-icon,  
.mw-logo-icon,  
img.mw-logo-icon,  
img.mw-logo-icon,  
.citizen-header__logo img {
.citizen-header__logo img,
.citizen-ui-icon-wikimedia-home,
span.citizen-ui-icon-mw-ui-icon-home {
    display: none !important;
     opacity: 0 !important;
     opacity: 0 !important;
     width: 0 !important;
     visibility: hidden !important;
    height: 0 !important;
    padding-left: 36px !important; /* Space for the new image */
}
}


/* 2. Inject the new Golden Retriever logo in its place */
/* 2. Style new Golden Retriever logo (Increased size) */
a.mw-logo,  
a.mw-logo,  
.citizen-header__logo a {
.citizen-header__logo a {
Line 17: Line 18:
     background-position: center !important;
     background-position: center !important;
     display: inline-block !important;
     display: inline-block !important;
     width: 36px !important;
     width: 48px !important; /* Increased size */
     height: 36px !important;
     height: 48px !important; /* Increased size */
}
}

Revision as of 16:48, 24 September 2026

/* 1. Hide original image and Citizen's hover home icon */
.mw-logo-icon, 
img.mw-logo-icon, 
.citizen-header__logo img,
.citizen-ui-icon-wikimedia-home,
span.citizen-ui-icon-mw-ui-icon-home {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 2. Style new Golden Retriever logo (Increased size) */
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: 48px !important;  /* Increased size */
    height: 48px !important; /* Increased size */
}