MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 69: / Line 69: @@
      background-color: #fff !important;
 }
-/* Infobox design */
+/* ------------------------------------------- */
-.infobox {
+/* INFOBOX (Matches Knowlepedia design)        */
+/* ------------------------------------------- */
+.bio-infobox {
      float: right;
-     width: 280px;
+     width: 320px;
-     margin: 0 0 20px 20px;
+     margin: 0 0 25px 25px;
-     background: #fafafa;
+     background: #ffffff;
-     border: 1px solid #d0d0d0;
+     border: 1px solid #cbd8e6;
      border-radius: 6px;
-    padding: 0;
      font-size: 14px;
+    line-height: 1.5;
+}
+.bio-infobox-title {
+    background: #e6f0fa;
+    padding: 12px;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+    border-bottom: 1px solid #cbd8e6;
 }
-.infobox th {
+.verified-icon {
-     background: #f5f5f5;
+    background: #1e90ff;
-     padding: 8px;
+    color: white;
+    border-radius: 50%;
+    padding: 2px 6px;
+    font-size: 14px;
+    margin-left: 6px;
+}
+.bio-infobox-image img {
+    width: 100%;
+    border-bottom: 1px solid #cbd8e6;
+    border-radius: 0 0 5px 5px;
+}
+.bio-infobox th {
+    width: 120px;
+     background: #f7fbff;
+     padding: 8px 10px;
+    border-bottom: 1px solid #e2e6ea;
      text-align: left;
-    border-bottom: 1px solid #d0d0d0;
 }
-.infobox td {
+.bio-infobox td {
-     padding: 8px;
+     padding: 8px 10px;
-     border-bottom: 1px solid #d0d0d0;
+     border-bottom: 1px solid #e2e6ea;
+}
+/* ------------------------------------------- */
+/* WARNING BOX (Matches Knowlepedia)           */
+/* ------------------------------------------- */
+.warning-box {
+    border-left: 6px solid #f4aa2a;
+    background: #fafafa;
+    padding: 16px;
+    margin: 20px 0;
+    border-radius: 6px;
+    display: flex;
+    gap: 15px;
+}
+.warning-icon {
+    font-size: 40px;
+    opacity: 0.7;
+}
+.warning-title {
+    font-size: 17px;
+    font-weight: bold;
+    margin-bottom: 6px;
+}
+.warning-text {
+    font-size: 14px;
+    color: #444;
+}
+/* ------------------------------------------- */
+/* SECTION HEADINGS LIKE KNOWLEPEDIA           */
+/* ------------------------------------------- */
+h2 {
+    border-bottom: 2px solid #d0d0d0;
+    padding-bottom: 3px;
+    margin-top: 30px;
+    font-size: 24px;
 }
-.infobox img {
+h3 {
-     border-radius: 4px;
+     font-size: 20px;
+    margin-top: 25px;
 }