MediaWiki:Common.css: Difference between revisions

From Mona Mahall / Asli Serbest
Jump to navigation Jump to search
Undid revision 657 by Cmfiy (talk)
Tags: Undo Reverted
Undid revision 658 by Cmfiy (talk)
Tags: Undo Reverted
Line 1: Line 1:
/* ============================================================
/* CSS placed here will be applied to all skins */
  FONTS
 
  ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@300;400;500;600;700&display=swap');
/* everything defaults to the grotesk/sans-serif system font stack */
*,
*::before,
*::after {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}
/* page titles only: serif */
#firstHeading,
.firstHeading,
.mw-page-title-main {
    font-family: "Linux Libertine", Georgia, Times, "Times New Roman", serif !important;
}
/* ============================================================
  BASE DARK THEME (site-wide, outside the content column)
  ============================================================ */
#p-logo,
.mw-wiki-logo,
.mw-logo,
.mw-logo-icon,
.mw-logo-wordmark,
.vector-logo {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}
body {
body {
     background-color: #000 !important;
     width: 85%;  
     color: #fff !important;
     text-align: center;
     border: none !important;
     margin-top: 1em;  
     box-shadow: none !important;
     margin: auto;  
     text-decoration: none !important;
     position:relative;
}
}
.mw-body {
 
    background-color: #000 !important;
div { text-align: left; }
    color: #fff !important;
    border: 0 !important;
body #ca-delete {
    box-shadow: none !important;
    text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.mw-headline, .firstHeading, .mw-title {
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
    content: "" !important;
     display: none !important;
     display: none !important;
}
}
/* remove every divider line MediaWiki draws (headings, menus, tables, footer) */
 
hr,
/* Infobox template style */
.mw-parser-output hr,
.infobox {
.mw-body hr,
     border: 1px solid #aaa;
.vector-menu-content ul,
     background-color: #f9f9f9;
.vector-menu-content li,
     color: black;
.vector-menu-tabs li,
     margin: 0.5em 0 0.5em 1em;
.vector-menu-tabs a,
     padding: 0.2em;
table, th, td,
     /* @noflip */
.mw-panel,
     float: right;
.vector-dropdown,
     /* @noflip */
#footer {
     clear: right;
     border: none !important;
     text-align: left;
    box-shadow: none !important;
     font-size: 88%;
}
     line-height: 1.5em;
hr {
    display: none !important;
    height: 0 !important;
}
#mw-head,
#p-personal,
#mw-panel,
#left-navigation,
#right-navigation {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.vector-menu-content,
.vector-menu-content ul {
     background-color: #000 !important;
     color: #fff !important;
     box-shadow: none !important;
    text-decoration: none !important;
}
input, textarea {
    background-color: #222 !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
#p-search input {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
a {
    color: #4aa5ff !important;
}
a:visited {
    color: #9c77ff !important;
}
table, th, td, .mw-body-content, .vector-menu-content, .vector-menu-tabs {
    border: none !important;
     background: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
}
.vector-dropdown {
    background-color: #000 !important;
     color: #fff !important;
     box-shadow: none !important;
    text-decoration: none !important;
}
#footer, #footer li, #footer a {
    background-color: #000 !important;
     color: #fff !important;
}
/* top tabs (Read / Discussion / Views) */
#p-views .vector-menu-content ul {
     background-color: #000 !important;
    box-shadow: none !important;
     text-decoration: none !important;
}
#p-views li {
     background-color: #000 !important;
     border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
#p-views a,
#p-views li a,
#p-namespaces li a,
#p-variants li a {
    color: #4aa5ff !important;
    text-decoration: none !important;
}
#p-views a:hover,
#p-views li a:hover,
#p-namespaces li a:hover,
#p-variants li a:hover {
    color: #9c77ff !important;
}
.vector-menu-tabs li,
.vector-menu-tabs a {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
}
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}
}
#p-tb {
.infobox caption {
     display: none;
    font-size: 125%;
     font-weight: bold;
}
}
.mw-footer .poweredby {
.infobox td,
     display: none !important;
.infobox th {
     vertical-align: top;
}
}
#p-navigation h3,
.infobox.bordered {
#p-navigation .vector-menu-heading,
     border-collapse: collapse;
#p-navigation .vector-pinnable-header-label {
     display: none !important;
}
}
/* ============================================================
.infobox.bordered td,
  TEXT SIZES — content area and sidebar
.infobox.bordered th {
  ============================================================ */
     border: 1px solid #aaa;
