Tagebuchstyles.css

/*

Stylesheetübersicht:
MediaWiki:Common.css für alle Artikel des Westmärker Wiki
Tagebuchstyles.css für alle Artikel, die zum Tagebuch gehören
Kalenderstyles.css für die Navigationsboxen der Edition "Tag für Tag"
Benutzer:Ahnenfan/common.css für alle Artikel des Westmärker Wiki, aber nur für mich

Aufruf erfolgt in Vorlage:KTB

   ┌─────────────────────────────────────────────┐
   │ Tabstop zum Kopieren: "	"                │
   ├─────────────────────────────────────────────┤
   │ Als Kommentarzeichen nur / und *, nicht //! │
   └─────────────────────────────────────────────┘ */

/* ╔═════════════════════════════════════════════╗
   ║ Logo ändern  (zugehöriger Link wird         ║
   ║ in [[MediaWiki:Common.js]] geändert)        ║
   ╚═════════════════════════════════════════════╝ */
a.mw-wiki-logo { 
	background-image: url(./images/logo/1943-05_Lt_Herbert_Schrödter_in_Sagorodnoje_am_Donez.png); 
}

/* ╔═════════════════════════════════════════════╗
   ║ Westmärker-Wiki-Menü verbergen              ║
   ║    entspr. Einblendungen für mich           ║
   ║    in Benutzer:Ahnenfan/common.css          ║
   ╚═════════════════════════════════════════════╝ */
.vector-menu-portal, 
div#catlinks {
	display: none;
}

/* ╔═════════════════════════════════════════════╗
   ║ Überschriften im Stil der                   ║
   ║ Word- bzw. PDF-Edition                      ║
   ╚═════════════════════════════════════════════╝ */
H1#firstHeading { /* b.a.w. keine Änderung */ }
#mw-content-text h2,   /* (KTB 1) Erstes, Zweites Buch */
#mw-content-text h3, 
#mw-content-text h4 {
	border-bottom: none;
	text-align: center;
	font-family: sans-serif;
	color: green;
	font-weight: bold;
	font-size: 18pt;
	letter-spacing: 0.75pt;
}
#mw-content-text h3 {  /* (KTB 2) 1., 2., I., II. usw. Teil */
	font-size: 14pt;
}
#mw-content-text h4 {  /* (KTB 3) Unterkapitel und Untertitel */
	font-size: 11pt;
}
.mw-body-content span.reference-text {  /* Fußnoten WARUM LEER? */
}
div#bodyContent div.mw-references-wrap {  /* Fußnoten */
	font-style: italic;
	font-size: 9pt;
	line-height: 1.4em;
}

/* ╔═════════════════════════════════════════════╗
   ║ Farben, Fonts, Technische Ränder            ║
   ╚═════════════════════════════════════════════╝ */
div.mw-body a, 
div.mw-body a:link, 
div.mw-body a:active {
	color: limegreen; /* noch zu besuchende sollen mehr auffallen */
}
body, 
div#mw-head {
	background-image: URL(images/bg/bg_aus_Einband_b.jpg); /* war bgpixabaygruen.jpg */
}
div#content {
	background-color: white; 
}
h1, h2, h3, h4, 
.mw-body-content div.h1, 
div.mw-body a:visited,
.mw-body-content a.extiw:visited,
.mw-body-content a.external:visited,
div.mw-body a.selflink,
div.mw-body a.selflink:link,
div.mw-body a.selflink:active {
	color: green; /* bereits besuchte sollen weniger auffallen */
}
div.mw-body a.new {
	color: lightcoral;
}

/* ┌─────────────────────────────────────────────┐
   │ Navigationsleisten                          │
   └─────────────────────────────────────────────┘ */
#p-personal a,       /* Login usw.       */
.vectorMenu h3 span, /* Mehr             */
#footer a {          /* Datenschutz usw. */
	color: gold;
}
div.seitenleistenbutton a,
div.seitenleistenbutton a:link,
div.seitenleistenbutton a:active {
	color:		gold;
	text-decoration:none;
}
div.seitenleistenbutton p {
	font-size:	12pt;
	font-weight:	bold;
	font-family:	serif;
	text-align:	center;
	margin:		0"; /* Standard: 0.4em 0 0.5em 0 */
}
div.seitenleistenbutton span {
	padding:	2px 6px; 
	background-image:URL(https://vexilli.net/w/images/bg/bg_aus_Einband_b.jpg);
}
div.seitenleistenbutton { /* VB, KT */
	width:		160px;
	text-align:	center;
	margin-top:	5px;
}
div.seitenleistenbutton img { /* VB, KT */
	text-align:	center;
}
#footer ul li {      /* zuletzt geändert */
	color: silver;
}

