Vorlage:Turnierplan/styles.css

 /* 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:1em0;max-width:100%;text-align:center;box-sizing:border-box;line-height:130%;}
 .tptblxl{border-collapse:collapse;font-size:90%;margin:1em0;max-width:100%;text-align:center;box-sizing:border-box;line-height:1.5em;}
 .tpheader{border:1pxsolid#AAAAAA;}
 .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{background-color:#6C7A93;border:1pxsolid#AAAAAA;color:#FFFFFF;height:20px;}
 .tpteam{border:1pxsolid#AAAAAA;padding:00.5em;text-align:left;height:20px;}
 .tpscore{border:1pxsolid#AAAAAA;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:0000;}
 .tp0002{border-style:solid;border-width:0002px;}
 .tp0020{border-style:solid;border-width:002px0;}
 .tp0022{border-style:solid;border-width:002px2px;}
 .tp0200{border-style:solid;border-width:02px00;}
 .tp0202{border-style:solid;border-width:02px02px;}
 .tp0220{border-style:solid;border-width:02px2px0;}
 .tp0222{border-style:solid;border-width:02px2px2px;}
 .tp2000{border-style:solid;border-width:2px000;}
 .tp2002{border-style:solid;border-width:2px002px;}
 .tp2020{border-style:solid;border-width:2px02px0;}
 .tp2022{border-style:solid;border-width:2px02px2px;}
 .tp2200{border-style:solid;border-width:2px2px00;}
 .tp2202{border-style:solid;border-width:2px2px02px;}
 .tp2220{border-style:solid;border-width:2px2px2px0;}
 .tpbb{border-bottom:1pxsolid#333333;}/* dunklerer Rand unten für Kompaktformat */
 .tptt{border-top:1pxsolid#333333;}/* 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: */
 @mediascreen{
 html.skin-theme-clientpref-night.tpseed{background:#B6BCC9;border:1pxsolid#CCCCCC;color:#000000;}
 html.skin-theme-clientpref-night.tptabletd{border-color:#CCCCCC;}
 }