Tagebuchstyles.css
Version vom 10. Juni 2020, 18:51 Uhr von Ahnenfan (Diskussion | Beiträge)
/* Dieses CSS formatiert alle Artikel, die zum Tagebuch gehören
Aufruf erfolgt in Vorlage:KTB
Siehe auch
- Kalenderstyles.css für die Edition "Tag für Tag", und zwar
- die Navigationsboxen
- die Überschriften, die nur auf diesen Seiten so aussehen sollen wie in der PDF-Edition bzw. in Word.
- Die dort angegebene Formatierung einer Tabelle in Schriftart courier (.KTB, für die Gliederung einer MGK) könnte auch gerne in Tagebuchstyles.css oder gar MediaWiki:Common.css verschoben werden.
- MediaWiki:Common.css für alle Artikel des Westmärker Wiki
┌─────────────────────────────────────────────┐
│ 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,
.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;
}
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 /*heller als palegreen #98FB98*/;
border: solid 1px white;
vertical-align: middle;
text-align: center;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle a.internal { /* übernommen von li a.hover */
display: block;
width: 100%;
}
table.tagebuchinhalt>tbody>tr>td.grünezelle:hover { /* ähnlich wie li a.hover */
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;
}
/* ┌─────────────────────────────────────────────┐
│ Starts./Inhaltsverz. störende Abstände entf.│
└─────────────────────────────────────────────┘ */
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 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. ║
╚═════════════════════════════════════════════╝ */
/* 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.TgbT,
li.TgbD, span.TgbD { /* span.Tgb... ist die Unterstreichung der Quellen in der Liste */
border-color: limegreen; /* grün */
background-color: #fcfefc; /* hellster tint des hellsten tints gem. color-hex.com */
}
li.TgbA, span.TgbA,
li.TgbS, span.TgbS {
border-color: mediumturquoise; /* blau */
background-color: #fdfefe;
}
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;
}
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;
}
/* */