MediaWiki:Common.css: verschil tussen versies

Huidige versie van 16 dec 2025 15:35

/* Base infobox styling */
.infobox {
    border: 1px solid var(--infobox-border, #ccc);
    border-radius: 6px;
    padding: 0.5em;
    margin: 1em 0;
    font-size: 90%;
    width: 300px;
    background-color: var(--infobox-bg, #f9f9f9);
    color: var(--infobox-text, #000);
}

/* Infobox header */
.infobox .infobox-title {
    font-weight: bold;
    font-size: 110%;
    padding: 0.4em;
    text-align: center;
    background-color: var(--infobox-header-bg, #e0e0e0);
    color: var(--infobox-header-text, #000);
    border-bottom: 1px solid var(--infobox-border, #ccc);
}

/* Infobox rows */
.infobox .infobox-row {
    padding: 0.3em 0.5em;
    border-bottom: 1px solid var(--infobox-border, #ccc);
}
.infobox .infobox-row:last-child {
    border-bottom: none;
}

/* Dark mode adjustments */
@media (prefers-color-scheme: dark) {
    .infobox {
        --infobox-bg: #1e1e1e;
        --infobox-text: #e0e0e0;
        --infobox-border: #444;
    }
    .infobox .infobox-title {
        --infobox-header-bg: #333;
        --infobox-header-text: #fff;
    }
}

/* Adapting banners to dark and light page mode  */

/* Light mode defaults */
:root {
  --banner-bg: #eeeeee;
  --banner-fg: #000000;
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  :root {
    --banner-bg: #222222;
    --banner-fg: #ffffff;
  }
}

@@ Regel 1: / Regel 1: @@
-/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
+/* Base infobox styling */
+.infobox {
-/* ===== Print stylesheet for clean PDF export ===== */
+     border: 1px solid var(--infobox-border, #ccc);
-@media print {
+     border-radius: 6px;
-  /* Page margins (browser respects @page, not body margin) */
+     padding: 0.5em;
-  @page {
-     margin-top: 2cm;
-    margin-bottom: 2cm;
-    margin-left: 1.5cm;
-    margin-right: 1.5cm;
-    /* Footer with page numbers */
-    @bottom-center {
-      content: "Page " counter(page);
-      font-size: 10pt;
-    }
-  }
-  /* Reset body margin so @page takes effect */
-  body {
-    margin: 0;
-    font-family: "Liberation Serif", Georgia, serif;
-    font-size: 12pt;
-    line-height: 1.4;
-    color: #000;
-  }
-  /* Hide navigation, sidebar, edit links, and footer clutter */
-  #mw-panel, #footer, .mw-editsection, .noprint {
-    display: none !important;
-  }
-  /* Header logo + club name positioned absolutely */
-  .print-header {
-    position: fixed;
-    top: 0.5cm;
-    left: 0;
-    right: 0;
-    text-align: right;
-    font-size: 10pt;
-  }
-  .print-header img {
-    float: left;
-    height: 30px;
-    margin-right: 1em;
-  }
-  /* Headings styling */
-  h1, h2, h3 {
-    color: #003366;
-     border-bottom: 1px solid #ccc;
-     padding-bottom: 0.2em;
-  }
-  /* References formatting */
-  .references {
-    font-size: 10pt;
-    line-height: 1.2;
-  }
-  /* Optional: force page breaks before major sections */
-  h1 {
-    page-break-before: always;
-  }
-  /* Table styling for clean PDF output */
-  table {
-    border-collapse: collapse;
-    width: 100%;
      margin: 1em 0;
-  }
+     font-size: 90%;
-  table, th, td {
+     width: 300px;
-     border: 1px solid #666;
+     background-color: var(--infobox-bg, #f9f9f9);
-     padding: 6px;
+     color: var(--infobox-text, #000);
-  }
-  th {
-     background-color: #f0f0f0;
-     font-weight: bold;
-  }
 }
-/* ===== End print stylesheet ===== */
-/* ===== Journal Infobox styling (light + dark mode) ===== */
+/* Infobox header */
+.infobox .infobox-title {
-.journal-infobox {
+     font-weight: bold;
-     width: 300px;
+    font-size: 110%;
-     border: 2px solid #666;      /* visible table border */
+    padding: 0.4em;
-     border-collapse: collapse;   /* merge borders neatly */
+    text-align: center;
-     margin: 0.5em 0;             /* small spacing around table */
+     background-color: var(--infobox-header-bg, #e0e0e0);
+     color: var(--infobox-header-text, #000);
+     border-bottom: 1px solid var(--infobox-border, #ccc);
 }
-.journal-infobox th,
+/* Infobox rows */
-.journal-infobox td {
+.infobox .infobox-row {
-     padding: 4px 6px;
+     padding: 0.3em 0.5em;
-     border: 1px solid #666;      /* cell borders */
+     border-bottom: 1px solid var(--infobox-border, #ccc);
 }
+.infobox .infobox-row:last-child {
-.journal-infobox th {
+     border-bottom: none;
-    text-align: center;
-     font-weight: bold;
 }
-/* Adaptive header background */
+/* Dark mode adjustments */
 @media (prefers-color-scheme: dark) {
-     .journal-infobox th {
+     .infobox {
-         background-color: rgba(255,255,255,0.08);
+        --infobox-bg: #1e1e1e;
+        --infobox-text: #e0e0e0;
+         --infobox-border: #444;
      }
-     .journal-infobox {
+     .infobox .infobox-title {
-         border: 2px solid rgba(255,255,255,0.6);
+         --infobox-header-bg: #333;
-    }
+        --infobox-header-text: #fff;
-    .journal-infobox th,
-    .journal-infobox td {
-        border: 1px solid rgba(255,255,255,0.4);
      }
 }
-@media (prefers-color-scheme: light) {
+/* Adapting banners to dark and light page mode  */
-    .journal-infobox th {
-        background-color: rgba(0,0,0,0.06);
+/* Light mode defaults */
-    }
+:root {
-    .journal-infobox {
+  --banner-bg: #eeeeee;
-        border: 2px solid rgba(0,0,0,0.5);
+  --banner-fg: #000000;
-    }
-    .journal-infobox th,
-    .journal-infobox td {
-        border: 1px solid rgba(0,0,0,0.3);
-    }
 }
-/* ===== end of Journal Infobox styling ===== */
+/* Dark mode overrides */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --banner-bg: #222222;
+    --banner-fg: #ffffff;
+  }
+}