#content,
.mw-body,
.mw-body-content {
     font-size: 18px !important;
}
}
#firstHeading, .firstHeading { font-size: 38px !important; }
.infobox.bordered .borderless td,
.mw-body-content h2 { font-size: 32px !important; }
.infobox.bordered .borderless th {
.mw-body-content h3 { font-size: 30px !important; }
     border: 0;
.mw-body-content h4 { font-size: 28px !important; }
.vector-legacy-sidebar a,
.portlet a,
.pBody a,
#mw-panel a {
     font-size: 18px !important;
    line-height: 1.2 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
}
.portlet h3,
.portlet h5,
.infobox.sisterproject {
.vector-menu-heading,
     width: 20em;
.mw-portlet .vector-menu-heading,
     font-size: 90%;
.vector-pinnable-header-label {
     font-size: 18px !important;
     font-weight: normal !important;
    line-height: 1.2 !important;
    margin-left: 0.5em !important;
}
}
/* ============================================================
  UI CHROME: hide dark-mode toggle, account/login links, talk tab
.infobox.standard-talk {
  ============================================================ */
    border: 1px solid #c0c090;
#pt-darkmode,
    background-color: #f8eaba;
#pt-darkmode-sticky-header,
#pt-createaccount,
#pt-login,
#ca-talk {
    display: none !important;
}
}
/* ============================================================
.infobox.standard-talk.bordered td,
  PAGE TITLE / TOP SPACING
.infobox.standard-talk.bordered th {
  ============================================================ */
     border: 1px solid #c0c090;
#content {
    padding-top: 0.6em !important;
     max-width: 1400px !important;
}
}
#firstHeading, .firstHeading {
     margin: 0 !important;
/* styles for bordered infobox with merged rows */
     padding: 0 !important;
.infobox.bordered .mergedtoprow td,
     line-height: 1.3 !important;
.infobox.bordered .mergedtoprow th {
    overflow: visible !important;
     border: 0;
     border-top: 1px solid #aaa;
     border-right: 1px solid #aaa;
}
}
#siteSub, #contentSub, #contentSub2, .mw-indicators {
     display: none !important;
.infobox.bordered .mergedrow td,
    margin: 0 !important;
.infobox.bordered .mergedrow th {
     padding: 0 !important;
     border: 0;
     border-right: 1px solid #aaa;
}
}
#mw-content-text,
#mw-content-text > .mw-parser-output,
/* Styles for geography infoboxes, eg countries,
.mw-parser-output > p:first-of-type,
  country subdivisions, cities, etc.           */
.mw-parser-output > p:first-child,
.infobox.geography {
#mw-content-text p:first-of-type,
    /* @noflip */
#firstHeading + p,
    text-align: left;
.firstHeading + p {
    border-collapse: collapse;
     margin-top: 0 !important;
     line-height: 1.2em;  
     padding-top: 0 !important;
     font-size: 90%;
}
}
/* ============================================================
  PRINT: force black-on-white
.infobox.geography  td,
  ============================================================ */
.infobox.geography  th {
@media print {
     border-top: 1px solid #aaa;
    body, .mw-body, .mw-body-content,
    padding: 0.4em 0.6em 0.4em 0.6em;
    p, li, td, th, dd, dt,
    h1, h2, h3, h4, h5, h6, .firstHeading,
     a, a:visited {
        color: #000 !important;
        background: #fff !important;
    }
    /* Flattersatz (linksbündig), kein Blocksatz */
    #content, .mw-parser-output,
    #content p, #content li, #content dd, #content dt,
    .mw-parser-output p, .mw-parser-output li {
        text-align: left !important;
    }
}
}
/* ============================================================================
.infobox.geography .mergedtoprow td,
  CONTENT COLUMN — dark, serif titles, two-column body text, images
.infobox.geography .mergedtoprow th {
  pinned into a right-hand rail.
     border-top: 1px solid #aaa;
  This section only restyles #content and what's inside it. The left
     padding: 0.4em 0.6em 0.2em 0.6em;
  sidebar (#mw-panel / .vector-legacy-sidebar) is untouched on purpose,
  so nav links stay exactly where they are.
  ============================================================================ */
