counter-reset: mw-numbered-ext-link;
}
-.mw-parser-output a[rel~='mw:ExtLink']:empty:after {
+.mw-parser-output a[ rel~='mw:ExtLink' ]:empty:after {
content: '[' counter( mw-numbered-ext-link ) ']';
counter-increment: mw-numbered-ext-link;
}
/**
* Block media items
*/
-figure[typeof*='mw:Image'],
-figure[typeof*='mw:Video'],
-figure[typeof*='mw:Audio'] {
+figure[ typeof*='mw:Image' ],
+figure[ typeof*='mw:Video' ],
+figure[ typeof*='mw:Audio' ] {
margin: 0;
a {
}
}
-figure[typeof~='mw:Image/Thumb'],
-figure[typeof~='mw:Video/Thumb'],
-figure[typeof~='mw:Audio/Thumb'],
-figure[typeof~='mw:Image/Frame'],
-figure[typeof~='mw:Video/Frame'],
-figure[typeof~='mw:Audio/Frame'] {
+figure[ typeof~='mw:Image/Thumb' ],
+figure[ typeof~='mw:Video/Thumb' ],
+figure[ typeof~='mw:Audio/Thumb' ],
+figure[ typeof~='mw:Image/Frame' ],
+figure[ typeof~='mw:Video/Frame' ],
+figure[ typeof~='mw:Audio/Frame' ] {
display: table;
text-align: center;
border: 1px solid #c8ccd1;
}
}
-figure[typeof*='mw:Image/Thumb'],
-figure[typeof*='mw:Video/Thumb'],
-figure[typeof*='mw:Audio/Thumb'] {
+figure[ typeof*='mw:Image/Thumb' ],
+figure[ typeof*='mw:Video/Thumb' ],
+figure[ typeof*='mw:Audio/Thumb' ] {
> a:after {
content: '';
width: 15px;
border: 1px solid #eaecf0;
}
}
+
+/**
+ * Avoid the need to calculate paddings individually
+ * https://stackoverflow.com/a/7310398
+ */
+.mw-gallery-traditional .gallerybox .thumb {
+ &:before {
+ content: '';
+ vertical-align: middle;
+ display: inline-block;
+ height: 100%;
+ }
+ > * {
+ vertical-align: middle;
+ display: inline-block;
+ }
+}
+
+/**
+ * Inline media items
+ */
+*:first-child {
+ > img,
+ > video {
+ .mw-valign-middle > & {
+ vertical-align: middle;
+ }
+ .mw-valign-baseline > & {
+ vertical-align: baseline;
+ }
+ .mw-valign-sub > & {
+ vertical-align: sub;
+ }
+ .mw-valign-super > & {
+ vertical-align: super;
+ }
+ .mw-valign-top > & {
+ vertical-align: top;
+ }
+ .mw-valign-text-top > & {
+ vertical-align: text-top;
+ }
+ .mw-valign-bottom > & {
+ vertical-align: bottom;
+ }
+ .mw-valign-text-bottom > & {
+ vertical-align: text-bottom;
+ }
+ }
+}