MediaWiki:Common.css: Difference between revisions
CategoryTree 3-column layout; strip wiki braces from CSS comments |
Widen awards label grid to Wikipedia-like ~48em width |
||
| Line 212: | Line 212: | ||
.soldier-awards-section .soldier-ribbon-rack, | .soldier-awards-section .soldier-ribbon-rack, | ||
table.soldier-ribbon-rack { | table.soldier-ribbon-rack { | ||
margin: 0. | margin: 1em auto 0.35em auto; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background: transparent; | background: transparent; | ||
| Line 236: | Line 236: | ||
} | } | ||
/* | /* Wikipedia-style awards label grid: centered, readable column width, | ||
multi-line cells via <br />; short rows use colspan to match full width */ | |||
table.soldier-awards-grid { | table.soldier-awards-grid { | ||
margin: | margin: 1em auto; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
table-layout: fixed; | table-layout: fixed; | ||
width: | width: 48em; | ||
max-width: | max-width: 100%; | ||
font-size: | font-size: 95%; | ||
line-height: 1. | line-height: 1.35; | ||
text-align: center; | |||
} | } | ||
| Line 250: | Line 252: | ||
table.soldier-awards-grid td { | table.soldier-awards-grid td { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 0. | padding: 0.5em 0.75em; | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
overflow-wrap: | overflow-wrap: break-word; | ||
hyphens: | word-break: normal; | ||
hyphens: manual; | |||
} | } | ||