MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 136: / Line 136: @@
 /* =============================== */
-.bio-box {
+/* ------------------------------------------------------ */
+/* BIOGRAPHY INFOBOX – Knowlepedia Style                   */
+/* ------------------------------------------------------ */
+.biobox-infobox {
+    width: 300px;
+    font-size: 90%;
+    line-height: 1.5em;
+    border: 1px solid #aaa;
+    background: #f9f9f9;
      float: right;
-     width: 340px; /* increased to match screenshot */
+     margin: 0 0 1em 1em;
-    background: #ffffff;
+     border-collapse: collapse;
-    border: 1px solid #d0d7de;
-     border-radius: 6px;
-    margin-left: 20px;
-    margin-bottom: 20px;
-    padding: 0; /* remove padding to match screenshot */
-    overflow: hidden;
 }
-/* BLUE NAME HEADER */
+/* HEADER */
-.bio-header {
+.biobox-header {
-     background: #e8f0fe;
+     background: #e1f5fe;
-     color: #111;
+     color: black;
-    font-size: 20px;
      font-weight: bold;
      text-align: center;
-     padding: 10px;
+     padding: 5px;
-     border-bottom: 1px solid #d0d7de;
+     font-size: 17px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
 }
 /* VERIFIED BADGE */
-.verified-badge {
+.biobox-badge {
      vertical-align: middle;
-    margin-left: 6px;
 }
 /* IMAGE */
-.bio-img {
+.biobox-image {
      text-align: center;
-    padding: 10px;
-}
-.bio-caption {
-    font-size: 12px;
-    color: #444;
-    margin-top: 4px;
-    font-style: italic;
-}
-/* INFO TABLE */
-.bio-table {
-    width: 100%;
-    border-collapse: collapse;
-}
-.bio-table th {
-    background: #f5f7ff;
-    width: 35%;
      padding: 6px;
-    font-weight: bold;
-    border-bottom: 1px solid #e5e5e5;
 }
-.bio-table td {
+/* CAPTION */
-    padding: 6px;
+.biobox-caption {
-    border-bottom: 1px solid #e5e5e5;
-}
-/* BLUE NAME HEADER - EXACT WIKIPEDIA STYLE */
-.bio-header {
-    background: #e8f0fe;
-    padding: 12px;
-    font-size: 19px;
-    font-weight: bold;
      text-align: center;
-     border-bottom: 1px solid #c8d3e3;
+     font-size: 90%;
-    /* Fix alignment */
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    gap: 6px;
-    width: 100%;       /* Remove white box */
-    box-sizing: border-box;
 }
-/* Name text */
+/* TABLE ROWS */
-.bio-title {
+.biobox-infobox th {
-     line-height: 1;
+     background: #e0e0e0;
+    padding: 4px;
+    text-align: left;
+    width: 35%;
+    vertical-align: top;
 }
-/* Badge — perfect sizing + alignment */
+.biobox-infobox td {
-.bio-title-badge img {
+     padding: 4px;
-    height: 18px !important;
-    width: auto;
-    margin-bottom: 1px;
-    vertical-align: middle;
-}
-/* name stays normal */
-.bio-name {
-    line-height: 1;
-}
-/* badge becomes perfectly centered */
-.bio-badge img {
-     height: 18px !important;
-    width: auto;
-    vertical-align: middle;
-    margin-bottom: 2px; /* tweak for perfect baseline */
 }