MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Hide the site title next to the logo */
+/* ---------------------------------------------------------- */
+/* CUSTOM HEADER LOGO                                         */
+/* ---------------------------------------------------------- */
 .mw-wiki-title,
 .mw-logo-wordmark,
@@ Line 6: / Line 9: @@
 }
-/* Show custom wiki logo in the header */
 .mw-logo-wordmark {
      display: block !important;
@@ Line 20: / Line 22: @@
 }
-/* Ensure footer icons align horizontally */
+/* ---------------------------------------------------------- */
+/* FOOTER BADGES (ConnexAbility + Powered by MediaWiki)       */
+/* ---------------------------------------------------------- */
+/* Ensure footer icons sit in one row, aligned right */
 #footer-icons {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
-     flex-direction: row-reverse !important; /* MediaWiki icon stays right */
+     flex-direction: row !important; /* NORMAL left→right order */
-     gap: 18px !important;
+     gap: 18px;
 }
-/* ConnexAbility footer badge */
+/* ConnexAbility Badge — placed BEFORE MediaWiki badge */
 #footer-icons::before {
      content: "";
@@ Line 36: / Line 42: @@
      align-items: center;
-     width: 110px;                 /* balanced width */
+     width: 135px;           /* SAME visual width as MediaWiki box */
-     height: 36px;                 /* same visual height as MediaWiki badge */
+     height: 40px;           /* SAME height as MediaWiki box */
      background-image: url("/images/AConnexAbilityProject.svg");
-     background-size: 75% auto;    /* gives breathing space */
+     background-size: 78% auto;   /* keeps logo smaller inside box */
      background-position: center;
      background-repeat: no-repeat;
-     border: 1px solid #a2a9b1;    /* same border as MediaWiki box */
+    background-color: #fff;
+     border: 1px solid #a2a9b1;   /* EXACT MediaWiki border color */
      border-radius: 4px;
-    background-color: #fff;
      padding: 4px 8px;
      box-sizing: border-box;
+}
+/* Make MediaWiki badge and ConnexAbility badge align perfectly */
+#footer-poweredbyico a {
+    display: inline-flex !important;
+    align-items: center !important;
+    height: 40px !important;   /* MATCH ConnexAbility box height */
+    padding: 4px 8px !important;
+    border: 1px solid #a2a9b1 !important;
+    border-radius: 4px !important;
+    background-color: #fff !important;
 }