SpecialTrackingCategories: Read from the extension registry
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-mediawiki.css
1 /*!
2 * OOjs UI v0.6.2
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2015 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2015-01-10T01:25:31Z
10 */
11 .oo-ui-progressBarWidget-slide-frames from {
12 margin-left: -40%;
13 }
14 .oo-ui-progressBarWidget-slide-frames to {
15 margin-left: 100%;
16 }
17 @-webkit-keyframes oo-ui-progressBarWidget-slide {
18 from {
19 margin-left: -40%;
20 }
21 to {
22 margin-left: 100%;
23 }
24 }
25 @-moz-keyframes oo-ui-progressBarWidget-slide {
26 from {
27 margin-left: -40%;
28 }
29 to {
30 margin-left: 100%;
31 }
32 }
33 @-ms-keyframes oo-ui-progressBarWidget-slide {
34 from {
35 margin-left: -40%;
36 }
37 to {
38 margin-left: 100%;
39 }
40 }
41 @-o-keyframes oo-ui-progressBarWidget-slide {
42 from {
43 margin-left: -40%;
44 }
45 to {
46 margin-left: 100%;
47 }
48 }
49 @keyframes oo-ui-progressBarWidget-slide {
50 from {
51 margin-left: -40%;
52 }
53 to {
54 margin-left: 100%;
55 }
56 }
57 /* @noflip */
58 .oo-ui-rtl {
59 direction: rtl;
60 }
61 /* @noflip */
62 .oo-ui-ltr {
63 direction: ltr;
64 }
65 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
66 cursor: pointer;
67 display: inline-block;
68 vertical-align: middle;
69 font: inherit;
70 -webkit-touch-callout: none;
71 -webkit-user-select: none;
72 -moz-user-select: none;
73 -ms-user-select: none;
74 user-select: none;
75 }
76 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
77 display: none;
78 }
79 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
80 display: none;
81 }
82 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
83 cursor: default;
84 }
85 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
86 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
87 display: inline-block;
88 vertical-align: middle;
89 background-position: center center;
90 background-repeat: no-repeat;
91 }
92 .oo-ui-buttonElement-frameless {
93 display: inline-block;
94 position: relative;
95 }
96 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
97 display: inline-block;
98 vertical-align: middle;
99 }
100 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
101 display: inline-block;
102 vertical-align: top;
103 text-align: center;
104 }
105 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
106 display: inline-block;
107 vertical-align: middle;
108 }
109 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
110 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
111 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
112 cursor: default;
113 }
114 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
115 font-weight: bold;
116 }
117 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
118 margin-left: 0;
119 }
120 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
121 margin-right: -0.75em;
122 margin-left: -0.75em;
123 }
124 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
125 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
126 margin-left: 0;
127 }
128 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
129 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
130 width: 1.9em;
131 height: 1.9em;
132 }
133 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
134 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
135 opacity: 0.2;
136 }
137 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
138 color: #ffffff;
139 background: #eeeeee;
140 }
141 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
142 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
143 outline: none;
144 }
145 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
146 margin-left: 0.25em;
147 }
148 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
149 color: #757575;
150 }
151 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
153 color: #444444;
154 }
155 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
157 color: #598ad1;
158 }
159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
160 color: #777777;
161 }
162 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
164 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
165 color: #015ccc;
166 box-shadow: none;
167 }
168 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
169 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
170 color: #00c697;
171 }
172 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
173 color: #777777;
174 }
175 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
176 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
177 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
178 color: #008c6d;
179 box-shadow: none;
180 }
181 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
182 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
183 color: #e81915;
184 }
185 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
186 color: #777777;
187 }
188 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
189 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
190 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
191 color: #a7170f;
192 box-shadow: none;
193 }
194 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
195 margin: 0.1em 0;
196 padding: 0.2em 0.8em;
197 border-radius: 2px;
198 -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
199 -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
200 -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
201 -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
202 transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
203 }
204 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
205 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
206 outline: none;
207 }
208 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
209 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
210 line-height: 1.9em;
211 }
212 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
213 margin-left: -0.5em;
214 margin-right: -0.5em;
215 }
216 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
217 margin-left: -0.5em;
218 margin-right: 0.3em;
219 }
220 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
221 color: #ffffff;
222 background: #eeeeee;
223 border: #eeeeee;
224 }
225 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
226 color: #757575;
227 background-color: #ffffff;
228 border: solid 1px #cdcdcd;
229 }
230 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
231 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2);
232 border-color: #aaaaaa;
233 }
234 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
235 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
236 }
237 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
238 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
240 background-color: #d0d0d0;
241 border-color: #d0d0d0;
242 box-shadow: none;
243 }
244 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
245 color: #0274ff;
246 }
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
248 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
249 border-bottom-color: #015ccc;
250 }
251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
252 box-shadow: inset 0 0 0 1px #015ccc;
253 border-color: #015ccc;
254 }
255 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
257 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
258 color: #015ccc;
259 border-color: #d0d0d0;
260 box-shadow: none;
261 }
262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
263 color: #00af89;
264 }
265 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
266 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
267 border-bottom-color: #008c6d;
268 }
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
270 box-shadow: inset 0 0 0 1px #008c6d;
271 border-color: #008c6d;
272 }
273 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
274 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
276 color: #008c6d;
277 border-color: #d0d0d0;
278 box-shadow: none;
279 }
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
281 color: #d11d13;
282 }
283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
284 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
285 border-bottom-color: #a7170f;
286 }
287 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
288 box-shadow: inset 0 0 0 1px #a7170f;
289 border-color: #a7170f;
290 }
291 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
292 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
293 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
294 color: #a7170f;
295 border-color: #d0d0d0;
296 box-shadow: none;
297 }
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
299 color: #ffffff;
300 background-color: #0274ff;
301 border-color: #0274ff;
302 }
303 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
304 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
305 border-bottom-color: #015ccc;
306 }
307 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
308 box-shadow: inset 0 0 0 1px #015ccc;
309 border-color: #015ccc;
310 }
311 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
312 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
313 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
314 background-color: #015ccc;
315 border-color: #015ccc;
316 box-shadow: none;
317 }
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
319 color: #ffffff;
320 background-color: #00af89;
321 border-color: #00af89;
322 }
323 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
324 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
325 border-bottom-color: #008c6d;
326 }
327 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
328 box-shadow: inset 0 0 0 1px #008c6d;
329 border-color: #008c6d;
330 }
331 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
332 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
333 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
334 background-color: #008c6d;
335 border-color: #008c6d;
336 box-shadow: none;
337 }
338 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
339 color: #ffffff;
340 background-color: #d11d13;
341 border-color: #d11d13;
342 }
343 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
344 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
345 border-bottom-color: #a7170f;
346 }
347 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
348 box-shadow: inset 0 0 0 1px #a7170f;
349 border-color: #a7170f;
350 }
351 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
353 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
354 background-color: #a7170f;
355 border-color: #a7170f;
356 box-shadow: none;
357 }
358 .oo-ui-clippableElement-clippable {
359 -webkit-box-sizing: border-box;
360 -moz-box-sizing: border-box;
361 box-sizing: border-box;
362 }
363 .oo-ui-draggableElement {
364 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
365 /*
366 * HACK: In order to style horizontally, we must override
367 * OO.ui.OptionWidget's display rule that is currently set
368 * to be 'block'
369 */
370 }
371 .oo-ui-draggableElement-dragging {
372 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
373 background: rgba(0, 0, 0, 0.2);
374 opacity: 0.4;
375 }
376 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
377 display: inline-block;
378 }
379 .oo-ui-draggableGroupElement-placeholder {
380 position: absolute;
381 display: block;
382 background: rgba(0, 0, 0, 0.4);
383 }
384 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
385 overflow-y: hidden;
386 }
387 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
388 width: 100%;
389 -webkit-box-sizing: border-box;
390 -moz-box-sizing: border-box;
391 box-sizing: border-box;
392 }
393 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
394 overflow-y: auto;
395 }
396 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
397 padding: 2em;
398 }
399 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
400 position: absolute;
401 top: 0;
402 left: 0;
403 right: 0;
404 bottom: 3em;
405 overflow-y: auto;
406 }
407 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
408 position: absolute;
409 bottom: 0;
410 left: 0;
411 right: 0;
412 }
413 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
414 padding: 1.5em;
415 }
416 .oo-ui-bookletLayout-outlinePanel {
417 border-right: solid 1px #dddddd;
418 }
419 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
420 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
421 }
422 .oo-ui-fieldLayout {
423 display: block;
424 margin-bottom: 1em;
425 }
426 .oo-ui-fieldLayout:before,
427 .oo-ui-fieldLayout:after {
428 content: " ";
429 display: table;
430 }
431 .oo-ui-fieldLayout:after {
432 clear: both;
433 }
434 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
435 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
436 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
437 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
438 display: block;
439 float: left;
440 }
441 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
442 text-align: right;
443 }
444 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
445 display: table;
446 }
447 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
448 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
449 display: table-cell;
450 vertical-align: middle;
451 }
452 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
453 display: inline-block;
454 }
455 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
456 float: right;
457 }
458 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
459 z-index: 1;
460 }
461 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
462 padding: 0.5em 0.75em;
463 line-height: 1.5em;
464 }
465 .oo-ui-fieldLayout:last-child {
466 margin-bottom: 0;
467 }
468 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
469 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
470 padding-top: 0.5em;
471 margin-right: 5%;
472 width: 35%;
473 }
474 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
475 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
476 width: 60%;
477 }
478 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
479 padding: 0.5em;
480 }
481 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
482 padding: 0.5em 0;
483 }
484 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
485 padding: 0.5em 0;
486 }
487 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
488 margin-top: 0.25em;
489 }
490 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
491 color: #cccccc;
492 }
493 .oo-ui-fieldsetLayout {
494 position: relative;
495 margin: 0;
496 padding: 0;
497 border: none;
498 }
499 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
500 display: block;
501 position: absolute;
502 background-position: center center;
503 background-repeat: no-repeat;
504 }
505 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
506 display: inline-block;
507 }
508 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
509 margin-top: 2em;
510 }
511 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
512 font-size: 1.1em;
513 margin-bottom: 0.5em;
514 padding: 0.25em 0;
515 font-weight: bold;
516 }
517 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
518 padding-left: 1.75em;
519 line-height: 1.33em;
520 }
521 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
522 left: 0;
523 top: 0.25em;
524 width: 1.5em;
525 height: 1.5em;
526 }
527 .oo-ui-gridLayout {
528 position: absolute;
529 top: 0;
530 left: 0;
531 right: 0;
532 bottom: 0;
533 }
534 .oo-ui-panelLayout {
535 position: relative;
536 }
537 .oo-ui-panelLayout-scrollable {
538 overflow-y: auto;
539 }
540 .oo-ui-panelLayout-expanded {
541 position: absolute;
542 top: 0;
543 left: 0;
544 right: 0;
545 bottom: 0;
546 }
547 .oo-ui-panelLayout-padded {
548 padding: 1.25em;
549 }
550 .oo-ui-stackLayout > .oo-ui-panelLayout {
551 display: none;
552 }
553 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
554 display: block;
555 position: relative;
556 }
557 .oo-ui-popupTool .oo-ui-popupWidget-popup,
558 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
559 z-index: 4;
560 }
561 .oo-ui-popupTool .oo-ui-popupWidget {
562 /* @noflip */
563 margin-left: 1.25em;
564 font-size: 0.8em;
565 }
566 .oo-ui-toolGroup {
567 display: inline-block;
568 vertical-align: middle;
569 margin: 0.3em;
570 }
571 .oo-ui-toolGroup-empty {
572 display: none;
573 }
574 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
575 background-position: center center;
576 background-repeat: no-repeat;
577 }
578 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
579 color: #000000;
580 }
581 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel {
582 color: #888888;
583 }
584 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
585 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
586 display: none;
587 }
588 .oo-ui-barToolGroup .oo-ui-tool {
589 display: inline-block;
590 position: relative;
591 vertical-align: top;
592 }
593 .oo-ui-barToolGroup .oo-ui-tool-link {
594 display: block;
595 }
596 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
597 display: block;
598 }
599 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
600 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
601 display: none;
602 }
603 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
604 cursor: default;
605 }
606 .oo-ui-barToolGroup .oo-ui-tool-title,
607 .oo-ui-barToolGroup .oo-ui-tool-accel {
608 display: none;
609 }
610 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
611 cursor: pointer;
612 }
613 .oo-ui-barToolGroup .oo-ui-tool-link {
614 height: 1.5em;
615 padding: 0.25em;
616 }
617 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
618 height: 1.5em;
619 width: 1.5em;
620 opacity: 0.8;
621 }
622 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
623 background-color: #eeeeee;
624 }
625 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
626 opacity: 0.2;
627 }
628 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
629 opacity: 0.8;
630 }
631 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
632 opacity: 1;
633 }
634 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
635 opacity: 0.2;
636 }
637 .oo-ui-popupToolGroup {
638 position: relative;
639 height: 2em;
640 min-width: 2.5em;
641 }
642 .oo-ui-popupToolGroup-handle {
643 display: block;
644 cursor: pointer;
645 }
646 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
647 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
648 position: absolute;
649 background-position: center center;
650 background-repeat: no-repeat;
651 }
652 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
653 cursor: default;
654 }
655 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
656 display: none;
657 position: absolute;
658 z-index: 4;
659 }
660 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
661 background-repeat: no-repeat;
662 background-position: center center;
663 }
664 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
665 display: block;
666 }
667 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
668 left: 0;
669 }
670 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
671 right: 0;
672 }
673 .oo-ui-popupToolGroup .oo-ui-tool-link {
674 display: table;
675 width: 100%;
676 vertical-align: middle;
677 white-space: nowrap;
678 text-decoration: none;
679 }
680 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
681 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
682 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
683 display: table-cell;
684 vertical-align: middle;
685 }
686 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
687 text-align: right;
688 }
689 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
690 padding-left: 3em;
691 }
692 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
693 min-width: 3.5em;
694 }
695 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
696 line-height: 2.6em;
697 font-size: 0.8em;
698 margin: 0 1em;
699 }
700 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
701 margin-left: 3em;
702 }
703 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
704 margin-right: 2.25em;
705 }
706 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
707 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
708 top: 0;
709 width: 2em;
710 height: 2em;
711 opacity: 0.8;
712 }
713 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
714 right: 0;
715 }
716 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
717 left: 0.25em;
718 }
719 .oo-ui-popupToolGroup-header {
720 line-height: 2.6em;
721 font-size: 0.8em;
722 margin: 0 0.6em;
723 font-weight: bold;
724 }
725 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
726 top: 2em;
727 background-color: white;
728 }
729 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
730 height: 2em;
731 width: 2em;
732 min-width: 2em;
733 }
734 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
735 padding-left: 0.25em;
736 }
737 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
738 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
739 line-height: 2em;
740 font-size: 0.8em;
741 }
742 .oo-ui-listToolGroup .oo-ui-tool {
743 display: block;
744 -webkit-box-sizing: border-box;
745 -moz-box-sizing: border-box;
746 box-sizing: border-box;
747 }
748 .oo-ui-listToolGroup .oo-ui-tool-link {
749 cursor: pointer;
750 }
751 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
752 cursor: default;
753 }
754 .oo-ui-listToolGroup .oo-ui-tool {
755 padding: 0 0.5em 0 0.25em;
756 }
757 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
758 background-color: #eeeeee;
759 }
760 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
761 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
762 background-color: #d0d0d0;
763 }
764 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
765 color: #cccccc;
766 }
767 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
768 color: #dddddd;
769 }
770 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
771 opacity: 0.2;
772 }
773 .oo-ui-listToolGroup.oo-ui-widget-disabled {
774 color: #cccccc;
775 }
776 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
777 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
778 opacity: 0.2;
779 }
780 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
781 padding: 0.25em 0 0.25em 0;
782 border: 1px solid #aaaaaa;
783 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2);
784 }
785 .oo-ui-menuToolGroup {
786 border: solid 1px #cccccc;
787 border-radius: 0.1em;
788 }
789 .oo-ui-menuToolGroup .oo-ui-tool {
790 display: block;
791 }
792 .oo-ui-menuToolGroup .oo-ui-tool-link {
793 cursor: pointer;
794 }
795 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
796 cursor: default;
797 }
798 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
799 min-width: 8em;
800 }
801 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
802 margin-left: -1px;
803 padding: 0.25em 0 0.25em 0;
804 border: 1px solid #aaaaaa;
805 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2);
806 }
807 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
808 border-color: #aaaaaa;
809 }
810 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
811 border-color: #aaaaaa;
812 }
813 .oo-ui-menuToolGroup .oo-ui-tool {
814 padding: 0 0.75em 0 0.25em;
815 }
816 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
817 background-image: none;
818 }
819 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
820 background-image: /* @embed */ url(themes/mediawiki/images/icons/check.svg);
821 }
822 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
823 background-color: #eeeeee;
824 }
825 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
826 color: #cccccc;
827 }
828 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
829 opacity: 0.2;
830 }
831 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
832 color: #cccccc;
833 border-color: #cccccc;
834 }
835 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
836 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
837 opacity: 0.2;
838 }
839 .oo-ui-toolbar {
840 clear: both;
841 }
842 .oo-ui-toolbar-bar {
843 line-height: 1em;
844 }
845 .oo-ui-toolbar-actions {
846 float: right;
847 }
848 .oo-ui-toolbar-tools {
849 display: inline;
850 }
851 .oo-ui-toolbar-tools,
852 .oo-ui-toolbar-actions,
853 .oo-ui-toolbar-shadow {
854 -webkit-touch-callout: none;
855 -webkit-user-select: none;
856 -moz-user-select: none;
857 -ms-user-select: none;
858 user-select: none;
859 }
860 .oo-ui-toolbar-actions .oo-ui-popupWidget {
861 -webkit-touch-callout: default;
862 -webkit-user-select: all;
863 -moz-user-select: all;
864 -ms-user-select: all;
865 user-select: all;
866 }
867 .oo-ui-toolbar-shadow {
868 background-position: left top;
869 background-repeat: repeat-x;
870 position: absolute;
871 width: 100%;
872 pointer-events: none;
873 }
874 .oo-ui-toolbar-bar {
875 border-bottom: solid 4px rgba(0, 0, 0, 0.15);
876 background: #ffffff;
877 }
878 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
879 border: none;
880 background: none;
881 }
882 .oo-ui-toolbar-shadow {
883 display: none;
884 }
885 .oo-ui-selectWidget {
886 border-radius: 2px;
887 }
888 .oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
889 border-radius: 0;
890 margin-left: -1px;
891 }
892 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
893 border-bottom-left-radius: 2px;
894 border-top-left-radius: 2px;
895 margin-left: 0;
896 }
897 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
898 border-bottom-right-radius: 2px;
899 border-top-right-radius: 2px;
900 }
901 .oo-ui-optionWidget {
902 position: relative;
903 display: block;
904 cursor: pointer;
905 padding: 0.25em 0.5em;
906 border: none;
907 }
908 .oo-ui-optionWidget.oo-ui-widget-disabled {
909 cursor: default;
910 }
911 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
912 display: block;
913 white-space: nowrap;
914 text-overflow: ellipsis;
915 overflow: hidden;
916 }
917 .oo-ui-optionWidget-highlighted {
918 background-color: #eeeeee;
919 }
920 .oo-ui-optionWidget .oo-ui-labelElement-label {
921 line-height: 1.5em;
922 }
923 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
924 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
925 background-color: #d0d0d0;
926 }
927 .oo-ui-optionWidget.oo-ui-widget-disabled {
928 color: #cccccc;
929 }
930 .oo-ui-decoratedOptionWidget {
931 padding: 0.5em 2em 0.5em 3em;
932 }
933 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
934 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
935 position: absolute;
936 background-repeat: no-repeat;
937 background-position: center center;
938 }
939 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
940 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
941 top: 50%;
942 width: 2em;
943 height: 2em;
944 margin-top: -1em;
945 }
946 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
947 left: 0.5em;
948 }
949 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
950 right: 0.5em;
951 }
952 .oo-ui-buttonSelectWidget {
953 display: inline-block;
954 white-space: nowrap;
955 border-radius: 2px;
956 }
957 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
958 border-radius: 0;
959 margin-left: -1px;
960 }
961 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
962 border-bottom-left-radius: 2px;
963 border-top-left-radius: 2px;
964 margin-left: 0;
965 }
966 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
967 border-bottom-right-radius: 2px;
968 border-top-right-radius: 2px;
969 }
970 .oo-ui-radioSelectWidget {
971 padding: 0.75em 0 0.5em 0;
972 }
973 .oo-ui-buttonOptionWidget {
974 display: inline-block;
975 padding: 0;
976 background-color: transparent;
977 }
978 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
979 position: relative;
980 }
981 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
982 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
983 position: static;
984 display: inline-block;
985 vertical-align: middle;
986 }
987 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
988 height: 1.9em;
989 }
990 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
991 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
992 height: 1.9em;
993 margin-top: 0;
994 }
995 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
996 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
997 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
998 background-color: transparent;
999 }
1000 .oo-ui-radioOptionWidget {
1001 cursor: default;
1002 padding: 0;
1003 background-color: transparent;
1004 }
1005 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1006 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1007 display: inline-block;
1008 vertical-align: middle;
1009 }
1010 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1011 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1012 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1013 background-color: transparent;
1014 }
1015 .oo-ui-radioOptionWidget > .oo-ui-labelElement-label {
1016 padding: 0 0.5em;
1017 }
1018 .oo-ui-labelWidget {
1019 display: inline-block;
1020 }
1021 .oo-ui-iconWidget {
1022 display: inline-block;
1023 vertical-align: middle;
1024 background-position: center center;
1025 background-repeat: no-repeat;
1026 line-height: 2.5em;
1027 height: 1.9em;
1028 width: 1.9em;
1029 }
1030 .oo-ui-iconWidget.oo-ui-widget-disabled {
1031 opacity: 0.2;
1032 }
1033 .oo-ui-indicatorWidget {
1034 display: inline-block;
1035 vertical-align: middle;
1036 background-position: center center;
1037 background-repeat: no-repeat;
1038 line-height: 2.5em;
1039 height: 1.9em;
1040 width: 1.9em;
1041 }
1042 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1043 opacity: 0.2;
1044 }
1045 .oo-ui-buttonWidget {
1046 display: inline-block;
1047 vertical-align: middle;
1048 }
1049 .oo-ui-buttonGroupWidget {
1050 display: inline-block;
1051 white-space: nowrap;
1052 border-radius: 2px;
1053 }
1054 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1055 border-radius: 0;
1056 margin-left: -1px;
1057 }
1058 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1059 border-bottom-left-radius: 2px;
1060 border-top-left-radius: 2px;
1061 margin-left: 0;
1062 }
1063 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1064 border-bottom-right-radius: 2px;
1065 border-top-right-radius: 2px;
1066 }
1067 .oo-ui-toggleSwitchWidget {
1068 position: relative;
1069 display: inline-block;
1070 vertical-align: middle;
1071 overflow: hidden;
1072 cursor: pointer;
1073 -webkit-box-sizing: border-box;
1074 -moz-box-sizing: border-box;
1075 box-sizing: border-box;
1076 -webkit-transform: translateZ(0px);
1077 -moz-transform: translateZ(0px);
1078 -ms-transform: translateZ(0px);
1079 -o-transform: translateZ(0px);
1080 transform: translateZ(0px);
1081 height: 2em;
1082 width: 4em;
1083 border-radius: 1em;
1084 border: 1px #dddddd solid;
1085 }
1086 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1087 cursor: default;
1088 }
1089 .oo-ui-toggleSwitchWidget-grip {
1090 position: absolute;
1091 display: block;
1092 -webkit-box-sizing: border-box;
1093 -moz-box-sizing: border-box;
1094 box-sizing: border-box;
1095 }
1096 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1097 position: absolute;
1098 top: 0;
1099 bottom: 0;
1100 right: 0;
1101 left: 0;
1102 -webkit-touch-callout: none;
1103 -webkit-user-select: none;
1104 -moz-user-select: none;
1105 -ms-user-select: none;
1106 user-select: none;
1107 }
1108 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1109 display: none;
1110 }
1111 .oo-ui-toggleSwitchWidget-grip {
1112 top: 0.25em;
1113 left: 0.25em;
1114 width: 1.5em;
1115 height: 1.5em;
1116 margin-top: -1px;
1117 border-radius: 1em;
1118 border: 1px #dddddd solid;
1119 background-color: #f7f7f7;
1120 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1121 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1122 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1123 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1124 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1125 }
1126 .oo-ui-toggleSwitchWidget-glow {
1127 border-radius: 1em;
1128 background-color: #f7f7f7;
1129 -webkit-transition: background-color 0.1s ease-in-out;
1130 -moz-transition: background-color 0.1s ease-in-out;
1131 -ms-transition: background-color 0.1s ease-in-out;
1132 -o-transition: background-color 0.1s ease-in-out;
1133 transition: background-color 0.1s ease-in-out;
1134 }
1135 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1136 left: 2.25em;
1137 margin-left: -2px;
1138 }
1139 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1140 display: block;
1141 }
1142 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1143 left: 0.25em;
1144 margin-left: 0;
1145 }
1146 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1147 border: 1px #cccccc solid;
1148 }
1149 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1150 border-color: #aaaaaa;
1151 }
1152 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1153 background-color: #ffffff;
1154 border-color: #aaaaaa;
1155 }
1156 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1157 background-color: #d0d0d0;
1158 }
1159 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1160 background-color: #ffffff;
1161 }
1162 .oo-ui-progressBarWidget {
1163 max-width: 50em;
1164 border: solid 1px #0274ff;
1165 border-radius: 0.1em;
1166 overflow: hidden;
1167 }
1168 .oo-ui-progressBarWidget-bar {
1169 height: 1em;
1170 background: #0274ff;
1171 -webkit-transition: width 200ms, margin-left 200ms;
1172 -moz-transition: width 200ms, margin-left 200ms;
1173 -ms-transition: width 200ms, margin-left 200ms;
1174 -o-transition: width 200ms, margin-left 200ms;
1175 transition: width 200ms, margin-left 200ms;
1176 }
1177 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1178 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1179 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1180 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1181 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1182 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1183 width: 40%;
1184 margin-left: -10%;
1185 border-left-width: 1px;
1186 }
1187 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1188 opacity: 0.2;
1189 }
1190 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1191 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1192 }
1193 .oo-ui-popupWidget {
1194 position: absolute;
1195 /* @noflip */
1196 left: 0;
1197 }
1198 .oo-ui-popupWidget-popup {
1199 position: relative;
1200 overflow: hidden;
1201 z-index: 1;
1202 }
1203 .oo-ui-popupWidget-anchor {
1204 display: none;
1205 z-index: 1;
1206 }
1207 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1208 display: block;
1209 position: absolute;
1210 top: 0;
1211 /* @noflip */
1212 left: 0;
1213 background-repeat: no-repeat;
1214 }
1215 .oo-ui-popupWidget-head {
1216 -webkit-touch-callout: none;
1217 -webkit-user-select: none;
1218 -moz-user-select: none;
1219 -ms-user-select: none;
1220 user-select: none;
1221 }
1222 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1223 float: right;
1224 }
1225 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1226 float: left;
1227 cursor: default;
1228 }
1229 .oo-ui-popupWidget-body {
1230 clear: both;
1231 overflow: hidden;
1232 }
1233 .oo-ui-popupWidget-popup {
1234 border: solid 1px #aaaaaa;
1235 border-radius: 0.2em;
1236 background-color: #ffffff;
1237 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1238 }
1239 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1240 margin-top: 9px;
1241 }
1242 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1243 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1244 content: "";
1245 position: absolute;
1246 width: 0;
1247 height: 0;
1248 border-style: solid;
1249 border-color: transparent;
1250 border-top: 0;
1251 }
1252 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1253 bottom: -10px;
1254 left: -9px;
1255 border-bottom-color: #888888;
1256 border-width: 10px;
1257 }
1258 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1259 bottom: -10px;
1260 left: -8px;
1261 border-bottom-color: #ffffff;
1262 border-width: 9px;
1263 }
1264 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1265 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1266 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1267 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1268 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1269 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1270 }
1271 .oo-ui-popupWidget-head {
1272 height: 2.5em;
1273 }
1274 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1275 margin: 0.25em;
1276 }
1277 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1278 margin: 0.75em 1em;
1279 }
1280 .oo-ui-popupWidget-body-padded {
1281 padding: 0 1em;
1282 }
1283 .oo-ui-popupButtonWidget {
1284 position: relative;
1285 }
1286 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1287 position: absolute;
1288 cursor: auto;
1289 }
1290 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1291 left: 1em;
1292 }
1293 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1294 left: 1.75em;
1295 }
1296 .oo-ui-checkboxInputWidget {
1297 position: relative;
1298 line-height: 2em;
1299 white-space: nowrap;
1300 }
1301 .oo-ui-checkboxInputWidget * {
1302 font: inherit;
1303 vertical-align: middle;
1304 }
1305 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1306 opacity: 0;
1307 margin: 0;
1308 width: 2em;
1309 height: 2em;
1310 max-width: none;
1311 }
1312 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1313 cursor: pointer;
1314 margin: 0 0.4em;
1315 }
1316 .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
1317 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1318 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1319 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1320 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1321 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1322 content: "";
1323 -webkit-box-sizing: border-box;
1324 -moz-box-sizing: border-box;
1325 box-sizing: border-box;
1326 position: absolute;
1327 left: 0;
1328 border-radius: 2px;
1329 width: 2em;
1330 height: 2em;
1331 background-color: white;
1332 border: 1px solid #777777;
1333 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg);
1334 background-size: 2em, 2em;
1335 background-repeat: no-repeat;
1336 background-position: center center;
1337 background-origin: border-box;
1338 background-size: 0 0;
1339 }
1340 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
1341 background-size: 100% 100%;
1342 }
1343 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before {
1344 background-color: #dddddd;
1345 border-color: #dddddd;
1346 }
1347 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before {
1348 border-width: 2px;
1349 }
1350 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before,
1351 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before {
1352 border-bottom-width: 3px;
1353 }
1354 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
1355 cursor: default;
1356 background-color: #eeeeee;
1357 border-color: #eeeeee;
1358 }
1359 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before {
1360 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.svg);
1361 }
1362 .oo-ui-radioInputWidget {
1363 position: relative;
1364 line-height: 2em;
1365 white-space: nowrap;
1366 }
1367 .oo-ui-radioInputWidget * {
1368 font: inherit;
1369 vertical-align: middle;
1370 }
1371 .oo-ui-radioInputWidget input[type="radio"] {
1372 opacity: 0;
1373 margin: 0;
1374 width: 2em;
1375 height: 2em;
1376 max-width: none;
1377 }
1378 .oo-ui-radioInputWidget input[type="radio"] + span {
1379 cursor: pointer;
1380 margin: 0 0.4em;
1381 }
1382 .oo-ui-radioInputWidget input[type="radio"] + span::before {
1383 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1384 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1385 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1386 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1387 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1388 content: "";
1389 -webkit-box-sizing: border-box;
1390 -moz-box-sizing: border-box;
1391 box-sizing: border-box;
1392 position: absolute;
1393 left: 0;
1394 border-radius: 100%;
1395 width: 2em;
1396 height: 2em;
1397 background: white;
1398 border: 1px solid #777777;
1399 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.svg);
1400 background-repeat: no-repeat;
1401 background-position: center center;
1402 background-origin: border-box;
1403 background-size: 0 0;
1404 }
1405 .oo-ui-radioInputWidget input[type="radio"]:checked + span::before {
1406 background-size: 100% 100%;
1407 }
1408 .oo-ui-radioInputWidget input[type="radio"]:active + span::before {
1409 background-color: #dddddd;
1410 border-color: #dddddd;
1411 }
1412 .oo-ui-radioInputWidget input[type="radio"]:focus + span::before {
1413 border-width: 2px;
1414 }
1415 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before,
1416 .oo-ui-radioInputWidget input[type="radio"]:hover + span::before {
1417 border-bottom-width: 3px;
1418 }
1419 .oo-ui-radioInputWidget input[type="radio"]:disabled + span::before {
1420 cursor: default;
1421 background-color: #eeeeee;
1422 border-color: #eeeeee;
1423 }
1424 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before {
1425 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.svg);
1426 }
1427 .oo-ui-textInputWidget {
1428 position: relative;
1429 vertical-align: middle;
1430 -webkit-box-sizing: border-box;
1431 -moz-box-sizing: border-box;
1432 box-sizing: border-box;
1433 width: 100%;
1434 max-width: 50em;
1435 }
1436 .oo-ui-textInputWidget input,
1437 .oo-ui-textInputWidget textarea {
1438 display: inline-block;
1439 width: 100%;
1440 resize: none;
1441 -webkit-box-sizing: border-box;
1442 -moz-box-sizing: border-box;
1443 box-sizing: border-box;
1444 }
1445 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1446 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1447 position: absolute;
1448 top: 0;
1449 height: 100%;
1450 background-repeat: no-repeat;
1451 cursor: pointer;
1452 -webkit-touch-callout: none;
1453 -webkit-user-select: none;
1454 -moz-user-select: none;
1455 -ms-user-select: none;
1456 user-select: none;
1457 }
1458 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1459 left: 0;
1460 }
1461 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1462 right: 0;
1463 }
1464 .oo-ui-textInputWidget input,
1465 .oo-ui-textInputWidget textarea {
1466 padding: 0.5em 0.5em 0.5em 0.9em;
1467 margin: 0;
1468 font-size: 1em;
1469 font-family: sans-serif;
1470 background-color: #ffffff;
1471 color: black;
1472 border: solid 1px #cccccc;
1473 box-shadow: inset 0 0 0 0 #0274ff;
1474 border-radius: 0.1em;
1475 -webkit-transition: box-shadow 0.1s;
1476 -moz-transition: box-shadow 0.1s;
1477 -ms-transition: box-shadow 0.1s;
1478 -o-transition: box-shadow 0.1s;
1479 transition: box-shadow 0.1s;
1480 -webkit-box-sizing: border-box;
1481 -moz-box-sizing: border-box;
1482 box-sizing: border-box;
1483 }
1484 .oo-ui-textInputWidget-decorated input,
1485 .oo-ui-textInputWidget-decorated textarea {
1486 padding-left: 2em;
1487 }
1488 .oo-ui-textInputWidget-icon {
1489 width: 2em;
1490 }
1491 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1492 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1493 outline: none;
1494 border-color: #aaaaaa;
1495 box-shadow: inset 0.4em 0 0 0 #0274ff;
1496 }
1497 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1498 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1499 color: #777777;
1500 text-shadow: 0 1px 1px #ffffff;
1501 }
1502 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1503 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1504 box-shadow: inset 0.4em 0 0 0 #cccccc;
1505 }
1506 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1507 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1508 color: #cccccc;
1509 text-shadow: 0 1px 1px #ffffff;
1510 border-color: #dddddd;
1511 background-color: #f3f3f3;
1512 }
1513 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1514 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1515 background-color: transparent;
1516 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1517 }
1518 .oo-ui-textInputWidget.oo-ui-iconElement input,
1519 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1520 padding-left: 2.4em;
1521 }
1522 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1523 left: 0.4em;
1524 width: 2em;
1525 height: 100%;
1526 background-position: right center;
1527 }
1528 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1529 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1530 padding-right: 1.9em;
1531 }
1532 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1533 width: 1.6em;
1534 height: 100%;
1535 background-position: left center;
1536 }
1537 .oo-ui-menuSelectWidget {
1538 position: absolute;
1539 background: #ffffff;
1540 margin-top: -1px;
1541 border: solid 1px #aaaaaa;
1542 border-radius: 0 0 0.1em 0.1em;
1543 padding-bottom: 0.25em;
1544 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2);
1545 }
1546 .oo-ui-menuSelectWidget input {
1547 position: absolute;
1548 width: 0;
1549 height: 0;
1550 overflow: hidden;
1551 opacity: 0;
1552 }
1553 .oo-ui-menuOptionWidget {
1554 position: relative;
1555 }
1556 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1557 display: none;
1558 }
1559 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1560 background-color: transparent;
1561 }
1562 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1563 display: block;
1564 }
1565 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1566 background-color: transparent;
1567 }
1568 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1569 background-color: #eeeeee;
1570 }
1571 .oo-ui-menuSectionOptionWidget {
1572 cursor: default;
1573 padding: 0.33em 0.75em;
1574 color: #888888;
1575 }
1576 .oo-ui-dropdownWidget {
1577 position: relative;
1578 display: inline-block;
1579 margin: 0.25em 0;
1580 width: 100%;
1581 max-width: 50em;
1582 }
1583 .oo-ui-dropdownWidget-handle {
1584 width: 100%;
1585 display: inline-block;
1586 cursor: pointer;
1587 -webkit-touch-callout: none;
1588 -webkit-user-select: none;
1589 -moz-user-select: none;
1590 -ms-user-select: none;
1591 user-select: none;
1592 -webkit-box-sizing: border-box;
1593 -moz-box-sizing: border-box;
1594 box-sizing: border-box;
1595 }
1596 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1597 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1598 position: absolute;
1599 background-position: center center;
1600 background-repeat: no-repeat;
1601 }
1602 .oo-ui-dropdownWidget .oo-ui-menuSelectWidget {
1603 z-index: 1;
1604 width: 100%;
1605 }
1606 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1607 cursor: default;
1608 }
1609 .oo-ui-dropdownWidget-handle {
1610 height: 2.5em;
1611 border: solid 1px #cccccc;
1612 border-radius: 0.1em;
1613 }
1614 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1615 right: 0;
1616 }
1617 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1618 left: 0.25em;
1619 }
1620 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1621 line-height: 2.5em;
1622 margin: 0 1em;
1623 }
1624 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1625 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1626 top: 0;
1627 width: 2.5em;
1628 height: 2.5em;
1629 }
1630 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1631 border-color: #aaaaaa;
1632 }
1633 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1634 color: #cccccc;
1635 text-shadow: 0 1px 1px #ffffff;
1636 border-color: #dddddd;
1637 background-color: #f3f3f3;
1638 }
1639 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1640 opacity: 0.2;
1641 }
1642 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1643 margin-left: 3em;
1644 }
1645 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1646 margin-right: 2em;
1647 }
1648 .oo-ui-dropdownWidget .oo-ui-selectWidget {
1649 border-top-color: #ffffff;
1650 }
1651 .oo-ui-outlineOptionWidget {
1652 position: relative;
1653 cursor: pointer;
1654 -webkit-touch-callout: none;
1655 -webkit-user-select: none;
1656 -moz-user-select: none;
1657 -ms-user-select: none;
1658 user-select: none;
1659 font-size: 1.1em;
1660 padding: 0.75em;
1661 }
1662 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1663 padding-right: 1.5em;
1664 }
1665 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1666 opacity: 0.5;
1667 }
1668 .oo-ui-outlineOptionWidget-level-0 {
1669 padding-left: 3.5em;
1670 }
1671 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1672 left: 1em;
1673 }
1674 .oo-ui-outlineOptionWidget-level-1 {
1675 padding-left: 5em;
1676 }
1677 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1678 left: 2.5em;
1679 }
1680 .oo-ui-outlineOptionWidget-level-2 {
1681 padding-left: 6.5em;
1682 }
1683 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1684 left: 4em;
1685 }
1686 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1687 background-color: #d0d0d0;
1688 text-shadow: 0 1px 1px #ffffff;
1689 }
1690 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1691 font-weight: bold;
1692 }
1693 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1694 font-style: italic;
1695 }
1696 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1697 opacity: 0.5;
1698 }
1699 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1700 color: #777777;
1701 }
1702 .oo-ui-outlineControlsWidget {
1703 height: 3em;
1704 background-color: #ffffff;
1705 }
1706 .oo-ui-outlineControlsWidget-items,
1707 .oo-ui-outlineControlsWidget-movers {
1708 float: left;
1709 -webkit-box-sizing: border-box;
1710 -moz-box-sizing: border-box;
1711 box-sizing: border-box;
1712 }
1713 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1714 float: left;
1715 background-position: right center;
1716 background-repeat: no-repeat;
1717 }
1718 .oo-ui-outlineControlsWidget-items {
1719 float: left;
1720 }
1721 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1722 float: left;
1723 }
1724 .oo-ui-outlineControlsWidget-movers {
1725 float: right;
1726 }
1727 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1728 float: right;
1729 }
1730 .oo-ui-outlineControlsWidget-items,
1731 .oo-ui-outlineControlsWidget-movers {
1732 height: 2em;
1733 margin: 0.5em 0.5em 0.5em 0;
1734 padding: 0;
1735 }
1736 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1737 width: 1.5em;
1738 height: 2em;
1739 margin: 0.5em 0 0.5em 0.5em;
1740 opacity: 0.2;
1741 }
1742 .oo-ui-comboBoxWidget {
1743 display: inline-block;
1744 position: relative;
1745 width: 100%;
1746 max-width: 50em;
1747 }
1748 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1749 width: 100%;
1750 z-index: 1;
1751 }
1752 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
1753 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
1754 height: 2.35em;
1755 }
1756 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement {
1757 padding-right: 1.9em;
1758 }
1759 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1760 width: 1.9em;
1761 background-position: center center;
1762 border: solid 1px #cccccc;
1763 border-left: none;
1764 -webkit-box-sizing: border-box;
1765 -moz-box-sizing: border-box;
1766 box-sizing: border-box;
1767 }
1768 .oo-ui-searchWidget {
1769 border: solid 1px #cccccc;
1770 }
1771 .oo-ui-searchWidget-query {
1772 position: absolute;
1773 top: 0;
1774 left: 0;
1775 right: 0;
1776 }
1777 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1778 width: 100%;
1779 }
1780 .oo-ui-searchWidget-results {
1781 position: absolute;
1782 bottom: 0;
1783 left: 0;
1784 right: 0;
1785 overflow-x: hidden;
1786 overflow-y: auto;
1787 }
1788 .oo-ui-searchWidget-query {
1789 height: 4em;
1790 padding: 0 1em;
1791 border-bottom: solid 1px #cccccc;
1792 }
1793 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1794 margin: 0.75em 0;
1795 }
1796 .oo-ui-searchWidget-results {
1797 top: 4em;
1798 padding: 1em;
1799 line-height: 0;
1800 }
1801 .oo-ui-window {
1802 line-height: 1em;
1803 }
1804 .oo-ui-window-frame {
1805 -webkit-box-sizing: border-box;
1806 -moz-box-sizing: border-box;
1807 box-sizing: border-box;
1808 }
1809 .oo-ui-window-frame > iframe {
1810 width: 100%;
1811 height: 100%;
1812 margin: 0;
1813 padding: 0;
1814 }
1815 .oo-ui-window-content:focus {
1816 outline: none;
1817 }
1818 .oo-ui-window-head,
1819 .oo-ui-window-foot {
1820 -webkit-touch-callout: none;
1821 -webkit-user-select: none;
1822 -moz-user-select: none;
1823 -ms-user-select: none;
1824 user-select: none;
1825 }
1826 .oo-ui-window-body {
1827 margin: 0;
1828 padding: 0;
1829 background: none;
1830 }
1831 .oo-ui-window-overlay,
1832 .oo-ui-window-inner-overlay {
1833 position: absolute;
1834 top: 0;
1835 /* @noflip */
1836 left: 0;
1837 }
1838 .oo-ui-window,
1839 .oo-ui-window-isolated {
1840 background: transparent;
1841 font-family: sans-serif;
1842 font-size: 0.8em;
1843 }
1844 .oo-ui-dialog-content > .oo-ui-window-head,
1845 .oo-ui-dialog-content > .oo-ui-window-body,
1846 .oo-ui-dialog-content > .oo-ui-window-foot {
1847 position: absolute;
1848 left: 0;
1849 right: 0;
1850 overflow: hidden;
1851 -webkit-box-sizing: border-box;
1852 -moz-box-sizing: border-box;
1853 box-sizing: border-box;
1854 }
1855 .oo-ui-dialog-content > .oo-ui-window-head {
1856 z-index: 1;
1857 top: 0;
1858 }
1859 .oo-ui-dialog-content > .oo-ui-window-body {
1860 z-index: 2;
1861 top: 0;
1862 bottom: 0;
1863 }
1864 .oo-ui-dialog-content > .oo-ui-window-foot {
1865 z-index: 1;
1866 bottom: 0;
1867 }
1868 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
1869 z-index: 3;
1870 }
1871 .oo-ui-dialog-content > .oo-ui-window-body {
1872 box-shadow: 0 0 1px 0 #aaaaaa;
1873 }
1874 .oo-ui-messageDialog-actions-horizontal {
1875 display: table;
1876 table-layout: fixed;
1877 width: 100%;
1878 }
1879 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1880 display: table-cell;
1881 width: 1%;
1882 }
1883 .oo-ui-messageDialog-actions-vertical {
1884 display: block;
1885 }
1886 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1887 display: block;
1888 overflow: hidden;
1889 text-overflow: ellipsis;
1890 }
1891 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1892 position: relative;
1893 text-align: center;
1894 }
1895 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1896 display: block;
1897 }
1898 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1899 position: relative;
1900 top: auto;
1901 bottom: auto;
1902 display: inline;
1903 white-space: nowrap;
1904 }
1905 .oo-ui-messageDialog-title,
1906 .oo-ui-messageDialog-message {
1907 display: block;
1908 text-align: center;
1909 padding-top: 0.5em;
1910 }
1911 .oo-ui-messageDialog-title {
1912 font-size: 1.5em;
1913 line-height: 1em;
1914 color: #000000;
1915 }
1916 .oo-ui-messageDialog-message {
1917 font-size: 0.9em;
1918 line-height: 1.25em;
1919 color: #666666;
1920 }
1921 .oo-ui-messageDialog-message-verbose {
1922 font-size: 1.1em;
1923 line-height: 1.5em;
1924 text-align: left;
1925 }
1926 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1927 border-right: solid 1px #e5e5e5;
1928 }
1929 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1930 border-right-width: 0;
1931 }
1932 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1933 border-bottom: solid 1px #e5e5e5;
1934 }
1935 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1936 border-bottom-width: 0;
1937 }
1938 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1939 height: 3.4em;
1940 }
1941 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1942 text-align: center;
1943 line-height: 3.4em;
1944 padding: 0 2em;
1945 }
1946 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1947 background-color: rgba(0, 0, 0, 0.05);
1948 }
1949 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1950 background-color: rgba(0, 0, 0, 0.1);
1951 }
1952 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
1953 background-color: rgba(8, 126, 204, 0.05);
1954 }
1955 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
1956 background-color: rgba(8, 126, 204, 0.1);
1957 }
1958 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
1959 font-weight: bold;
1960 }
1961 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1962 background-color: rgba(118, 171, 54, 0.05);
1963 }
1964 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1965 background-color: rgba(118, 171, 54, 0.1);
1966 }
1967 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1968 background-color: rgba(212, 83, 83, 0.05);
1969 }
1970 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1971 background-color: rgba(212, 83, 83, 0.1);
1972 }
1973 .oo-ui-processDialog-location {
1974 overflow: hidden;
1975 text-overflow: ellipsis;
1976 white-space: nowrap;
1977 }
1978 .oo-ui-processDialog-title {
1979 display: inline;
1980 padding: 0;
1981 }
1982 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1983 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1984 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1985 white-space: nowrap;
1986 }
1987 .oo-ui-processDialog-actions-safe,
1988 .oo-ui-processDialog-actions-primary {
1989 position: absolute;
1990 top: 0;
1991 bottom: 0;
1992 }
1993 .oo-ui-processDialog-actions-safe {
1994 left: 0;
1995 }
1996 .oo-ui-processDialog-actions-primary {
1997 right: 0;
1998 }
1999 .oo-ui-processDialog-errors {
2000 display: none;
2001 position: absolute;
2002 top: 0;
2003 left: 0;
2004 right: 0;
2005 bottom: 0;
2006 z-index: 2;
2007 overflow-x: hidden;
2008 overflow-y: auto;
2009 }
2010 .oo-ui-processDialog-content .oo-ui-window-head {
2011 height: 3.4em;
2012 }
2013 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2014 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2015 }
2016 .oo-ui-processDialog-content .oo-ui-window-body {
2017 top: 3.4em;
2018 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
2019 }
2020 .oo-ui-processDialog-navigation {
2021 position: relative;
2022 height: 3.4em;
2023 padding: 0 1em;
2024 }
2025 .oo-ui-processDialog-location {
2026 padding: 0.75em 0;
2027 height: 1.9em;
2028 cursor: default;
2029 text-align: center;
2030 }
2031 .oo-ui-processDialog-title {
2032 font-weight: bold;
2033 line-height: 1.9em;
2034 }
2035 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2036 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2037 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2038 min-width: 1.9em;
2039 min-height: 1.9em;
2040 }
2041 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2042 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2043 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2044 line-height: 1.9em;
2045 }
2046 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2047 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2048 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2049 margin-top: -0.125em;
2050 }
2051 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2052 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2053 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2054 margin: 0.75em 0 0.75em 0.75em;
2055 }
2056 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2057 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2058 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2059 padding: 0 1em;
2060 vertical-align: middle;
2061 }
2062 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2063 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2064 background-color: rgba(0, 0, 0, 0.05);
2065 }
2066 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2067 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2068 background-color: rgba(0, 0, 0, 0.1);
2069 }
2070 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2071 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2072 margin: 0.75em;
2073 }
2074 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2075 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2076 /* Adjust for border so text aligns with title */
2077 margin: -1px;
2078 }
2079 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2080 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2081 background-color: rgba(8, 126, 204, 0.05);
2082 }
2083 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2084 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2085 background-color: rgba(8, 126, 204, 0.1);
2086 }
2087 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2088 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2089 font-weight: bold;
2090 }
2091 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2092 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2093 background-color: rgba(118, 171, 54, 0.05);
2094 }
2095 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2096 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2097 background-color: rgba(118, 171, 54, 0.1);
2098 }
2099 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2100 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2101 background-color: rgba(212, 83, 83, 0.05);
2102 }
2103 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2104 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2105 background-color: rgba(212, 83, 83, 0.1);
2106 }
2107 .oo-ui-processDialog > .oo-ui-window-frame {
2108 min-height: 5em;
2109 }
2110 .oo-ui-processDialog-errors {
2111 background-color: rgba(255, 255, 255, 0.9);
2112 padding: 3em 3em 1.5em 3em;
2113 text-align: center;
2114 }
2115 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2116 margin: 2em 1em 2em 1em;
2117 }
2118 .oo-ui-processDialog-errors-title {
2119 font-size: 1.5em;
2120 color: #000000;
2121 margin-bottom: 2em;
2122 }
2123 .oo-ui-processDialog-error {
2124 text-align: left;
2125 margin: 1em;
2126 padding: 1em;
2127 border: solid 1px #ff9e9e;
2128 background-color: #fff7f7;
2129 border-radius: 0.25em;
2130 }
2131 .oo-ui-windowManager-modal > .oo-ui-dialog {
2132 position: fixed;
2133 width: 0;
2134 height: 0;
2135 overflow: hidden;
2136 }
2137 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2138 width: auto;
2139 height: auto;
2140 top: 0;
2141 right: 0;
2142 bottom: 0;
2143 left: 0;
2144 padding: 1em;
2145 }
2146 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2147 position: absolute;
2148 right: 0;
2149 left: 0;
2150 margin: auto;
2151 overflow: hidden;
2152 max-width: 100%;
2153 max-height: 100%;
2154 visibility: visible;
2155 }
2156 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
2157 width: 100%;
2158 height: 100%;
2159 }
2160 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2161 visibility: hidden;
2162 }
2163 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2164 width: 100%;
2165 height: 100%;
2166 top: 0;
2167 bottom: 0;
2168 }
2169 .oo-ui-windowManager-modal > .oo-ui-dialog {
2170 background-color: rgba(255, 255, 255, 0.5);
2171 opacity: 0;
2172 -webkit-transition: opacity 250ms ease-in-out;
2173 -moz-transition: opacity 250ms ease-in-out;
2174 -ms-transition: opacity 250ms ease-in-out;
2175 -o-transition: opacity 250ms ease-in-out;
2176 transition: opacity 250ms ease-in-out;
2177 }
2178 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2179 top: 1em;
2180 bottom: 1em;
2181 background-color: #ffffff;
2182 -webkit-transform: scale(0.5);
2183 -moz-transform: scale(0.5);
2184 -ms-transform: scale(0.5);
2185 -o-transform: scale(0.5);
2186 transform: scale(0.5);
2187 -webkit-transition: all 250ms ease-in-out;
2188 -moz-transition: all 250ms ease-in-out;
2189 -ms-transition: all 250ms ease-in-out;
2190 -o-transition: all 250ms ease-in-out;
2191 transition: all 250ms ease-in-out;
2192 }
2193 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2194 opacity: 1;
2195 }
2196 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2197 -webkit-transform: scale(1);
2198 -moz-transform: scale(1);
2199 -ms-transform: scale(1);
2200 -o-transform: scale(1);
2201 transform: scale(1);
2202 }
2203 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2204 border: solid 1px #aaaaaa;
2205 border-radius: 0.2em;
2206 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2207 }
2208
2209 .oo-ui-icon-add {
2210 background-image: /* @embed */ url(themes/mediawiki/images/icons/add.png);
2211 }
2212 .oo-ui-image-constructive .oo-ui-icon-add,
2213 .oo-ui-image-constructive.oo-ui-icon-add {
2214 background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.png);
2215 }
2216 .oo-ui-image-invert .oo-ui-icon-add,
2217 .oo-ui-image-invert.oo-ui-icon-add {
2218 background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.png);
2219 }
2220 .oo-ui-icon-advanced {
2221 background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.png);
2222 }
2223 .oo-ui-image-invert .oo-ui-icon-advanced,
2224 .oo-ui-image-invert.oo-ui-icon-advanced {
2225 background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.png);
2226 }
2227 .oo-ui-icon-alert {
2228 background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.png);
2229 }
2230 .oo-ui-image-invert .oo-ui-icon-alert,
2231 .oo-ui-image-invert.oo-ui-icon-alert {
2232 background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.png);
2233 }
2234 .oo-ui-icon-check {
2235 background-image: /* @embed */ url(themes/mediawiki/images/icons/check.png);
2236 }
2237 .oo-ui-image-constructive .oo-ui-icon-check,
2238 .oo-ui-image-constructive.oo-ui-icon-check {
2239 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.png);
2240 }
2241 .oo-ui-image-invert .oo-ui-icon-check,
2242 .oo-ui-image-invert.oo-ui-icon-check {
2243 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.png);
2244 }
2245 .oo-ui-icon-clear {
2246 background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.png);
2247 }
2248 .oo-ui-image-invert .oo-ui-icon-clear,
2249 .oo-ui-image-invert.oo-ui-icon-clear {
2250 background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.png);
2251 }
2252 .oo-ui-icon-close {
2253 background-image: /* @embed */ url(themes/mediawiki/images/icons/close.png);
2254 }
2255 .oo-ui-image-invert .oo-ui-icon-close,
2256 .oo-ui-image-invert.oo-ui-icon-close {
2257 background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.png);
2258 }
2259 .oo-ui-icon-code {
2260 background-image: /* @embed */ url(themes/mediawiki/images/icons/code.png);
2261 }
2262 .oo-ui-image-invert .oo-ui-icon-code,
2263 .oo-ui-image-invert.oo-ui-icon-code {
2264 background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.png);
2265 }
2266 .oo-ui-icon-collapse {
2267 background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.png);
2268 }
2269 .oo-ui-image-invert .oo-ui-icon-collapse,
2270 .oo-ui-image-invert.oo-ui-icon-collapse {
2271 background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.png);
2272 }
2273 .oo-ui-icon-comment {
2274 background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.png);
2275 }
2276 .oo-ui-image-invert .oo-ui-icon-comment,
2277 .oo-ui-image-invert.oo-ui-icon-comment {
2278 background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.png);
2279 }
2280 .oo-ui-icon-expand {
2281 background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.png);
2282 }
2283 .oo-ui-image-invert .oo-ui-icon-expand,
2284 .oo-ui-image-invert.oo-ui-icon-expand {
2285 background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.png);
2286 }
2287 .oo-ui-icon-help {
2288 background-image: /* @embed */ url(themes/mediawiki/images/icons/help.png);
2289 }
2290 .oo-ui-image-invert .oo-ui-icon-help,
2291 .oo-ui-image-invert.oo-ui-icon-help {
2292 background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.png);
2293 }
2294 .oo-ui-icon-info {
2295 background-image: /* @embed */ url(themes/mediawiki/images/icons/info.png);
2296 }
2297 .oo-ui-image-invert .oo-ui-icon-info,
2298 .oo-ui-image-invert.oo-ui-icon-info {
2299 background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.png);
2300 }
2301 .oo-ui-icon-link {
2302 background-image: /* @embed */ url(themes/mediawiki/images/icons/link.png);
2303 }
2304 .oo-ui-image-invert .oo-ui-icon-link,
2305 .oo-ui-image-invert.oo-ui-icon-link {
2306 background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.png);
2307 }
2308 .oo-ui-icon-lock {
2309 background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.png);
2310 }
2311 .oo-ui-image-invert .oo-ui-icon-lock,
2312 .oo-ui-image-invert.oo-ui-icon-lock {
2313 background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.png);
2314 }
2315 .oo-ui-icon-menu {
2316 background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.png);
2317 }
2318 .oo-ui-image-invert .oo-ui-icon-menu,
2319 .oo-ui-image-invert.oo-ui-icon-menu {
2320 background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.png);
2321 }
2322 .oo-ui-icon-next {
2323 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.png);
2324 }
2325 .oo-ui-image-invert .oo-ui-icon-next,
2326 .oo-ui-image-invert.oo-ui-icon-next {
2327 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.png);
2328 }
2329 .oo-ui-icon-picture {
2330 background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.png);
2331 }
2332 .oo-ui-image-invert .oo-ui-icon-picture,
2333 .oo-ui-image-invert.oo-ui-icon-picture {
2334 background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.png);
2335 }
2336 .oo-ui-icon-previous {
2337 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.png);
2338 }
2339 .oo-ui-image-invert .oo-ui-icon-previous,
2340 .oo-ui-image-invert.oo-ui-icon-previous {
2341 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.png);
2342 }
2343 .oo-ui-icon-circle {
2344 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.png);
2345 }
2346 .oo-ui-image-constructive .oo-ui-icon-circle,
2347 .oo-ui-image-constructive.oo-ui-icon-circle {
2348 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.png);
2349 }
2350 .oo-ui-image-invert .oo-ui-icon-circle,
2351 .oo-ui-image-invert.oo-ui-icon-circle {
2352 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.png);
2353 }
2354 .oo-ui-icon-redo {
2355 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.png);
2356 }
2357 .oo-ui-image-invert .oo-ui-icon-redo,
2358 .oo-ui-image-invert.oo-ui-icon-redo {
2359 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.png);
2360 }
2361 .oo-ui-icon-remove {
2362 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.png);
2363 }
2364 .oo-ui-image-destructive .oo-ui-icon-remove,
2365 .oo-ui-image-destructive.oo-ui-icon-remove {
2366 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.png);
2367 }
2368 .oo-ui-image-invert .oo-ui-icon-remove,
2369 .oo-ui-image-invert.oo-ui-icon-remove {
2370 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.png);
2371 }
2372 .oo-ui-icon-search {
2373 background-image: /* @embed */ url(themes/mediawiki/images/icons/search.png);
2374 }
2375 .oo-ui-image-invert .oo-ui-icon-search,
2376 .oo-ui-image-invert.oo-ui-icon-search {
2377 background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.png);
2378 }
2379 .oo-ui-icon-settings {
2380 background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.png);
2381 }
2382 .oo-ui-image-invert .oo-ui-icon-settings,
2383 .oo-ui-image-invert.oo-ui-icon-settings {
2384 background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.png);
2385 }
2386 .oo-ui-icon-tag {
2387 background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.png);
2388 }
2389 .oo-ui-image-invert .oo-ui-icon-tag,
2390 .oo-ui-image-invert.oo-ui-icon-tag {
2391 background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.png);
2392 }
2393 .oo-ui-icon-undo {
2394 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.png);
2395 }
2396 .oo-ui-image-invert .oo-ui-icon-undo,
2397 .oo-ui-image-invert.oo-ui-icon-undo {
2398 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.png);
2399 }
2400 .oo-ui-icon-window {
2401 background-image: /* @embed */ url(themes/mediawiki/images/icons/window.png);
2402 }
2403 .oo-ui-image-invert .oo-ui-icon-window,
2404 .oo-ui-image-invert.oo-ui-icon-window {
2405 background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.png);
2406 }
2407 .oo-ui-indicator-alert {
2408 background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.png);
2409 }
2410 .oo-ui-image-invert .oo-ui-indicator-alert,
2411 .oo-ui-image-invert.oo-ui-indicator-alert {
2412 background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.png);
2413 }
2414 .oo-ui-indicator-up {
2415 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.png);
2416 }
2417 .oo-ui-image-invert .oo-ui-indicator-up,
2418 .oo-ui-image-invert.oo-ui-indicator-up {
2419 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.png);
2420 }
2421 .oo-ui-indicator-down {
2422 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.png);
2423 }
2424 .oo-ui-image-invert .oo-ui-indicator-down,
2425 .oo-ui-image-invert.oo-ui-indicator-down {
2426 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.png);
2427 }
2428 .oo-ui-indicator-next {
2429 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.png);
2430 }
2431 .oo-ui-image-invert .oo-ui-indicator-next,
2432 .oo-ui-image-invert.oo-ui-indicator-next {
2433 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.png);
2434 }
2435 .oo-ui-indicator-previous {
2436 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.png);
2437 }
2438 .oo-ui-image-invert .oo-ui-indicator-previous,
2439 .oo-ui-image-invert.oo-ui-indicator-previous {
2440 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.png);
2441 }
2442 .oo-ui-indicator-required {
2443 background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.png);
2444 }
2445 .oo-ui-image-invert .oo-ui-indicator-required,
2446 .oo-ui-image-invert.oo-ui-indicator-required {
2447 background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.png);
2448 }
2449 .oo-ui-texture-pending {
2450 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2451 }
2452 .oo-ui-texture-transparency {
2453 background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.png);
2454 }