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: 1em 0;
-     margin-top: 2cm;
+     font-size: 90%;
-     margin-bottom: 2cm;
+     width: 300px;
-     margin-left: 1.5cm;
+     background-color: var(--infobox-bg, #f9f9f9);
-     margin-right: 1.5cm;
+    color: var(--infobox-text, #000);
+}
-     /* Footer with page numbers */
-     @bottom-center {
-      content: "Page " counter(page);
-      font-size: 10pt;
-    }
-  }
-  /* Reset body margin so @page takes effect */
+/* Infobox header */
-  body {
+.infobox .infobox-title {
-    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;
-  }
-  table, th, td {
-    border: 1px solid #666;
-    padding: 6px;
-  }
-  th {
-    background-color: #f0f0f0;
      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);
 }
-/* ===== End print stylesheet ===== */
-/* =====adaptation for infobox in darkmode ===========*/
-/* Journal infobox: light/dark friendly */
+/* Infobox rows */
-.journal-infobox {
+.infobox .infobox-row {
-     width: 300px;
+     padding: 0.3em 0.5em;
-     border: 1px solid #aaa;
+     border-bottom: 1px solid var(--infobox-border, #ccc);
-    border-collapse: collapse;
-}
-.journal-infobox th,
-.journal-infobox td {
-    padding: 4px 6px;
 }
-.journal-infobox th {
+.infobox .infobox-row:last-child {
-    text-align: center;
+     border-bottom: none;
-     font-weight: bold;
 }
-/* Optional: subtle header styling that works in light and dark skins */
+/* 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;
+    }
+    .infobox .infobox-title {
+         --infobox-header-bg: #333;
+        --infobox-header-text: #fff;
      }
 }
-@media (prefers-color-scheme: light) {
-    .journal-infobox th {
+/* Adapting banners to dark and light page mode  */
-        background-color: rgba(0,0,0,0.06);
-    }
+/* Light mode defaults */
+:root {
+  --banner-bg: #eeeeee;
+  --banner-fg: #000000;
 }
-/* =====end of adaptation for infobox in darkmode ===========*/
+/* Dark mode overrides */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --banner-bg: #222222;
+    --banner-fg: #ffffff;
+  }
+}