MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 26: / Line 26: @@
 /* ---------------------------------------------------------- */
-/* 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 !important; /* NORMAL left→right order */
+     flex-direction: row !important;
      gap: 5px;
 }
-/* ConnexAbility Badge — placed BEFORE MediaWiki badge */
 #footer-icons::before {
      content: "";
@@ Line 41: / Line 39: @@
      justify-content: center;
      align-items: center;
+     width: 135px;
-     width: 135px;
+     height: 45px;
-     height: 45px;            /* INCREASED HEIGHT */
      background-image: url("/images/AConnexAbilityProject.svg");
      background-size: 78% auto;
      background-position: center;
      background-repeat: no-repeat;
      background-color: #fff;
      border: 1px solid #a2a9b1;
      border-radius: 4px;
+     padding: 8px 8px;
-     padding: 8px 8px;         /* reduced padding so logo stays centered */
      box-sizing: border-box;
 }
-/* Make MediaWiki badge and ConnexAbility badge align perfectly */
 #footer-poweredbyico a {
      display: inline-flex !important;
      align-items: center !important;
-     height: 45px !important;   /* MATCH ConnexAbility box height */
+     height: 45px !important;
      padding: 8px 8px !important;
      border: 1px solid #72777d !important;
@@ Line 69: / Line 61: @@
      background-color: #fff !important;
 }
 /* =============================== */
 /* MAIN PAGE SPACING FIX           */
 /* =============================== */
-/* Remove MediaWiki default top space on Main Page */
 body.page-Main_Page .mw-body,
 body.page-Main_Page #content {
@@ Line 80: / Line 72: @@
 }
-/* Add clean spacing below the header */
 body.page-Main_Page .mw-body-content {
      padding-top: 0 !important;
@@ Line 87: / Line 78: @@
 /* HERO SECTION */
 .bw-hero {
-     padding: 60px 30px;               /* reduced height */
+     padding: 60px 30px;
      text-align: center;
      background: white;
-    /* thinner tricolor line */
      border-top: 4px solid transparent;
-     border-image: linear-gradient(to right,
+     border-image: linear-gradient(to right, #FF9933, white, #138808) 1;
-        #FF9933,     /* saffron */
-        white,
-        #138808      /* green */
-    ) 1;
      border-radius: 8px 8px 0 0;
      margin-bottom: 0;
 }
-/* WELCOME TEXT — remove underline + reduce spacing */
 .bw-welcome {
      font-size: 48px;
@@ Line 109: / Line 92: @@
      margin: 0 0 10px 0 !important;
      padding: 0 !important;
-     border: none !important;          /* remove default underline */
+     border: none !important;
 }
@@ Line 116: / Line 99: @@
 }
-/* SUBTEXT */
 .bw-tagline {
      font-size: 18px;
@@ Line 123: / Line 105: @@
 }
-/* SEARCH BAR */
 .bw-search-form {
      display: inline-flex;
@@ Line 150: / Line 131: @@
      background: #0847b0;
 }
+/* =============================== */
+/* BIOGRAPHY INFOBOX (IMPROVED)   */
+/* =============================== */
 .bio-box {
      float: right;
-     width: 300px;
+     width: 340px; /* increased to match screenshot */
+    background: #ffffff;
+    border: 1px solid #d0d7de;
+    border-radius: 6px;
      margin-left: 20px;
      margin-bottom: 20px;
-     background: #fff;
+    padding: 0; /* remove padding to match screenshot */
-     border: 1px solid #ddd;
+    overflow: hidden;
-     border-radius: 8px;
+}
+/* BLUE NAME HEADER */
+.bio-header {
+     background: #e8f0fe;
+     color: #111;
+    font-size: 20px;
+    font-weight: bold;
+     text-align: center;
      padding: 10px;
+    border-bottom: 1px solid #d0d7de;
 }
+/* VERIFIED BADGE */
+.verified-badge {
+    vertical-align: middle;
+    margin-left: 6px;
+}
+/* IMAGE */
 .bio-img {
      text-align: center;
-     margin-bottom: 10px;
+     padding: 10px;
 }
 .bio-caption {
-     font-size: 14px;
+     font-size: 12px;
-     font-weight: bold;
+     color: #444;
-     margin-top: 6px;
+     margin-top: 4px;
-     color: #333;
+     font-style: italic;
-}
-.verified-badge {
-    vertical-align: middle;
-    margin-left: 4px;
 }
+/* INFO TABLE */
 .bio-table {
      width: 100%;
@@ Line 184: / Line 185: @@
 .bio-table th {
+    background: #f5f7ff;
      width: 35%;
      padding: 6px;
-    background: #f5f7ff;
      font-weight: bold;
-     text-align: left;
+     border-bottom: 1px solid #e5e5e5;
 }
 .bio-table td {
      padding: 6px;
-}
+     border-bottom: 1px solid #e5e5e5;
-.verified-badge {
-    vertical-align: middle;
-     margin-left: 4px;
 }