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 Split remaining inline CSS into /styles.css; delegate shared infobox chrome to Template:Infobox for wiki-wide visual parity |
||
| Line 1: | Line 1: | ||
.loka-tournament-image { | |||
line-height: 0; | |||
} | |||
.loka-tournament-image img { | |||
display: block; | |||
width: 100%; | |||
height: auto; | |||
} | |||
.loka-podium-row { | .loka-podium-row { | ||
display: flex; | display: flex; | ||
| Line 23: | Line 33: | ||
font-size: .85em; | font-size: .85em; | ||
opacity: .8; | opacity: .8; | ||
} | |||
.loka-podium-disclaimer { | |||
font-size: .7em; | |||
font-style: italic; | |||
opacity: .6; | |||
text-align: center; | |||
padding: .3em .6em .5em; | |||
} | } | ||
Revision as of 06:03, 18 August 2026
.loka-tournament-image {
line-height: 0;
}
.loka-tournament-image img {
display: block;
width: 100%;
height: auto;
}
.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;
border-left: 1px solid rgba(255, 255, 255, .08);
}
.loka-chrono-grid > .loka-chrono-pane:first-child {
border-left: none;
}
.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;
}