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