MediaWiki:Common.css

/* ============================================================
   ALLGEMEIN
   ============================================================ */

/* "Aus dem MrBlackRocket Wiki" ausblenden */
#siteSub,
#contentSub {
    display: none !important;
}

/* ============================================================
   INHALTSVERZEICHNIS
   ============================================================ */

#content .toc {
    margin-top: 1em;
}
#content .toc li {
    margin-top: 0.2em;
    margin-bottom: 0.4em;
}

/* ============================================================
   LISTEN & FUSSNOTEN
   ============================================================ */

/* Listenpunkte */
#mw-content-text li {
    margin-top: 0.2em;
    margin-bottom: 0;
}

/* Nummerierte Listen mit 1.1., 1.1.1. etc. */
#mw-content-text ol {
    counter-reset: item;
    margin: 0.3em 0 0 2.2em;
}
#mw-content-text ol > li {
    display: block;
}
#mw-content-text ol > li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}
#mw-content-text ol > li li {
    margin-left: -0.3em;
}

/* Fußnoten separat nummerieren */
#mw-content-text ol.references {
    counter-reset: ref;
    list-style-type: none;
    font-size:90%;
}
#mw-content-text ol.references ::marker {
    content: " ";
}
#mw-content-text ol.references li::before {
    counter-increment: ref;
    content: counter(ref) ". ";
    float: left;
    margin-right: 1em;
}

/* VisualEditor: Nummerierte Listen */
ol.ve-ce-branchNode {
    counter-reset: item;
    margin: 0.3em 0 0 2.2em;
}
ol.ve-ce-branchNode > li {
    display: block;
}
ol.ve-ce-branchNode > li::before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}
ol.ve-ce-branchNode > li > p {
    display: inline;
}

/* ============================================================
   TABELLEN MIT SCROLLING & FIXEM HEADER
   ============================================================ */

.table-scroll {
    display: block;
    empty-cells: show;
    border-spacing: 0;
    border: 1px solid;
}
.table-scroll thead {
    background-color: #f1f1f1;
    position: relative;
    display: block;
    width: 100%;
    overflow-y: scroll;
}
.table-scroll tbody {
    display: block;
    position: relative;
    width: 100%;
    overflow-y: scroll;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    max-height: 50vh;
}
.table-scroll tr {
    width: 100%;
    display: flex;
}
.table-scroll td,
.table-scroll th {
    flex-grow: 2;
    display: block;
    padding: 5px;
    text-align: right;
    border-right: 1px solid #ccc;
    width: 60px;
}
.table-scroll td {
    text-align: center;
}
.table-scroll th {
    writing-mode: vertical-lr;
    font-weight: normal;
    text-align: right;
}
.table-scroll td:first-child,
.table-scroll th:first-child {
    flex-basis: 200px;
    flex-grow: 0;
    text-align: left;
    writing-mode: unset;
}
.widefirst td:first-child,
.widefirst th:first-child {
    flex-basis: 500px;
}
.table-scroll tbody tr:nth-child(2n) {
    background-color: rgba(130, 130, 170, 0.1);
}
.scrolltable table.jquery-tablesorter th.headerSort {
    background-position: 20px 112px;
}
/* ============================================================
   TABELLEN: prettytable & multiline
   ============================================================ */

.prettytable,
.multiline {
    border: none;
    border-collapse: collapse;
    margin: 1em 0;
    background-color: #fff;
    color: #202122;
}

.prettytable td,
.prettytable th,
.multiline td,
.multiline th {
    border: 1px solid #6cc8f3;
    padding: 0.25em;
    vertical-align: baseline;
    empty-cells: show;
}

.prettytable th,
.multiline th {
    text-align: center;
    background-color: #f0f0f0;
    color: #004f80;
}

.prettytable tr:not(:first-child) th,
.multiline tr:not(:first-child) th {
    text-align: left;
}

.multiline tr:nth-child(even) td,
.multiline.sortable tr:nth-child(odd) td {
    background-color: #fff;
    color: #202122;
}

.multiline tr:nth-child(odd) td,
.multiline.sortable tr:nth-child(even) td {
    background-color: #f0f0f0;
    color: #202122;
}

/* ============================================================
   TABELLEN: sortable
   ============================================================ */

.sortable th {
    text-align: left;
}

/* ============================================================
   TABS (CSS-only)
   ============================================================ */

.tab {
    position: relative;
}
.tab li {
    float: left;
    overflow: hidden;
    list-style-type: none;
    display: block;
    margin-right: 10px;
    left: 10px;
    cursor: pointer;
    position: relative;
    color: white;
    background: #e7e7e7;
}
.tab li a {
    display: block;
    text-decoration: none;
    color: white;
    padding: 6px 14px;
}
.tab section {
    z-index: 0;
    width: 100%;
    padding: 5px 20px;
    position: absolute;
    top: 36px;
    background: white;
    border: 1px solid #e7e7e7;
    border-top: 1px solid #a2a2a2;
}
.tab section:first-child {
    z-index: 1;
}
.tab li:hover {
    background-color: #efefef;
}
.tab section:target {
    z-index: 2;
    margin: 0;
}
.tab section + li {
    border-bottom: 2px solid #e7e7e7;
}
.tab section:target + li {
    background-color: #efefef;
    border-bottom: 1px solid #a2a2a2;
}

/* ============================================================
   FEHLERMELDUNG 403/404
   ============================================================ */

#system404-error {
    text-align: center;
}
#system404-error div.floatnone a.image img {
    padding: 0;
    margin: 0;
}
#system404-error hr {
    margin-top: 0;
    margin-bottom: 2rem;
    border: 0;
    max-width: 600px;
    border-top: 3px dotted #ddd;
}

/* ============================================================
   EINGEBETTETE VIDEOS (EmbedVideo)
   ============================================================ */

.embedvideo-overlay {
    position: static;
}
.mw-body-content .embedvideo-privacyNotice a {
    color: #b6ebff !important;
    text-decoration: underline;
}