MediaWiki:Common.css: Difference between revisions

(One intermediate revision by the same user not shown)

Line 290:

background: none !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 {

~~display~~: ~~block~~;

/* Landscape heroes fill the column, which is the look we want. Most of the

width: 100%;

corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and

at full column width a 2:3 portrait renders about 1140px tall — it buries

the intro instead of introducing it. Capping the height keeps a landscape

hero untouched (a 3:2 at this width is ~507px) while a portrait one

becomes a tall centered figure rather than a wall. Height, not a crop:

nothing is cut off a watch photograph. */

max-height: 520px;

width: auto;

max-width: 100%;

height: auto;

display: inline-block;

border: 1px solid #d4e0d8;

border-radius: 8px;

Line 301:

Line 319:

.rp-lead .thumbcaption,

.rp-lead figcaption {

text-align: ~~left~~;

text-align: center;

font-size: 0.82em;

color: #5a6b60;

@@ Line 290: / Line 290: @@
      background: none !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
+px column. Centre the inline flow instead. */
+    text-align: center;
+}
+.rp-lead a {
+    display: inline-block;
 }
 .rp-lead img {
-     display: block;
+     /* Landscape heroes fill the column, which is the look we want. Most of the
-     width: 100%;
+       corpus is not landscape yet (27 landscape, 90 square, 83 portrait), and
+       at full column width a 2:3 portrait renders about 1140px tall — it buries
+       the intro instead of introducing it. Capping the height keeps a landscape
+       hero untouched (a 3:2 at this width is ~507px) while a portrait one
+       becomes a tall centered figure rather than a wall. Height, not a crop:
+       nothing is cut off a watch photograph. */
+    max-height: 520px;
+    width: auto;
+     max-width: 100%;
      height: auto;
+    display: inline-block;
      border: 1px solid #d4e0d8;
      border-radius: 8px;
@@ Line 301: / Line 319: @@
 .rp-lead .thumbcaption,
 .rp-lead figcaption {
-     text-align: left;
+     text-align: center;
      font-size: 0.82em;
      color: #5a6b60;