MediaWiki:Common.css
Erscheinungsbild
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* ============================================================
ALLGEMEIN
============================================================ */
/* "Aus dem MrBlackRocket Wiki" ausblenden */
#siteSub {
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;
}
#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;
}
/* ============================================================
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;
}