MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 131: / Line 131: @@
      background: #0847b0;
 }
 /* =============================== */
-/* BIOGRAPHY INFOBOX (IMPROVED)   */
+/* FULL MOBILE FIX — HERO + SEARCH */
 /* =============================== */
-.biobox-infobox {
+@media (max-width: 600px) {
-    width: 300px;
-    font-size: 90%;
-    line-height: 1.5em;
-    border: 1px solid #aaa;
-    background: #f9f9f9;
-    float: right;
-    margin: 0 0 1em 1em;
-    border-collapse: collapse;
-}
-/* HEADER FIX — Name + Badge SAME LINE */
-.biobox-header {
-    background: #e1f5fe;
-    color: black;
-    font-weight: bold;
-    text-align: center;
-    padding: 8px;
-    font-size: 17px;
-    /* Make name + badge in one line */
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    gap: 6px;
-    width: 100%; /* keep header full width */
-    box-sizing: border-box;
-}
-.biobox-header img {
+    /* Hero section padding reduced */
-    height: 18px !important;
+    .bw-hero {
-    width: auto !important;
+        padding: 30px 15px;
-     vertical-align: middle;
+     }
-}
-/* VERIFIED BADGE */
+    /* Heading smaller on mobile */
-.biobox-badge {
+    .bw-welcome {
-    vertical-align: middle;
+        font-size: 28px;
-}
+        margin-bottom: 8px;
+    }
-/* IMAGE */
+    /* Subtitle smaller */
-.biobox-image {
+    .bw-tagline {
-    text-align: center;
+        font-size: 15px;
-    padding: 6px;
+        margin-bottom: 20px;
-}
+    }
-/* CAPTION */
+    /* STACK search bar + button */
-.biobox-caption {
+    .bw-search-form {
-    text-align: center;
+        display: flex;
-    font-size: 90%;
+        flex-direction: column;
-}
+        width: 100%;
+        gap: 10px;
+        align-items: stretch;
+    }
-/* TABLE ROWS */
+    /* MAKE SEARCH FULL WIDTH */
-.biobox-infobox th {
+    .bw-search-input {
-    background: #e0e0e0;
+        width: 100% !important;
-    padding: 4px;
+        max-width: 100%;
-    text-align: left;
+        padding: 12px 14px;
-    width: 35%;
+        font-size: 16px;
-    vertical-align: top;
+        box-sizing: border-box;
-}
+    }
-.biobox-infobox td {
+    /* MAKE BUTTON FULL WIDTH */
-    padding: 4px;
+    .bw-search-btn {
+        width: 100% !important;
+        padding: 12px;
+        font-size: 16px;
+        text-align: center;
+        box-sizing: border-box;
+    }
 }