MediaWiki:Common.css

Aus Perrypedia
Zur Navigation springen Zur Suche springen

Anmerkung: Nach dem Speichern muss der Browser-Cache geleert werden, damit die Änderungen sichtbar werden: Mozilla/Firefox: neu laden anklicken (oder Strg-R), IE / Opera: Strg-F5, Safari: Kommando-R, Konqueror Strg-R. 

/* +++++ MediaWiki:Common.css wirkt sich auf alle Skins aus, außer auf das MobileFrontend +++++ */

:root {
    --bg-color: #FFFFFF; /* background */
    --nb-color: #CCCCCC; /* navigation border */
    --nf-color: #F9F9F9; /* navigation frame background */
    --nh-color: #EEEEEE; /* navigation header */
    --tb-color: #FFDEAD; /* table border */
    --th-color: #FFDEAD; /* table header */
}

/* Farbgestaltung nur für das Testwiki */
/* body { background: #ADD8E6; } */
/* .mw-body { background: #ADD8E6; } */
/* .mw-body-content { background: #ADD8E6; } */
/* div#toc { background: #ADD8E6; } */

 /* damit DarkVector leserlich bleibt */
/* body.skin-darkvector .mediawiki { color: black; } */
/* body.skin-darkvector .firstHeading { color: black; } */
/* body.skin-darkvector .mw-headline { color: black; } */
/* body.skin-darkvector .mw-body { color: black; } */
/* body.skin-darkvector .mw-body-content { color: black; } */

/* ?-Hilfe ausblenden (verlinkt auf Mediawiki, für Perrypedia ungeeignet) */
.mw-indicators { display: none; }
.mw-indicator { display: none; }
.mw-helplink { display: none; }

/* "Abschnitt hinzufügen" ausblenden */
#ca-addsection { display: none; }

/* +++++ CSS3 Mehrspalten-Darstellung +++++ */
div.ColContent {
    margin-top: 0;
}
div.ColContent dl,
div.ColContent ol,
div.ColContent ul {
    margin-top: 0;
}