#content,
.mw-body,
.mw-body-content,
#mw-content-text,
#bodyContent {
     background-color: #000000 !important;
     color: #ffffff !important;
}
}
#content,
#content * {
.infobox.geography .mergedrow td,
     font-family: "Linux Libertine", Georgia, Times, "Times New Roman", serif !important;
.infobox.geography .mergedrow th {
     border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
}
#content #firstHeading,
#content .firstHeading {
.infobox.geography .mergedbottomrow td,
     font-weight: normal !important;
.infobox.geography .mergedbottomrow th {
    font-size: 48px !important;
     border-top: 0;
    color: #ffffff !important;
     border-bottom: 1px solid #aaa;
    background: none !important;
     padding: 0 0.6em 0.4em 0.6em;
     border-bottom: 3px double #54595d !important;
     padding: 0 0 0.2em 0 !important;
    margin: 0.4em 0 0.3em 0 !important;
    display: block !important;
}
}
#content h2,
#content .mw-heading2 {
.infobox.geography .maptable td,
    font-size: 32px !important;
.infobox.geography .maptable th {
    font-weight: normal !important;
     border: 0;
    color: #ffffff !important;
     padding: 0;
    background: none !important;
     border-bottom: 1px solid #54595d !important;
     padding-bottom: 0.2em !important;
    margin: 1em 0 0.4em 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
}
}
#content .mw-editsection {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}
#content .mw-editsection a {
    color: #34d399 !important;
}
#content #toc,
#content .toc {
    background: #000000 !important;
    border: 1px solid #54595d !important;
    color: #ffffff !important;
    padding: 0.5em 1.2em !important;
    display: inline-block !important;
    font-size: 19px !important;
}
#content #toc a,
#content .toc a {
    color: #4aa5ff !important;
}
/* --- two-column body text, flowing linearly (column 1 fills before
      column 2 starts) --- */
#content .mw-parser-output {
    position: relative !important; /* anchor for the pinned lead image below */
    column-count: 2 !important;
    column-gap: 2.8em !important;
    column-fill: balance !important;
    width: calc(100% - 340px) !important; /* reserves the right-hand image rail */
}
#content .mw-parser-output > p,
#content .mw-parser-output > ul,
#content .mw-parser-output > ol,
#content .mw-parser-output > dl,
#content .mw-parser-output > table,
#content .mw-parser-output > blockquote {
    font-family: "Atkinson Hyperlegible Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    line-height: 1.55 !important;
    color: #ffffff !important;
    background: none !important;
    max-width: none !important;
    width: auto !important;
    margin: 0 0 1em 0 !important;
    padding: 0 !important;
}
#content .mw-parser-output > ul > li,
#content .mw-parser-output > ol > li {
    font-family: "Atkinson Hyperlegible Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    break-inside: avoid !important;
    margin: 0 0 1em 0 !important;
}
#content table,
#content th,
#content td {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}
#content .mw-parser-output a:link {
    color: #4aa5ff !important;
    text-decoration: none !important;
}
#content .mw-parser-output a:visited {
    color: #9c77ff !important;
}
#content .mw-parser-output a:hover {
    text-decoration: underline !important;
}
/* --- images: no frame, floated into the right-hand rail --- */
#content .thumb,
#content .thumbinner {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}
#content .magnify {
    background: transparent !important;
}
#content figure,
#content .mw-default-size,
#content a.mw-file-description {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
#content figure img,
#content img.mw-file-element {
    border: none !important;
    width: 100% !important;
    height: auto !important;
}
#content figcaption,
#content .thumbcaption {
    background: transparent !important;
    color: #ffffff !important;
    text-align: left !important;
    font-style: italic !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    padding: 0.4em 0 0 0 !important;
    margin: 0 !important;
}
/* remove the thin line under thumbnails / captions */
#content .thumb,
#content .thumbinner,
#content figure,
#content figure.mw-halign-right,
#content figure.mw-halign-left,
#content figure.mw-halign-none,
#content figcaption,
#content .thumbcaption,
#content .mw-default-size,
#content a.mw-file-description,
#content a.image,
#content img,
#content img.mw-file-element {
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
/* The FIRST image in the article is pinned to the very top of the
  right-hand rail (instead of floating wherever it happens to sit in
  the text flow), matching where a lead image usually belongs. Later
  images/galleries still float into the rail near their own place in
  the text — see below. */
