MediaWiki:Common.css: Difference between revisions

Revision as of 20:07, 7 December 2025

/* CSS placed here will be applied to all skins */

/* Hide the site title next to the logo */
.mw-wiki-title,
.mw-logo-wordmark,
#p-logo-text {
    display: none !important;
}
/* Show big logo image where the title text normally is */
.mw-logo-wordmark {
    display: block !important;                /* make it visible again */
    width: 220px;                             /* adjust size if needed */
    height: 40px;
    margin-top: 15px;
    background-image: url("https://bharatwikipedia.org/images/BharatWikipedia.svg");
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;                     /* hides the text inside */
    overflow: hidden;
    white-space: nowrap;
}
/* Add ConnexAbility logo next to Powered by MediaWiki */
#footer-icons {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 18px !important;
}

/* Insert ConnexAbility logo BEFORE the MediaWiki icon */
#footer-icons:before {
    content: "";
    display: inline-block;
    background-image: url("/images/AConnexAbilityProject.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

@@ Line 20: / Line 20: @@
      white-space: nowrap;
 }
-<ul id="footer-icons" class="noprint">
+/* Add ConnexAbility logo next to Powered by MediaWiki */
+#footer-icons {
+    display: flex !important;
+    justify-content: flex-end !important;
+    align-items: center !important;
+    gap: 18px !important;
+}
-    <!-- ConnexAbility Logo -->
+/* Insert ConnexAbility logo BEFORE the MediaWiki icon */
-     <li id="footer-connexabilityico">
+#footer-icons:before {
-        <a href="https://connexability.com">
+     content: "";
-            <img src="/images/AConnexAbilityProject.svg"
+    display: inline-block;
-                 alt="ConnexAbility Project"
+    background-image: url("/images/AConnexAbilityProject.svg");
-                 width="25"
+     background-size: contain;
-                 height="25"
+     background-repeat: no-repeat;
-                 loading="lazy">
+    width: 32px;
-        </a>
+    height: 32px;
-     </li>
+}
-    <!-- Default MediaWiki footer icon -->
-     <li id="footer-poweredbyico">
-        <a href="https://www.mediawiki.org/"
-           class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled">
-            <picture>
-                <source media="(min-width: 500px)" srcset="/resources/assets/poweredby_mediawiki.svg" width="88" height="31">
-                <img src="/resources/assets/mediawiki_compact.svg"
-                     alt="Powered by MediaWiki"
-                     width="25" height="25" loading="lazy">
-            </picture>
-        </a>
-    </li>
-</ul>