Tagebuchstyles.css: Unterschied zwischen den Versionen

Aus Westmärker Wiki
Wechseln zu: Navigation, Suche
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 95: Zeile 95:
 
table.tagebuchinhalt dl {
 
table.tagebuchinhalt dl {
 
margin-top:    0;
 
margin-top:    0;
 +
margin-bottom: 0;
 +
}
 +
table.tagebuchinhalt dd,
 +
table.tagebuchinhalt li {
 
margin-bottom: 0;
 
margin-bottom: 0;
 
}
 
}
Zeile 100: Zeile 104:
 
margin:  0 0 0 1.6em;
 
margin:  0 0 0 1.6em;
 
}
 
}
table.tagebuchinhalt * {
+
.mw-content-ltr table.tagebuchinhalt ul, .mw-content-rtl .mw-content-ltr table.tagebuchinhalt ul {
 +
margin: 0 0 0 1.6em;
 +
}
 +
.tagebuchinhalt * {
 
margin-top:    0;
 
margin-top:    0;
 
margin-bottom: 0;
 
margin-bottom: 0;

Version vom 26. März 2020, 17:30 Uhr

/*
   ┌─────────────────────────────────────────────┐
   │ 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              ║
   ╚═════════════════════════════════════════════╝ */
div.portal, div#catlinks {
	display: none;
}

/* ╔═════════════════════════════════════════════╗
   ║ 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, 
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;
}
div#p-personal a,       /* Login usw.       */
div.vectorMenu h3 span, /* Mehr             */
div#footer a,           /* Datenschutz usw. */
div.zurueck_zur_homepage a,
div.zurueck_zur_homepage a:link,
div.zurueck_zur_homepage a:active {
	color: gold;
}
div#footer ul li {      /* zuletzt geändert */
	color: silver;
}
div#toc .toctitle h2 {
	font-size: 11pt;
	letter-spacing: 0pt;
}
div.toc ul li {
	line-height: 1.2em;
}

/* ╔═════════════════════════════════════════════╗
   ║ speziell für Startseite/Inhaltsverzeichnis  ║
   ╚═════════════════════════════════════════════╝ */
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)*/
}
td.WTgrün { /* wie wikitable-Zelle */
	background-color: #f6fdf3;
	border: solid 1px #aaa;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle { 
	background-color: #D8FFD8;
	border: solid 1px white;
	/* border-style: solid;
	border-color: palegreen;
	border-width: 6px 0px 6px 3px; */
	vertical-align: middle;
	text-align: center;
}
span.gruenemarke { 
	background-color: palegreen;
}
/* ┌─────────────────────────────────────────────┐
   │ Inhaltsverz. störende Abstände entfernen    │
   └─────────────────────────────────────────────┘ /*
table.tagebuchinhalt dl {
	margin-top:    0;
	margin-bottom: 0;
}
table.tagebuchinhalt dd,
table.tagebuchinhalt li {
	margin-bottom: 0;
}
table.tagebuchinhalt ul {
	margin:  0 0 0 1.6em;
}
.mw-content-ltr table.tagebuchinhalt ul, .mw-content-rtl .mw-content-ltr table.tagebuchinhalt ul {
	margin: 0 0 0 1.6em;
}
.tagebuchinhalt * {
	margin-top:    0;
	margin-bottom: 0;
}
/* ┌─────────────────────────────────────────────┐
   │ Inhaltsverz.-Elemente farbig hinterlegen    │
   └─────────────────────────────────────────────┘
Ideen 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: #D8FFD8 /*heller als palegreen #98FB98*/;
	display: block; /* hierfür muss der ges. Zeilentext in <a>-Tags, auch wo es noch keinen Link gibt! */
	border-bottom: solid 1px white;
}
table.tagebuchinhalt li a:hover { 
	text-decoration: none;
	border-bottom: solid 1px darkgreen;
}

/* ╔═════════════════════════════════════════════╗
   ║ 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;
}

/* ╔═════════════════════════════════════════════╗
   ║ Gallery                                     ║
   ╟─────────────────────────────────────────────╢
   ║ Werte für li werden in MediaWiki:Common.js  ║
   ║ auf die class gallerybox übertragen         ║
   ╚═════════════════════════════════════════════╝ */
/*   Farben-classes:
TgbT grün solid  Tagebuch
TgbD grün dotted Dokumenten und Objekten
TgbA blau solid  Album des Autors
TgbS blau dotted Sammlung des Autors
TgbZ gelb solid  zusätzliche Erwerbungen des Herausgebers
TgbK gelb dotted Kartenmontagen/-bearbeitungen des Herausgebers */

li.gallerybox {
	background-color: #f8f9fa; /* gilt für alle nicht classifizierten Bilder */
	border: 1px solid silver;
	margin-top: 3px;
}
li.TgbT, span.TgbTq, 
li.TgbD, span.TgbDq { /* span.Tgb...q ist die Unterstreichung der Quellen in der Liste */
	border-color: limegreen;       /* grün */
}
li.TgbA, span.TgbAq, 
li.TgbS, span.TgbSq {
	border-color: mediumturquoise; /* blau */
}
li.TgbZ, span.TgbZq,
li.TgbK, span.TgbKq {
	border-color: gold;            /* gelb */
}
                                       /* salmon = rot zzt nicht in Gebrauch */
/*li?*/  span.TgbTq, /* li ist wohl automatisch solid? */
span.TgbAq, 
span.TgbZq {
	border-style: solid;
}
li.TgbD, span.TgbDq, 
li.TgbS, span.TgbSq,
li.TgbK, span.TgbKq {
	border-style: dashed;
}
span.TgbTq, span.TgbDq, span.TgbAq, span.TgbSq, span.TgbZq, span.TgbKq {
	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;
}

/* 
*/