Merge "DatabaseMssql: Don't duplicate body of makeList()"
[mediawiki.git] / resources / lib / oojs-ui / oojs-ui-mediawiki.css
blobcc8fdf51e06ccaf3abb676acda8146c59cdd332d
1 /*!
2 * OOjs UI v0.8.0
3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2015 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2015-02-19T01:33:21Z
11 .oo-ui-progressBarWidget-slide-frames from {
12 margin-left: -40%;
14 .oo-ui-progressBarWidget-slide-frames to {
15 margin-left: 100%;
17 @-webkit-keyframes oo-ui-progressBarWidget-slide {
18 from {
19 margin-left: -40%;
21 to {
22 margin-left: 100%;
25 @-moz-keyframes oo-ui-progressBarWidget-slide {
26 from {
27 margin-left: -40%;
29 to {
30 margin-left: 100%;
33 @-ms-keyframes oo-ui-progressBarWidget-slide {
34 from {
35 margin-left: -40%;
37 to {
38 margin-left: 100%;
41 @-o-keyframes oo-ui-progressBarWidget-slide {
42 from {
43 margin-left: -40%;
45 to {
46 margin-left: 100%;
49 @keyframes oo-ui-progressBarWidget-slide {
50 from {
51 margin-left: -40%;
53 to {
54 margin-left: 100%;
57 /* @noflip */
58 .oo-ui-rtl {
59 direction: rtl;
61 /* @noflip */
62 .oo-ui-ltr {
63 direction: ltr;
65 .oo-ui-element-hidden {
66 display: none !important;
68 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
69 cursor: pointer;
70 display: inline-block;
71 vertical-align: middle;
72 font: inherit;
73 -webkit-touch-callout: none;
74 -webkit-user-select: none;
75 -moz-user-select: none;
76 -ms-user-select: none;
77 user-select: none;
79 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
80 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
81 display: none;
83 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
84 cursor: default;
86 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
87 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
88 display: inline-block;
89 vertical-align: middle;
90 background-position: center center;
91 background-repeat: no-repeat;
93 .oo-ui-buttonElement-frameless {
94 display: inline-block;
95 position: relative;
97 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
98 display: inline-block;
99 vertical-align: middle;
101 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
102 display: inline-block;
103 vertical-align: top;
104 text-align: center;
106 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
107 display: inline-block;
108 vertical-align: middle;
110 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
111 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
112 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
113 cursor: default;
115 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
116 font-weight: bold;
118 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
119 margin-left: 0;
121 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
122 margin-right: -0.75em;
123 margin-left: -0.75em;
125 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
126 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
127 margin-left: 0;
129 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
130 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
131 width: 1.9em;
132 height: 1.9em;
134 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
135 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
136 outline: none;
138 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
139 margin-right: 0;
141 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
142 margin-left: 0.25em;
143 margin-right: 0.25em;
145 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
146 color: #757575;
148 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
149 color: #444444;
151 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
153 color: #598ad1;
155 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
156 color: #777777;
158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
160 color: #015ccc;
161 box-shadow: none;
163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
164 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
165 color: #00c697;
167 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
168 color: #777777;
170 .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,
171 .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 {
172 color: #008c6d;
173 box-shadow: none;
175 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
176 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
177 color: #e81915;
179 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
180 color: #777777;
182 .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,
183 .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 {
184 color: #a7170f;
185 box-shadow: none;
187 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
188 color: #cccccc;
190 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
191 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
192 opacity: 0.2;
194 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
195 margin: 0.1em 0;
196 padding: 0.2em 0.8em;
197 border-radius: 2px;
198 -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
199 -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
200 -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
201 -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
202 transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
204 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
205 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
206 outline: none;
208 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
209 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
210 line-height: 1.9em;
212 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
213 margin-left: -0.5em;
214 margin-right: -0.5em;
216 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
217 margin-left: -0.5em;
218 margin-right: 0.3em;
220 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
221 color: #ffffff;
222 background: #dddddd;
223 border: 1px solid #dddddd;
225 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
226 color: #757575;
227 background-color: #ffffff;
228 border: solid 1px #cdcdcd;
230 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
231 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.2);
232 border-color: #aaaaaa;
234 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
235 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
237 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
238 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
239 background-color: #d0d0d0;
240 border-color: #d0d0d0;
241 box-shadow: none;
243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
244 background-color: #999999;
245 color: #ffffff;
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
248 color: #0274ff;
250 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
251 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
252 border-bottom-color: #015ccc;
254 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
255 box-shadow: inset 0 0 0 1px #015ccc;
256 border-color: #015ccc;
258 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
259 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
260 color: #015ccc;
261 border-color: #d0d0d0;
262 box-shadow: none;
264 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
265 background-color: #999999;
266 color: #ffffff;
268 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
269 color: #00af89;
271 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
272 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
273 border-bottom-color: #008c6d;
275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
276 box-shadow: inset 0 0 0 1px #008c6d;
277 border-color: #008c6d;
279 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
281 color: #008c6d;
282 border-color: #d0d0d0;
283 box-shadow: none;
285 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
286 background-color: #999999;
287 color: #ffffff;
289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
290 color: #d11d13;
292 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
293 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
294 border-bottom-color: #a7170f;
296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
297 box-shadow: inset 0 0 0 1px #a7170f;
298 border-color: #a7170f;
300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
301 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
302 color: #a7170f;
303 border-color: #d0d0d0;
304 box-shadow: none;
306 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
307 background-color: #999999;
308 color: #ffffff;
310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
311 color: #ffffff;
312 background-color: #0274ff;
313 border-color: #0274ff;
315 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
316 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
317 border-bottom-color: #015ccc;
319 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
320 box-shadow: inset 0 0 0 1px #015ccc;
321 border-color: #015ccc;
323 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
324 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
325 color: #ffffff;
326 background-color: #015ccc;
327 border-color: #015ccc;
328 box-shadow: none;
330 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
331 background-color: #999999;
332 color: #ffffff;
334 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
335 color: #ffffff;
336 background-color: #00af89;
337 border-color: #00af89;
339 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
340 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
341 border-bottom-color: #008c6d;
343 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
344 box-shadow: inset 0 0 0 1px #008c6d;
345 border-color: #008c6d;
347 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
348 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
349 color: #ffffff;
350 background-color: #008c6d;
351 border-color: #008c6d;
352 box-shadow: none;
354 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
355 background-color: #999999;
356 color: #ffffff;
358 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
359 color: #ffffff;
360 background-color: #d11d13;
361 border-color: #d11d13;
363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
364 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
365 border-bottom-color: #a7170f;
367 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
368 box-shadow: inset 0 0 0 1px #a7170f;
369 border-color: #a7170f;
371 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
372 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
373 color: #ffffff;
374 background-color: #a7170f;
375 border-color: #a7170f;
376 box-shadow: none;
378 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
379 background-color: #999999;
380 color: #ffffff;
382 .oo-ui-clippableElement-clippable {
383 -webkit-box-sizing: border-box;
384 -moz-box-sizing: border-box;
385 box-sizing: border-box;
387 .oo-ui-draggableElement {
388 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
390 * HACK: In order to style horizontally, we must override
391 * OO.ui.OptionWidget's display rule that is currently set
392 * to be 'block'
395 .oo-ui-draggableElement-dragging {
396 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
397 background: rgba(0, 0, 0, 0.2);
398 opacity: 0.4;
400 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
401 display: inline-block;
403 .oo-ui-draggableGroupElement-placeholder {
404 position: absolute;
405 display: block;
406 background: rgba(0, 0, 0, 0.4);
408 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
409 z-index: 1;
410 width: 100%;
412 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
413 overflow-y: hidden;
415 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
416 width: 100%;
417 -webkit-box-sizing: border-box;
418 -moz-box-sizing: border-box;
419 box-sizing: border-box;
421 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
422 overflow-y: auto;
424 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
425 padding: 2em;
427 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
428 position: absolute;
429 top: 0;
430 left: 0;
431 right: 0;
432 bottom: 3em;
433 overflow-y: auto;
435 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
436 position: absolute;
437 bottom: 0;
438 left: 0;
439 right: 0;
441 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
442 padding: 1.5em;
444 .oo-ui-bookletLayout-outlinePanel {
445 border-right: solid 1px #dddddd;
447 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
448 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
450 .oo-ui-fieldLayout {
451 display: block;
452 margin-bottom: 1em;
454 .oo-ui-fieldLayout:before,
455 .oo-ui-fieldLayout:after {
456 content: " ";
457 display: table;
459 .oo-ui-fieldLayout:after {
460 clear: both;
462 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
463 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
464 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
465 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
466 display: block;
467 float: left;
469 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
470 text-align: right;
472 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
473 display: table;
475 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
476 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
477 display: table-cell;
478 vertical-align: middle;
480 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
481 display: inline-block;
483 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
484 float: right;
486 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
487 z-index: 1;
489 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
490 padding: 0.5em 0.75em;
491 line-height: 1.5em;
493 .oo-ui-fieldLayout:last-child {
494 margin-bottom: 0;
496 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
497 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
498 padding-top: 0.5em;
499 margin-right: 5%;
500 width: 35%;
502 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
503 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
504 width: 60%;
506 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
507 padding: 0.5em;
509 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
510 padding: 0.5em 0;
512 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
513 padding: 0.5em 0;
515 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
516 margin-right: 0;
517 margin-top: 0.25em;
519 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
520 margin-right: 0;
522 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
523 color: #cccccc;
525 .oo-ui-actionFieldLayout-field {
526 display: table;
527 table-layout: fixed;
528 width: 100%;
530 .oo-ui-actionFieldLayout-input,
531 .oo-ui-actionFieldLayout-button {
532 display: table-cell;
533 vertical-align: middle;
535 .oo-ui-actionFieldLayout-input {
536 padding-right: 1em;
538 .oo-ui-actionFieldLayout-button {
539 width: 1%;
540 white-space: nowrap;
542 .oo-ui-fieldsetLayout {
543 position: relative;
544 margin: 0;
545 padding: 0;
546 border: none;
548 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
549 display: block;
550 position: absolute;
551 background-position: center center;
552 background-repeat: no-repeat;
554 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
555 display: inline-block;
557 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
558 float: right;
560 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
561 z-index: 1;
563 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
564 padding: 0.5em 0.75em;
565 line-height: 1.5em;
567 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
568 margin-top: 2em;
570 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
571 font-size: 1.1em;
572 margin-bottom: 0.5em;
573 padding: 0.25em 0;
574 font-weight: bold;
576 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
577 padding-left: 1.75em;
578 line-height: 1.33em;
580 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
581 left: 0;
582 top: 0.25em;
583 width: 1.5em;
584 height: 1.5em;
586 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
587 margin-right: 0;
589 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
590 margin-right: 0;
592 .oo-ui-gridLayout {
593 position: absolute;
594 top: 0;
595 left: 0;
596 right: 0;
597 bottom: 0;
599 .oo-ui-menuLayout {
600 position: absolute;
601 top: 0;
602 left: 0;
603 right: 0;
604 bottom: 0;
606 .oo-ui-menuLayout-menu,
607 .oo-ui-menuLayout-content {
608 position: absolute;
609 -webkit-transition: all ease-in-out 200ms;
610 -moz-transition: all ease-in-out 200ms;
611 -ms-transition: all ease-in-out 200ms;
612 -o-transition: all ease-in-out 200ms;
613 transition: all ease-in-out 200ms;
615 .oo-ui-menuLayout-content {
616 top: 0;
617 left: 0;
618 right: 0;
619 bottom: 0;
621 .oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
622 left: 0;
623 top: 0;
624 right: 0;
626 .oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
627 top: 0;
628 right: 0;
629 bottom: 0;
631 .oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
632 right: 0;
633 bottom: 0;
634 left: 0;
636 .oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
637 bottom: 0;
638 left: 0;
639 top: 0;
641 .oo-ui-menuLayout-top .oo-ui-menuLayout-content {
642 right: 0 !important;
643 bottom: 0 !important;
644 left: 0 !important;
646 .oo-ui-menuLayout-after .oo-ui-menuLayout-content {
647 bottom: 0 !important;
648 left: 0 !important;
649 top: 0 !important;
651 .oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
652 left: 0 !important;
653 top: 0 !important;
654 right: 0 !important;
656 .oo-ui-menuLayout-before .oo-ui-menuLayout-content {
657 top: 0 !important;
658 right: 0 !important;
659 bottom: 0 !important;
661 .oo-ui-panelLayout {
662 position: relative;
664 .oo-ui-panelLayout-scrollable {
665 overflow-y: auto;
667 .oo-ui-panelLayout-expanded {
668 position: absolute;
669 top: 0;
670 left: 0;
671 right: 0;
672 bottom: 0;
674 .oo-ui-panelLayout-padded {
675 padding: 1.25em;
677 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
678 display: block;
679 position: relative;
681 .oo-ui-popupTool .oo-ui-popupWidget-popup,
682 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
683 z-index: 4;
685 .oo-ui-popupTool .oo-ui-popupWidget {
686 /* @noflip */
687 margin-left: 1.25em;
688 font-size: 0.8em;
690 .oo-ui-toolGroup {
691 display: inline-block;
692 vertical-align: middle;
693 margin: 0.3em;
695 .oo-ui-toolGroup-empty {
696 display: none;
698 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
699 background-position: center center;
700 background-repeat: no-repeat;
702 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
703 color: #000000;
705 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel {
706 color: #888888;
708 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
709 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
710 display: none;
712 .oo-ui-barToolGroup .oo-ui-tool {
713 display: inline-block;
714 position: relative;
715 vertical-align: top;
717 .oo-ui-barToolGroup .oo-ui-tool-link {
718 display: block;
720 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
721 display: block;
723 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
724 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
725 display: none;
727 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
728 cursor: default;
730 .oo-ui-barToolGroup .oo-ui-tool-title,
731 .oo-ui-barToolGroup .oo-ui-tool-accel {
732 display: none;
734 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
735 cursor: pointer;
737 .oo-ui-barToolGroup .oo-ui-tool-link {
738 height: 1.5em;
739 padding: 0.25em;
741 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
742 height: 1.5em;
743 width: 1.5em;
744 opacity: 0.8;
746 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
747 background-color: #eeeeee;
749 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
750 opacity: 0.2;
752 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
753 opacity: 0.8;
755 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
756 opacity: 1;
758 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
759 opacity: 0.2;
761 .oo-ui-popupToolGroup {
762 position: relative;
763 height: 2em;
764 min-width: 2.5em;
766 .oo-ui-popupToolGroup-handle {
767 display: block;
768 cursor: pointer;
770 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
771 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
772 position: absolute;
773 background-position: center center;
774 background-repeat: no-repeat;
776 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
777 cursor: default;
779 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
780 display: none;
781 position: absolute;
782 z-index: 4;
784 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
785 background-repeat: no-repeat;
786 background-position: center center;
788 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
789 display: block;
791 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
792 left: 0;
794 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
795 right: 0;
797 .oo-ui-popupToolGroup .oo-ui-tool-link {
798 display: table;
799 width: 100%;
800 vertical-align: middle;
801 white-space: nowrap;
802 text-decoration: none;
804 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
805 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
806 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
807 display: table-cell;
808 vertical-align: middle;
810 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
811 text-align: right;
813 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
814 padding-left: 3em;
816 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
817 min-width: 3.5em;
819 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
820 line-height: 2.6em;
821 font-size: 0.8em;
822 margin: 0 1em;
824 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
825 margin-left: 3em;
827 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
828 margin-right: 2.25em;
830 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
831 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
832 top: 0;
833 width: 2em;
834 height: 2em;
835 opacity: 0.8;
837 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
838 right: 0;
840 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
841 left: 0.25em;
843 .oo-ui-popupToolGroup-header {
844 line-height: 2.6em;
845 font-size: 0.8em;
846 margin: 0 0.6em;
847 font-weight: bold;
849 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
850 top: 2em;
851 background-color: white;
853 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
854 height: 2em;
855 width: 2em;
856 min-width: 2em;
858 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
859 padding-left: 0.25em;
861 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
862 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
863 line-height: 2em;
864 font-size: 0.8em;
866 .oo-ui-listToolGroup .oo-ui-tool {
867 display: block;
868 -webkit-box-sizing: border-box;
869 -moz-box-sizing: border-box;
870 box-sizing: border-box;
872 .oo-ui-listToolGroup .oo-ui-tool-link {
873 cursor: pointer;
875 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
876 cursor: default;
878 .oo-ui-listToolGroup .oo-ui-tool {
879 padding: 0 0.5em 0 0.25em;
881 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
882 background-color: #eeeeee;
884 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
885 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
886 background-color: #d0d0d0;
888 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
889 color: #cccccc;
891 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
892 color: #dddddd;
894 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
895 opacity: 0.2;
897 .oo-ui-listToolGroup.oo-ui-widget-disabled {
898 color: #cccccc;
900 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
901 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
902 opacity: 0.2;
904 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
905 padding: 0.25em 0 0.25em 0;
906 border: 1px solid #aaaaaa;
907 border-radius: 0.2em;
908 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
910 .oo-ui-menuToolGroup {
911 border: solid 1px #cccccc;
912 border-radius: 0.1em;
914 .oo-ui-menuToolGroup .oo-ui-tool {
915 display: block;
917 .oo-ui-menuToolGroup .oo-ui-tool-link {
918 cursor: pointer;
920 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
921 cursor: default;
923 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
924 min-width: 8em;
926 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
927 margin-left: -1px;
928 padding: 0.25em 0 0.25em 0;
929 border: 1px solid #aaaaaa;
930 border-radius: 0.2em;
931 border-top-left-radius: 0;
932 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2), 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
934 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
935 border-color: #aaaaaa;
937 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
938 border-color: #aaaaaa;
940 .oo-ui-menuToolGroup .oo-ui-tool {
941 padding: 0 0.75em 0 0.25em;
943 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
944 background-image: none;
946 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
947 background-image: url("themes/mediawiki/images/icons/check.png");
948 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
949 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
950 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
952 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
953 background-color: #eeeeee;
955 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
956 color: #cccccc;
958 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
959 opacity: 0.2;
961 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
962 color: #cccccc;
963 border-color: #cccccc;
965 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
966 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
967 opacity: 0.2;
969 .oo-ui-toolbar {
970 clear: both;
972 .oo-ui-toolbar-bar {
973 line-height: 1em;
975 .oo-ui-toolbar-actions {
976 float: right;
978 .oo-ui-toolbar-tools {
979 display: inline;
981 .oo-ui-toolbar-tools,
982 .oo-ui-toolbar-actions,
983 .oo-ui-toolbar-shadow {
984 -webkit-touch-callout: none;
985 -webkit-user-select: none;
986 -moz-user-select: none;
987 -ms-user-select: none;
988 user-select: none;
990 .oo-ui-toolbar-actions .oo-ui-popupWidget {
991 -webkit-touch-callout: default;
992 -webkit-user-select: all;
993 -moz-user-select: all;
994 -ms-user-select: all;
995 user-select: all;
997 .oo-ui-toolbar-shadow {
998 background-position: left top;
999 background-repeat: repeat-x;
1000 position: absolute;
1001 width: 100%;
1002 pointer-events: none;
1004 .oo-ui-toolbar-bar {
1005 border-bottom: solid 4px rgba(0, 0, 0, 0.15);
1006 background: #ffffff;
1008 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1009 border: none;
1010 background: none;
1012 .oo-ui-toolbar-shadow {
1013 display: none;
1015 .oo-ui-selectWidget {
1016 border-radius: 2px;
1018 .oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1019 border-radius: 0;
1020 margin-left: -1px;
1022 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1023 border-bottom-left-radius: 2px;
1024 border-top-left-radius: 2px;
1025 margin-left: 0;
1027 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1028 border-bottom-right-radius: 2px;
1029 border-top-right-radius: 2px;
1031 .oo-ui-optionWidget {
1032 position: relative;
1033 display: block;
1034 cursor: pointer;
1035 padding: 0.25em 0.5em;
1036 border: none;
1038 .oo-ui-optionWidget.oo-ui-widget-disabled {
1039 cursor: default;
1041 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1042 display: block;
1043 white-space: nowrap;
1044 text-overflow: ellipsis;
1045 overflow: hidden;
1047 .oo-ui-optionWidget-highlighted {
1048 background-color: #eeeeee;
1050 .oo-ui-optionWidget .oo-ui-labelElement-label {
1051 line-height: 1.5em;
1053 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
1054 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1055 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1056 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1057 background-color: #d0d0d0;
1059 .oo-ui-optionWidget.oo-ui-widget-disabled {
1060 color: #cccccc;
1062 .oo-ui-decoratedOptionWidget {
1063 padding: 0.5em 2em 0.5em 3em;
1065 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1066 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1067 position: absolute;
1068 background-repeat: no-repeat;
1069 background-position: center center;
1071 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1072 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1073 top: 50%;
1074 width: 2em;
1075 height: 2em;
1076 margin-top: -1em;
1078 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
1079 left: 0.5em;
1081 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1082 right: 0.5em;
1084 .oo-ui-buttonSelectWidget {
1085 display: inline-block;
1086 white-space: nowrap;
1087 border-radius: 2px;
1088 margin-right: 0.5em;
1090 .oo-ui-buttonSelectWidget:last-child {
1091 margin-right: 0;
1093 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1094 border-radius: 0;
1095 margin-left: -1px;
1097 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1098 border-bottom-left-radius: 2px;
1099 border-top-left-radius: 2px;
1100 margin-left: 0;
1102 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1103 border-bottom-right-radius: 2px;
1104 border-top-right-radius: 2px;
1106 .oo-ui-buttonOptionWidget {
1107 display: inline-block;
1108 padding: 0;
1109 background-color: transparent;
1111 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1112 position: relative;
1114 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1115 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1116 position: static;
1117 display: inline-block;
1118 vertical-align: middle;
1120 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1121 height: 1.9em;
1123 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1124 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1125 height: 1.9em;
1126 margin-top: 0;
1128 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1129 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1130 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1131 background-color: transparent;
1133 .oo-ui-radioOptionWidget {
1134 cursor: default;
1135 padding: 0.25em 0;
1136 background-color: transparent;
1138 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1139 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1140 display: inline-block;
1141 vertical-align: middle;
1143 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1144 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1145 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1146 background-color: transparent;
1148 .oo-ui-labelWidget {
1149 display: inline-block;
1151 .oo-ui-iconWidget {
1152 display: inline-block;
1153 vertical-align: middle;
1154 background-position: center center;
1155 background-repeat: no-repeat;
1156 line-height: 2.5em;
1157 height: 1.9em;
1158 width: 1.9em;
1160 .oo-ui-iconWidget.oo-ui-widget-disabled {
1161 opacity: 0.2;
1163 .oo-ui-indicatorWidget {
1164 display: inline-block;
1165 vertical-align: middle;
1166 background-position: center center;
1167 background-repeat: no-repeat;
1168 line-height: 2.5em;
1169 height: 1.9em;
1170 width: 1.9em;
1172 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1173 opacity: 0.2;
1175 .oo-ui-buttonWidget {
1176 display: inline-block;
1177 vertical-align: middle;
1178 margin-right: 0.5em;
1180 .oo-ui-buttonWidget:last-child {
1181 margin-right: 0;
1183 .oo-ui-buttonGroupWidget {
1184 display: inline-block;
1185 white-space: nowrap;
1186 border-radius: 2px;
1187 margin-right: 0.5em;
1189 .oo-ui-buttonGroupWidget:last-child {
1190 margin-right: 0;
1192 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget {
1193 margin-right: 0;
1195 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child {
1196 margin-right: 0;
1198 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1199 border-radius: 0;
1200 margin-left: -1px;
1202 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1203 border-bottom-left-radius: 2px;
1204 border-top-left-radius: 2px;
1205 margin-left: 0;
1207 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1208 border-bottom-right-radius: 2px;
1209 border-top-right-radius: 2px;
1211 .oo-ui-toggleSwitchWidget {
1212 position: relative;
1213 display: inline-block;
1214 vertical-align: middle;
1215 overflow: hidden;
1216 cursor: pointer;
1217 -webkit-box-sizing: border-box;
1218 -moz-box-sizing: border-box;
1219 box-sizing: border-box;
1220 -webkit-transform: translateZ(0px);
1221 -moz-transform: translateZ(0px);
1222 -ms-transform: translateZ(0px);
1223 -o-transform: translateZ(0px);
1224 transform: translateZ(0px);
1225 height: 2em;
1226 width: 4em;
1227 border-radius: 1em;
1228 border: 1px #dddddd solid;
1229 margin-right: 0.5em;
1231 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1232 cursor: default;
1234 .oo-ui-toggleSwitchWidget-grip {
1235 position: absolute;
1236 display: block;
1237 -webkit-box-sizing: border-box;
1238 -moz-box-sizing: border-box;
1239 box-sizing: border-box;
1241 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1242 position: absolute;
1243 top: 0;
1244 bottom: 0;
1245 right: 0;
1246 left: 0;
1247 -webkit-touch-callout: none;
1248 -webkit-user-select: none;
1249 -moz-user-select: none;
1250 -ms-user-select: none;
1251 user-select: none;
1253 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1254 display: none;
1256 .oo-ui-toggleSwitchWidget:last-child {
1257 margin-right: 0;
1259 .oo-ui-toggleSwitchWidget-grip {
1260 top: 0.25em;
1261 left: 0.25em;
1262 width: 1.5em;
1263 height: 1.5em;
1264 margin-top: -1px;
1265 border-radius: 1em;
1266 border: 1px #dddddd solid;
1267 background-color: #f7f7f7;
1268 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1269 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1270 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1271 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1272 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1274 .oo-ui-toggleSwitchWidget-glow {
1275 border-radius: 1em;
1276 background-color: #f7f7f7;
1277 -webkit-transition: background-color 0.1s ease-in-out;
1278 -moz-transition: background-color 0.1s ease-in-out;
1279 -ms-transition: background-color 0.1s ease-in-out;
1280 -o-transition: background-color 0.1s ease-in-out;
1281 transition: background-color 0.1s ease-in-out;
1283 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1284 left: 2.25em;
1285 margin-left: -2px;
1287 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1288 display: block;
1290 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1291 left: 0.25em;
1292 margin-left: 0;
1294 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1295 border: 1px #cccccc solid;
1297 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1298 border-color: #aaaaaa;
1300 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1301 background-color: #ffffff;
1302 border-color: #aaaaaa;
1304 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1305 background-color: #d0d0d0;
1307 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1308 background-color: #ffffff;
1310 .oo-ui-progressBarWidget {
1311 max-width: 50em;
1312 border: solid 1px #cccccc;
1313 border-radius: 0.1em;
1314 overflow: hidden;
1316 .oo-ui-progressBarWidget-bar {
1317 height: 1em;
1318 background: #dddddd;
1319 -webkit-transition: width 200ms, margin-left 200ms;
1320 -moz-transition: width 200ms, margin-left 200ms;
1321 -ms-transition: width 200ms, margin-left 200ms;
1322 -o-transition: width 200ms, margin-left 200ms;
1323 transition: width 200ms, margin-left 200ms;
1325 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1326 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1327 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1328 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1329 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1330 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1331 width: 40%;
1332 margin-left: -10%;
1333 border-left-width: 1px;
1335 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1336 opacity: 0.6;
1338 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1339 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1341 .oo-ui-popupWidget {
1342 position: absolute;
1343 /* @noflip */
1344 left: 0;
1346 .oo-ui-popupWidget-popup {
1347 position: relative;
1348 overflow: hidden;
1349 z-index: 1;
1351 .oo-ui-popupWidget-anchor {
1352 display: none;
1353 z-index: 1;
1355 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1356 display: block;
1357 position: absolute;
1358 top: 0;
1359 /* @noflip */
1360 left: 0;
1361 background-repeat: no-repeat;
1363 .oo-ui-popupWidget-head {
1364 -webkit-touch-callout: none;
1365 -webkit-user-select: none;
1366 -moz-user-select: none;
1367 -ms-user-select: none;
1368 user-select: none;
1370 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1371 float: right;
1373 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1374 float: left;
1375 cursor: default;
1377 .oo-ui-popupWidget-body {
1378 clear: both;
1379 overflow: hidden;
1381 .oo-ui-popupWidget-popup {
1382 border: solid 1px #aaaaaa;
1383 border-radius: 0.2em;
1384 background-color: #ffffff;
1385 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1387 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1388 margin-top: 9px;
1390 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1391 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1392 content: "";
1393 position: absolute;
1394 width: 0;
1395 height: 0;
1396 border-style: solid;
1397 border-color: transparent;
1398 border-top: 0;
1400 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1401 bottom: -10px;
1402 left: -9px;
1403 border-bottom-color: #888888;
1404 border-width: 10px;
1406 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1407 bottom: -10px;
1408 left: -8px;
1409 border-bottom-color: #ffffff;
1410 border-width: 9px;
1412 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1413 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1414 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1415 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1416 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1417 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1419 .oo-ui-popupWidget-head {
1420 height: 2.5em;
1422 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1423 margin: 0.25em;
1425 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1426 margin: 0.75em 1em;
1428 .oo-ui-popupWidget-body-padded {
1429 padding: 0 1em;
1431 .oo-ui-popupButtonWidget {
1432 position: relative;
1434 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1435 position: absolute;
1436 cursor: auto;
1438 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1439 left: 1em;
1441 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1442 left: 1.75em;
1444 .oo-ui-inputWidget {
1445 margin-right: 0.5em;
1447 .oo-ui-inputWidget:last-child {
1448 margin-right: 0;
1450 .oo-ui-buttonInputWidget {
1451 display: inline-block;
1452 vertical-align: middle;
1454 .oo-ui-checkboxInputWidget {
1455 position: relative;
1456 line-height: 1.6em;
1457 white-space: nowrap;
1459 .oo-ui-checkboxInputWidget * {
1460 font: inherit;
1461 vertical-align: middle;
1463 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1464 opacity: 0;
1465 position: relative;
1466 z-index: 1;
1467 margin: 0;
1468 width: 1.6em;
1469 height: 1.6em;
1470 max-width: none;
1472 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1473 cursor: pointer;
1474 margin: 0 0.2em;
1476 .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
1477 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1478 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1479 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1480 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1481 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1482 content: "";
1483 -webkit-box-sizing: border-box;
1484 -moz-box-sizing: border-box;
1485 box-sizing: border-box;
1486 position: absolute;
1487 left: 0;
1488 border-radius: 2px;
1489 width: 1.6em;
1490 height: 1.6em;
1491 background-color: white;
1492 border: 1px solid #777777;
1493 background-image: url("themes/mediawiki/images/icons/check-constructive.png");
1494 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1495 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1496 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png");
1497 background-repeat: no-repeat;
1498 background-position: center center;
1499 background-origin: border-box;
1500 background-size: 0 0;
1502 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
1503 background-size: 100% 100%;
1505 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before {
1506 background-color: #dddddd;
1507 border-color: #dddddd;
1509 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before {
1510 border-width: 2px;
1512 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before,
1513 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before {
1514 border-bottom-width: 3px;
1516 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
1517 cursor: default;
1518 background-color: #eeeeee;
1519 border-color: #eeeeee;
1521 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before {
1522 background-image: url("themes/mediawiki/images/icons/check-invert.png");
1523 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1524 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1525 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
1527 .oo-ui-dropdownInputWidget {
1528 position: relative;
1529 vertical-align: middle;
1530 -webkit-box-sizing: border-box;
1531 -moz-box-sizing: border-box;
1532 box-sizing: border-box;
1533 width: 100%;
1534 max-width: 50em;
1536 .oo-ui-dropdownInputWidget select {
1537 display: inline-block;
1538 width: 100%;
1539 resize: none;
1540 -webkit-box-sizing: border-box;
1541 -moz-box-sizing: border-box;
1542 box-sizing: border-box;
1544 .oo-ui-dropdownInputWidget select {
1545 height: 2.5em;
1546 padding: 0.5em;
1547 font-size: 1em;
1548 font-family: sans-serif;
1549 -webkit-box-sizing: border-box;
1550 -moz-box-sizing: border-box;
1551 box-sizing: border-box;
1552 border: solid 1px #cccccc;
1554 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1555 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1556 border-color: #aaaaaa;
1557 outline: none;
1559 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1560 color: #cccccc;
1561 border-color: #dddddd;
1562 background-color: #f3f3f3;
1564 .oo-ui-radioInputWidget {
1565 position: relative;
1566 line-height: 1.6em;
1567 white-space: nowrap;
1569 .oo-ui-radioInputWidget * {
1570 font: inherit;
1571 vertical-align: middle;
1573 .oo-ui-radioInputWidget input[type="radio"] {
1574 opacity: 0;
1575 position: relative;
1576 z-index: 1;
1577 margin: 0;
1578 width: 1.6em;
1579 height: 1.6em;
1580 max-width: none;
1582 .oo-ui-radioInputWidget input[type="radio"] + span {
1583 cursor: pointer;
1584 margin: 0 0.2em;
1586 .oo-ui-radioInputWidget input[type="radio"] + span::before {
1587 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1588 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1589 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1590 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1591 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1592 content: "";
1593 -webkit-box-sizing: border-box;
1594 -moz-box-sizing: border-box;
1595 box-sizing: border-box;
1596 position: absolute;
1597 left: 0;
1598 border-radius: 100%;
1599 width: 1.6em;
1600 height: 1.6em;
1601 background: white;
1602 border: 1px solid #777777;
1603 background-image: url("themes/mediawiki/images/icons/circle-constructive.png");
1604 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1605 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1606 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png");
1607 background-repeat: no-repeat;
1608 background-position: center center;
1609 background-origin: border-box;
1610 background-size: 0 0;
1612 .oo-ui-radioInputWidget input[type="radio"]:checked + span::before {
1613 background-size: 100% 100%;
1615 .oo-ui-radioInputWidget input[type="radio"]:active + span::before {
1616 background-color: #dddddd;
1617 border-color: #dddddd;
1619 .oo-ui-radioInputWidget input[type="radio"]:focus + span::before {
1620 border-width: 2px;
1622 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before,
1623 .oo-ui-radioInputWidget input[type="radio"]:hover + span::before {
1624 border-bottom-width: 3px;
1626 .oo-ui-radioInputWidget input[type="radio"]:disabled + span::before {
1627 cursor: default;
1628 background-color: #eeeeee;
1629 border-color: #eeeeee;
1631 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before {
1632 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
1633 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1634 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1635 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
1637 .oo-ui-textInputWidget {
1638 position: relative;
1639 vertical-align: middle;
1640 -webkit-box-sizing: border-box;
1641 -moz-box-sizing: border-box;
1642 box-sizing: border-box;
1643 width: 100%;
1644 max-width: 50em;
1646 .oo-ui-textInputWidget input,
1647 .oo-ui-textInputWidget textarea {
1648 display: inline-block;
1649 width: 100%;
1650 resize: none;
1651 -webkit-box-sizing: border-box;
1652 -moz-box-sizing: border-box;
1653 box-sizing: border-box;
1655 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1656 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1657 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1658 display: none;
1660 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1661 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1662 display: block;
1663 position: absolute;
1664 top: 0;
1665 height: 100%;
1666 background-repeat: no-repeat;
1667 cursor: pointer;
1668 -webkit-touch-callout: none;
1669 -webkit-user-select: none;
1670 -moz-user-select: none;
1671 -ms-user-select: none;
1672 user-select: none;
1674 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1675 display: block;
1677 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1678 left: 0;
1680 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1681 right: 0;
1683 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1684 position: absolute;
1685 top: 0;
1687 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1688 right: 0;
1690 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1691 left: 0;
1693 .oo-ui-textInputWidget input,
1694 .oo-ui-textInputWidget textarea {
1695 padding: 0.5em 0.5em 0.5em 0.9em;
1696 margin: 0;
1697 font-size: 1em;
1698 font-family: sans-serif;
1699 background-color: #ffffff;
1700 color: black;
1701 border: solid 1px #cccccc;
1702 box-shadow: inset 0 0 0 0 #0274ff;
1703 border-radius: 0.1em;
1704 -webkit-transition: box-shadow 0.1s;
1705 -moz-transition: box-shadow 0.1s;
1706 -ms-transition: box-shadow 0.1s;
1707 -o-transition: box-shadow 0.1s;
1708 transition: box-shadow 0.1s;
1709 -webkit-box-sizing: border-box;
1710 -moz-box-sizing: border-box;
1711 box-sizing: border-box;
1713 .oo-ui-textInputWidget-decorated input,
1714 .oo-ui-textInputWidget-decorated textarea {
1715 padding-left: 2em;
1717 .oo-ui-textInputWidget-icon {
1718 width: 2em;
1720 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1721 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1722 outline: none;
1723 border-color: #aaaaaa;
1724 box-shadow: inset 0.4em 0 0 0 #0274ff;
1726 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1727 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1728 color: #777777;
1729 text-shadow: 0 1px 1px #ffffff;
1731 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1732 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1733 box-shadow: inset 0.4em 0 0 0 #cccccc;
1735 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1736 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1737 color: #cccccc;
1738 text-shadow: 0 1px 1px #ffffff;
1739 border-color: #dddddd;
1740 background-color: #f3f3f3;
1742 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1743 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1744 background-color: transparent;
1745 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1747 .oo-ui-textInputWidget.oo-ui-iconElement input,
1748 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1749 padding-left: 2.75em;
1751 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1752 left: 0.4em;
1753 width: 2em;
1754 height: 100%;
1755 background-position: right center;
1757 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1758 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1759 padding-right: 1.9em;
1761 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1762 width: 1.6em;
1763 height: 100%;
1764 background-position: left center;
1766 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1767 padding: 0.4em;
1768 line-height: 1.5em;
1769 color: #888888;
1771 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1772 margin-right: 2em;
1774 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1775 margin-left: 2.5em;
1777 .oo-ui-menuSelectWidget {
1778 position: absolute;
1779 background: #ffffff;
1780 margin-top: -1px;
1781 border: solid 1px #aaaaaa;
1782 border-radius: 0 0 0.2em 0.2em;
1783 padding-bottom: 0.25em;
1784 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);
1786 .oo-ui-menuSelectWidget input {
1787 position: absolute;
1788 width: 0;
1789 height: 0;
1790 overflow: hidden;
1791 opacity: 0;
1793 .oo-ui-menuOptionWidget {
1794 position: relative;
1795 padding: 0.5em 1em;
1797 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1798 display: none;
1800 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1801 background-color: transparent;
1803 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1804 display: block;
1806 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1807 background-color: #999999;
1808 color: #ffffff;
1810 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1811 display: none;
1813 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1814 background-color: #eeeeee;
1815 color: black;
1817 .oo-ui-menuSectionOptionWidget {
1818 cursor: default;
1819 padding: 0.33em 0.75em;
1820 color: #888888;
1822 .oo-ui-dropdownWidget {
1823 display: inline-block;
1824 position: relative;
1825 margin: 0.25em 0;
1826 width: 100%;
1827 max-width: 50em;
1828 margin-right: 0.5em;
1830 .oo-ui-dropdownWidget-handle {
1831 width: 100%;
1832 display: inline-block;
1833 cursor: pointer;
1834 -webkit-touch-callout: none;
1835 -webkit-user-select: none;
1836 -moz-user-select: none;
1837 -ms-user-select: none;
1838 user-select: none;
1839 -webkit-box-sizing: border-box;
1840 -moz-box-sizing: border-box;
1841 box-sizing: border-box;
1843 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1844 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1845 position: absolute;
1846 background-position: center center;
1847 background-repeat: no-repeat;
1849 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1850 z-index: 1;
1851 width: 100%;
1853 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1854 cursor: default;
1856 .oo-ui-dropdownWidget:last-child {
1857 margin-right: 0;
1859 .oo-ui-dropdownWidget-handle {
1860 height: 2.5em;
1861 border: solid 1px #cccccc;
1862 border-radius: 0.1em;
1864 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1865 right: 0;
1867 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1868 left: 0.25em;
1870 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1871 line-height: 2.5em;
1872 margin: 0 1em;
1874 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1875 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1876 top: 0;
1877 width: 2.5em;
1878 height: 2.5em;
1880 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1881 border-color: #aaaaaa;
1883 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1884 color: #cccccc;
1885 text-shadow: 0 1px 1px #ffffff;
1886 border-color: #dddddd;
1887 background-color: #f3f3f3;
1889 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1890 opacity: 0.2;
1892 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1893 margin-left: 3em;
1895 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1896 margin-right: 2em;
1898 .oo-ui-dropdownWidget .oo-ui-selectWidget {
1899 border-top-color: #ffffff;
1901 .oo-ui-outlineOptionWidget {
1902 position: relative;
1903 cursor: pointer;
1904 -webkit-touch-callout: none;
1905 -webkit-user-select: none;
1906 -moz-user-select: none;
1907 -ms-user-select: none;
1908 user-select: none;
1909 font-size: 1.1em;
1910 padding: 0.75em;
1912 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1913 padding-right: 1.5em;
1915 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1916 opacity: 0.5;
1918 .oo-ui-outlineOptionWidget-level-0 {
1919 padding-left: 3.5em;
1921 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1922 left: 1em;
1924 .oo-ui-outlineOptionWidget-level-1 {
1925 padding-left: 5em;
1927 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1928 left: 2.5em;
1930 .oo-ui-outlineOptionWidget-level-2 {
1931 padding-left: 6.5em;
1933 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1934 left: 4em;
1936 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1937 background-color: #d0d0d0;
1938 text-shadow: 0 1px 1px #ffffff;
1940 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1941 font-weight: bold;
1943 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1944 font-style: italic;
1946 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1947 opacity: 0.5;
1949 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1950 color: #777777;
1952 .oo-ui-outlineControlsWidget {
1953 height: 3em;
1954 background-color: #ffffff;
1956 .oo-ui-outlineControlsWidget-items,
1957 .oo-ui-outlineControlsWidget-movers {
1958 float: left;
1959 -webkit-box-sizing: border-box;
1960 -moz-box-sizing: border-box;
1961 box-sizing: border-box;
1963 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1964 float: left;
1965 background-position: right center;
1966 background-repeat: no-repeat;
1968 .oo-ui-outlineControlsWidget-items {
1969 float: left;
1971 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1972 float: left;
1974 .oo-ui-outlineControlsWidget-movers {
1975 float: right;
1977 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1978 float: right;
1980 .oo-ui-outlineControlsWidget-items,
1981 .oo-ui-outlineControlsWidget-movers {
1982 height: 2em;
1983 margin: 0.5em 0.5em 0.5em 0;
1984 padding: 0;
1986 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1987 width: 1.5em;
1988 height: 2em;
1989 margin: 0.5em 0 0.5em 0.5em;
1990 opacity: 0.2;
1992 .oo-ui-comboBoxWidget {
1993 display: inline-block;
1994 position: relative;
1995 width: 100%;
1996 max-width: 50em;
1997 margin-right: 0.5em;
1999 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2000 z-index: 1;
2001 width: 100%;
2003 .oo-ui-comboBoxWidget:last-child {
2004 margin-right: 0;
2006 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
2007 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2008 height: 2.35em;
2010 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement {
2011 padding-right: 1.9em;
2013 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2014 width: 1.9em;
2015 background-position: center center;
2016 border: solid 1px #cccccc;
2017 border-left: none;
2018 -webkit-box-sizing: border-box;
2019 -moz-box-sizing: border-box;
2020 box-sizing: border-box;
2022 .oo-ui-searchWidget-query {
2023 position: absolute;
2024 top: 0;
2025 left: 0;
2026 right: 0;
2028 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2029 width: 100%;
2031 .oo-ui-searchWidget-results {
2032 position: absolute;
2033 bottom: 0;
2034 left: 0;
2035 right: 0;
2036 overflow-x: hidden;
2037 overflow-y: auto;
2039 .oo-ui-searchWidget-query {
2040 height: 4em;
2041 padding: 0 1em;
2042 border-bottom: solid 1px #cccccc;
2044 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2045 margin: 0.75em 0;
2047 .oo-ui-searchWidget-results {
2048 top: 4em;
2049 padding: 1em;
2050 line-height: 0;
2052 .oo-ui-window {
2053 line-height: 1em;
2055 .oo-ui-window-frame {
2056 -webkit-box-sizing: border-box;
2057 -moz-box-sizing: border-box;
2058 box-sizing: border-box;
2060 .oo-ui-window-content:focus {
2061 outline: none;
2063 .oo-ui-window-head,
2064 .oo-ui-window-foot {
2065 -webkit-touch-callout: none;
2066 -webkit-user-select: none;
2067 -moz-user-select: none;
2068 -ms-user-select: none;
2069 user-select: none;
2071 .oo-ui-window-body {
2072 margin: 0;
2073 padding: 0;
2074 background: none;
2076 .oo-ui-window-overlay,
2077 .oo-ui-window-inner-overlay {
2078 position: absolute;
2079 top: 0;
2080 /* @noflip */
2081 left: 0;
2083 .oo-ui-window,
2084 .oo-ui-window-isolated {
2085 background: transparent;
2086 font-family: sans-serif;
2087 font-size: 0.8em;
2089 .oo-ui-dialog-content > .oo-ui-window-head,
2090 .oo-ui-dialog-content > .oo-ui-window-body,
2091 .oo-ui-dialog-content > .oo-ui-window-foot {
2092 position: absolute;
2093 left: 0;
2094 right: 0;
2095 overflow: hidden;
2096 -webkit-box-sizing: border-box;
2097 -moz-box-sizing: border-box;
2098 box-sizing: border-box;
2100 .oo-ui-dialog-content > .oo-ui-window-head {
2101 z-index: 1;
2102 top: 0;
2104 .oo-ui-dialog-content > .oo-ui-window-body {
2105 z-index: 2;
2106 top: 0;
2107 bottom: 0;
2109 .oo-ui-dialog-content > .oo-ui-window-foot {
2110 z-index: 1;
2111 bottom: 0;
2113 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
2114 z-index: 3;
2116 .oo-ui-dialog-content > .oo-ui-window-body {
2117 outline: 1px solid #aaaaaa;
2119 .oo-ui-messageDialog-actions-horizontal {
2120 display: table;
2121 table-layout: fixed;
2122 width: 100%;
2124 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2125 display: table-cell;
2126 width: 1%;
2128 .oo-ui-messageDialog-actions-vertical {
2129 display: block;
2131 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2132 display: block;
2133 overflow: hidden;
2134 text-overflow: ellipsis;
2136 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2137 position: relative;
2138 text-align: center;
2140 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2141 display: block;
2143 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2144 position: relative;
2145 top: auto;
2146 bottom: auto;
2147 display: inline;
2148 white-space: nowrap;
2150 .oo-ui-messageDialog-title,
2151 .oo-ui-messageDialog-message {
2152 display: block;
2153 text-align: center;
2154 padding-top: 0.5em;
2156 .oo-ui-messageDialog-title {
2157 font-size: 1.5em;
2158 line-height: 1em;
2159 color: #000000;
2161 .oo-ui-messageDialog-message {
2162 font-size: 0.9em;
2163 line-height: 1.25em;
2164 color: #666666;
2166 .oo-ui-messageDialog-message-verbose {
2167 font-size: 1.1em;
2168 line-height: 1.5em;
2169 text-align: left;
2171 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2172 border-right: solid 1px #e5e5e5;
2174 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2175 border-right-width: 0;
2177 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2178 border-bottom: solid 1px #e5e5e5;
2180 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2181 border-bottom-width: 0;
2183 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2184 height: 3.4em;
2186 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2187 text-align: center;
2188 line-height: 3.4em;
2189 padding: 0 2em;
2191 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2192 background-color: rgba(0, 0, 0, 0.05);
2194 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2195 background-color: rgba(0, 0, 0, 0.1);
2197 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2198 background-color: rgba(8, 126, 204, 0.05);
2200 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2201 background-color: rgba(8, 126, 204, 0.1);
2203 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2204 font-weight: bold;
2206 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2207 background-color: rgba(118, 171, 54, 0.05);
2209 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2210 background-color: rgba(118, 171, 54, 0.1);
2212 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2213 background-color: rgba(212, 83, 83, 0.05);
2215 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2216 background-color: rgba(212, 83, 83, 0.1);
2218 .oo-ui-processDialog-location {
2219 overflow: hidden;
2220 text-overflow: ellipsis;
2221 white-space: nowrap;
2223 .oo-ui-processDialog-title {
2224 display: inline;
2225 padding: 0;
2227 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2228 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2229 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2230 white-space: nowrap;
2232 .oo-ui-processDialog-actions-safe,
2233 .oo-ui-processDialog-actions-primary {
2234 position: absolute;
2235 top: 0;
2236 bottom: 0;
2238 .oo-ui-processDialog-actions-safe {
2239 left: 0;
2241 .oo-ui-processDialog-actions-primary {
2242 right: 0;
2244 .oo-ui-processDialog-errors {
2245 position: absolute;
2246 top: 0;
2247 left: 0;
2248 right: 0;
2249 bottom: 0;
2250 z-index: 2;
2251 overflow-x: hidden;
2252 overflow-y: auto;
2254 .oo-ui-processDialog-content .oo-ui-window-head {
2255 height: 3.4em;
2257 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2258 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2260 .oo-ui-processDialog-content .oo-ui-window-body {
2261 top: 3.4em;
2262 outline: 1px solid rgba(0, 0, 0, 0.2);
2264 .oo-ui-processDialog-navigation {
2265 position: relative;
2266 height: 3.4em;
2267 padding: 0 1em;
2269 .oo-ui-processDialog-location {
2270 padding: 0.75em 0;
2271 height: 1.9em;
2272 cursor: default;
2273 text-align: center;
2275 .oo-ui-processDialog-title {
2276 font-weight: bold;
2277 line-height: 1.9em;
2279 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2280 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2281 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2282 min-width: 1.9em;
2283 min-height: 1.9em;
2285 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2287 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2288 line-height: 1.9em;
2290 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2292 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2293 margin-top: -0.125em;
2295 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2296 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2297 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2298 margin: 0.75em 0 0.75em 0.75em;
2300 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2301 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2302 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2303 padding: 0 1em;
2304 vertical-align: middle;
2306 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2307 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2308 background-color: rgba(0, 0, 0, 0.05);
2310 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2311 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2312 background-color: rgba(0, 0, 0, 0.1);
2314 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2315 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2316 margin: 0.75em;
2318 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2319 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2320 /* Adjust for border so text aligns with title */
2321 margin: -1px;
2323 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2324 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2325 background-color: rgba(8, 126, 204, 0.05);
2327 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2328 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2329 background-color: rgba(8, 126, 204, 0.1);
2331 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2332 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2333 font-weight: bold;
2335 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2336 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2337 background-color: rgba(118, 171, 54, 0.05);
2339 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2340 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2341 background-color: rgba(118, 171, 54, 0.1);
2343 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2344 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2345 background-color: rgba(212, 83, 83, 0.05);
2347 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2348 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2349 background-color: rgba(212, 83, 83, 0.1);
2351 .oo-ui-processDialog > .oo-ui-window-frame {
2352 min-height: 5em;
2354 .oo-ui-processDialog-errors {
2355 background-color: rgba(255, 255, 255, 0.9);
2356 padding: 3em 3em 1.5em 3em;
2357 text-align: center;
2359 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2360 margin: 2em 1em 2em 1em;
2362 .oo-ui-processDialog-errors-title {
2363 font-size: 1.5em;
2364 color: #000000;
2365 margin-bottom: 2em;
2367 .oo-ui-processDialog-error {
2368 text-align: left;
2369 margin: 1em;
2370 padding: 1em;
2371 border: solid 1px #ff9e9e;
2372 background-color: #fff7f7;
2373 border-radius: 0.25em;
2375 .oo-ui-windowManager-modal > .oo-ui-dialog {
2376 position: fixed;
2377 width: 0;
2378 height: 0;
2379 overflow: hidden;
2381 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2382 width: auto;
2383 height: auto;
2384 top: 0;
2385 right: 0;
2386 bottom: 0;
2387 left: 0;
2388 padding: 1em;
2390 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2391 position: absolute;
2392 right: 0;
2393 left: 0;
2394 margin: auto;
2395 overflow: hidden;
2396 max-width: 100%;
2397 max-height: 100%;
2399 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2400 width: 100%;
2401 height: 100%;
2402 top: 0;
2403 bottom: 0;
2405 .oo-ui-windowManager-modal > .oo-ui-dialog {
2406 background-color: rgba(255, 255, 255, 0.5);
2407 opacity: 0;
2408 -webkit-transition: opacity 250ms ease-in-out;
2409 -moz-transition: opacity 250ms ease-in-out;
2410 -ms-transition: opacity 250ms ease-in-out;
2411 -o-transition: opacity 250ms ease-in-out;
2412 transition: opacity 250ms ease-in-out;
2414 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2415 top: 1em;
2416 bottom: 1em;
2417 background-color: #ffffff;
2418 opacity: 0;
2419 -webkit-transform: scale(0.5);
2420 -moz-transform: scale(0.5);
2421 -ms-transform: scale(0.5);
2422 -o-transform: scale(0.5);
2423 transform: scale(0.5);
2424 -webkit-transition: all 250ms ease-in-out;
2425 -moz-transition: all 250ms ease-in-out;
2426 -ms-transition: all 250ms ease-in-out;
2427 -o-transition: all 250ms ease-in-out;
2428 transition: all 250ms ease-in-out;
2430 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2431 /* Fade window overlay */
2432 opacity: 1;
2434 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2435 /* Fade frame */
2436 opacity: 1;
2437 -webkit-transform: scale(1);
2438 -moz-transform: scale(1);
2439 -ms-transform: scale(1);
2440 -o-transform: scale(1);
2441 transform: scale(1);
2443 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2444 border: solid 1px #aaaaaa;
2445 border-radius: 0.2em;
2446 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2449 .oo-ui-icon-add {
2450 background-image: url("themes/mediawiki/images/icons/add.png");
2451 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add.svg");
2452 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add.svg");
2453 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add.png");
2455 .oo-ui-image-constructive .oo-ui-icon-add,
2456 .oo-ui-image-constructive.oo-ui-icon-add {
2457 background-image: url("themes/mediawiki/images/icons/add-constructive.png");
2458 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-constructive.svg");
2459 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-constructive.svg");
2460 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add-constructive.png");
2462 .oo-ui-image-invert .oo-ui-icon-add,
2463 .oo-ui-image-invert.oo-ui-icon-add {
2464 background-image: url("themes/mediawiki/images/icons/add-invert.png");
2465 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-invert.svg");
2466 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/add-invert.svg");
2467 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/add-invert.png");
2469 .oo-ui-icon-advanced {
2470 background-image: url("themes/mediawiki/images/icons/advanced.png");
2471 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced.svg");
2472 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced.svg");
2473 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/advanced.png");
2475 .oo-ui-image-invert .oo-ui-icon-advanced,
2476 .oo-ui-image-invert.oo-ui-icon-advanced {
2477 background-image: url("themes/mediawiki/images/icons/advanced-invert.png");
2478 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced-invert.svg");
2479 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/advanced-invert.svg");
2480 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/advanced-invert.png");
2482 .oo-ui-icon-alert {
2483 background-image: url("themes/mediawiki/images/icons/alert.png");
2484 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert.svg");
2485 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert.svg");
2486 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/alert.png");
2488 .oo-ui-image-invert .oo-ui-icon-alert,
2489 .oo-ui-image-invert.oo-ui-icon-alert {
2490 background-image: url("themes/mediawiki/images/icons/alert-invert.png");
2491 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert-invert.svg");
2492 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/alert-invert.svg");
2493 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/alert-invert.png");
2495 .oo-ui-icon-check {
2496 background-image: url("themes/mediawiki/images/icons/check.png");
2497 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
2498 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
2499 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
2501 .oo-ui-image-constructive .oo-ui-icon-check,
2502 .oo-ui-image-constructive.oo-ui-icon-check {
2503 background-image: url("themes/mediawiki/images/icons/check-constructive.png");
2504 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
2505 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
2506 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png");
2508 .oo-ui-image-invert .oo-ui-icon-check,
2509 .oo-ui-image-invert.oo-ui-icon-check {
2510 background-image: url("themes/mediawiki/images/icons/check-invert.png");
2511 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
2512 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
2513 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
2515 .oo-ui-icon-clear {
2516 background-image: url("themes/mediawiki/images/icons/clear.png");
2517 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear.svg");
2518 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear.svg");
2519 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/clear.png");
2521 .oo-ui-image-invert .oo-ui-icon-clear,
2522 .oo-ui-image-invert.oo-ui-icon-clear {
2523 background-image: url("themes/mediawiki/images/icons/clear-invert.png");
2524 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear-invert.svg");
2525 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/clear-invert.svg");
2526 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/clear-invert.png");
2528 .oo-ui-icon-close {
2529 background-image: url("themes/mediawiki/images/icons/close.png");
2530 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close.svg");
2531 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close.svg");
2532 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/close.png");
2534 .oo-ui-image-invert .oo-ui-icon-close,
2535 .oo-ui-image-invert.oo-ui-icon-close {
2536 background-image: url("themes/mediawiki/images/icons/close-invert.png");
2537 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close-invert.svg");
2538 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/close-invert.svg");
2539 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/close-invert.png");
2541 .oo-ui-icon-code {
2542 background-image: url("themes/mediawiki/images/icons/code.png");
2543 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code.svg");
2544 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code.svg");
2545 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/code.png");
2547 .oo-ui-image-invert .oo-ui-icon-code,
2548 .oo-ui-image-invert.oo-ui-icon-code {
2549 background-image: url("themes/mediawiki/images/icons/code-invert.png");
2550 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code-invert.svg");
2551 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/code-invert.svg");
2552 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/code-invert.png");
2554 .oo-ui-icon-collapse {
2555 background-image: url("themes/mediawiki/images/icons/collapse.png");
2556 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse.svg");
2557 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse.svg");
2558 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/collapse.png");
2560 .oo-ui-image-invert .oo-ui-icon-collapse,
2561 .oo-ui-image-invert.oo-ui-icon-collapse {
2562 background-image: url("themes/mediawiki/images/icons/collapse-invert.png");
2563 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse-invert.svg");
2564 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/collapse-invert.svg");
2565 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/collapse-invert.png");
2567 .oo-ui-icon-comment {
2568 background-image: url("themes/mediawiki/images/icons/comment.png");
2569 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment.svg");
2570 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment.svg");
2571 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/comment.png");
2573 .oo-ui-image-invert .oo-ui-icon-comment,
2574 .oo-ui-image-invert.oo-ui-icon-comment {
2575 background-image: url("themes/mediawiki/images/icons/comment-invert.png");
2576 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment-invert.svg");
2577 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/comment-invert.svg");
2578 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/comment-invert.png");
2580 .oo-ui-icon-expand {
2581 background-image: url("themes/mediawiki/images/icons/expand.png");
2582 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand.svg");
2583 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand.svg");
2584 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/expand.png");
2586 .oo-ui-image-invert .oo-ui-icon-expand,
2587 .oo-ui-image-invert.oo-ui-icon-expand {
2588 background-image: url("themes/mediawiki/images/icons/expand-invert.png");
2589 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand-invert.svg");
2590 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/expand-invert.svg");
2591 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/expand-invert.png");
2593 .oo-ui-icon-help {
2594 background-image: url("themes/mediawiki/images/icons/help.png");
2595 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help.svg");
2596 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help.svg");
2597 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/help.png");
2599 .oo-ui-image-invert .oo-ui-icon-help,
2600 .oo-ui-image-invert.oo-ui-icon-help {
2601 background-image: url("themes/mediawiki/images/icons/help-invert.png");
2602 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help-invert.svg");
2603 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/help-invert.svg");
2604 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/help-invert.png");
2606 .oo-ui-icon-info {
2607 background-image: url("themes/mediawiki/images/icons/info.png");
2608 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info.svg");
2609 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info.svg");
2610 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/info.png");
2612 .oo-ui-image-invert .oo-ui-icon-info,
2613 .oo-ui-image-invert.oo-ui-icon-info {
2614 background-image: url("themes/mediawiki/images/icons/info-invert.png");
2615 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info-invert.svg");
2616 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/info-invert.svg");
2617 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/info-invert.png");
2619 .oo-ui-icon-link {
2620 background-image: url("themes/mediawiki/images/icons/link.png");
2621 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link.svg");
2622 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link.svg");
2623 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/link.png");
2625 .oo-ui-image-invert .oo-ui-icon-link,
2626 .oo-ui-image-invert.oo-ui-icon-link {
2627 background-image: url("themes/mediawiki/images/icons/link-invert.png");
2628 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link-invert.svg");
2629 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/link-invert.svg");
2630 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/link-invert.png");
2632 .oo-ui-icon-lock {
2633 background-image: url("themes/mediawiki/images/icons/lock.png");
2634 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock.svg");
2635 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock.svg");
2636 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/lock.png");
2638 .oo-ui-image-invert .oo-ui-icon-lock,
2639 .oo-ui-image-invert.oo-ui-icon-lock {
2640 background-image: url("themes/mediawiki/images/icons/lock-invert.png");
2641 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock-invert.svg");
2642 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/lock-invert.svg");
2643 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/lock-invert.png");
2645 .oo-ui-icon-menu {
2646 background-image: url("themes/mediawiki/images/icons/menu.png");
2647 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu.svg");
2648 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu.svg");
2649 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/menu.png");
2651 .oo-ui-image-invert .oo-ui-icon-menu,
2652 .oo-ui-image-invert.oo-ui-icon-menu {
2653 background-image: url("themes/mediawiki/images/icons/menu-invert.png");
2654 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu-invert.svg");
2655 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/menu-invert.svg");
2656 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/menu-invert.png");
2658 .oo-ui-icon-next {
2659 background-image: url("themes/mediawiki/images/icons/move-ltr.png");
2660 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr.svg");
2661 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr.svg");
2662 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-ltr.png");
2664 .oo-ui-image-invert .oo-ui-icon-next,
2665 .oo-ui-image-invert.oo-ui-icon-next {
2666 background-image: url("themes/mediawiki/images/icons/move-ltr-invert.png");
2667 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr-invert.svg");
2668 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-ltr-invert.svg");
2669 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-ltr-invert.png");
2671 .oo-ui-icon-picture {
2672 background-image: url("themes/mediawiki/images/icons/picture.png");
2673 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture.svg");
2674 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture.svg");
2675 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/picture.png");
2677 .oo-ui-image-invert .oo-ui-icon-picture,
2678 .oo-ui-image-invert.oo-ui-icon-picture {
2679 background-image: url("themes/mediawiki/images/icons/picture-invert.png");
2680 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture-invert.svg");
2681 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/picture-invert.svg");
2682 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/picture-invert.png");
2684 .oo-ui-icon-previous {
2685 background-image: url("themes/mediawiki/images/icons/move-rtl.png");
2686 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl.svg");
2687 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl.svg");
2688 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-rtl.png");
2690 .oo-ui-image-invert .oo-ui-icon-previous,
2691 .oo-ui-image-invert.oo-ui-icon-previous {
2692 background-image: url("themes/mediawiki/images/icons/move-rtl-invert.png");
2693 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl-invert.svg");
2694 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/move-rtl-invert.svg");
2695 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/move-rtl-invert.png");
2697 .oo-ui-icon-circle {
2698 background-image: url("themes/mediawiki/images/icons/circle.png");
2699 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle.svg");
2700 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle.svg");
2701 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle.png");
2703 .oo-ui-image-constructive .oo-ui-icon-circle,
2704 .oo-ui-image-constructive.oo-ui-icon-circle {
2705 background-image: url("themes/mediawiki/images/icons/circle-constructive.png");
2706 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
2707 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
2708 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png");
2710 .oo-ui-image-invert .oo-ui-icon-circle,
2711 .oo-ui-image-invert.oo-ui-icon-circle {
2712 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
2713 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
2714 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
2715 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
2717 .oo-ui-icon-redo {
2718 background-image: url("themes/mediawiki/images/icons/arched-arrow-ltr.png");
2719 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr.svg");
2720 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr.svg");
2721 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-ltr.png");
2723 .oo-ui-image-invert .oo-ui-icon-redo,
2724 .oo-ui-image-invert.oo-ui-icon-redo {
2725 background-image: url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.png");
2726 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg");
2727 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.svg");
2728 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-ltr-invert.png");
2730 .oo-ui-icon-remove {
2731 background-image: url("themes/mediawiki/images/icons/remove.png");
2732 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove.svg");
2733 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove.svg");
2734 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove.png");
2736 .oo-ui-image-destructive .oo-ui-icon-remove,
2737 .oo-ui-image-destructive.oo-ui-icon-remove {
2738 background-image: url("themes/mediawiki/images/icons/remove-destructive.png");
2739 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-destructive.svg");
2740 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-destructive.svg");
2741 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove-destructive.png");
2743 .oo-ui-image-invert .oo-ui-icon-remove,
2744 .oo-ui-image-invert.oo-ui-icon-remove {
2745 background-image: url("themes/mediawiki/images/icons/remove-invert.png");
2746 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-invert.svg");
2747 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/remove-invert.svg");
2748 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/remove-invert.png");
2750 .oo-ui-icon-search {
2751 background-image: url("themes/mediawiki/images/icons/search.png");
2752 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search.svg");
2753 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search.svg");
2754 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/search.png");
2756 .oo-ui-image-invert .oo-ui-icon-search,
2757 .oo-ui-image-invert.oo-ui-icon-search {
2758 background-image: url("themes/mediawiki/images/icons/search-invert.png");
2759 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search-invert.svg");
2760 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/search-invert.svg");
2761 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/search-invert.png");
2763 .oo-ui-icon-settings {
2764 background-image: url("themes/mediawiki/images/icons/settings.png");
2765 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings.svg");
2766 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings.svg");
2767 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/settings.png");
2769 .oo-ui-image-invert .oo-ui-icon-settings,
2770 .oo-ui-image-invert.oo-ui-icon-settings {
2771 background-image: url("themes/mediawiki/images/icons/settings-invert.png");
2772 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings-invert.svg");
2773 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/settings-invert.svg");
2774 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/settings-invert.png");
2776 .oo-ui-icon-tag {
2777 background-image: url("themes/mediawiki/images/icons/tag.png");
2778 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag.svg");
2779 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag.svg");
2780 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/tag.png");
2782 .oo-ui-image-invert .oo-ui-icon-tag,
2783 .oo-ui-image-invert.oo-ui-icon-tag {
2784 background-image: url("themes/mediawiki/images/icons/tag-invert.png");
2785 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag-invert.svg");
2786 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/tag-invert.svg");
2787 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/tag-invert.png");
2789 .oo-ui-icon-undo {
2790 background-image: url("themes/mediawiki/images/icons/arched-arrow-rtl.png");
2791 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl.svg");
2792 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl.svg");
2793 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-rtl.png");
2795 .oo-ui-image-invert .oo-ui-icon-undo,
2796 .oo-ui-image-invert.oo-ui-icon-undo {
2797 background-image: url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.png");
2798 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg");
2799 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.svg");
2800 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/arched-arrow-rtl-invert.png");
2802 .oo-ui-icon-window {
2803 background-image: url("themes/mediawiki/images/icons/window.png");
2804 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window.svg");
2805 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window.svg");
2806 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/window.png");
2808 .oo-ui-image-invert .oo-ui-icon-window,
2809 .oo-ui-image-invert.oo-ui-icon-window {
2810 background-image: url("themes/mediawiki/images/icons/window-invert.png");
2811 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window-invert.svg");
2812 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/window-invert.svg");
2813 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/window-invert.png");
2815 .oo-ui-indicator-alert {
2816 background-image: url("themes/mediawiki/images/indicators/alert.png");
2817 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert.svg");
2818 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert.svg");
2819 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/alert.png");
2821 .oo-ui-image-invert .oo-ui-indicator-alert,
2822 .oo-ui-image-invert.oo-ui-indicator-alert {
2823 background-image: url("themes/mediawiki/images/indicators/alert-invert.png");
2824 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert-invert.svg");
2825 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/alert-invert.svg");
2826 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/alert-invert.png");
2828 .oo-ui-indicator-up {
2829 background-image: url("themes/mediawiki/images/indicators/arrow-up.png");
2830 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up.svg");
2831 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up.svg");
2832 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-up.png");
2834 .oo-ui-image-invert .oo-ui-indicator-up,
2835 .oo-ui-image-invert.oo-ui-indicator-up {
2836 background-image: url("themes/mediawiki/images/indicators/arrow-up-invert.png");
2837 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up-invert.svg");
2838 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-up-invert.svg");
2839 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-up-invert.png");
2841 .oo-ui-indicator-down {
2842 background-image: url("themes/mediawiki/images/indicators/arrow-down.png");
2843 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down.svg");
2844 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down.svg");
2845 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-down.png");
2847 .oo-ui-image-invert .oo-ui-indicator-down,
2848 .oo-ui-image-invert.oo-ui-indicator-down {
2849 background-image: url("themes/mediawiki/images/indicators/arrow-down-invert.png");
2850 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down-invert.svg");
2851 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-down-invert.svg");
2852 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-down-invert.png");
2854 .oo-ui-indicator-next {
2855 background-image: url("themes/mediawiki/images/indicators/arrow-ltr.png");
2856 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr.svg");
2857 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr.svg");
2858 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-ltr.png");
2860 .oo-ui-image-invert .oo-ui-indicator-next,
2861 .oo-ui-image-invert.oo-ui-indicator-next {
2862 background-image: url("themes/mediawiki/images/indicators/arrow-ltr-invert.png");
2863 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr-invert.svg");
2864 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-ltr-invert.svg");
2865 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-ltr-invert.png");
2867 .oo-ui-indicator-previous {
2868 background-image: url("themes/mediawiki/images/indicators/arrow-rtl.png");
2869 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl.svg");
2870 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl.svg");
2871 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-rtl.png");
2873 .oo-ui-image-invert .oo-ui-indicator-previous,
2874 .oo-ui-image-invert.oo-ui-indicator-previous {
2875 background-image: url("themes/mediawiki/images/indicators/arrow-rtl-invert.png");
2876 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl-invert.svg");
2877 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/arrow-rtl-invert.svg");
2878 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/arrow-rtl-invert.png");
2880 .oo-ui-indicator-required {
2881 background-image: url("themes/mediawiki/images/indicators/required.png");
2882 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required.svg");
2883 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required.svg");
2884 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/required.png");
2886 .oo-ui-image-invert .oo-ui-indicator-required,
2887 .oo-ui-image-invert.oo-ui-indicator-required {
2888 background-image: url("themes/mediawiki/images/indicators/required-invert.png");
2889 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required-invert.svg");
2890 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/indicators/required-invert.svg");
2891 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/indicators/required-invert.png");
2893 .oo-ui-texture-pending {
2894 background-image: url("themes/mediawiki/images/textures/pending.gif");
2895 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/pending.svg");
2896 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/pending.svg");
2897 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/textures/pending.gif");
2899 .oo-ui-texture-transparency {
2900 background-image: url("themes/mediawiki/images/textures/transparency.png");
2901 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/transparency.svg");
2902 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/textures/transparency.svg");
2903 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/textures/transparency.png");