#content .mw-parser-output > figure:first-of-type {
    position: absolute !important;
    top: 0 !important;
    right: -340px !important;
    float: none !important;
    margin: 0 !important;
    width: 300px !important;
    max-width: 300px !important;
}
#content .mw-parser-output > figure:not(:first-of-type) {
    float: right !important;
    clear: right !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 -340px 1.5em 1.5em !important;
}
/* <gallery> blocks (e.g. mode="packed") use different markup
  (ul.gallery > li.gallerybox) than a single <figure>. Earlier this
  pinned them into the right rail; now the FINAL block below moves the
  gallery to the bottom, full width. */
#content .mw-parser-output ul.gallery li.gallerybox .thumb,
#content .mw-parser-output ul.gallery li.gallerybox .thumb > div {
    text-align: left !important;
}
#content .mw-parser-output ul.gallery .gallerytext {
    color: #ffffff !important;
    font-size: 14px !important;
    padding: 0.3em 0 0 0 !important;
}
/* ===== Galerie: unten, volle Breite, MASONRY (lockerer, verschiedene
  Bildhöhen mit Abständen — wie Monoskop, statt starrer Reihen).
  STELLSCHRAUBEN:
    column-count            = Anzahl der Galerie-Spalten (3 → 2 oder 4 ändern)
    column-gap              = horizontaler Abstand zwischen den Spalten
    .gallerybox margin-bottom = vertikaler Abstand zwischen den Bildern
  ===== */
#content .mw-parser-output ul.gallery,
#content .mw-parser-output .mw-gallery-packed {
    /* aus den Seiten-2-Spalten ausbrechen + volle Breite */
    -webkit-column-span: all !important;
    column-span: all !important;
    float: none !important;
    clear: both !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 1.5em -340px 1em 0 !important;  /* -340px holt den rechten Rail-Platz zurück → volle Breite */
    padding: 0 !important;
    text-align: left !important;
    /* Masonry: Bilder fließen in Spalten mit ihren echten Höhen */
    column-count: 3 !important;
    column-gap: 1.6em !important;
}
#content .mw-parser-output ul.gallery li.gallerybox {
    display: inline-block !important;  /* füllt die Spaltenbreite */
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 1.6em 0 !important;      /* vertikaler Abstand zwischen den Bildern */
    padding: 0 !important;
    vertical-align: top !important;
    break-inside: avoid !important;      /* ein Bild nicht über die Spaltenkante brechen */
}
#content .mw-parser-output ul.gallery li.gallerybox .thumb,
#content .mw-parser-output ul.gallery li.gallerybox .thumb > div,
#content .mw-parser-output ul.gallery li.gallerybox img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}
/* ============================================================================
  SPALTEN-UTILITIES  —  pro Abschnitt die Spaltenzahl steuern
  ----------------------------------------------------------------------------
  SCHNELLREFERENZ:
    <div class="onecol">  einspaltig… </div>
    <div class="cols3">  dreispaltig… </div>
    Verfügbar: onecol (1), cols2 (2), cols3 (3), cols4 (4).
  ----------------------------------------------------------------------------
  STANDARD bleibt wie bisher: die GANZE Seite ist 2-spaltig
  (siehe "#content .mw-parser-output { column-count: 2 }" weiter oben).


  Wenn du NUR EINEN Abschnitt anders haben willst, wickle ihn im Wikitext
  in ein <div> mit einer dieser Klassen. Der <div> muss auf einer EIGENEN
  Zeile stehen. Alles davor und danach bleibt normal 2-spaltig.


    <div class="onecol">
    Dieser Abschnitt steht einspaltig über die volle Breite …
    </div>


    <div class="cols3">
    Dieser Abschnitt steht dreispaltig …
    </div>


  Verfügbare Klassen:
/* displayed formula, formula number */
    onecol  = 1 Spalte (volle Breite)
