MediaWiki:Common.css
Aus Wiki der Arachnologischen Gesellschaft e. V.
Zur Navigation springenZur Suche springen
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
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/** CSS an dieser Stelle wirkt sich auf alle Skins aus */
/* <pre> Styles der Hauptseite */
:root {
--male-color: #7b7eec;
--female-color: #ef8282;
--light-bg: #eee;
}
TABLE.hauptseite { border-spacing: 0.5em; }
TABLE.hauptseite TD.haupt_intro { vertical-align: top; text-align: justify; }
TABLE.hauptseite TD { background: #fafafa; padding: 0.3em; }
TABLE.hauptseite TR.hauptseite { vertical-align: top; }
TABLE.hauptseite TH { background: OliveDrab; color: white; font-size: 1.2em; height: 1.5em; }
BODY.page-Hauptseite H1.firstHeading { display: none; }
TABLE.hauptseite2 { width: 100%; border-spacing: 0.5em; }
TABLE.hauptseite2 TD { vertical-align: top;}
TABLE.infobox { border: solid 1px black; margin: 0.5em; border-collapse: collapse;}
@media screen and (min-width:550px) {
TABLE.infobox { float: right; }
}
TABLE.infobox-fw { width: 25em; }
TABLE.infobox TD, TABLE.infobox TH {border: 0; padding: 2px; vertical-align: top;}
TABLE.infobox TH { background: DarkSeaGreen; color: black; }
TABLE.infobox .redlist { background: Crimson; color: white; }
TABLE.person { border: solid 1px black; margin: 0.5em; float: right; border-collapse: collapse;}
TABLE.person -fw { width: 25em; }
TABLE.person TD, TABLE.person TH {border: 0; padding: 2px; vertical-align: top; background: Beige;}
TABLE.person TH { background: Burlywood; color: black; }
TABLE.themenbox { border: solid thin #bac696; border-collapse: collapse; border-spacing: 0; width: 100%;
margin: 0.5em;}
TABLE.themenbox TH { background-color: #dbe9c8; text-align: left; font-size: 1.4em; padding: 0.3em;}
TABLE.themenbox TD { padding: 0.5em; }
TABLE.ordbox { border-spacing: 0.5em 0; display: inline-block; text-align: initial; vertical-align: top; width: 20em; }
TABLE.ordbox TH, TABLE.ordbox TD { background-color: #f8f8f8; margin: 0 3px 0 3px; font-size: 1em;}
TABLE.ordbox TH { border-top: 0.5em solid white;}
TABLE.ordbox TH, TABLE.ordbox TD.sub { text-align: center; padding: 2px; vertical-align: top;}
.textmarker { background-color: #FFEC8B; color: navy;}
/* Artenliste */
TABLE.artenliste {text-align: center; margin-bottom: 1em;}
TABLE.artenliste THEAD TR {background-color: silver; font-weight: bolder; }
TABLE.artenliste .al_name {text-align: left; width: auto;}
TABLE.artenliste TR.al_titel TH {width: 2.5em;}
TABLE.artenliste THEAD TR TH {width: 2.5em;}
TABLE.artenliste TR TD.al_hl {background-color: #e8f9b5;}
TABLE.artenliste TBODY TR:nth-child(even) {background-color: #DCDCDC;}
TABLE.artenliste TR TH.al_hl {background-color: #d3f960;}
TABLE.artenliste TR.al_titel {background-color: silver !important; font-weight: bolder; }
TABLE.artenliste TD.al_un {color: #bbb;}
TABLE.artenliste_legende { margin-top: 1em; font-size: 0.8em;}
TABLE.artenliste_legende CAPTION { font-weight: bold; text-align: left; }
TABLE.artenliste_legende TH { background: silver; padding: 2px 3px; }
TABLE.artenliste_legende TD { background: #e3e3e3; padding: 2px 2px;}
.monobook-body TABLE.artenliste IMG { max-width: initial !important; }
SUMMARY { cursor: pointer;}
/* Datentabelle */
TABLE.datentab { border: solid thin #909090; /*border-collapse: collapse;*/ border-spacing: 0;}
TABLE.datentab TD { border: solid thin #e0e0e0; padding: 0.3em; vertical-align: top;}
TABLE.datentab TH {padding: 0.3em; background: #fafafa; }
/* Allgemeine "hübsche" Tabelle */
TABLE.generaltab { border-collapse: collapse; border-spacing: 0;}
TABLE.generaltab TD,
TABLE.generaltab TH { border: solid thin #e0e0e0; padding: 0.3em; vertical-align: top;}
TABLE.generaltab TD { }
TABLE.generaltab TH { background: #fafafa; white-space: nowrap;}
/* Rote Liste aus Datenbank */
.neueRL {font-family:sans-serif; border:1px solid silver !important; border-collapse:collapse; width:400px; text-align:center;}
TR.neueRLhead TH{background-color: var(--light-bg); color:#522020; font-weight:normal;}
.neueRLrot {background-color: #ffdbdb;}
.neueRLtdleft { border:1px solid silver !important; border-collapse:collapse; text-align:left; }
.neueRLregion { border:1px solid silver !important; border-collapse:collapse; text-align:left; table-layout: fixed; width: 40%; }
/* Fix v. main.css */
#p-personal ul, #p-cactions li a, .portlet h5 { text-transform: none; }
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { clear: left; }
DIV.tnone {display: inline-block; }
/* Weiterleitungen nicht kursiv */
.redirect-in-category:before,
.allpagesredirect:before,
.watchlistredir:before { content: "→ "; }
.redirect-in-category,
.allpagesredirect,
.watchlistredir { font-style: normal; }
/* Spinne des Jahres */
TABLE.sdjtab {border: solid thin #e0e0e0; border-collapse: collapse; border-spacing: 0;}
TABLE.sdjtab TH,
TABLE.sdjtab TD {border: solid thin #e0e0e0; padding: 0.3em; }
SPAN.autor { font-variant: small-caps; }
/* Kategorien */
DIV.syskatbox {margin: 1.5em auto; border: medium solid green; padding: 1em; background-color: #f0fff0;
width: 80%;
-moz-border-radius: 0.5em;
border-radius: 0.5em; }
DIV.rotelistebox {margin: 1.5em auto; border: medium solid red; padding: 1em; background-color: #fff0f0;
width: 80%;
-moz-border-radius: 0.5em;
border-radius: 0.5em; }
/* Galerien */
LI.gallerycaption {text-align: left;}
/* Reifezeit */
TABLE.reifezeit { display: inline-table; border-collapse: collapse;}
TABLE.reifezeit TH,
TABLE.reifezeit TD { vertical-align: middle; }
TABLE.reifezeit TH { background-color: var(--light-bg); font-weight: normal; padding: 3px 3px; min-width: 1.3em;}
TABLE.reifezeit TD { padding: 1px 0px; }
TABLE.reifezeit TD DIV.lc-blank {background-color: white;}
TABLE.reifezeit TD DIV {width: 100%; height: 20px; }
TABLE.reifezeit TD DIV.lc-f-middle {background-color: var(--female-color); }
TABLE.reifezeit TD DIV.lc-m-middle {background-color: var(--male-color); }
TABLE.reifezeit TD DIV.lc-f-start {background-image: linear-gradient(to right,white,var(--female-color),var(--female-color)); }
TABLE.reifezeit TD DIV.lc-m-start {background-image: linear-gradient(to right,white,var(--male-color),var(--male-color)); }
TABLE.reifezeit TD DIV.lc-f-end {background-image: linear-gradient(to left,white,var(--female-color),var(--female-color)); }
TABLE.reifezeit TD DIV.lc-m-end {background-image: linear-gradient(to left,white,var(--male-color),var(--male-color)); }
/* Merkmals-Box */
TABLE.merkmal TD {vertical-align: top; }
TABLE.merkmal TD.merkmaltext { padding-left: 1em; /*width: 15em;*/ }
/* Begriffsklärung */
DFN.begriff { border-bottom: 1px dotted green; font-style: inherit; cursor: help;}
/* Uebersicht */
DIV.uebersicht { }
DIV.uebersichtelem {border: 1px solid #e0e0e0; padding: 0.5em; width: 130px; min-height: 190px; vertical-align: top; display: inline-block; margin: 0.1em;}
DIV.uebersichtpic {height: 130px; vertical-align: middle; text-align: center;}
/* Hinweis */
/*TABLE.hinweisbox { border: 2px solid red; background: #f8f8f8; margin-bottom: 0.5em;}*/
/* 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;
}
/* mehrspaltiger Abschnitt */
.multicol3 { columns: 3; -moz-columns: 3; -webkit-columns: 3; }
.multicol2 { columns: 2; -moz-columns: 2; -webkit-columns: 2; }
/* Silbentrennung */
DIV.mw-parser-output { hyphens: auto; }
TABLE.artenliste,
TABLE.generaltab { hyphens: none; }
/* Quellen der Nachweise */
LI.check_positive {list-style-image: url("/images/5/5a/Checkmark.png"); }
/* </pre> */