Template:Infobox tournament/styles.css: Difference between revisions
Template page
More actions
m Split remaining inline CSS into /styles.css; delegate shared infobox chrome to Template:Infobox for wiki-wide visual parity |
m Infobox tournament: auto-generate a lead paragraph from the same infobox parameters |
||
| Line 7: | Line 7: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
.loka-tournament-columns { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
border-top: 1px solid rgba(255, 255, 255, .08); | |||
} | |||
.loka-tournament-details { | |||
padding: .6em; | |||
border-right: 1px solid rgba(255, 255, 255, .08); | |||
} | |||
.loka-tournament-col-heading { | |||
font-size: .7em; | |||
font-weight: 700; | |||
color: #f0cf8e; | |||
text-transform: uppercase; | |||
letter-spacing: .04em; | |||
} | |||
.loka-tournament-details .loka-tournament-col-heading { | |||
margin-bottom: .6em; | |||
} | |||
.loka-tournament-results .loka-tournament-col-heading { | |||
padding: .5em .6em 0; | |||
} | |||
.loka-tournament-details-grid { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: .6em .5em; | |||
} | |||
.loka-tournament-detail-label { | |||
display: block; | |||
font-size: .68em; | |||
opacity: .65; | |||
text-transform: uppercase; | |||
letter-spacing: .03em; | |||
margin-bottom: .15em; | |||
} | |||
.loka-tournament-detail-value { | |||
display: block; | |||
font-size: .85em; | |||
font-weight: 700; | |||
word-break: break-word; | |||
} | |||
.loka-tournament-runners-tile { | |||
grid-column: 1 / -1; | |||
margin-top: .6em; | |||
} | } | ||
Revision as of 07:05, 18 August 2026
.loka-tournament-image {
line-height: 0;
}
.loka-tournament-image img {
display: block;
width: 100%;
height: auto;
}
.loka-tournament-columns {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid rgba(255, 255, 255, .08);
}
.loka-tournament-details {
padding: .6em;
border-right: 1px solid rgba(255, 255, 255, .08);
}
.loka-tournament-col-heading {
font-size: .7em;
font-weight: 700;
color: #f0cf8e;
text-transform: uppercase;
letter-spacing: .04em;
}
.loka-tournament-details .loka-tournament-col-heading {
margin-bottom: .6em;
}
.loka-tournament-results .loka-tournament-col-heading {
padding: .5em .6em 0;
}
.loka-tournament-details-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .6em .5em;
}
.loka-tournament-detail-label {
display: block;
font-size: .68em;
opacity: .65;
text-transform: uppercase;
letter-spacing: .03em;
margin-bottom: .15em;
}
.loka-tournament-detail-value {
display: block;
font-size: .85em;
font-weight: 700;
word-break: break-word;
}
.loka-tournament-runners-tile {
grid-column: 1 / -1;
margin-top: .6em;
}
.loka-podium-row {
display: flex;
align-items: center;
gap: .5em;
padding: .5em .6em;
border-top: 1px solid rgba(255, 255, 255, .08);
}
.loka-podium-label {
font-size: .7em;
font-weight: 700;
color: #f0cf8e;
text-transform: uppercase;
letter-spacing: .04em;
}
.loka-podium-team,
.loka-podium-single {
font-weight: 700;
}
.loka-podium-info .loka-hlist {
font-size: .85em;
opacity: .8;
}
.loka-podium-disclaimer {
font-size: .7em;
font-style: italic;
opacity: .6;
text-align: center;
padding: .3em .6em .5em;
}
.loka-chrono-box {
border-top: 1px solid rgba(255, 255, 255, .08);
}
.loka-chrono-header {
background: #9c6b2e;
color: #ffffff;
font-weight: 700;
font-size: .75em;
text-align: center;
padding: .4em .5em;
}
.loka-chrono-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.loka-chrono-pane {
padding: .5em .35em;
text-align: center;
font-size: .78em;
}
.loka-chrono-title--current {
font-weight: 700;
}
.loka-chrono-year {
opacity: .75;
font-size: .9em;
margin-top: .2em;
}
.loka-chrono-tba,
.loka-chrono-empty {
color: rgba(255, 255, 255, .4);
font-style: italic;
}