Update OOjs UI to v0.7.0
[mediawiki.git] / resources / lib / oojs-ui / oojs-ui-mediawiki.css
blobcf051b4feb28f2bb00a66ed5e935307dd897e97a
1 /*!
2 * OOjs UI v0.7.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-12T00:04:52Z
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 display: none;
82 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
83 display: none;
85 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
86 cursor: default;
88 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
89 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
90 display: inline-block;
91 vertical-align: middle;
92 background-position: center center;
93 background-repeat: no-repeat;
95 .oo-ui-buttonElement-frameless {
96 display: inline-block;
97 position: relative;
99 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
100 display: inline-block;
101 vertical-align: middle;
103 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
104 display: inline-block;
105 vertical-align: top;
106 text-align: center;
108 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
109 display: inline-block;
110 vertical-align: middle;
112 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
113 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
114 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
115 cursor: default;
117 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
118 font-weight: bold;
120 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
121 margin-left: 0;
123 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
124 margin-right: -0.75em;
125 margin-left: -0.75em;
127 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
128 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
129 margin-left: 0;
131 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
132 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
133 width: 1.9em;
134 height: 1.9em;
136 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
137 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
138 opacity: 0.2;
140 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
141 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
142 outline: none;
144 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
145 margin-left: 0.25em;
147 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
148 color: #757575;
150 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
151 color: #444444;
153 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
154 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
155 color: #598ad1;
157 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
158 color: #777777;
160 .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,
161 .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 {
162 color: #015ccc;
163 box-shadow: none;
165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
166 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
167 color: #00c697;
169 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
170 color: #777777;
172 .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,
173 .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 {
174 color: #008c6d;
175 box-shadow: none;
177 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
178 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
179 color: #e81915;
181 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
182 color: #777777;
184 .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,
185 .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 {
186 color: #a7170f;
187 box-shadow: none;
189 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
190 color: #cccccc;
192 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
193 margin: 0.1em 0;
194 padding: 0.2em 0.8em;
195 border-radius: 2px;
196 -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
197 -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
198 -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
199 -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
200 transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
202 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
203 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
204 outline: none;
206 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
207 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
208 line-height: 1.9em;
210 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
211 margin-left: -0.5em;
212 margin-right: -0.5em;
214 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
215 margin-left: -0.5em;
216 margin-right: 0.3em;
218 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
219 color: #ffffff;
220 background: #dddddd;
221 border: 1px solid #dddddd;
223 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
224 color: #757575;
225 background-color: #ffffff;
226 border: solid 1px #cdcdcd;
228 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
229 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);
230 border-color: #aaaaaa;
232 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
233 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
235 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
236 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
237 background-color: #d0d0d0;
238 border-color: #d0d0d0;
239 box-shadow: none;
241 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
242 background-color: #999999;
243 color: #ffffff;
245 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
246 color: #0274ff;
248 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
249 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
250 border-bottom-color: #015ccc;
252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
253 box-shadow: inset 0 0 0 1px #015ccc;
254 border-color: #015ccc;
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
257 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
258 color: #015ccc;
259 border-color: #d0d0d0;
260 box-shadow: none;
262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
263 background-color: #999999;
264 color: #ffffff;
266 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
267 color: #00af89;
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
270 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
271 border-bottom-color: #008c6d;
273 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
274 box-shadow: inset 0 0 0 1px #008c6d;
275 border-color: #008c6d;
277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
278 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
279 color: #008c6d;
280 border-color: #d0d0d0;
281 box-shadow: none;
283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
284 background-color: #999999;
285 color: #ffffff;
287 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
288 color: #d11d13;
290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
291 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
292 border-bottom-color: #a7170f;
294 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
295 box-shadow: inset 0 0 0 1px #a7170f;
296 border-color: #a7170f;
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
299 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
300 color: #a7170f;
301 border-color: #d0d0d0;
302 box-shadow: none;
304 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
305 background-color: #999999;
306 color: #ffffff;
308 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
309 color: #ffffff;
310 background-color: #0274ff;
311 border-color: #0274ff;
313 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
314 box-shadow: inset 0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
315 border-bottom-color: #015ccc;
317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
318 box-shadow: inset 0 0 0 1px #015ccc;
319 border-color: #015ccc;
321 .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,
322 .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 {
323 color: #ffffff;
324 background-color: #015ccc;
325 border-color: #015ccc;
326 box-shadow: none;
328 .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 {
329 background-color: #999999;
330 color: #ffffff;
332 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
333 color: #ffffff;
334 background-color: #00af89;
335 border-color: #00af89;
337 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
338 box-shadow: inset 0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
339 border-bottom-color: #008c6d;
341 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
342 box-shadow: inset 0 0 0 1px #008c6d;
343 border-color: #008c6d;
345 .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,
346 .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 {
347 color: #ffffff;
348 background-color: #008c6d;
349 border-color: #008c6d;
350 box-shadow: none;
352 .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 {
353 background-color: #999999;
354 color: #ffffff;
356 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
357 color: #ffffff;
358 background-color: #d11d13;
359 border-color: #d11d13;
361 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
362 box-shadow: inset 0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba(0, 0, 0, 0.1);
363 border-bottom-color: #a7170f;
365 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
366 box-shadow: inset 0 0 0 1px #a7170f;
367 border-color: #a7170f;
369 .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,
370 .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 {
371 color: #ffffff;
372 background-color: #a7170f;
373 border-color: #a7170f;
374 box-shadow: none;
376 .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 {
377 background-color: #999999;
378 color: #ffffff;
380 .oo-ui-clippableElement-clippable {
381 -webkit-box-sizing: border-box;
382 -moz-box-sizing: border-box;
383 box-sizing: border-box;
385 .oo-ui-draggableElement {
386 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
388 * HACK: In order to style horizontally, we must override
389 * OO.ui.OptionWidget's display rule that is currently set
390 * to be 'block'
393 .oo-ui-draggableElement-dragging {
394 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
395 background: rgba(0, 0, 0, 0.2);
396 opacity: 0.4;
398 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
399 display: inline-block;
401 .oo-ui-draggableGroupElement-placeholder {
402 position: absolute;
403 display: block;
404 background: rgba(0, 0, 0, 0.4);
406 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
407 z-index: 1;
408 width: 100%;
410 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
411 overflow-y: hidden;
413 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
414 width: 100%;
415 -webkit-box-sizing: border-box;
416 -moz-box-sizing: border-box;
417 box-sizing: border-box;
419 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
420 overflow-y: auto;
422 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
423 padding: 2em;
425 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
426 position: absolute;
427 top: 0;
428 left: 0;
429 right: 0;
430 bottom: 3em;
431 overflow-y: auto;
433 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
434 position: absolute;
435 bottom: 0;
436 left: 0;
437 right: 0;
439 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
440 padding: 1.5em;
442 .oo-ui-bookletLayout-outlinePanel {
443 border-right: solid 1px #dddddd;
445 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
446 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
448 .oo-ui-fieldLayout {
449 display: block;
450 margin-bottom: 1em;
452 .oo-ui-fieldLayout:before,
453 .oo-ui-fieldLayout:after {
454 content: " ";
455 display: table;
457 .oo-ui-fieldLayout:after {
458 clear: both;
460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
461 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
462 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
463 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
464 display: block;
465 float: left;
467 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
468 text-align: right;
470 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
471 display: table;
473 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
474 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
475 display: table-cell;
476 vertical-align: middle;
478 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
479 display: inline-block;
481 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
482 float: right;
484 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
485 z-index: 1;
487 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
488 padding: 0.5em 0.75em;
489 line-height: 1.5em;
491 .oo-ui-fieldLayout:last-child {
492 margin-bottom: 0;
494 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
495 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
496 padding-top: 0.5em;
497 margin-right: 5%;
498 width: 35%;
500 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
501 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
502 width: 60%;
504 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
505 padding: 0.5em;
507 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
508 padding: 0.5em 0;
510 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
511 padding: 0.5em 0;
513 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
514 margin-right: 0;
515 margin-top: 0.25em;
517 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
518 margin-right: 0;
520 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
521 color: #cccccc;
523 .oo-ui-actionFieldLayout-field {
524 display: table;
525 table-layout: fixed;
526 width: 100%;
528 .oo-ui-actionFieldLayout-input,
529 .oo-ui-actionFieldLayout-button {
530 display: table-cell;
531 vertical-align: middle;
533 .oo-ui-actionFieldLayout-input {
534 padding-right: 1em;
536 .oo-ui-actionFieldLayout-button {
537 width: 1%;
538 white-space: nowrap;
540 .oo-ui-fieldsetLayout {
541 position: relative;
542 margin: 0;
543 padding: 0;
544 border: none;
546 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
547 display: block;
548 position: absolute;
549 background-position: center center;
550 background-repeat: no-repeat;
552 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
553 display: inline-block;
555 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
556 float: right;
558 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
559 z-index: 1;
561 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
562 padding: 0.5em 0.75em;
563 line-height: 1.5em;
565 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
566 margin-top: 2em;
568 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
569 font-size: 1.1em;
570 margin-bottom: 0.5em;
571 padding: 0.25em 0;
572 font-weight: bold;
574 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
575 padding-left: 1.75em;
576 line-height: 1.33em;
578 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
579 left: 0;
580 top: 0.25em;
581 width: 1.5em;
582 height: 1.5em;
584 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
585 margin-right: 0;
587 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
588 margin-right: 0;
590 .oo-ui-gridLayout {
591 position: absolute;
592 top: 0;
593 left: 0;
594 right: 0;
595 bottom: 0;
597 .oo-ui-menuLayout {
598 position: absolute;
599 top: 0;
600 left: 0;
601 right: 0;
602 bottom: 0;
604 .oo-ui-menuLayout-menu,
605 .oo-ui-menuLayout-content {
606 position: absolute;
607 -webkit-transition: all ease-in-out 200ms;
608 -moz-transition: all ease-in-out 200ms;
609 -ms-transition: all ease-in-out 200ms;
610 -o-transition: all ease-in-out 200ms;
611 transition: all ease-in-out 200ms;
613 .oo-ui-menuLayout-content {
614 top: 0;
615 left: 0;
616 right: 0;
617 bottom: 0;
619 .oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
620 left: 0;
621 top: 0;
622 right: 0;
624 .oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
625 top: 0;
626 right: 0;
627 bottom: 0;
629 .oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
630 right: 0;
631 bottom: 0;
632 left: 0;
634 .oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
635 bottom: 0;
636 left: 0;
637 top: 0;
639 .oo-ui-menuLayout-top .oo-ui-menuLayout-content {
640 right: 0 !important;
641 bottom: 0 !important;
642 left: 0 !important;
644 .oo-ui-menuLayout-after .oo-ui-menuLayout-content {
645 bottom: 0 !important;
646 left: 0 !important;
647 top: 0 !important;
649 .oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
650 left: 0 !important;
651 top: 0 !important;
652 right: 0 !important;
654 .oo-ui-menuLayout-before .oo-ui-menuLayout-content {
655 top: 0 !important;
656 right: 0 !important;
657 bottom: 0 !important;
659 .oo-ui-panelLayout {
660 position: relative;
662 .oo-ui-panelLayout-scrollable {
663 overflow-y: auto;
665 .oo-ui-panelLayout-expanded {
666 position: absolute;
667 top: 0;
668 left: 0;
669 right: 0;
670 bottom: 0;
672 .oo-ui-panelLayout-padded {
673 padding: 1.25em;
675 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
676 display: block;
677 position: relative;
679 .oo-ui-popupTool .oo-ui-popupWidget-popup,
680 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
681 z-index: 4;
683 .oo-ui-popupTool .oo-ui-popupWidget {
684 /* @noflip */
685 margin-left: 1.25em;
686 font-size: 0.8em;
688 .oo-ui-toolGroup {
689 display: inline-block;
690 vertical-align: middle;
691 margin: 0.3em;
693 .oo-ui-toolGroup-empty {
694 display: none;
696 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
697 background-position: center center;
698 background-repeat: no-repeat;
700 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
701 color: #000000;
703 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel {
704 color: #888888;
706 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
707 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
708 display: none;
710 .oo-ui-barToolGroup .oo-ui-tool {
711 display: inline-block;
712 position: relative;
713 vertical-align: top;
715 .oo-ui-barToolGroup .oo-ui-tool-link {
716 display: block;
718 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
719 display: block;
721 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
722 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
723 display: none;
725 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
726 cursor: default;
728 .oo-ui-barToolGroup .oo-ui-tool-title,
729 .oo-ui-barToolGroup .oo-ui-tool-accel {
730 display: none;
732 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
733 cursor: pointer;
735 .oo-ui-barToolGroup .oo-ui-tool-link {
736 height: 1.5em;
737 padding: 0.25em;
739 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
740 height: 1.5em;
741 width: 1.5em;
742 opacity: 0.8;
744 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
745 background-color: #eeeeee;
747 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
748 opacity: 0.2;
750 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
751 opacity: 0.8;
753 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
754 opacity: 1;
756 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
757 opacity: 0.2;
759 .oo-ui-popupToolGroup {
760 position: relative;
761 height: 2em;
762 min-width: 2.5em;
764 .oo-ui-popupToolGroup-handle {
765 display: block;
766 cursor: pointer;
768 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
769 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
770 position: absolute;
771 background-position: center center;
772 background-repeat: no-repeat;
774 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
775 cursor: default;
777 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
778 display: none;
779 position: absolute;
780 z-index: 4;
782 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
783 background-repeat: no-repeat;
784 background-position: center center;
786 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
787 display: block;
789 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
790 left: 0;
792 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
793 right: 0;
795 .oo-ui-popupToolGroup .oo-ui-tool-link {
796 display: table;
797 width: 100%;
798 vertical-align: middle;
799 white-space: nowrap;
800 text-decoration: none;
802 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
803 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
804 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
805 display: table-cell;
806 vertical-align: middle;
808 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
809 text-align: right;
811 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
812 padding-left: 3em;
814 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
815 min-width: 3.5em;
817 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
818 line-height: 2.6em;
819 font-size: 0.8em;
820 margin: 0 1em;
822 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
823 margin-left: 3em;
825 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
826 margin-right: 2.25em;
828 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
829 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
830 top: 0;
831 width: 2em;
832 height: 2em;
833 opacity: 0.8;
835 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
836 right: 0;
838 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
839 left: 0.25em;
841 .oo-ui-popupToolGroup-header {
842 line-height: 2.6em;
843 font-size: 0.8em;
844 margin: 0 0.6em;
845 font-weight: bold;
847 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
848 top: 2em;
849 background-color: white;
851 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
852 height: 2em;
853 width: 2em;
854 min-width: 2em;
856 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
857 padding-left: 0.25em;
859 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
860 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
861 line-height: 2em;
862 font-size: 0.8em;
864 .oo-ui-listToolGroup .oo-ui-tool {
865 display: block;
866 -webkit-box-sizing: border-box;
867 -moz-box-sizing: border-box;
868 box-sizing: border-box;
870 .oo-ui-listToolGroup .oo-ui-tool-link {
871 cursor: pointer;
873 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
874 cursor: default;
876 .oo-ui-listToolGroup .oo-ui-tool {
877 padding: 0 0.5em 0 0.25em;
879 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
880 background-color: #eeeeee;
882 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled,
883 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
884 background-color: #d0d0d0;
886 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
887 color: #cccccc;
889 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
890 color: #dddddd;
892 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
893 opacity: 0.2;
895 .oo-ui-listToolGroup.oo-ui-widget-disabled {
896 color: #cccccc;
898 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
899 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
900 opacity: 0.2;
902 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
903 padding: 0.25em 0 0.25em 0;
904 border: 1px solid #aaaaaa;
905 border-radius: 0.2em;
906 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);
908 .oo-ui-menuToolGroup {
909 border: solid 1px #cccccc;
910 border-radius: 0.1em;
912 .oo-ui-menuToolGroup .oo-ui-tool {
913 display: block;
915 .oo-ui-menuToolGroup .oo-ui-tool-link {
916 cursor: pointer;
918 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
919 cursor: default;
921 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
922 min-width: 8em;
924 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
925 margin-left: -1px;
926 padding: 0.25em 0 0.25em 0;
927 border: 1px solid #aaaaaa;
928 border-radius: 0.2em;
929 border-top-left-radius: 0;
930 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);
932 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
933 border-color: #aaaaaa;
935 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
936 border-color: #aaaaaa;
938 .oo-ui-menuToolGroup .oo-ui-tool {
939 padding: 0 0.75em 0 0.25em;
941 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
942 background-image: none;
944 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
945 background-image: /* @embed */ url(themes/mediawiki/images/icons/check.png);
947 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
948 background-color: #eeeeee;
950 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
951 color: #cccccc;
953 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
954 opacity: 0.2;
956 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
957 color: #cccccc;
958 border-color: #cccccc;
960 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
961 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
962 opacity: 0.2;
964 .oo-ui-toolbar {
965 clear: both;
967 .oo-ui-toolbar-bar {
968 line-height: 1em;
970 .oo-ui-toolbar-actions {
971 float: right;
973 .oo-ui-toolbar-tools {
974 display: inline;
976 .oo-ui-toolbar-tools,
977 .oo-ui-toolbar-actions,
978 .oo-ui-toolbar-shadow {
979 -webkit-touch-callout: none;
980 -webkit-user-select: none;
981 -moz-user-select: none;
982 -ms-user-select: none;
983 user-select: none;
985 .oo-ui-toolbar-actions .oo-ui-popupWidget {
986 -webkit-touch-callout: default;
987 -webkit-user-select: all;
988 -moz-user-select: all;
989 -ms-user-select: all;
990 user-select: all;
992 .oo-ui-toolbar-shadow {
993 background-position: left top;
994 background-repeat: repeat-x;
995 position: absolute;
996 width: 100%;
997 pointer-events: none;
999 .oo-ui-toolbar-bar {
1000 border-bottom: solid 4px rgba(0, 0, 0, 0.15);
1001 background: #ffffff;
1003 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1004 border: none;
1005 background: none;
1007 .oo-ui-toolbar-shadow {
1008 display: none;
1010 .oo-ui-selectWidget {
1011 border-radius: 2px;
1013 .oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1014 border-radius: 0;
1015 margin-left: -1px;
1017 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1018 border-bottom-left-radius: 2px;
1019 border-top-left-radius: 2px;
1020 margin-left: 0;
1022 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1023 border-bottom-right-radius: 2px;
1024 border-top-right-radius: 2px;
1026 .oo-ui-optionWidget {
1027 position: relative;
1028 display: block;
1029 cursor: pointer;
1030 padding: 0.25em 0.5em;
1031 border: none;
1033 .oo-ui-optionWidget.oo-ui-widget-disabled {
1034 cursor: default;
1036 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1037 display: block;
1038 white-space: nowrap;
1039 text-overflow: ellipsis;
1040 overflow: hidden;
1042 .oo-ui-optionWidget-highlighted {
1043 background-color: #eeeeee;
1045 .oo-ui-optionWidget .oo-ui-labelElement-label {
1046 line-height: 1.5em;
1048 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
1049 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1050 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1051 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1052 background-color: #d0d0d0;
1054 .oo-ui-optionWidget.oo-ui-widget-disabled {
1055 color: #cccccc;
1057 .oo-ui-decoratedOptionWidget {
1058 padding: 0.5em 2em 0.5em 3em;
1060 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1061 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1062 position: absolute;
1063 background-repeat: no-repeat;
1064 background-position: center center;
1066 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1067 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1068 top: 50%;
1069 width: 2em;
1070 height: 2em;
1071 margin-top: -1em;
1073 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
1074 left: 0.5em;
1076 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1077 right: 0.5em;
1079 .oo-ui-buttonSelectWidget {
1080 display: inline-block;
1081 white-space: nowrap;
1082 border-radius: 2px;
1083 margin-right: 0.5em;
1085 .oo-ui-buttonSelectWidget:last-child {
1086 margin-right: 0;
1088 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1089 border-radius: 0;
1090 margin-left: -1px;
1092 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1093 border-bottom-left-radius: 2px;
1094 border-top-left-radius: 2px;
1095 margin-left: 0;
1097 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1098 border-bottom-right-radius: 2px;
1099 border-top-right-radius: 2px;
1101 .oo-ui-buttonOptionWidget {
1102 display: inline-block;
1103 padding: 0;
1104 background-color: transparent;
1106 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1107 position: relative;
1109 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1110 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1111 position: static;
1112 display: inline-block;
1113 vertical-align: middle;
1115 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1116 height: 1.9em;
1118 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1119 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1120 height: 1.9em;
1121 margin-top: 0;
1123 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1124 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1125 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1126 background-color: transparent;
1128 .oo-ui-radioOptionWidget {
1129 cursor: default;
1130 padding: 0.25em 0;
1131 background-color: transparent;
1133 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1134 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1135 display: inline-block;
1136 vertical-align: middle;
1138 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1139 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1140 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1141 background-color: transparent;
1143 .oo-ui-labelWidget {
1144 display: inline-block;
1146 .oo-ui-iconWidget {
1147 display: inline-block;
1148 vertical-align: middle;
1149 background-position: center center;
1150 background-repeat: no-repeat;
1151 line-height: 2.5em;
1152 height: 1.9em;
1153 width: 1.9em;
1155 .oo-ui-iconWidget.oo-ui-widget-disabled {
1156 opacity: 0.2;
1158 .oo-ui-indicatorWidget {
1159 display: inline-block;
1160 vertical-align: middle;
1161 background-position: center center;
1162 background-repeat: no-repeat;
1163 line-height: 2.5em;
1164 height: 1.9em;
1165 width: 1.9em;
1167 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1168 opacity: 0.2;
1170 .oo-ui-buttonWidget {
1171 display: inline-block;
1172 vertical-align: middle;
1173 margin-right: 0.5em;
1175 .oo-ui-buttonWidget:last-child {
1176 margin-right: 0;
1178 .oo-ui-buttonGroupWidget {
1179 display: inline-block;
1180 white-space: nowrap;
1181 border-radius: 2px;
1182 margin-right: 0.5em;
1184 .oo-ui-buttonGroupWidget:last-child {
1185 margin-right: 0;
1187 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget {
1188 margin-right: 0;
1190 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget:last-child {
1191 margin-right: 0;
1193 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1194 border-radius: 0;
1195 margin-left: -1px;
1197 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1198 border-bottom-left-radius: 2px;
1199 border-top-left-radius: 2px;
1200 margin-left: 0;
1202 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1203 border-bottom-right-radius: 2px;
1204 border-top-right-radius: 2px;
1206 .oo-ui-toggleSwitchWidget {
1207 position: relative;
1208 display: inline-block;
1209 vertical-align: middle;
1210 overflow: hidden;
1211 cursor: pointer;
1212 -webkit-box-sizing: border-box;
1213 -moz-box-sizing: border-box;
1214 box-sizing: border-box;
1215 -webkit-transform: translateZ(0px);
1216 -moz-transform: translateZ(0px);
1217 -ms-transform: translateZ(0px);
1218 -o-transform: translateZ(0px);
1219 transform: translateZ(0px);
1220 height: 2em;
1221 width: 4em;
1222 border-radius: 1em;
1223 border: 1px #dddddd solid;
1224 margin-right: 0.5em;
1226 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1227 cursor: default;
1229 .oo-ui-toggleSwitchWidget-grip {
1230 position: absolute;
1231 display: block;
1232 -webkit-box-sizing: border-box;
1233 -moz-box-sizing: border-box;
1234 box-sizing: border-box;
1236 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1237 position: absolute;
1238 top: 0;
1239 bottom: 0;
1240 right: 0;
1241 left: 0;
1242 -webkit-touch-callout: none;
1243 -webkit-user-select: none;
1244 -moz-user-select: none;
1245 -ms-user-select: none;
1246 user-select: none;
1248 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1249 display: none;
1251 .oo-ui-toggleSwitchWidget:last-child {
1252 margin-right: 0;
1254 .oo-ui-toggleSwitchWidget-grip {
1255 top: 0.25em;
1256 left: 0.25em;
1257 width: 1.5em;
1258 height: 1.5em;
1259 margin-top: -1px;
1260 border-radius: 1em;
1261 border: 1px #dddddd solid;
1262 background-color: #f7f7f7;
1263 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1264 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1265 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1266 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1267 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1269 .oo-ui-toggleSwitchWidget-glow {
1270 border-radius: 1em;
1271 background-color: #f7f7f7;
1272 -webkit-transition: background-color 0.1s ease-in-out;
1273 -moz-transition: background-color 0.1s ease-in-out;
1274 -ms-transition: background-color 0.1s ease-in-out;
1275 -o-transition: background-color 0.1s ease-in-out;
1276 transition: background-color 0.1s ease-in-out;
1278 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1279 left: 2.25em;
1280 margin-left: -2px;
1282 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1283 display: block;
1285 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1286 left: 0.25em;
1287 margin-left: 0;
1289 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1290 border: 1px #cccccc solid;
1292 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1293 border-color: #aaaaaa;
1295 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1296 background-color: #ffffff;
1297 border-color: #aaaaaa;
1299 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1300 background-color: #d0d0d0;
1302 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1303 background-color: #ffffff;
1305 .oo-ui-progressBarWidget {
1306 max-width: 50em;
1307 border: solid 1px #cccccc;
1308 border-radius: 0.1em;
1309 overflow: hidden;
1311 .oo-ui-progressBarWidget-bar {
1312 height: 1em;
1313 background: #dddddd;
1314 -webkit-transition: width 200ms, margin-left 200ms;
1315 -moz-transition: width 200ms, margin-left 200ms;
1316 -ms-transition: width 200ms, margin-left 200ms;
1317 -o-transition: width 200ms, margin-left 200ms;
1318 transition: width 200ms, margin-left 200ms;
1320 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1321 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1322 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1323 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1324 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1325 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1326 width: 40%;
1327 margin-left: -10%;
1328 border-left-width: 1px;
1330 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1331 opacity: 0.6;
1333 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1334 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1336 .oo-ui-popupWidget {
1337 position: absolute;
1338 /* @noflip */
1339 left: 0;
1341 .oo-ui-popupWidget-popup {
1342 position: relative;
1343 overflow: hidden;
1344 z-index: 1;
1346 .oo-ui-popupWidget-anchor {
1347 display: none;
1348 z-index: 1;
1350 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1351 display: block;
1352 position: absolute;
1353 top: 0;
1354 /* @noflip */
1355 left: 0;
1356 background-repeat: no-repeat;
1358 .oo-ui-popupWidget-head {
1359 -webkit-touch-callout: none;
1360 -webkit-user-select: none;
1361 -moz-user-select: none;
1362 -ms-user-select: none;
1363 user-select: none;
1365 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1366 float: right;
1368 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1369 float: left;
1370 cursor: default;
1372 .oo-ui-popupWidget-body {
1373 clear: both;
1374 overflow: hidden;
1376 .oo-ui-popupWidget-popup {
1377 border: solid 1px #aaaaaa;
1378 border-radius: 0.2em;
1379 background-color: #ffffff;
1380 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1382 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1383 margin-top: 9px;
1385 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1386 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1387 content: "";
1388 position: absolute;
1389 width: 0;
1390 height: 0;
1391 border-style: solid;
1392 border-color: transparent;
1393 border-top: 0;
1395 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1396 bottom: -10px;
1397 left: -9px;
1398 border-bottom-color: #888888;
1399 border-width: 10px;
1401 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1402 bottom: -10px;
1403 left: -8px;
1404 border-bottom-color: #ffffff;
1405 border-width: 9px;
1407 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1408 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1409 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1410 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1411 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1412 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1414 .oo-ui-popupWidget-head {
1415 height: 2.5em;
1417 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1418 margin: 0.25em;
1420 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1421 margin: 0.75em 1em;
1423 .oo-ui-popupWidget-body-padded {
1424 padding: 0 1em;
1426 .oo-ui-popupButtonWidget {
1427 position: relative;
1429 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1430 position: absolute;
1431 cursor: auto;
1433 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1434 left: 1em;
1436 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1437 left: 1.75em;
1439 .oo-ui-inputWidget {
1440 margin-right: 0.5em;
1442 .oo-ui-inputWidget:last-child {
1443 margin-right: 0;
1445 .oo-ui-checkboxInputWidget {
1446 position: relative;
1447 line-height: 1.6em;
1448 white-space: nowrap;
1450 .oo-ui-checkboxInputWidget * {
1451 font: inherit;
1452 vertical-align: middle;
1454 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1455 opacity: 0;
1456 position: relative;
1457 z-index: 1;
1458 margin: 0;
1459 width: 1.6em;
1460 height: 1.6em;
1461 max-width: none;
1463 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1464 cursor: pointer;
1465 margin: 0 0.2em;
1467 .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
1468 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1469 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1470 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1471 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1472 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1473 content: "";
1474 -webkit-box-sizing: border-box;
1475 -moz-box-sizing: border-box;
1476 box-sizing: border-box;
1477 position: absolute;
1478 left: 0;
1479 border-radius: 2px;
1480 width: 1.6em;
1481 height: 1.6em;
1482 background-color: white;
1483 border: 1px solid #777777;
1484 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.png);
1485 background-repeat: no-repeat;
1486 background-position: center center;
1487 background-origin: border-box;
1488 background-size: 0 0;
1490 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
1491 background-size: 100% 100%;
1493 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before {
1494 background-color: #dddddd;
1495 border-color: #dddddd;
1497 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before {
1498 border-width: 2px;
1500 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span::before,
1501 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before {
1502 border-bottom-width: 3px;
1504 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
1505 cursor: default;
1506 background-color: #eeeeee;
1507 border-color: #eeeeee;
1509 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before {
1510 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.png);
1512 .oo-ui-dropdownInputWidget {
1513 position: relative;
1514 vertical-align: middle;
1515 -webkit-box-sizing: border-box;
1516 -moz-box-sizing: border-box;
1517 box-sizing: border-box;
1518 width: 100%;
1519 max-width: 50em;
1521 .oo-ui-dropdownInputWidget select {
1522 display: inline-block;
1523 width: 100%;
1524 resize: none;
1525 -webkit-box-sizing: border-box;
1526 -moz-box-sizing: border-box;
1527 box-sizing: border-box;
1529 .oo-ui-dropdownInputWidget select {
1530 height: 2.5em;
1531 padding: 0.5em;
1532 font-size: 1em;
1533 font-family: sans-serif;
1534 -webkit-box-sizing: border-box;
1535 -moz-box-sizing: border-box;
1536 box-sizing: border-box;
1537 border: solid 1px #cccccc;
1539 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1540 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1541 border-color: #aaaaaa;
1542 outline: none;
1544 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1545 color: #cccccc;
1546 border-color: #dddddd;
1547 background-color: #f3f3f3;
1549 .oo-ui-radioInputWidget {
1550 position: relative;
1551 line-height: 1.6em;
1552 white-space: nowrap;
1554 .oo-ui-radioInputWidget * {
1555 font: inherit;
1556 vertical-align: middle;
1558 .oo-ui-radioInputWidget input[type="radio"] {
1559 opacity: 0;
1560 position: relative;
1561 z-index: 1;
1562 margin: 0;
1563 width: 1.6em;
1564 height: 1.6em;
1565 max-width: none;
1567 .oo-ui-radioInputWidget input[type="radio"] + span {
1568 cursor: pointer;
1569 margin: 0 0.2em;
1571 .oo-ui-radioInputWidget input[type="radio"] + span::before {
1572 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1573 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1574 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1575 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1576 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1577 content: "";
1578 -webkit-box-sizing: border-box;
1579 -moz-box-sizing: border-box;
1580 box-sizing: border-box;
1581 position: absolute;
1582 left: 0;
1583 border-radius: 100%;
1584 width: 1.6em;
1585 height: 1.6em;
1586 background: white;
1587 border: 1px solid #777777;
1588 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.png);
1589 background-repeat: no-repeat;
1590 background-position: center center;
1591 background-origin: border-box;
1592 background-size: 0 0;
1594 .oo-ui-radioInputWidget input[type="radio"]:checked + span::before {
1595 background-size: 100% 100%;
1597 .oo-ui-radioInputWidget input[type="radio"]:active + span::before {
1598 background-color: #dddddd;
1599 border-color: #dddddd;
1601 .oo-ui-radioInputWidget input[type="radio"]:focus + span::before {
1602 border-width: 2px;
1604 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span::before,
1605 .oo-ui-radioInputWidget input[type="radio"]:hover + span::before {
1606 border-bottom-width: 3px;
1608 .oo-ui-radioInputWidget input[type="radio"]:disabled + span::before {
1609 cursor: default;
1610 background-color: #eeeeee;
1611 border-color: #eeeeee;
1613 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before {
1614 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.png);
1616 .oo-ui-textInputWidget {
1617 position: relative;
1618 vertical-align: middle;
1619 -webkit-box-sizing: border-box;
1620 -moz-box-sizing: border-box;
1621 box-sizing: border-box;
1622 width: 100%;
1623 max-width: 50em;
1625 .oo-ui-textInputWidget input,
1626 .oo-ui-textInputWidget textarea {
1627 display: inline-block;
1628 width: 100%;
1629 resize: none;
1630 -webkit-box-sizing: border-box;
1631 -moz-box-sizing: border-box;
1632 box-sizing: border-box;
1634 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1635 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1636 position: absolute;
1637 top: 0;
1638 height: 100%;
1639 background-repeat: no-repeat;
1640 cursor: pointer;
1641 -webkit-touch-callout: none;
1642 -webkit-user-select: none;
1643 -moz-user-select: none;
1644 -ms-user-select: none;
1645 user-select: none;
1647 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1648 left: 0;
1650 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1651 right: 0;
1653 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1654 position: absolute;
1655 top: 0;
1657 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1658 right: 0;
1660 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1661 left: 0;
1663 .oo-ui-textInputWidget input,
1664 .oo-ui-textInputWidget textarea {
1665 padding: 0.5em 0.5em 0.5em 0.9em;
1666 margin: 0;
1667 font-size: 1em;
1668 font-family: sans-serif;
1669 background-color: #ffffff;
1670 color: black;
1671 border: solid 1px #cccccc;
1672 box-shadow: inset 0 0 0 0 #0274ff;
1673 border-radius: 0.1em;
1674 -webkit-transition: box-shadow 0.1s;
1675 -moz-transition: box-shadow 0.1s;
1676 -ms-transition: box-shadow 0.1s;
1677 -o-transition: box-shadow 0.1s;
1678 transition: box-shadow 0.1s;
1679 -webkit-box-sizing: border-box;
1680 -moz-box-sizing: border-box;
1681 box-sizing: border-box;
1683 .oo-ui-textInputWidget-decorated input,
1684 .oo-ui-textInputWidget-decorated textarea {
1685 padding-left: 2em;
1687 .oo-ui-textInputWidget-icon {
1688 width: 2em;
1690 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1691 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1692 outline: none;
1693 border-color: #aaaaaa;
1694 box-shadow: inset 0.4em 0 0 0 #0274ff;
1696 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1697 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1698 color: #777777;
1699 text-shadow: 0 1px 1px #ffffff;
1701 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1702 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1703 box-shadow: inset 0.4em 0 0 0 #cccccc;
1705 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1706 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1707 color: #cccccc;
1708 text-shadow: 0 1px 1px #ffffff;
1709 border-color: #dddddd;
1710 background-color: #f3f3f3;
1712 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1713 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1714 background-color: transparent;
1715 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1717 .oo-ui-textInputWidget.oo-ui-iconElement input,
1718 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1719 padding-left: 2.75em;
1721 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1722 left: 0.4em;
1723 width: 2em;
1724 height: 100%;
1725 background-position: right center;
1727 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1728 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1729 padding-right: 1.9em;
1731 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1732 width: 1.6em;
1733 height: 100%;
1734 background-position: left center;
1736 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1737 padding: 0.4em;
1738 line-height: 1.5em;
1739 color: #888888;
1741 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1742 padding-right: 2.4em;
1744 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1745 padding-left: 2.9em;
1747 .oo-ui-menuSelectWidget {
1748 position: absolute;
1749 background: #ffffff;
1750 margin-top: -1px;
1751 border: solid 1px #aaaaaa;
1752 border-radius: 0 0 0.2em 0.2em;
1753 padding-bottom: 0.25em;
1754 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);
1756 .oo-ui-menuSelectWidget input {
1757 position: absolute;
1758 width: 0;
1759 height: 0;
1760 overflow: hidden;
1761 opacity: 0;
1763 .oo-ui-menuOptionWidget {
1764 position: relative;
1765 padding: 0.5em 1em;
1767 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1768 display: none;
1770 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1771 background-color: transparent;
1773 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1774 display: block;
1776 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1777 background-color: #999999;
1778 color: #ffffff;
1780 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1781 display: none;
1783 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1784 background-color: #eeeeee;
1785 color: black;
1787 .oo-ui-menuSectionOptionWidget {
1788 cursor: default;
1789 padding: 0.33em 0.75em;
1790 color: #888888;
1792 .oo-ui-dropdownWidget {
1793 display: inline-block;
1794 position: relative;
1795 margin: 0.25em 0;
1796 width: 100%;
1797 max-width: 50em;
1798 margin-right: 0.5em;
1800 .oo-ui-dropdownWidget-handle {
1801 width: 100%;
1802 display: inline-block;
1803 cursor: pointer;
1804 -webkit-touch-callout: none;
1805 -webkit-user-select: none;
1806 -moz-user-select: none;
1807 -ms-user-select: none;
1808 user-select: none;
1809 -webkit-box-sizing: border-box;
1810 -moz-box-sizing: border-box;
1811 box-sizing: border-box;
1813 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1814 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1815 position: absolute;
1816 background-position: center center;
1817 background-repeat: no-repeat;
1819 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1820 z-index: 1;
1821 width: 100%;
1823 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1824 cursor: default;
1826 .oo-ui-dropdownWidget:last-child {
1827 margin-right: 0;
1829 .oo-ui-dropdownWidget-handle {
1830 height: 2.5em;
1831 border: solid 1px #cccccc;
1832 border-radius: 0.1em;
1834 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1835 right: 0;
1837 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1838 left: 0.25em;
1840 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1841 line-height: 2.5em;
1842 margin: 0 1em;
1844 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1845 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1846 top: 0;
1847 width: 2.5em;
1848 height: 2.5em;
1850 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1851 border-color: #aaaaaa;
1853 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1854 color: #cccccc;
1855 text-shadow: 0 1px 1px #ffffff;
1856 border-color: #dddddd;
1857 background-color: #f3f3f3;
1859 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1860 opacity: 0.2;
1862 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1863 margin-left: 3em;
1865 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1866 margin-right: 2em;
1868 .oo-ui-dropdownWidget .oo-ui-selectWidget {
1869 border-top-color: #ffffff;
1871 .oo-ui-outlineOptionWidget {
1872 position: relative;
1873 cursor: pointer;
1874 -webkit-touch-callout: none;
1875 -webkit-user-select: none;
1876 -moz-user-select: none;
1877 -ms-user-select: none;
1878 user-select: none;
1879 font-size: 1.1em;
1880 padding: 0.75em;
1882 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1883 padding-right: 1.5em;
1885 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1886 opacity: 0.5;
1888 .oo-ui-outlineOptionWidget-level-0 {
1889 padding-left: 3.5em;
1891 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1892 left: 1em;
1894 .oo-ui-outlineOptionWidget-level-1 {
1895 padding-left: 5em;
1897 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1898 left: 2.5em;
1900 .oo-ui-outlineOptionWidget-level-2 {
1901 padding-left: 6.5em;
1903 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1904 left: 4em;
1906 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1907 background-color: #d0d0d0;
1908 text-shadow: 0 1px 1px #ffffff;
1910 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1911 font-weight: bold;
1913 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1914 font-style: italic;
1916 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1917 opacity: 0.5;
1919 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1920 color: #777777;
1922 .oo-ui-outlineControlsWidget {
1923 height: 3em;
1924 background-color: #ffffff;
1926 .oo-ui-outlineControlsWidget-items,
1927 .oo-ui-outlineControlsWidget-movers {
1928 float: left;
1929 -webkit-box-sizing: border-box;
1930 -moz-box-sizing: border-box;
1931 box-sizing: border-box;
1933 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1934 float: left;
1935 background-position: right center;
1936 background-repeat: no-repeat;
1938 .oo-ui-outlineControlsWidget-items {
1939 float: left;
1941 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1942 float: left;
1944 .oo-ui-outlineControlsWidget-movers {
1945 float: right;
1947 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1948 float: right;
1950 .oo-ui-outlineControlsWidget-items,
1951 .oo-ui-outlineControlsWidget-movers {
1952 height: 2em;
1953 margin: 0.5em 0.5em 0.5em 0;
1954 padding: 0;
1956 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1957 width: 1.5em;
1958 height: 2em;
1959 margin: 0.5em 0 0.5em 0.5em;
1960 opacity: 0.2;
1962 .oo-ui-comboBoxWidget {
1963 display: inline-block;
1964 position: relative;
1965 width: 100%;
1966 max-width: 50em;
1967 margin-right: 0.5em;
1969 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
1970 z-index: 1;
1971 width: 100%;
1973 .oo-ui-comboBoxWidget:last-child {
1974 margin-right: 0;
1976 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
1977 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
1978 height: 2.35em;
1980 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement {
1981 padding-right: 1.9em;
1983 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1984 width: 1.9em;
1985 background-position: center center;
1986 border: solid 1px #cccccc;
1987 border-left: none;
1988 -webkit-box-sizing: border-box;
1989 -moz-box-sizing: border-box;
1990 box-sizing: border-box;
1992 .oo-ui-searchWidget-query {
1993 position: absolute;
1994 top: 0;
1995 left: 0;
1996 right: 0;
1998 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1999 width: 100%;
2001 .oo-ui-searchWidget-results {
2002 position: absolute;
2003 bottom: 0;
2004 left: 0;
2005 right: 0;
2006 overflow-x: hidden;
2007 overflow-y: auto;
2009 .oo-ui-searchWidget-query {
2010 height: 4em;
2011 padding: 0 1em;
2012 border-bottom: solid 1px #cccccc;
2014 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2015 margin: 0.75em 0;
2017 .oo-ui-searchWidget-results {
2018 top: 4em;
2019 padding: 1em;
2020 line-height: 0;
2022 .oo-ui-window {
2023 line-height: 1em;
2025 .oo-ui-window-frame {
2026 -webkit-box-sizing: border-box;
2027 -moz-box-sizing: border-box;
2028 box-sizing: border-box;
2030 .oo-ui-window-content:focus {
2031 outline: none;
2033 .oo-ui-window-head,
2034 .oo-ui-window-foot {
2035 -webkit-touch-callout: none;
2036 -webkit-user-select: none;
2037 -moz-user-select: none;
2038 -ms-user-select: none;
2039 user-select: none;
2041 .oo-ui-window-body {
2042 margin: 0;
2043 padding: 0;
2044 background: none;
2046 .oo-ui-window-overlay,
2047 .oo-ui-window-inner-overlay {
2048 position: absolute;
2049 top: 0;
2050 /* @noflip */
2051 left: 0;
2053 .oo-ui-window,
2054 .oo-ui-window-isolated {
2055 background: transparent;
2056 font-family: sans-serif;
2057 font-size: 0.8em;
2059 .oo-ui-dialog-content > .oo-ui-window-head,
2060 .oo-ui-dialog-content > .oo-ui-window-body,
2061 .oo-ui-dialog-content > .oo-ui-window-foot {
2062 position: absolute;
2063 left: 0;
2064 right: 0;
2065 overflow: hidden;
2066 -webkit-box-sizing: border-box;
2067 -moz-box-sizing: border-box;
2068 box-sizing: border-box;
2070 .oo-ui-dialog-content > .oo-ui-window-head {
2071 z-index: 1;
2072 top: 0;
2074 .oo-ui-dialog-content > .oo-ui-window-body {
2075 z-index: 2;
2076 top: 0;
2077 bottom: 0;
2079 .oo-ui-dialog-content > .oo-ui-window-foot {
2080 z-index: 1;
2081 bottom: 0;
2083 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
2084 z-index: 3;
2086 .oo-ui-dialog-content > .oo-ui-window-body {
2087 outline: 1px solid #aaaaaa;
2089 .oo-ui-messageDialog-actions-horizontal {
2090 display: table;
2091 table-layout: fixed;
2092 width: 100%;
2094 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2095 display: table-cell;
2096 width: 1%;
2098 .oo-ui-messageDialog-actions-vertical {
2099 display: block;
2101 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2102 display: block;
2103 overflow: hidden;
2104 text-overflow: ellipsis;
2106 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2107 position: relative;
2108 text-align: center;
2110 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2111 display: block;
2113 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2114 position: relative;
2115 top: auto;
2116 bottom: auto;
2117 display: inline;
2118 white-space: nowrap;
2120 .oo-ui-messageDialog-title,
2121 .oo-ui-messageDialog-message {
2122 display: block;
2123 text-align: center;
2124 padding-top: 0.5em;
2126 .oo-ui-messageDialog-title {
2127 font-size: 1.5em;
2128 line-height: 1em;
2129 color: #000000;
2131 .oo-ui-messageDialog-message {
2132 font-size: 0.9em;
2133 line-height: 1.25em;
2134 color: #666666;
2136 .oo-ui-messageDialog-message-verbose {
2137 font-size: 1.1em;
2138 line-height: 1.5em;
2139 text-align: left;
2141 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2142 border-right: solid 1px #e5e5e5;
2144 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2145 border-right-width: 0;
2147 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2148 border-bottom: solid 1px #e5e5e5;
2150 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2151 border-bottom-width: 0;
2153 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2154 height: 3.4em;
2156 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2157 text-align: center;
2158 line-height: 3.4em;
2159 padding: 0 2em;
2161 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2162 background-color: rgba(0, 0, 0, 0.05);
2164 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2165 background-color: rgba(0, 0, 0, 0.1);
2167 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2168 background-color: rgba(8, 126, 204, 0.05);
2170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2171 background-color: rgba(8, 126, 204, 0.1);
2173 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2174 font-weight: bold;
2176 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2177 background-color: rgba(118, 171, 54, 0.05);
2179 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2180 background-color: rgba(118, 171, 54, 0.1);
2182 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2183 background-color: rgba(212, 83, 83, 0.05);
2185 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2186 background-color: rgba(212, 83, 83, 0.1);
2188 .oo-ui-processDialog-location {
2189 overflow: hidden;
2190 text-overflow: ellipsis;
2191 white-space: nowrap;
2193 .oo-ui-processDialog-title {
2194 display: inline;
2195 padding: 0;
2197 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2198 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2199 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2200 white-space: nowrap;
2202 .oo-ui-processDialog-actions-safe,
2203 .oo-ui-processDialog-actions-primary {
2204 position: absolute;
2205 top: 0;
2206 bottom: 0;
2208 .oo-ui-processDialog-actions-safe {
2209 left: 0;
2211 .oo-ui-processDialog-actions-primary {
2212 right: 0;
2214 .oo-ui-processDialog-errors {
2215 display: none;
2216 position: absolute;
2217 top: 0;
2218 left: 0;
2219 right: 0;
2220 bottom: 0;
2221 z-index: 2;
2222 overflow-x: hidden;
2223 overflow-y: auto;
2225 .oo-ui-processDialog-content .oo-ui-window-head {
2226 height: 3.4em;
2228 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2229 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2231 .oo-ui-processDialog-content .oo-ui-window-body {
2232 top: 3.4em;
2233 outline: 1px solid rgba(0, 0, 0, 0.2);
2235 .oo-ui-processDialog-navigation {
2236 position: relative;
2237 height: 3.4em;
2238 padding: 0 1em;
2240 .oo-ui-processDialog-location {
2241 padding: 0.75em 0;
2242 height: 1.9em;
2243 cursor: default;
2244 text-align: center;
2246 .oo-ui-processDialog-title {
2247 font-weight: bold;
2248 line-height: 1.9em;
2250 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2251 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2252 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2253 min-width: 1.9em;
2254 min-height: 1.9em;
2256 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2257 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2258 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2259 line-height: 1.9em;
2261 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2262 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2263 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2264 margin-top: -0.125em;
2266 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2268 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2269 margin: 0.75em 0 0.75em 0.75em;
2271 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2272 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2273 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2274 padding: 0 1em;
2275 vertical-align: middle;
2277 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2278 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2279 background-color: rgba(0, 0, 0, 0.05);
2281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2283 background-color: rgba(0, 0, 0, 0.1);
2285 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2287 margin: 0.75em;
2289 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2290 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2291 /* Adjust for border so text aligns with title */
2292 margin: -1px;
2294 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2296 background-color: rgba(8, 126, 204, 0.05);
2298 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2300 background-color: rgba(8, 126, 204, 0.1);
2302 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2303 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2304 font-weight: bold;
2306 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2307 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2308 background-color: rgba(118, 171, 54, 0.05);
2310 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2311 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2312 background-color: rgba(118, 171, 54, 0.1);
2314 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2315 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2316 background-color: rgba(212, 83, 83, 0.05);
2318 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2319 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2320 background-color: rgba(212, 83, 83, 0.1);
2322 .oo-ui-processDialog > .oo-ui-window-frame {
2323 min-height: 5em;
2325 .oo-ui-processDialog-errors {
2326 background-color: rgba(255, 255, 255, 0.9);
2327 padding: 3em 3em 1.5em 3em;
2328 text-align: center;
2330 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2331 margin: 2em 1em 2em 1em;
2333 .oo-ui-processDialog-errors-title {
2334 font-size: 1.5em;
2335 color: #000000;
2336 margin-bottom: 2em;
2338 .oo-ui-processDialog-error {
2339 text-align: left;
2340 margin: 1em;
2341 padding: 1em;
2342 border: solid 1px #ff9e9e;
2343 background-color: #fff7f7;
2344 border-radius: 0.25em;
2346 .oo-ui-windowManager-modal > .oo-ui-dialog {
2347 position: fixed;
2348 width: 0;
2349 height: 0;
2350 overflow: hidden;
2352 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2353 width: auto;
2354 height: auto;
2355 top: 0;
2356 right: 0;
2357 bottom: 0;
2358 left: 0;
2359 padding: 1em;
2361 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2362 position: absolute;
2363 right: 0;
2364 left: 0;
2365 margin: auto;
2366 overflow: hidden;
2367 max-width: 100%;
2368 max-height: 100%;
2370 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2371 width: 100%;
2372 height: 100%;
2373 top: 0;
2374 bottom: 0;
2376 .oo-ui-windowManager-modal > .oo-ui-dialog {
2377 background-color: rgba(255, 255, 255, 0.5);
2378 opacity: 0;
2379 -webkit-transition: opacity 250ms ease-in-out;
2380 -moz-transition: opacity 250ms ease-in-out;
2381 -ms-transition: opacity 250ms ease-in-out;
2382 -o-transition: opacity 250ms ease-in-out;
2383 transition: opacity 250ms ease-in-out;
2385 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2386 top: 1em;
2387 bottom: 1em;
2388 background-color: #ffffff;
2389 opacity: 0;
2390 -webkit-transform: scale(0.5);
2391 -moz-transform: scale(0.5);
2392 -ms-transform: scale(0.5);
2393 -o-transform: scale(0.5);
2394 transform: scale(0.5);
2395 -webkit-transition: all 250ms ease-in-out;
2396 -moz-transition: all 250ms ease-in-out;
2397 -ms-transition: all 250ms ease-in-out;
2398 -o-transition: all 250ms ease-in-out;
2399 transition: all 250ms ease-in-out;
2401 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2402 /* Fade window overlay */
2403 opacity: 1;
2405 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2406 /* Fade frame */
2407 opacity: 1;
2408 -webkit-transform: scale(1);
2409 -moz-transform: scale(1);
2410 -ms-transform: scale(1);
2411 -o-transform: scale(1);
2412 transform: scale(1);
2414 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2415 border: solid 1px #aaaaaa;
2416 border-radius: 0.2em;
2417 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2420 .oo-ui-icon-add {
2421 background-image: /* @embed */ url(themes/mediawiki/images/icons/add.png);
2423 .oo-ui-image-constructive .oo-ui-icon-add,
2424 .oo-ui-image-constructive.oo-ui-icon-add {
2425 background-image: /* @embed */ url(themes/mediawiki/images/icons/add-constructive.png);
2427 .oo-ui-image-invert .oo-ui-icon-add,
2428 .oo-ui-image-invert.oo-ui-icon-add {
2429 background-image: /* @embed */ url(themes/mediawiki/images/icons/add-invert.png);
2431 .oo-ui-icon-advanced {
2432 background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced.png);
2434 .oo-ui-image-invert .oo-ui-icon-advanced,
2435 .oo-ui-image-invert.oo-ui-icon-advanced {
2436 background-image: /* @embed */ url(themes/mediawiki/images/icons/advanced-invert.png);
2438 .oo-ui-icon-alert {
2439 background-image: /* @embed */ url(themes/mediawiki/images/icons/alert.png);
2441 .oo-ui-image-invert .oo-ui-icon-alert,
2442 .oo-ui-image-invert.oo-ui-icon-alert {
2443 background-image: /* @embed */ url(themes/mediawiki/images/icons/alert-invert.png);
2445 .oo-ui-icon-check {
2446 background-image: /* @embed */ url(themes/mediawiki/images/icons/check.png);
2448 .oo-ui-image-constructive .oo-ui-icon-check,
2449 .oo-ui-image-constructive.oo-ui-icon-check {
2450 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.png);
2452 .oo-ui-image-invert .oo-ui-icon-check,
2453 .oo-ui-image-invert.oo-ui-icon-check {
2454 background-image: /* @embed */ url(themes/mediawiki/images/icons/check-invert.png);
2456 .oo-ui-icon-clear {
2457 background-image: /* @embed */ url(themes/mediawiki/images/icons/clear.png);
2459 .oo-ui-image-invert .oo-ui-icon-clear,
2460 .oo-ui-image-invert.oo-ui-icon-clear {
2461 background-image: /* @embed */ url(themes/mediawiki/images/icons/clear-invert.png);
2463 .oo-ui-icon-close {
2464 background-image: /* @embed */ url(themes/mediawiki/images/icons/close.png);
2466 .oo-ui-image-invert .oo-ui-icon-close,
2467 .oo-ui-image-invert.oo-ui-icon-close {
2468 background-image: /* @embed */ url(themes/mediawiki/images/icons/close-invert.png);
2470 .oo-ui-icon-code {
2471 background-image: /* @embed */ url(themes/mediawiki/images/icons/code.png);
2473 .oo-ui-image-invert .oo-ui-icon-code,
2474 .oo-ui-image-invert.oo-ui-icon-code {
2475 background-image: /* @embed */ url(themes/mediawiki/images/icons/code-invert.png);
2477 .oo-ui-icon-collapse {
2478 background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse.png);
2480 .oo-ui-image-invert .oo-ui-icon-collapse,
2481 .oo-ui-image-invert.oo-ui-icon-collapse {
2482 background-image: /* @embed */ url(themes/mediawiki/images/icons/collapse-invert.png);
2484 .oo-ui-icon-comment {
2485 background-image: /* @embed */ url(themes/mediawiki/images/icons/comment.png);
2487 .oo-ui-image-invert .oo-ui-icon-comment,
2488 .oo-ui-image-invert.oo-ui-icon-comment {
2489 background-image: /* @embed */ url(themes/mediawiki/images/icons/comment-invert.png);
2491 .oo-ui-icon-expand {
2492 background-image: /* @embed */ url(themes/mediawiki/images/icons/expand.png);
2494 .oo-ui-image-invert .oo-ui-icon-expand,
2495 .oo-ui-image-invert.oo-ui-icon-expand {
2496 background-image: /* @embed */ url(themes/mediawiki/images/icons/expand-invert.png);
2498 .oo-ui-icon-help {
2499 background-image: /* @embed */ url(themes/mediawiki/images/icons/help.png);
2501 .oo-ui-image-invert .oo-ui-icon-help,
2502 .oo-ui-image-invert.oo-ui-icon-help {
2503 background-image: /* @embed */ url(themes/mediawiki/images/icons/help-invert.png);
2505 .oo-ui-icon-info {
2506 background-image: /* @embed */ url(themes/mediawiki/images/icons/info.png);
2508 .oo-ui-image-invert .oo-ui-icon-info,
2509 .oo-ui-image-invert.oo-ui-icon-info {
2510 background-image: /* @embed */ url(themes/mediawiki/images/icons/info-invert.png);
2512 .oo-ui-icon-link {
2513 background-image: /* @embed */ url(themes/mediawiki/images/icons/link.png);
2515 .oo-ui-image-invert .oo-ui-icon-link,
2516 .oo-ui-image-invert.oo-ui-icon-link {
2517 background-image: /* @embed */ url(themes/mediawiki/images/icons/link-invert.png);
2519 .oo-ui-icon-lock {
2520 background-image: /* @embed */ url(themes/mediawiki/images/icons/lock.png);
2522 .oo-ui-image-invert .oo-ui-icon-lock,
2523 .oo-ui-image-invert.oo-ui-icon-lock {
2524 background-image: /* @embed */ url(themes/mediawiki/images/icons/lock-invert.png);
2526 .oo-ui-icon-menu {
2527 background-image: /* @embed */ url(themes/mediawiki/images/icons/menu.png);
2529 .oo-ui-image-invert .oo-ui-icon-menu,
2530 .oo-ui-image-invert.oo-ui-icon-menu {
2531 background-image: /* @embed */ url(themes/mediawiki/images/icons/menu-invert.png);
2533 .oo-ui-icon-next {
2534 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr.png);
2536 .oo-ui-image-invert .oo-ui-icon-next,
2537 .oo-ui-image-invert.oo-ui-icon-next {
2538 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-ltr-invert.png);
2540 .oo-ui-icon-picture {
2541 background-image: /* @embed */ url(themes/mediawiki/images/icons/picture.png);
2543 .oo-ui-image-invert .oo-ui-icon-picture,
2544 .oo-ui-image-invert.oo-ui-icon-picture {
2545 background-image: /* @embed */ url(themes/mediawiki/images/icons/picture-invert.png);
2547 .oo-ui-icon-previous {
2548 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl.png);
2550 .oo-ui-image-invert .oo-ui-icon-previous,
2551 .oo-ui-image-invert.oo-ui-icon-previous {
2552 background-image: /* @embed */ url(themes/mediawiki/images/icons/move-rtl-invert.png);
2554 .oo-ui-icon-circle {
2555 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle.png);
2557 .oo-ui-image-constructive .oo-ui-icon-circle,
2558 .oo-ui-image-constructive.oo-ui-icon-circle {
2559 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-constructive.png);
2561 .oo-ui-image-invert .oo-ui-icon-circle,
2562 .oo-ui-image-invert.oo-ui-icon-circle {
2563 background-image: /* @embed */ url(themes/mediawiki/images/icons/circle-invert.png);
2565 .oo-ui-icon-redo {
2566 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr.png);
2568 .oo-ui-image-invert .oo-ui-icon-redo,
2569 .oo-ui-image-invert.oo-ui-icon-redo {
2570 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-ltr-invert.png);
2572 .oo-ui-icon-remove {
2573 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove.png);
2575 .oo-ui-image-destructive .oo-ui-icon-remove,
2576 .oo-ui-image-destructive.oo-ui-icon-remove {
2577 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-destructive.png);
2579 .oo-ui-image-invert .oo-ui-icon-remove,
2580 .oo-ui-image-invert.oo-ui-icon-remove {
2581 background-image: /* @embed */ url(themes/mediawiki/images/icons/remove-invert.png);
2583 .oo-ui-icon-search {
2584 background-image: /* @embed */ url(themes/mediawiki/images/icons/search.png);
2586 .oo-ui-image-invert .oo-ui-icon-search,
2587 .oo-ui-image-invert.oo-ui-icon-search {
2588 background-image: /* @embed */ url(themes/mediawiki/images/icons/search-invert.png);
2590 .oo-ui-icon-settings {
2591 background-image: /* @embed */ url(themes/mediawiki/images/icons/settings.png);
2593 .oo-ui-image-invert .oo-ui-icon-settings,
2594 .oo-ui-image-invert.oo-ui-icon-settings {
2595 background-image: /* @embed */ url(themes/mediawiki/images/icons/settings-invert.png);
2597 .oo-ui-icon-tag {
2598 background-image: /* @embed */ url(themes/mediawiki/images/icons/tag.png);
2600 .oo-ui-image-invert .oo-ui-icon-tag,
2601 .oo-ui-image-invert.oo-ui-icon-tag {
2602 background-image: /* @embed */ url(themes/mediawiki/images/icons/tag-invert.png);
2604 .oo-ui-icon-undo {
2605 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl.png);
2607 .oo-ui-image-invert .oo-ui-icon-undo,
2608 .oo-ui-image-invert.oo-ui-icon-undo {
2609 background-image: /* @embed */ url(themes/mediawiki/images/icons/arched-arrow-rtl-invert.png);
2611 .oo-ui-icon-window {
2612 background-image: /* @embed */ url(themes/mediawiki/images/icons/window.png);
2614 .oo-ui-image-invert .oo-ui-icon-window,
2615 .oo-ui-image-invert.oo-ui-icon-window {
2616 background-image: /* @embed */ url(themes/mediawiki/images/icons/window-invert.png);
2618 .oo-ui-indicator-alert {
2619 background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert.png);
2621 .oo-ui-image-invert .oo-ui-indicator-alert,
2622 .oo-ui-image-invert.oo-ui-indicator-alert {
2623 background-image: /* @embed */ url(themes/mediawiki/images/indicators/alert-invert.png);
2625 .oo-ui-indicator-up {
2626 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up.png);
2628 .oo-ui-image-invert .oo-ui-indicator-up,
2629 .oo-ui-image-invert.oo-ui-indicator-up {
2630 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-up-invert.png);
2632 .oo-ui-indicator-down {
2633 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down.png);
2635 .oo-ui-image-invert .oo-ui-indicator-down,
2636 .oo-ui-image-invert.oo-ui-indicator-down {
2637 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-down-invert.png);
2639 .oo-ui-indicator-next {
2640 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr.png);
2642 .oo-ui-image-invert .oo-ui-indicator-next,
2643 .oo-ui-image-invert.oo-ui-indicator-next {
2644 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-ltr-invert.png);
2646 .oo-ui-indicator-previous {
2647 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl.png);
2649 .oo-ui-image-invert .oo-ui-indicator-previous,
2650 .oo-ui-image-invert.oo-ui-indicator-previous {
2651 background-image: /* @embed */ url(themes/mediawiki/images/indicators/arrow-rtl-invert.png);
2653 .oo-ui-indicator-required {
2654 background-image: /* @embed */ url(themes/mediawiki/images/indicators/required.png);
2656 .oo-ui-image-invert .oo-ui-indicator-required,
2657 .oo-ui-image-invert.oo-ui-indicator-required {
2658 background-image: /* @embed */ url(themes/mediawiki/images/indicators/required-invert.png);
2660 .oo-ui-texture-pending {
2661 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2663 .oo-ui-texture-transparency {
2664 background-image: /* @embed */ url(themes/mediawiki/images/textures/transparency.png);