MediaWiki:Common.css: Difference between revisions
Auto-deploy CSS update |
Auto-deploy CSS update |
||
| Line 290: | Line 290: | ||
background: none !important; | background: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
/* Centring has to happen here, not on the image. MediaWiki wraps the file | |||
in an inline <a>, so `margin: 0 auto` on the img centres it inside an | |||
anchor that has already shrunk to fit — which left a height-capped | |||
portrait lead 342px wide sitting flush against the left margin of a | |||
1053px column. Centre the inline flow instead. */ | |||
text-align: center; | |||
} | |||
.rp-lead a { | |||
display: inline-block; | |||
} | } | ||
.rp-lead img { | .rp-lead img { | ||
/* Landscape heroes fill the column, which is the look we want. Most of the | /* Landscape heroes fill the column, which is the look we want. Most of the | ||
corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and | corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and | ||
| Line 304: | Line 312: | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | height: auto; | ||
display: inline-block; | |||
border: 1px solid #d4e0d8; | border: 1px solid #d4e0d8; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Line 311: | Line 319: | ||
.rp-lead .thumbcaption, | .rp-lead .thumbcaption, | ||
.rp-lead figcaption { | .rp-lead figcaption { | ||
text-align: | text-align: center; | ||
font-size: 0.82em; | font-size: 0.82em; | ||
color: #5a6b60; | color: #5a6b60; | ||