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