/* ┌─────────────────────────────────────────────┐
   │ TOC                                         │
   └─────────────────────────────────────────────┘ */
div#toc .toctitle h2 {
	font-size: 11pt;
	letter-spacing: 0pt;
}
div.toc ul li {
	line-height: 1.2em;
}
.mw-body-content a.external {   /* Symbol für externe Links
Orig.-CSS   in w\resources\src\mediawiki.skinning/content.externallinks.css
Orig.-Datei in w\resources\src\mediawiki.skinning\images/external-ltr.png   */
	background: url(./images/icons/external-ltr-gruen.png) center right no-repeat;
}

/* ┌─────────────────────────────────────────────┐
   │ Startseite/Inhaltsverzeichnis:              │
   │ allgemein                                   │
   └─────────────────────────────────────────────┘ */
table.tagebuchinhalt {
	border-collapse: collapse;
}
table.tagebuchinhalt>tbody>tr>td {
	vertical-align: top;
	line-height: 1.3em;
	padding: 0 0.4em; /*erstes Glied 0.2em -> 0 im Sinne störender Abstände (mehr unten)*/
}
table.tagebuchinhalt li li,
table.tagebuchinhalt dl li {
	xxfont-size:    90%;
}
table.tagebuchinhalt li li li,
table.tagebuchinhalt dl li li,
table.tagebuchinhalt dl dl li {
	xxfont-size:    80%;
}
/* ┌─────────────────────────────────────────────┐
   │ Startseite/Inhaltsverzeichnis:              │
   │ störende Abstände entfernen                 │
   └─────────────────────────────────────────────┘ */
table.tagebuchinhalt dl,
table.tagebuchinhalt ul {
	margin-top:    0.1em !important; /* besser alle 0em, aber auch Zell-padding (wo?) */
	margin-bottom: 0.33em !important;
}
table.tagebuchinhalt dd,
table.tagebuchinhalt li {
	margin-top:    0.1em !important;
	margin-bottom: 0.1em !important;
}
/* ┌─────────────────────────────────────────────┐
   │ Startseite/Inhaltsverzeichnis:              │
   │ farbige Zellen/Marken                       │
   └─────────────────────────────────────────────┘ */
td.WTgrün { /* wie wikitable-Zelle */
	background-color: #f6fdf3;
	border: solid 1px #aaa;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle { 
	background-color: #D8FFD8; /*	heller als palegreen #98FB98, muss bleiben, 
					damit die "Spannweite" der jeweiligen PDF gut sichtbar ist;
			 		#fcfefc, hellster tint des hellsten tints gem. color-hex.com, 
					ist zu unauffällig */
	border: solid 1px white;
	vertical-align: middle;
	text-align: center;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle:hover { /* ähnlich wie li a.hover */
	background-color: #D8FFD8 /* heller als palegreen #98FB98 */;
	border-left: solid 1px darkgreen;
	cursor: pointer;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle a.internal:hover { /* ähnlich wie li a.hover */
	text-decoration: none;
}
span.gruenemarke { 
	background-color: palegreen;
}
/* ┌─────────────────────────────────────────────┐
   │ Startseite/Inhaltsverzeichnis:              │
   │ Inhaltsverzeichnis-Zeilen farbig hinterlegen│
   │ Ideen dafür sind aus                        │
   │ - https://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:CSS_Menüs6.html
   │ - https://stackoverflow.com/questions/8824232/make-all-li-same-width-as-the-widest
   └─────────────────────────────────────────────┘ */
table.tagebuchinhalt li { 
	width: 100%;
}
table.tagebuchinhalt li a { 
	background-color: #fcfefc / *wie grünezelle, hellster tint d. hellsten tints (color-hex.com) */;
	display: block; /* hierfür ges. Zeilentext in <a>-Tags, auch wo noch keinen Link ist! */
	border-bottom: solid 1px white;
}
table.tagebuchinhalt li a:hover { 
	background-color: #D8FFD8 /*wie grünezelle, heller als palegreen #98FB98*/;
	text-decoration: none;
	border-bottom: solid 1px darkgreen;
}

/* ┌─────────────────────────────────────────────┐
   │ Tabelle m. Schriftart courier f. MGK-Glied. │
   └─────────────────────────────────────────────┘ */
table.MGK td {
	vertical-align: top; 
	font-family: Courier New, Courier, monospace;
}

/* ┌─────────────────────────────────────────────┐
   │ Tabelle als Ersatz von Tabulatoren,         │
   │ speziell für [[1943/April]]                 │
   └─────────────────────────────────────────────┘ */
div#content.mw-body table.tableSTATTtabulator {
	border-spacing:	0;
	border-width:	0;
	padding:	0;
	margin:		0 0 -0.5em 0;
}
div#content.mw-body table.tableSTATTtabulator td {
	vertical-align:	top;
	border-width:	0;
	padding:	0 0 0.5em 0;
	margin:		0;
}
div#content.mw-body table.tableSTATTtabulator td p:first-child {
	margin-top:	0;
}
div#content.mw-body table.tableSTATTtabulator td p:last-child  {
	margin-bottom:	0;
}

