/* 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.
tpt bis tprbl: Klassen für die Zellen, welche die Verbindunglinien erzeugen:
t=top,
r=right,
b=bottom,
l=left
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
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:1.5em;}
.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 #AAAAAA; }
.tpcaptiont { border-top:1px solid #AAAAAA; text-align:center; vertical-align:top; }
.tpcaptionb { border-bottom:1px solid #AAAAAA; text-align:center; vertical-align:bottom; }
.tpseed { background:#6C7A93; border:1px solid #AAAAAA; color:#FFFFFF; height:20px;}
.tpteam { border:1px solid #AAAAAA; padding:0 1ex; text-align:left; height:20px; }
.tpscore { border:1px solid #AAAAAA; height:20px; }
.tpgroup { text-align:center; }
.tpt { border-style:solid; border-width:2px 0 0 0 ; }
.tpr { border-style:solid; border-width:0 2px 0 0 ; }
.tptr { border-style:solid; border-width:2px 2px 0 0 ; }
.tpb { border-style:solid; border-width:0 0 2px 0 ; }
.tptb { border-style:solid; border-width:2px 0 2px 0 ; }
.tprb { border-style:solid; border-width:0 2px 2px 0 ; }
.tptrb { border-style:solid; border-width:2px 2px 2px 0 ; }
.tpl { border-style:solid; border-width:0 0 0 2px; }
.tptl { border-style:solid; border-width:2px 0 0 2px; }
.tprl { border-style:solid; border-width:0 2px 0 2px; }
.tptrl { border-style:solid; border-width:2px 2px 0 2px; }
.tpbl { border-style:solid; border-width:0 0 2px 2px; }
.tptbl { border-style:solid; border-width:2px 0 2px 2px; }
.tprbl { border-style:solid; border-width:0 2px 2px 2px; }
.tpbb { border-bottom-width:2px; } /* für Kompaktformat */
.tptt { border-top-width:2px; } /* für Kompaktformat */
.tpbox { border-collapse:collapse; font-size:90%; margin:0; text-align:center; box-sizing:border-box; line-height:120%;}
/* Für den Dark mode */
@media screen {
html.skin-theme-clientpref-night .tpseed { background:#B6BCC9; border:1px solid #CCCCCC; color:#000000;}
html.skin-theme-clientpref-night td { border-color:#CCCCCC; }
}
