Tagebuchstyles.css: Unterschied zwischen den Versionen

Aus Westmärker Wiki
Wechseln zu: Navigation, Suche
Zeile 104: Zeile 104:
 
}
 
}
 
table.tagebuchinhalt li a {  
 
table.tagebuchinhalt li a {  
background-color: palegreen;
+
background-color: #B8FBB8 /*etwas heller als palegreen #98FB98*/;
 
display: block; /* hierfür muss der ges. Zeilentext in <a>-Tags, auch wo es noch keinen Link gibt! */
 
display: block; /* hierfür muss der ges. Zeilentext in <a>-Tags, auch wo es noch keinen Link gibt! */
 
}
 
}

Version vom 22. März 2020, 15:33 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.2em 0.4em; 
}
/* table.tagebuchinhalt>tbody>tr>td li {
	border-top: solid 2px green;
} */
td.WTgrün { /* wie wikitable-Zelle */
	background-color: #f6fdf3;
	border: solid 1px #aaa;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle { 
	/* background-color: palegreen; */
	border-style: solid;
	border-color: palegreen;
	border-width: 6px 0px 6px 3px;
	vertical-align: middle;
	text-align: center;
}
span.gruenemarke { 
	background-color: palegreen;
}
/*
   ┌─────────────────────────────────────────────┐
   │ Inhaltsverz.-Elemente farbig hinterlegen    │
   └─────────────────────────────────────────────┘
siehe auch 
- 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 */
/* folgendes funktioniert alles, sieht aber noch nicht gut aus: */
table.tagebuchinhalt li { 
	width: 100%;
}
table.tagebuchinhalt li a { 
	background-color: #B8FBB8 /*etwas heller als palegreen #98FB98*/;
	display: block; /* hierfür muss der ges. Zeilentext in <a>-Tags, auch wo es noch keinen Link gibt! */
}
/* table.tagebuchinhalt a:hover { 
	background-color: palegreen;
} */

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

/* 
*/