/* ┌─────────────────────────────────────────────┐
   │ Personen-, Orts-, Stichwortverzeichnis:     │
   │ farb.Zeilen b.Hovern, Texte i.gleicher Höhe │
   └─────────────────────────────────────────────┘ */
table.verzeichnis {
	font-size:        10pt; 
	line-height:      1.2em; 
	border-collapse:  collapse;
}
table.verzeichnis tr:hover { 
	background-color: honeydew;
}
table.verzeichnis td { 
	border:           none;
	vertical-align:   top;
	padding:          0.2em;
}
table.verzeichnis h5 { /* noch nötig? */
	padding-top: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}
table.verzeichnis td.PL30 {
	padding-left: 30px;
}
table.verzeichnis td.PL60 { /* nur bei Personenverzeichnis */
	padding-left: 60px;
}
table.verzeichnis td.PL90 { /* nur bei Personenverzeichnis */
	padding-left: 90px;
}

/* ┌─────────────────────────────────────────────┐
   │ Geo(mil)info-Box u. Chronik                 │ Chronik hat sich erledigt
   ├─────────────────────────────────────────────┤
   │ Kartensymbole ohne Pfeil durch class        │
   └─────────────────────────────────────────────┘ */
table.geomilinfo {
	width: 310px; 
	margin: 0.5em 0 1.3em 1.4em; 
	float: right; 
	font-size: smaller;
}
.mw-body-content table.geomilinfo              a.external,
.mw-body-content table.kartensymbol_ohne_pfeil a.external {
	background: inherit;
	/* Pfeil weg, war url(./images/icons/external-ltr-gruen.png) center right no-repeat; */
}
.mw-parser-output table.geomilinfo              .external,
.mw-parser-output table.kartensymbol_ohne_pfeil .external {
	padding-right: 0px;
	/* Abstand für Pfeil weg, war 13 */
}

/* ┌─────────────────────────────────────────────┐
   │ Tagebuch-Chronik                            │
   ├─────────────────────────────────────────────┤
   │ Tabelle ähnlich zuege aber größer und grün  │
   └─────────────────────────────────────────────┘ */
table.ktbchronik {
	font-size:        9pt !important; 
	line-height:      1.2em; 
	margin:           1em 0;
	background-color: white;
	border:           1px solid #00b050; /* so in Chronik nn.docx */
	border-collapse:  collapse;
	color:            black;
}
table.ktbchronik > tr > th,
table.ktbchronik > tr > td,
table.ktbchronik > * > tr > th,
table.ktbchronik > * > tr > td {
	border:           1px solid #00b050;
	padding:          0.2em 0.4em;
	vertical-align:   top;
}
table.ktbchronik > tr > th,
table.ktbchronik > * > tr > th {
	background-color: #00b050;
	text-align:       center;
	vertical-align:   middle;
	color:            white;
}
table.ktbchronik > * > tr > td > p {
	margin-top:       2px; 
	margin-bottom:    2px; 
}
table.ktbchronik > * > tr > td > p.ktbchronikKdr,
table.ktbchronik > * > tr > th > p.ktbchronikKdr {
	border-top:       solid 1px #eaf1dd; 
}
table.ktbchronik > * > tr > td > ul {
	margin-top:       2px; 
}
table.ktbchronik img {
	vertical-align:   baseline; 
}

