summaryrefslogtreecommitdiff
path: root/resources/src/mediawiki.skinning/content.parsoid.less
blob: a6515d2e7f041008491424ca5f68ac68b170c819 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/**
 * Style Parsoid HTML+RDFa output consistent with wikitext from PHP parser.
 */

/*csslint regex-selectors:false */

/*
 * Auto-numbered external links
 * Parsoid renders those as link without content, and lets CSS do the
 * counting. This way the counting style can be customized, and counts update
 * automatically when content is modified.
 */
.mw-body-content {
	counter-reset: mw-NumberedExtLink;
}

.mw-body-content a[rel~="mw:ExtLink"]:empty:after {
	content: "[" counter(mw-NumberedExtLink) "]";
	counter-increment: mw-NumberedExtLink;
}

/**
 * References
 *
 * Parser and Extension:Cite output reference numbers for <sup>[1]</sup> for <ref> tags.
 *
 * Markup:
 * Cake is good<sup>[2]</sup>
 * The cake is a lie<span class="reference">[1]</span>
 *
 * Styleguide 1.1.
 */
span.reference {
	font-size: 80%;
	line-height: 1;
	vertical-align: super;
	unicode-bidi: -moz-isolate;
	unicode-bidi: -webkit-isolate;
	unicode-bidi: isolate;
}

sup, sub {
	line-height: 1;
}

/**
 * Block media items
 */
figure[typeof*='mw:Image'] {
	margin: 0;

	a {
		border: 0;
	}

	&.mw-halign-right {
		/* @noflip */
		margin: .5em 0 1.3em 1.4em;
		/* @noflip */
		clear: right;
		/* @noflip */
		float: right;
	}

	&.mw-halign-left {
		/* @noflip */
		margin: .5em 1.4em 1.3em 0;
		/* @noflip */
		clear: left;
		/* @noflip */
		float: left;
	}

	&.mw-halign-none {
		margin: 0;
		clear: none;
		float: none;
	}

	&.mw-halign-center {
		margin: 0 auto .5em auto;
		display: table;
		clear: none;
		float: none;
	}

	> figcaption {
		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
		   caption results in the same behavior. */
		font-size: 88%;
		line-height: 1.4em;
		text-align: left;

		border: 1px solid #ccc;
		border-top: 0;

		/* taken from .thumbcaption, plus .thumbinner */
		padding: 1px 5px 5px;
		background-color: #f9f9f9;
	}
}

figure[typeof~='mw:Image/Thumb'],
figure[typeof~='mw:Image/Frame'] {
	display: table;
	overflow: auto;
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: 0; // No border to caption
	border-collapse: collapse;
	background-color: #f9f9f9;
	// Default to right alignment. This is needed since Parsoid only specifies the
	// alignment class when the alignment is explicitly set.
	margin: .5em 0 1.3em 1.4em;
	clear: right;
	float: right;
}

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 #cccccc;
	margin: 3px;
}

/* Hide the caption for frameless and plain floated images */
figure[typeof~="mw:Image/Frameless"] > figcaption,
figure[typeof~="mw:Image"] > figcaption { display: none }