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> */