/* ┌─────────────────────────────────────────────┐
   │ Tagebuch-Chronik                            │
   ├─────────────────────────────────────────────┤
   │ Überschriften kleiner und ohne margin       │
   └─────────────────────────────────────────────┘ */
div#mw-content-text table.ktbchronik h2 { 
	font-size:          12pt; /* statt 18 */
}
div#mw-content-text table.ktbchronik h3 { 
	font-size:          11pt; /* statt 14 */
}
div#mw-content-text table.ktbchronik h4 { 
	font-size:          10pt; /* statt 11 */
}
div#mw-content-text table.ktbchronik h2,
div#mw-content-text table.ktbchronik h3,
div#mw-content-text table.ktbchronik h4 { 
	line-height:        1.2em;
	letter-spacing:     0;
	padding-top:        0;
	padding-bottom:     0.5em;
	margin-block-start: 0;
	margin-block-end:   0;
}

/* ┌─────────────────────────────────────────────┐
   │ Tagebuch-Chronik                            │
   ├─────────────────────────────────────────────┤
   │ Inhaltsverzeichnis kleiner und ohne margin  │
   └─────────────────────────────────────────────┘ */
div.ktbchroniktoc ul li {
	line-height: 1em;
}
div.ktbchroniktoc span.toctext {
	font-size:   9pt !important; 
}

/* ┌─────────────────────────────────────────────┐
   │ Tagebuch-Chronik                            │
   ├─────────────────────────────────────────────┤
   │ Einfärben der Jahre in Tagebuch-Chronik     │
   └─────────────────────────────────────────────┘ 
wird in MediaWiki:Common.js erledigt! */

/* ┌─────────────────────────────────────────────┐
   │ versch. Hervorhebungen (f.Vaters Lebenslauf)│
   └─────────────────────────────────────────────┘ */
td.reise,
span.reise { 
	background-color: lightyellow;
}
td.krieg { 
	background-color: papayawhip;
}
td.gefan { 
	background-color: lavenderblush;
}
td.padua { 
	background-color: aquamarine;
}
td.wwi { 
	background-color: whitesmoke;
}
td.krank { 
	background-color: thistle;
}

/* ┌─────────────────────────────────────────────┐
   │ Textfarben f. Tgb.-Originalmanuskriptseiten │
   └─────────────────────────────────────────────┘ */
div.poem { 
	font-size: smaller; 
}

div.poem s {  /*   nur im Manuskript, im Typoskript weggefallen   */
	text-decoration: none; 
	color: mediumvioletred /*firebrick*/ ; 
}
div.poem u {  /* nicht im Manuskript, im Typoskript neu eingefügt */
	text-decoration: none; 
	color: turquoise /*nicht green um Verwechlung mit Link zu vermeiden*/; 
	/* font-size: 8pt; */
}
div.poem b {  /* Transskription unsicher */
	font-weight: normal; 
	/* background-color: #ffff80 */ /*peachpuff geht auch*/; 
	color: gold; 
}

/* ╔═════════════════════════════════════════════╗
   ║ Gallery                                     ║
   ╟─────────────────────────────────────────────╢
   ║ Werte für li werden aktiviert, indem in     ║
   ║ MediaWiki:Common.js der class-name des      ║
   ║ <span>-Elements (am Anfang der Bildtexte)   ║
   ║ dem class-name der umgebenden gallerybox    ║
   ║ (= <li>-Tag) hinzugefügt wird.              ║
   ╟─────────────────────────────────────────────╢
   ║ Bildrahmen in Tag-für-Tag-Edition           ║
   ╟─────────────────────────────────────────────╢
   ║ Werte für div.thumbinner werden aktiviert, indem in MediaWiki:Common.js 
   ║ der class-name des <span>-Elements (auch hier am Anfang der Bildtexte) 
   ║ dem class-name des umgebenden (Rahmen) div.thumbinner, 
   ║ nicht aber dem direkten Bildrand (sieht unschön aus) 
   ║ hinzugefügt wird                            ║
   ╚═════════════════════════════════════════════╝ */
