MediaWiki:Common.css: Difference between revisions
Constrain contribute box width; consistent Gallery placement |
Fix Gallery whitespace: no clear:both; collapse contribute UI |
||
| Line 521: | Line 521: | ||
} | } | ||
/* Compact disclosure in the text column beside the floated infobox. | |||
clear:both here (and on .soldier-gallery) caused the huge Gallery gaps. */ | |||
.soldier-upload-box { | .soldier-upload-box { | ||
margin: 0. | display: block; | ||
padding: 0. | margin: 0.35em 0 0.85em; | ||
padding: 0; | |||
background: transparent; | |||
border: none; | |||
overflow: auto; | |||
width: auto; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
clear: none; | |||
} | |||
.soldier-upload-box > summary { | |||
display: list-item; | |||
cursor: pointer; | |||
padding: 0.35em 0.6em; | |||
background: #f8f9fa; | background: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: 2px; | |||
width: | font-weight: 600; | ||
max-width: | line-height: 1.4; | ||
width: fit-content; | |||
max-width: 100%; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.soldier-upload-box > | .soldier-upload-box > summary:hover { | ||
margin: 0 0 0. | background: #eaecf0; | ||
} | |||
.soldier-upload-box[open] > summary { | |||
margin-bottom: 0; | |||
border-bottom-left-radius: 0; | |||
border-bottom-right-radius: 0; | |||
} | |||
.soldier-upload-body { | |||
padding: 0.65em 0.75em 0.75em; | |||
background: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
border-top: none; | |||
box-sizing: border-box; | |||
max-width: 100%; | |||
} | } | ||
| Line 546: | Line 577: | ||
.soldier-contrib-ocr { | .soldier-contrib-ocr { | ||
margin-top: 0. | margin-top: 0.75em; | ||
padding-top: 0. | padding-top: 0.75em; | ||
border-top: 1px solid #c8ccd1; | border-top: 1px solid #c8ccd1; | ||
} | } | ||
| Line 907: | Line 938: | ||
} | } | ||
/* Soldier profile — compact photo gallery (not infobox-style thumbs) */ | /* Soldier profile — compact photo gallery (not infobox-style thumbs). | ||
Stay in the text column beside the infobox; clearing created empty voids. */ | |||
.soldier-gallery { | .soldier-gallery { | ||
margin: 0.5em 0 1em; | margin: 0.5em 0 1em; | ||
clear: | clear: none; | ||
width: 100%; | overflow: auto; | ||
width: auto; | |||
max-width: 100%; | |||
box-sizing: border-box; | |||
} | } | ||
.soldier-gallery ul.gallery, | .soldier-gallery ul.gallery, | ||