Unterseite styles.css
BearbeitenDie Seite Vorlage:Turnierplan/styles.css dient zentralen Stildefinitionen für Turnierpläne. Die konsequente Verwendung von CSS-Klassen ermöglicht die Abstimmung sowohl auf den Hellmodus als auch auf den Dunkelmodus. Das gilt besonders für die Klassen der Rahmenlinien, die als „Verbinder“ der Boxen dienen.
Info: Die Angaben entsprechen dem überwiegenden Stil der bisherigen Turnierpläne. Sie sollten daher möglichst nicht mehr verändert werden, weil sich das auf hunderte Vorlagen auswirkt.
CSS-Klassen für Tabellle und Boxen
BearbeitenCSS-Klasse | Verwendung |
---|---|
tptable | für den Tabellenkopf |
tpheader | für die Felder mit „Halbfinale“ etc. Bitte zusammen mit CSS-Klasse „hintergrundfarbe5“ verwenden. |
tpseed | für die Felder mit den „Startplätzen“. Die Hintergrundfarbe ist aus den Plänen übernommen, direkt definiert und in beiden Modi gleich. |
tpteam | für die Felder mit den Team-Variablen. Bitte zusammen mit CSS-Klasse „hintergrundfarbe1“ verwenden. |
tpscore | für die Felder mit den Ergebnissen. Bitte zusammen mit CSS-Klasse „hintergrundfarbe1“ verwenden. |
tpgroup | für die Felder mit den „group“-Variablen. Zurzeit keine Hintergrundfarbe definiert. |
CSS-Klassen für die Verbindunglinien.
BearbeitenDie sind besonders wichtig!
Klassenname ist „tp“ (für „Turnierplan“), gefolgt von bis zu drei Angaben für „dicke Linien“. Hierbei gilt die CSS-Reihenfolge
- t=top, r=right, b=bottom, l=left
Beispiel: CSS-Klasse tptrb
bedeutet Linie tp-top-right-bottom, also Linie oben, rechts und unten.
Definiert sind:
CSS-Klasse | Linie(n) |
---|---|
tpt | nur oben |
tpr | nur rechts |
tptr | oben und rechts |
tpb | nur unten |
tptb | oben und unten |
tprb | rechts und unten |
tptrb | oben, rechts und unten |
tpl | nur links |
tptl | oben und links |
tprl | rechts und links |
tptrl | oben, rechts und links |
tpbl | unten und links |
tptbl | oben, unten und links |
tprbl | rechts, unten und links |
Was mache ich, wenn ich für einen bestimmten Turnierplan andere Werte haben will?
BearbeitenWer für eine bestimmte Turnierplanvorlage andere Werte haben will, der kann das mit Hilfe einer styles.css-Unterseite der jeweiligen Vorlage machen. Für eine Vorlage:Turnierplan4711
wäre das also Vorlage:Turnierplan4711/styles.css
Bitte keine Änderungen oder Ergänzungen hier vornehmen und darauf achten, dass auch im Dunkelmodus alles erkennbar ist.
Kopiervorlage
BearbeitenFür die ersten beiden und die letzte Zeile (Das Leerzeichen im Onlyinclude ist hier technich bedingt):
<onlyinclude ><templatestyles src="Turnierplan/styles.css" />
{| class="tptable"
</onlyinclude >
{{Dokumentation}}
Beispiel
BearbeitenAls Beispiel hier der Quellcode von Vorlage:Turnierplan4 (Das Leerzeichen im Onlyinclude ist hier technich bedingt):
<onlyinclude ><templatestyles src="Turnierplan/styles.css" />
{| class="tptable"
|-
| colspan="3" class="hintergrundfarbe5 tpheader" | {{{RD1|Halbfinale}}}
| colspan="2"|
| colspan="3" class="hintergrundfarbe5 tpheader" | {{{RD2|Finale}}}
|-
| style="width:5ex; height:1.2em;"|
| style="width:10em;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:5ex;"|
| style="width:10em;"|
| style="width:5ex;"|
|-
| class="tpseed" | {{{RD1-seed1|1}}}
| class="hintergrundfarbe1 tpteam" | {{{RD1-team1| }}}
| class="hintergrundfarbe1 tpscore" | {{{RD1-score1| }}}
| class="tpb" |
| rowspan="4" class="tpb" |
| colspan="3" style="height:0.8em;"|
|-
| rowspan="2" class="tpseed" | {{{RD1-seed2|4}}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD1-team2| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD1-score2| }}}
| rowspan="6" class="tptrb" |
| colspan="3" style="height:0.8em;"|
|-
| rowspan="2" class="tpseed" | {{{RD2-seed1| }}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD2-team1| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD2-score1| }}}
|-
| colspan="3" style="height:0.8em;"|
|-
| colspan="3" style="height:0.8em;"|
| rowspan="4" class="tpt" |
| rowspan="2" class="tpseed" | {{{RD2-seed2| }}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD2-team2| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD2-score2| }}}
|-
| rowspan="2" class="tpseed" | {{{RD1-seed3|2}}}
| rowspan="2" class="hintergrundfarbe1 tpteam" | {{{RD1-team3| }}}
| rowspan="2" class="hintergrundfarbe1 tpscore" | {{{RD1-score3| }}}
|-
| colspan="3" style="height:0.8em;"|
|-
| class="tpseed" | {{{RD1-seed4|3}}}
| class="hintergrundfarbe1 tpteam" | {{{RD1-team4| }}}
| class="hintergrundfarbe1 tpscore" | {{{RD1-score4| }}}
| class="tpt" |
| colspan="3" style="height:0.8em;"|
|}
</onlyinclude >