Template:BTD6 stats/style.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
.stats-wrapper { | .stats-wrapper { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | |||
gap: 10px; | gap: 10px; | ||
margin: 1em 0; | margin: 1em 0; | ||
} | |||
.stats-wrapper dt { | |||
font-weight: normal; | |||
} | } | ||
| Line 10: | Line 15: | ||
border: 1px solid var(--border-color-object-base); | border: 1px solid var(--border-color-object-base); | ||
padding: 3px 4px 4px; | padding: 3px 4px 4px; | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 2px; | gap: 2px; | ||
align-self: flex-start; | |||
} | |||
.stats-outer-block.horizontal { | |||
flex: 1 1 800px; | |||
} | |||
.stats-outer-block.vertical { | |||
flex: 1 1 300px; | |||
flex-direction: column; | |||
} | } | ||
| Line 25: | Line 35: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
} | |||
.stats-outer-block.horizontal > .head { | |||
flex: 1 1 100%; | |||
} | } | ||
.stats-outer-block .stats-inner-block { | .stats-outer-block .stats-inner-block { | ||
font-size: 90%; | |||
} | |||
.stats-outer-block.horizontal .stats-inner-block { | |||
flex: 1 1 400px; | flex: 1 1 400px; | ||
} | } | ||
.stats-outer-block .stats-inner-block | .stats-outer-block.vertical .stats-inner-block { | ||
flex: | flex: 1; | ||
} | } | ||