Tagebuchstyles.css: Unterschied zwischen den Versionen

Aus Westmärker Wiki
Wechseln zu: Navigation, Suche
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 96: Zeile 96:
 
   │ Inhaltsverz.-Elemente farbig hinterlegen    │
 
   │ Inhaltsverz.-Elemente farbig hinterlegen    │
 
   └─────────────────────────────────────────────┘
 
   └─────────────────────────────────────────────┘
siehe auch
+
Ideen aus
 
- https://wiki.selfhtml.org/extensions/Selfhtml/frickl.php/Beispiel:CSS_Menüs6.html
 
- 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 */
 
- 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 {  
 
table.tagebuchinhalt li {  
 
width: 100%;
 
width: 100%;
Zeile 106: Zeile 105:
 
background-color: #D8FFD8 /*heller als palegreen #98FB98*/;
 
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! */
 
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;
 
}
 
}
/* table.tagebuchinhalt a:hover {
 
background-color: palegreen;
 
} */
 
  
 
/* ╔═════════════════════════════════════════════╗
 
/* ╔═════════════════════════════════════════════╗

Version vom 22. März 2020, 16:03 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    │
   └─────────────────────────────────────────────┘
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;
}

/* 
*/