Tagebuchstyles.css: Unterschied zwischen den Versionen

Aus Westmärker Wiki
Zur Navigation springen Zur Suche springen
Zeile 63: Zeile 63:
 
}
 
}
  
/* ╔═════════════════════════════════════════════╗
+
/* ┌─────────────────────────────────────────────┐
   speziell für Startseite/Inhaltsverzeichnis 
+
   speziell für Startseite/Inhaltsverzeichnis 
   ╚═════════════════════════════════════════════╝ */
+
   └─────────────────────────────────────────────┘ */
 
table.tagebuchinhalt {
 
table.tagebuchinhalt {
 
border-collapse: collapse;  
 
border-collapse: collapse;  
Zeile 119: Zeile 119:
 
}
 
}
  
/* ╔═════════════════════════════════════════════╗
+
/* ┌─────────────────────────────────────────────┐
   versch. Hervorhebungen (f.Vaters Lebenslauf)
+
   versch. Hervorhebungen (f.Vaters Lebenslauf)
   ╚═════════════════════════════════════════════╝ */
+
   └─────────────────────────────────────────────┘ */
 
td.reise,
 
td.reise,
 
span.reise {  
 
span.reise {  
Zeile 140: Zeile 140:
 
td.krank {  
 
td.krank {  
 
background-color: thistle;
 
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;
 
}
 
}
  

Version vom 9. April 2020, 18:09 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,
table.tagebuchinhalt dd,
table.tagebuchinhalt ul,
table.tagebuchinhalt li {
	margin-top:    0.1em !important;
	margin-bottom: 0.1em !important;
}
/* ┌─────────────────────────────────────────────┐
   │ 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;
}

/* ┌─────────────────────────────────────────────┐
   │ 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 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;
}

/* 

*/