MediaWiki:Common.css: Difference between revisions

Revision as of 16:57, 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;
}


/* Add Golden Retriever logo next to footer wordmark */
footer .mw-logo-wordmark,
.citizen-footer .mw-logo-wordmark {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

footer .mw-logo-wordmark::before,
.citizen-footer .mw-logo-wordmark::before {
    content: "" !important;
    display: inline-block !important;
    width: 36px !important;
    height: 36px !important;
    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;
}

@@ Line 38: / Line 38: @@
-/* Footer Logo Placement */
+/* Add Golden Retriever logo next to footer wordmark */
-.citizen-footer-header,
+footer .mw-logo-wordmark,
-.citizen-footer-header__title,
+.citizen-footer .mw-logo-wordmark {
-.citizen-footer__header,
+     display: inline-flex !important;
-footer h2,
-footer .mw-wiki-title,
-#footer-info-sitename {
-     display: flex !important;
      align-items: center !important;
-     gap: 12px !important;
+     gap: 10px !important;
 }
-.citizen-footer-header::before,
+footer .mw-logo-wordmark::before,
-.citizen-footer-header__title::before,
+.citizen-footer .mw-logo-wordmark::before {
-.citizen-footer__header::before,
-footer h2::before,
-footer .mw-wiki-title::before,
-#footer-info-sitename::before {
      content: "" !important;
      display: inline-block !important;
-     width: 40px !important;
+     width: 36px !important;
-     height: 40px !important;
+     height: 36px !important;
      background-image: url("https://wiki.goldenretrieverapp.com/images/thumb/a/ad/GRLogo.png/1200px-GRLogo.png?_=20260924164344") !important;
      background-size: contain !important;

Justin (talk | contribs)

Revision as of 16:57, 24 September 2026