div.texdisplay {
    cols2  = 2 Spalten (volle Breite, falls du mitten im Text 2 erzwingen willst)
  margin: 3px; padding: 3px;
    cols3  = 3 Spalten
  background-color: transparent;
    cols4  = 4 Spalten
  text-align:center;
 
  TIPP: Für RANDLOS volle Breite (bis in den rechten Bildstreifen) zusätzlich
  im style des <div>:  style="margin-right:-340px"  — z. B.
    <div class="onecol" style="margin-right:-340px"> … </div>
  ============================================================================ */
/* 1 Spalte, volle Breite */
#content .mw-parser-output .onecol {
    -webkit-column-span: all !important;
    column-span: all !important;
    column-count: 1 !important;
}
}
/* 2 Spalten (volle Breite) */
/* change to float:left if you want formula numbers appear on the left */
#content .mw-parser-output .cols2 {
div.texdisplay span.dispno {
    -webkit-column-span: all !important;
  float: right;
    column-span: all !important;
    column-count: 2 !important;
    column-gap: 2.8em !important;
}
}
/* 3 Spalten */
 
#content .mw-parser-output .cols3 {
 
    -webkit-column-span: all !important;
 
    column-span: all !important;
/* Allow limiting of which header levels are shown in a TOC;
    column-count: 3 !important;
  <div class="toclimit-3">, for instance, will limit to
    column-gap: 2.8em !important;
  showing ==headings== and ===headings=== but no further
}
   (as long as there are no =headings= on the page, which
/* 4 Spalten */
   there shouldn't be according to the MoS). */
#content .mw-parser-output .cols4 {
.toclimit-2 .toclevel-1 ul,
    -webkit-column-span: all !important;
.toclimit-3 .toclevel-2 ul,
    column-span: all !important;
.toclimit-4 .toclevel-3 ul,
    column-count: 4 !important;
.toclimit-5 .toclevel-4 ul,
    column-gap: 2.2em !important;
.toclimit-6 .toclevel-5 ul,
}
.toclimit-7 .toclevel-6 ul {
/* Absätze/Listen INNERHALB der Utility-Spalten bekommen denselben
     display: none;
   Fließtext-Stil (Atkinson, 22px) wie der übrige Text, und brechen
   nicht über die Spaltenkante */
#content .mw-parser-output .onecol p,
#content .mw-parser-output .onecol li,
#content .mw-parser-output .cols2 p,
#content .mw-parser-output .cols2 li,
#content .mw-parser-output .cols3 p,
#content .mw-parser-output .cols3 li,
#content .mw-parser-output .cols4 p,
#content .mw-parser-output .cols4 li {
     font-family: "Atkinson Hyperlegible Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px !important;
    line-height: 1.55 !important;
    color: #ffffff !important;
    background: none !important;
    margin: 0 0 1em 0 !important;
    break-inside: avoid !important;
}
}

Revision as of 16:15, 16 August 2026

/* CSS placed here will be applied to all skins */

body {
    width: 85%;   
    text-align: center;
    margin-top: 1em; 
    margin: auto; 
    position:relative;
}

div { text-align: left; }
 
body #ca-delete {
    display: none !important;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    /* @noflip */
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}




/* displayed formula, formula number */
div.texdisplay {
   margin: 3px; padding: 3px;
   background-color: transparent;
   text-align:center;
}
/* change to float:left if you want formula numbers appear on the left */
div.texdisplay span.dispno {
   float: right;
}



/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}