aus AufEinWort, der freien Forschung
/* Zentrale Stildefinitionen für Turnierpläne. Sie sind auf Hell- und Dunkelmodus abgestimmt. Im Einzelnen:
tptable für den Tabellenkopf
tpheader für die Felder mit "Halbfinale" etc. Bitte zusammen mit "hintergrundfarbe5" verwenden.
tpseed für die Felder mit den "Startplätzen" Hintergrundfarbe direkt definiert.
tpteam für die Felder mit den Team-Variablen. Bitte zusammen mit "hintergrundfarbe1" verwenden.
tpscore für die Felder mit den Ergebnissen. Bitte zusammen mit "hintergrundfarbe1" verwenden.
tpgroup für die Felder mit den "group"-Variablen. Zurzeit keine H-Farbe definiert.
tp0000 bis tp2220: Klassen für die Zellen, welche die Verbindunglinien erzeugen:
erste Stelle eine 2: Linie oben
zweite Stelle eine 2: Linie rechts
dritte Stelle eine 2: Linie unten
vierte Stelle eine 2: Linie links
Es können faktisch alle Zellen mit CSS-Klassen gestaltet werden.
WICHTIG! Wer für eine bestimmte Turnierplanvorlage andere Werte haben will,
der kann das mit Hilfe einer styles.css-Unterseite der jeweiligen Vorlage(!) machen.
Hier bitte keine Änderungen oder Ergänzungen für individuelle Turnierpläne
Einbindung (erste zwei Zeilen, Zeilenumbruch wichtig!):
<onlyinclude><templatestyles src="Turnierplan/styles.css" />
{| class="tptable" style="{{{style|}}}"
Beispiel: Vorlage:Turnierplan32
*/
.tptable { border-collapse:collapse; font-size:90%; margin:1em 0; max-width:100%; text-align:center; box-sizing:border-box; line-height:130%;}
.tptblxl { border-collapse:collapse; font-size:90%; margin:1em 0; max-width:100%; text-align:center; box-sizing:border-box; line-height:1.5em;}
.tpheader { border:1px solid #999999; }
.tpcaptiont { text-align:center; font-size:90%; vertical-align:top; }
.tpcaptionm { text-align:center; font-size:90%; vertical-align:middle; }
.tpcaptionb { text-align:center; font-size:90%; vertical-align:bottom; }
.tpseed { border:1px solid #999999; background-color:#6C7A93; color:#FFFFFF; height:20px;}
.tpteam { border:1px solid #999999; padding:0 0.5em; text-align:left; height:20px; }
.tpscore { border:1px solid #999999; height:20px; }
.tpgold { background:gold; }
.tpsilver { background:silver; }
.tpbronze { background:#CC9966; }
.tpgroup { text-align:center; }
.tpeditonly { font-size:1px; color:transparent; width:3px; }
.tp0000 { border-style:solid; border-width:0 0 0 0 ; }
.tp0002 { border-style:solid; border-width:0 0 0 2px; }
.tp0020 { border-style:solid; border-width:0 0 2px 0 ; }
.tp0022 { border-style:solid; border-width:0 0 2px 2px; }
.tp0200 { border-style:solid; border-width:0 2px 0 0 ; }
.tp0202 { border-style:solid; border-width:0 2px 0 2px; }
.tp0220 { border-style:solid; border-width:0 2px 2px 0 ; }
.tp0222 { border-style:solid; border-width:0 2px 2px 2px; }
.tp2000 { border-style:solid; border-width:2px 0 0 0 ; }
.tp2002 { border-style:solid; border-width:2px 0 0 2px; }
.tp2020 { border-style:solid; border-width:2px 0 2px 0 ; }
.tp2022 { border-style:solid; border-width:2px 0 2px 2px; }
.tp2200 { border-style:solid; border-width:2px 2px 0 0 ; }
.tp2202 { border-style:solid; border-width:2px 2px 0 2px; }
.tp2220 { border-style:solid; border-width:2px 2px 2px 0 ; }
.tpbb { border-bottom:2px solid #777777; } /* breiterer und dunklerer Rand unten für Kompaktformat */
.tptt { border-top:2px solid #777777; } /* breiterer und dunklerer Rand oben für Kompaktformat */
.tpbox { border-collapse:collapse; font-size:90%; margin:0; text-align:center; box-sizing:border-box; line-height:120%;}
.tpeditonly { display:none; }
.tpoption { background:#ff9900; margin:0; padding:1px; font-style:italic; } /* Für die Layout-Grafik */
/* Für den Dark mode: */
@media screen {
html.skin-theme-clientpref-night .tpseed { border:1px solid #DDDDDD; background:#B6BCC9; color:#000000; height:20px;}
html.skin-theme-clientpref-night .tptable td { border-color:#DDDDDD; }
html.skin-theme-clientpref-night .tpbb { border-bottom:2px solid #DDDDDD; } /* breiterer Rand unten für Kompaktformat */
html.skin-theme-clientpref-night .tptt { border-top :2px solid #DDDDDD; } /* breiterer Rand oben für Kompaktformat */
}