/* Farben-classes:
	limegreen	solid	TgbT	Tagebuch (auch wenn D, A oder S zusätzlich zutifft)
	limegreen	dashed	TgbD	Dokumente und Objekte
	mediumturquoise	solid	TgbA	Album des Autors
	mediumturquoise	dashed	TgbS	Sammlung des Autors
	gold		solid	TgbZ	Zusätzliche Erwerbungen des Herausgebers
	gold		dashed	TgbK	Kartenmontagen/-bearbeitungen des Herausgebers
	salmon			-	zzt nicht in Gebrauch */

li.gallerybox {
	background-color: #f8f9fa; /* gilt für alle nicht classifizierten Bilder */
	border: 1px solid silver;
	margin-top: 3px;
}
div.thumbinner {
	background-color: #f8f9fa; /* gilt für alle nicht classifizierten Bilder */
	border: 1px solid silver;
}
div.TgbT, 
div.TgbD, 
li.TgbT, span.TgbT,  /* span.Tgb... ist die Unterstreichung der Quellen in der Liste */
li.TgbD, span.TgbD {
	border-color: limegreen;       /* grün */
	background-color: #fcfefc;     /* hellster tint des hellsten tints gem. color-hex.com */
}
div.TgbA, /*img.TgbA,*/
div.TgbS, /*img.TgbS,*/
li.TgbA, span.TgbA, 
li.TgbS, span.TgbS {
	border-color: mediumturquoise; /* blau */
	background-color: #fdfefe;
}
div.TgbZ, /*img.TgbZ,*/
div.TgbK, /*img.TgbK,*/
li.TgbZ, span.TgbZ,
li.TgbK, span.TgbK {
	border-color: gold;            /* gelb */
	background-color: #fffefc;
}
                                       /* salmon = rot (mit bg #fefdfd) zzt nicht in Gebrauch */
span.TgbT, /* li ist wohl automatisch solid? */
span.TgbA, 
span.TgbZ {
	border-style: solid;
}
div.TgbD, /*img.TgbD,*/
div.TgbS, /*img.TgbS,*/
div.TgbK, /*img.TgbK,*/
li.TgbD, span.TgbD, 
li.TgbS, span.TgbS,
li.TgbK, span.TgbK {
	border-style: dashed;
}
span.TgbT, span.TgbD, span.TgbA, span.TgbS, span.TgbZ, span.TgbK {
	border-width: 0px 0px 1px 0px;
}
li.gallerybox div.thumb {
	border-width: 0px;
	background-color: transparent;
}
li.gallerybox div.thumb div {
	margin: 10px auto;
}
li.gallerybox div.gallerytext {
	padding-left: 10px;
	line-height: 110%;
}

/* ╔═════════════════════════════════════════════╗
   ║ Tabellenzellen formatieren                  ║
   ╚═════════════════════════════════════════════╝ */
table.oben th,
table.oben td {
	vertical-align: top;
}
table.kursiv th,
table.kursiv td {
	font-style: italic;
}

/* ╔═════════════════════════════════════════════╗
   ║ Offizierstellenbes. in Seite Stellenbes...  ║
   ╚═════════════════════════════════════════════╝ */
table.IR477 {			/* IR477 war .kalendernavigation in Kalenderstyles */
	/*			.kalendernavigation hatte margin: 0em; */
	/*			.kalendernavigation hatte margin-bottom: 0.8em; */
	background-color: white;	/*neu*/
	padding: 1cm 1cm 1cm 1.5cm;	/*neu*/
}
table.IR477 > tr > td, 
table.IR477 > * > tr > td {	/* IR477 war .kalendernavigation in Kalenderstyles */
	/*			.kalendernavigation hatte font-size: 10pt; */
	padding: 0 0.4em; 
	height: 1em;		/* .kalendernavigation hatte height: 1.7; */
	line-height: 1em;	/* .kalendernavigation hatte line-height: 1.4; */
	/*			.kalendernavigation hatte vertical-align: middle; */
	vertical-align: bottom; /*anders, weil Fußnotenzeichen Ziele erhöhen u. Text nach unten drücken*/
	/*			.MGK hatte vertical-align: top */
	font-family: Courier New, Courier, monospace;	/* war .MGK in Kalenderstyles */
}
table.IR477 p {			/* IR477 war .kalendernavigation in Kalenderstyles */
	margin: 0 0;
}

/* 

*/