Template:Infobox/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 6: | Line 6: | ||
background: rgba(20, 16, 12, .45); | background: rgba(20, 16, 12, .45); | ||
border: 1px solid rgba(255, 255, 255, .08); | border: 1px solid rgba(255, 255, 255, .08); | ||
} | |||
.loka-infobox--wide { | |||
width: 520px; | |||
} | } | ||
Revision as of 07:05, 18 August 2026
.loka-infobox {
float: right;
clear: right;
width: 300px;
margin: 0 0 1em 1em;
background: rgba(20, 16, 12, .45);
border: 1px solid rgba(255, 255, 255, .08);
}
.loka-infobox--wide {
width: 520px;
}
.loka-infobox-name {
text-align: center;
font-size: 1.25em;
font-weight: 700;
padding: .6em;
border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.loka-infobox-type {
background: #9c6b2e;
color: #ffffff;
font-weight: 700;
font-size: .72em;
text-transform: uppercase;
letter-spacing: .04em;
text-align: center;
padding: .35em .5em;
}
.loka-infobox-image {
line-height: 0;
text-align: center;
padding: 10px;
}
.loka-infobox-image img {
max-width: 100%;
height: auto;
}
.loka-infobox-row {
display: flex;
padding: .4em .6em;
border-top: 1px solid rgba(255, 255, 255, .08);
font-size: .9em;
}
.loka-infobox-row-key {
flex: 0 0 38%;
font-weight: 700;
text-align: left;
}
.loka-infobox-row-value {
flex: 1;
text-align: left;
}
.loka-infobox-row--wide {
flex-direction: column;
align-items: flex-start;
gap: .3em;
}
.loka-hlist {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
.loka-hlist li {
display: inline;
}
.loka-hlist li:not(:last-child)::after {
content: ", ";
}
.loka-hlist--stacked {
display: block;
}
.loka-hlist--stacked li {
display: block;
}
.loka-hlist--stacked li:not(:last-child)::after {
content: none;
}