* automatically when content is modified.
*/
.mw-body-content {
- counter-reset: mw-NumberedExtLink;
+ counter-reset: mw-numbered-ext-link;
}
.mw-body-content a[rel~='mw:ExtLink']:empty:after {
- content: '[' counter( mw-NumberedExtLink ) ']';
- counter-increment: mw-NumberedExtLink;
+ content: '[' counter( mw-numbered-ext-link ) ']';
+ counter-increment: mw-numbered-ext-link;
}
/**
/**
* Block media items
*/
-figure[typeof*='mw:Image'] {
+figure[typeof*='mw:Image'],
+figure[typeof*='mw:Video'],
+figure[typeof*='mw:Audio'] {
margin: 0;
a {
display: table-caption;
caption-side: bottom;
/* In mw-core the font-size is duplicated, 94% in thumbiner
- * and again 94% in thumbcaption. 88% for font size of the
+ * and again 94% in thumbcaption. 88.4% for font size of the
* caption results in the same behavior. */
- font-size: 88%;
+ font-size: 88.4%;
line-height: 1.4em;
text-align: left;
- border: 1px solid #ccc;
+ border: 1px solid #c8ccd1;
border-top: 0;
/* taken from .thumbcaption, plus .thumbinner */
- padding: 1px 5px 5px;
- background-color: #f9f9f9;
+ padding: 0 6px 6px 6px;
+ background-color: #f8f9fa;
table {
/* reset caption side for tables inside figcaptions */
}
figure[typeof~='mw:Image/Thumb'],
-figure[typeof~='mw:Image/Frame'] {
+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;
overflow: auto;
text-align: center;
- border: 1px solid #ccc;
+ border: 1px solid #c8ccd1;
border-bottom: 0; // No border to caption
border-collapse: collapse;
- background-color: #f9f9f9;
+ background-color: #f8f9fa;
// Default to right alignment. This is needed since Parsoid only specifies the
// alignment class when the alignment is explicitly set.
margin: 0.5em 0 1.3em 1.4em;
clear: right;
float: right;
+
+ > *:first-child {
+ > img,
+ > video {
+ border: 1px solid #c8ccd1;
+ margin: 3px;
+ background: #fff;
+ }
+ }
}
-figure[typeof~='mw:Image/Thumb'] > *:first-child > img,
-figure[typeof~='mw:Image/Frame'] > *:first-child > img,
-.mw-image-border > *:first-child > img {
- border: 1px solid #ccc;
- margin: 3px;
- background: #fff;
+/* Same as img.thumbborder in content.css */
+.mw-image-border > *:first-child {
+ > img,
+ > video {
+ border: 1px solid #eaecf0;
+ }
}
/* Hide the caption for frameless and plain floated images */
-figure[typeof~='mw:Image/Frameless'] > figcaption,
-figure[typeof~='mw:Image'] > figcaption {
- display: none;
+figure[typeof~='mw:Image/Frameless'],
+figure[typeof~='mw:Video/Frameless'],
+figure[typeof~='mw:Audio/Frameless'],
+figure[typeof~='mw:Image'],
+figure[typeof~='mw:Video'],
+figure[typeof~='mw:Audio'] {
+ > figcaption {
+ display: none;
+ }
}