/* Spaltenumbruch verhindern */
div.ColContent li,
div.ColContent dd dd {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

/* +++++ Ein-/Ausklappen +++++ */
div.NavFrame {
    background-color: var(--nf-color);
    border: 1px solid var(--nb-color);
    border-collapse: collapse;
    clear: both;
    font-size: 95%;
    margin-top: 4px;
    padding: 0;
}
div.perrypedia_navigation div.NavHead,
div.NavFrame div.NavHead {
    background-color: var(--nh-color);
    font-weight: bold;
    text-align: center;
}
div.NavFrame div.NavContent {
    text-align: left;
}

/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame {
    border-top-style: hidden;
    margin-top: 0;
}

/* Ausklappen-Button, wird in [[MediaWiki:Common.js]] implementiert */
.NavToggle {
    float: right;
    font-size: x-small;
}

/* +++++ Begriffsklärung +++++ */
div.perrypedia_bkl_verweis {
    background-color: var(--nf-color);
    border-bottom: 1px solid var(--nb-color);
    font-size: 95%;
    margin-bottom: 10px;
    padding: 8px;
}

/* +++++ Navigationsleisten +++++ */
div.perrypedia_navigation {
    background-color: var(--nf-color);
    border: 1px solid var(--nb-color);
    margin-top: 12px;
    margin-bottom: 8px;
    padding: 8px;
    text-align: center;
}

/* +++++ Personenregister für Handlungszusammenfassungen +++++ */
table.perrypedia_personenregister {
    border: 0;
    width: 100%;
}
table.perrypedia_personenregister td {
    padding-right: 4px;
    vertical-align: text-top;
}

/* +++++ Roman-Tabelle +++++ */
table.perrypedia_romantabelle {
    background-color: var(--bg-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    margin-bottom: 14px;
    width: 100%;
}	
table.perrypedia_romantabelle th {
    background-color: var(--th-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 3px;
}
table.perrypedia_romantabelle td {
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 3px;
    text-align: center; 
}

/* +++++ Statistiktabelle +++++ */
table.perrypedia_statistik {
    background-color: var(--bg-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    margin: 15px 0;
    text-align: center;
    width: 100%;
}
table.perrypedia_statistik th {
    background-color: var(--th-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 3px;
}
table.perrypedia_statistik td {
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 3px;
}

/* +++++ Standardtabelle +++++ */
table.perrypedia_std_table {
    background-color: var(--bg-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    margin-bottom: 14px;
    width: 100%;
}	
table.perrypedia_std_table th {
    background-color: var(--th-color);
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 2px 4px;
    text-align: left;
}
table.perrypedia_std_table td { 
    border: 1px solid var(--tb-color);
    border-collapse: collapse;
    padding: 2px 4px;
    text-align: left;
    vertical-align: center;
}

/* +++++ Standardtabelle mittig ausrichten (erfordert width < 100%!)      +++++ */
/* +++++ <div class="perrypedia_std_table center" style="width:xx%;"> ... +++++ */
table.center {
    margin-left: auto;
    margin-right: auto;
}

/* +++++ Standardtabelle rechtsbündig (erfordert width < 100%!)          +++++ */
/* +++++ <div class="perrypedia_std_table right" style="width:xx%;"> ... +++++ */
table.right {
    float: right;
}

/* Bei Bedarf: Überschriften zentriert */
table.row1-center th { text-align: center; }

/* Bei Bedarf: Textausrichtung = oben */
table.text-top th { vertical-align: text-top; }
table.text-top td { vertical-align: text-top; }

/* Bei Bedarf: 1.-3. Spalte linksbündig */
table.column1-left tr th:nth-child(1) { text-align: left; }
table.column1-left tr td:nth-child(1) { text-align: left; }
table.column2-left tr th:nth-child(2) { text-align: left; }
table.column2-left tr td:nth-child(2) { text-align: left; }
table.column3-left tr th:nth-child(3) { text-align: left; }
table.column3-left tr td:nth-child(3) { text-align: left; }

/* Bei Bedarf: 1.-3. Spalte zentriert */
table.column1-center tr th:nth-child(1) { text-align: center; }
table.column1-center tr td:nth-child(1) { text-align: center; }
table.column2-center tr th:nth-child(2) { text-align: center; }
table.column2-center tr td:nth-child(2) { text-align: center; }
table.column3-center tr th:nth-child(3) { text-align: center; }
table.column3-center tr td:nth-child(3) { text-align: center; }

/* Bei Bedarf: 1.-3. Spalte rechtsbündig */
table.column1-right tr th:nth-child(1) { text-align: right; }
table.column1-right tr td:nth-child(1) { text-align: right; }
table.column2-right tr th:nth-child(2) { text-align: right; }
table.column2-right tr td:nth-child(2) { text-align: right; }
table.column3-right tr th:nth-child(3) { text-align: right; }
table.column3-right tr td:nth-child(3) { text-align: right; }

/* +++++ Rechter Div-Block, der jeden anderen Inhalt verdrängt +++++ */
/* +++++ <div class="perrypedia_std_rframe"> ...               +++++ */
div.perrypedia_std_rframe {
    background-color: var(--bg-color); 
    border: 1px solid; 
    border-color: white;
    border-width: 0 0 0 1.0em;
    clear: right; 
    float: right; 
}

/* +++++ Standardbreite für Astrodaten                     +++++ */
/* +++++ <div class="perrypedia_std_rframe astrodata"> ... +++++ */
div.astrodata { width: 400px; }

/* +++++ Standardbreite für Überblicktabellen             +++++ */
/* +++++ <div class="perrypedia_std_rframe overview"> ... +++++ */
div.overview { width: 60%; }

/* +++++ Benutzerbeiträge im Perrypedia-Stil +++++ */
.contributionscores .header th {
    background-color: var(--th-color);
    border: 1px solid var(--tb-color);
}
.contributionscores td {
    border: 1px solid var(--tb-color) !important;
}

/* +++++ Limitiertes Inhaltsverzeichnis, wird in [[Vorlage:TOClimit]] implementiert +++++ */
.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;
}
Abgerufen von „http://www.perrypedia.de/mediawiki/index.php?title=MediaWiki:Common.css&oldid=2177004“