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