MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ 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>