Don't check namespace in SpecialWantedtemplates
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-mediawiki-noimages.css
1 /*!
2 * OOjs UI v0.11.4
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2015 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2015-06-09T22:03:21Z
10 */
11 @-webkit-keyframes oo-ui-progressBarWidget-slide {
12 from {
13 margin-left: -40%;
14 }
15 to {
16 margin-left: 100%;
17 }
18 }
19 @-moz-keyframes oo-ui-progressBarWidget-slide {
20 from {
21 margin-left: -40%;
22 }
23 to {
24 margin-left: 100%;
25 }
26 }
27 @-ms-keyframes oo-ui-progressBarWidget-slide {
28 from {
29 margin-left: -40%;
30 }
31 to {
32 margin-left: 100%;
33 }
34 }
35 @-o-keyframes oo-ui-progressBarWidget-slide {
36 from {
37 margin-left: -40%;
38 }
39 to {
40 margin-left: 100%;
41 }
42 }
43 @keyframes oo-ui-progressBarWidget-slide {
44 from {
45 margin-left: -40%;
46 }
47 to {
48 margin-left: 100%;
49 }
50 }
51 /* @noflip */
52 .oo-ui-rtl {
53 direction: rtl;
54 }
55 /* @noflip */
56 .oo-ui-ltr {
57 direction: ltr;
58 }
59 .oo-ui-element-hidden {
60 display: none !important;
61 }
62 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
63 cursor: pointer;
64 display: inline-block;
65 vertical-align: middle;
66 font: inherit;
67 white-space: nowrap;
68 -webkit-touch-callout: none;
69 -webkit-user-select: none;
70 -moz-user-select: none;
71 -ms-user-select: none;
72 user-select: none;
73 }
74 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
75 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
76 display: none;
77 }
78 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
79 cursor: default;
80 }
81 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
82 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
83 display: inline-block;
84 vertical-align: middle;
85 background-position: center center;
86 background-repeat: no-repeat;
87 }
88 .oo-ui-buttonElement-frameless {
89 display: inline-block;
90 position: relative;
91 }
92 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 display: inline-block;
94 vertical-align: middle;
95 }
96 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
97 display: inline-block;
98 vertical-align: top;
99 text-align: center;
100 }
101 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 display: inline-block;
103 vertical-align: middle;
104 }
105 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
106 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
107 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
108 cursor: default;
109 }
110 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
111 font-weight: bold;
112 }
113 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
114 margin-left: 0;
115 }
116 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
117 width: 0.9375em;
118 height: 0.9375em;
119 margin: 0.46875em;
120 }
121 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
122 margin-left: 0.46875em;
123 }
124 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
125 width: 1.875em;
126 height: 1.875em;
127 }
128 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
129 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
130 outline: none;
131 }
132 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
133 margin-right: 0;
134 }
135 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
136 margin-left: 0.25em;
137 margin-right: 0.25em;
138 }
139 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
140 color: #555555;
141 }
142 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
143 color: #444444;
144 }
145 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
146 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
147 color: #347bff;
148 }
149 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
150 color: #777777;
151 }
152 .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,
153 .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 {
154 color: #1f4999;
155 box-shadow: none;
156 }
157 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
159 color: #00af89;
160 }
161 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
162 color: #777777;
163 }
164 .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,
165 .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 {
166 color: #005946;
167 box-shadow: none;
168 }
169 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
170 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
171 color: #d11d13;
172 }
173 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
174 color: #777777;
175 }
176 .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,
177 .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 {
178 color: #73100a;
179 box-shadow: none;
180 }
181 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
182 color: #cccccc;
183 }
184 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
185 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
186 opacity: 0.2;
187 }
188 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
189 margin: 0.1em 0;
190 padding: 0.2em 0.8em;
191 border-radius: 2px;
192 -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
193 -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
194 -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
195 -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
196 transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
197 }
198 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
199 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
200 outline: none;
201 }
202 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
203 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
204 line-height: 1.875em;
205 }
206 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
207 margin-left: -0.5em;
208 margin-right: -0.5em;
209 }
210 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
211 margin-right: 0.3em;
212 }
213 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
214 /* -0.5 - 0.475 */
215 margin-left: -0.005em;
216 margin-right: -0.005em;
217 }
218 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
219 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
220 margin-left: 0.46875em;
221 margin-right: -0.275em;
222 }
223 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
224 color: #ffffff;
225 background: #dddddd;
226 border: 1px solid #dddddd;
227 }
228 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
229 color: #555555;
230 background-color: #ffffff;
231 border: 1px solid #cdcdcd;
232 }
233 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
234 background-color: #ebebeb;
235 }
236 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
237 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
238 }
239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
240 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
241 background-color: #d9d9d9;
242 border-color: #d9d9d9;
243 box-shadow: none;
244 }
245 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
246 background-color: #999999;
247 color: #ffffff;
248 }
249 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
250 color: #347bff;
251 }
252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
253 background-color: rgba(52, 123, 255, 0.1);
254 border-color: rgba(31, 73, 153, 0.5);
255 }
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
257 box-shadow: inset 0 0 0 1px #1f4999;
258 border-color: #1f4999;
259 }
260 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
261 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
262 color: #1f4999;
263 border-color: #1f4999;
264 box-shadow: none;
265 }
266 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
267 background-color: #999999;
268 color: #ffffff;
269 }
270 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
271 color: #00af89;
272 }
273 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
274 background-color: rgba(0, 171, 137, 0.1);
275 border-color: rgba(0, 89, 70, 0.5);
276 }
277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
278 box-shadow: inset 0 0 0 1px #005946;
279 border-color: #005946;
280 }
281 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
282 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
283 color: #005946;
284 border-color: #005946;
285 box-shadow: none;
286 }
287 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
288 background-color: #999999;
289 color: #ffffff;
290 }
291 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
292 color: #d11d13;
293 }
294 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
295 background-color: rgba(209, 29, 19, 0.1);
296 border-color: rgba(115, 16, 10, 0.5);
297 }
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
299 box-shadow: inset 0 0 0 1px #73100a;
300 border-color: #73100a;
301 }
302 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
303 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
304 color: #73100a;
305 border-color: #73100a;
306 box-shadow: none;
307 }
308 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
309 background-color: #999999;
310 color: #ffffff;
311 }
312 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
313 color: #ffffff;
314 background-color: #347bff;
315 border-color: #347bff;
316 }
317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
318 background: #2962cc;
319 border-color: #2962cc;
320 }
321 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
322 box-shadow: inset 0 0 0 1px #ffffff;
323 border-color: #347bff;
324 }
325 .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,
326 .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 {
327 color: #ffffff;
328 background-color: #1f4999;
329 border-color: #1f4999;
330 box-shadow: none;
331 }
332 .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 {
333 background-color: #999999;
334 color: #ffffff;
335 }
336 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
337 color: #ffffff;
338 background-color: #00af89;
339 border-color: #00af89;
340 }
341 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
342 background: #008064;
343 border-color: #008064;
344 }
345 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
346 box-shadow: inset 0 0 0 1px #ffffff;
347 border-color: #00af89;
348 }
349 .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,
350 .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 {
351 color: #ffffff;
352 background-color: #005946;
353 border-color: #005946;
354 box-shadow: none;
355 }
356 .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 {
357 background-color: #999999;
358 color: #ffffff;
359 }
360 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
361 color: #ffffff;
362 background-color: #d11d13;
363 border-color: #d11d13;
364 }
365 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
366 background: #8c130d;
367 border-color: #8c130d;
368 }
369 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
370 box-shadow: inset 0 0 0 1px #ffffff;
371 border-color: #d11d13;
372 }
373 .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,
374 .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 {
375 color: #ffffff;
376 background-color: #73100a;
377 border-color: #73100a;
378 box-shadow: none;
379 }
380 .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 {
381 background-color: #999999;
382 color: #ffffff;
383 }
384 .oo-ui-clippableElement-clippable {
385 -webkit-box-sizing: border-box;
386 -moz-box-sizing: border-box;
387 box-sizing: border-box;
388 }
389 .oo-ui-draggableElement {
390 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
391 /*
392 * HACK: In order to style horizontally, we must override
393 * OO.ui.OptionWidget's display rule that is currently set
394 * to be 'block'
395 */
396 }
397 .oo-ui-draggableElement-dragging {
398 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
399 background: rgba(0, 0, 0, 0.2);
400 opacity: 0.4;
401 }
402 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
403 display: inline-block;
404 }
405 .oo-ui-draggableGroupElement-placeholder {
406 position: absolute;
407 display: block;
408 background: rgba(0, 0, 0, 0.4);
409 }
410 .oo-ui-iconElement .oo-ui-iconElement-icon,
411 .oo-ui-iconElement.oo-ui-iconElement-icon {
412 background-size: contain;
413 background-position: center center;
414 }
415 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
416 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
417 background-size: contain;
418 background-position: center center;
419 }
420 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
421 z-index: 1;
422 width: 100%;
423 }
424 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
425 overflow-y: hidden;
426 }
427 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
428 width: 100%;
429 -webkit-box-sizing: border-box;
430 -moz-box-sizing: border-box;
431 box-sizing: border-box;
432 }
433 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
434 overflow-y: auto;
435 }
436 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
437 padding: 2em;
438 }
439 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
440 position: absolute;
441 top: 0;
442 left: 0;
443 right: 0;
444 bottom: 3em;
445 overflow-y: auto;
446 }
447 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
448 position: absolute;
449 bottom: 0;
450 left: 0;
451 right: 0;
452 }
453 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
454 padding: 1.5em;
455 }
456 .oo-ui-bookletLayout-outlinePanel {
457 border-right: 1px solid #dddddd;
458 }
459 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
460 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
461 }
462 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
463 height: 3em;
464 }
465 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
466 top: 3em;
467 }
468 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
469 padding: 1.5em;
470 }
471 .oo-ui-fieldLayout {
472 display: block;
473 margin-bottom: 1em;
474 }
475 .oo-ui-fieldLayout:before,
476 .oo-ui-fieldLayout:after {
477 content: " ";
478 display: table;
479 }
480 .oo-ui-fieldLayout:after {
481 clear: both;
482 }
483 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
484 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
485 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
486 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
487 display: block;
488 float: left;
489 }
490 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
491 text-align: right;
492 }
493 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
494 display: table;
495 }
496 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
497 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
498 display: table-cell;
499 vertical-align: middle;
500 }
501 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
502 display: inline-block;
503 }
504 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
505 float: right;
506 }
507 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
508 z-index: 1;
509 }
510 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
511 padding: 0.5em 0.75em;
512 line-height: 1.5em;
513 }
514 .oo-ui-fieldLayout:last-child {
515 margin-bottom: 0;
516 }
517 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
518 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
519 padding-top: 0.5em;
520 margin-right: 5%;
521 width: 35%;
522 }
523 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
524 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
525 width: 60%;
526 }
527 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
528 padding: 0.5em;
529 padding-left: 1em;
530 }
531 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
532 padding: 0.5em 0;
533 }
534 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
535 padding: 0.5em 0;
536 }
537 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
538 margin-right: 0;
539 margin-top: 0.25em;
540 }
541 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
542 margin-right: 0;
543 }
544 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
545 color: #cccccc;
546 }
547 .oo-ui-actionFieldLayout-input,
548 .oo-ui-actionFieldLayout-button {
549 display: table-cell;
550 vertical-align: middle;
551 }
552 .oo-ui-actionFieldLayout-input {
553 padding-right: 1em;
554 }
555 .oo-ui-actionFieldLayout-button {
556 width: 1%;
557 white-space: nowrap;
558 }
559 .oo-ui-fieldsetLayout {
560 position: relative;
561 margin: 0;
562 padding: 0;
563 border: none;
564 }
565 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
566 display: block;
567 position: absolute;
568 background-position: center center;
569 background-repeat: no-repeat;
570 }
571 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
572 display: inline-block;
573 }
574 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
575 float: right;
576 }
577 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
578 z-index: 1;
579 }
580 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
581 padding: 0.5em 0.75em;
582 line-height: 1.5em;
583 }
584 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
585 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
586 margin-top: 2em;
587 }
588 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
589 font-size: 1.1em;
590 margin-bottom: 0.5em;
591 padding: 0.25em 0;
592 font-weight: bold;
593 }
594 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
595 padding-left: 2em;
596 line-height: 1.8em;
597 }
598 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
599 left: 0;
600 top: 0.25em;
601 width: 1.875em;
602 height: 1.875em;
603 }
604 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
605 margin-right: 0;
606 }
607 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
608 margin-right: 0;
609 }
610 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
611 .oo-ui-formLayout + .oo-ui-formLayout {
612 margin-top: 2em;
613 }
614 .oo-ui-menuLayout {
615 position: absolute;
616 top: 0;
617 left: 0;
618 right: 0;
619 bottom: 0;
620 }
621 .oo-ui-menuLayout-menu,
622 .oo-ui-menuLayout-content {
623 position: absolute;
624 -webkit-transition: all ease-in-out 200ms;
625 -moz-transition: all ease-in-out 200ms;
626 -ms-transition: all ease-in-out 200ms;
627 -o-transition: all ease-in-out 200ms;
628 transition: all ease-in-out 200ms;
629 }
630 .oo-ui-menuLayout-menu {
631 height: 18em;
632 width: 18em;
633 }
634 .oo-ui-menuLayout-content {
635 top: 18em;
636 left: 18em;
637 right: 18em;
638 bottom: 18em;
639 }
640 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
641 width: 0 !important;
642 height: 0 !important;
643 overflow: hidden;
644 }
645 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
646 top: 0 !important;
647 left: 0 !important;
648 right: 0 !important;
649 bottom: 0 !important;
650 }
651 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
652 width: auto !important;
653 left: 0;
654 top: 0;
655 right: 0;
656 }
657 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
658 right: 0 !important;
659 bottom: 0 !important;
660 left: 0 !important;
661 }
662 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
663 height: auto !important;
664 top: 0;
665 right: 0;
666 bottom: 0;
667 }
668 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
669 bottom: 0 !important;
670 left: 0 !important;
671 top: 0 !important;
672 }
673 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
674 width: auto !important;
675 right: 0;
676 bottom: 0;
677 left: 0;
678 }
679 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
680 left: 0 !important;
681 top: 0 !important;
682 right: 0 !important;
683 }
684 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
685 height: auto !important;
686 bottom: 0;
687 left: 0;
688 top: 0;
689 }
690 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
691 top: 0 !important;
692 right: 0 !important;
693 bottom: 0 !important;
694 }
695 .oo-ui-panelLayout {
696 position: relative;
697 }
698 .oo-ui-panelLayout-scrollable {
699 overflow-y: auto;
700 }
701 .oo-ui-panelLayout-expanded {
702 position: absolute;
703 top: 0;
704 left: 0;
705 right: 0;
706 bottom: 0;
707 }
708 .oo-ui-panelLayout-padded {
709 padding: 1.25em;
710 }
711 .oo-ui-panelLayout-framed {
712 border: 1px solid #aaaaaa;
713 border-radius: 0.2em;
714 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
715 }
716 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
717 display: block;
718 position: relative;
719 }
720 .oo-ui-popupTool .oo-ui-popupWidget-popup,
721 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
722 z-index: 4;
723 }
724 .oo-ui-popupTool .oo-ui-popupWidget {
725 /* @noflip */
726 margin-left: 1.25em;
727 }
728 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
729 border: 0;
730 border-radius: 0;
731 margin: 0;
732 }
733 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
734 border-right: none;
735 }
736 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
737 height: 2.5em;
738 padding: 0.3125em;
739 }
740 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
741 height: 2.5em;
742 width: 1.875em;
743 }
744 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
745 line-height: 2.1em;
746 }
747 .oo-ui-toolGroup {
748 display: inline-block;
749 vertical-align: middle;
750 border-radius: 0;
751 border-right: 1px solid #dddddd;
752 }
753 .oo-ui-toolGroup-empty {
754 display: none;
755 }
756 .oo-ui-toolGroup .oo-ui-tool-link {
757 text-decoration: none;
758 }
759 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
760 background-position: center center;
761 background-repeat: no-repeat;
762 }
763 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
764 margin-left: 0;
765 }
766 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
767 border-right: none !important;
768 }
769 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
770 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
771 display: none;
772 }
773 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
774 cursor: pointer;
775 }
776 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
777 display: inline-block;
778 position: relative;
779 vertical-align: top;
780 }
781 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
782 display: block;
783 }
784 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
785 display: none;
786 }
787 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
788 display: inline-block;
789 vertical-align: top;
790 }
791 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
792 display: none;
793 }
794 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
795 display: inline;
796 }
797 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
798 cursor: default;
799 }
800 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
801 height: 1.875em;
802 padding: 0.625em;
803 }
804 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
805 height: 1.875em;
806 width: 1.875em;
807 }
808 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
809 line-height: 2.1em;
810 padding: 0 0.4em;
811 }
812 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
813 border-color: rgba(0, 0, 0, 0.2);
814 background-color: #eeeeee;
815 }
816 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
817 color: #555555;
818 }
819 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
820 border-color: rgba(0, 0, 0, 0.2);
821 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
822 background-color: #e5e5e5;
823 }
824 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
825 background-color: #eeeeee;
826 }
827 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
828 border-left-color: rgba(0, 0, 0, 0.1);
829 }
830 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
831 color: #cccccc;
832 }
833 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
834 opacity: 0.2;
835 }
836 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
837 opacity: 0.7;
838 }
839 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
840 opacity: 0.9;
841 }
842 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
843 background-color: #e7e7e7;
844 }
845 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
846 color: #cccccc;
847 }
848 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
849 opacity: 0.2;
850 }
851 .oo-ui-popupToolGroup {
852 position: relative;
853 height: 3.125em;
854 min-width: 2em;
855 }
856 .oo-ui-popupToolGroup-handle {
857 display: block;
858 cursor: pointer;
859 }
860 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
861 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
862 position: absolute;
863 background-position: center center;
864 background-repeat: no-repeat;
865 }
866 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
867 cursor: default;
868 }
869 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
870 display: none;
871 position: absolute;
872 z-index: 4;
873 }
874 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
875 background-repeat: no-repeat;
876 background-position: center center;
877 }
878 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
879 display: block;
880 }
881 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
882 left: 0;
883 }
884 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
885 right: 0;
886 }
887 .oo-ui-popupToolGroup .oo-ui-tool-link {
888 display: table;
889 width: 100%;
890 vertical-align: middle;
891 white-space: nowrap;
892 }
893 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
894 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
895 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
896 display: table-cell;
897 vertical-align: middle;
898 }
899 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
900 text-align: right;
901 }
902 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
903 padding-left: 3em;
904 }
905 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
906 min-width: 1.875em;
907 }
908 .oo-ui-popupToolGroup.oo-ui-iconElement {
909 min-width: 3.125em;
910 }
911 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
912 min-width: 2.5em;
913 }
914 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
915 min-width: 4.375em;
916 }
917 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
918 min-width: 3.75em;
919 }
920 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
921 line-height: 2.6em;
922 margin: 0 1em;
923 }
924 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
925 margin: 0 0.5em;
926 }
927 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
928 margin-left: 3em;
929 }
930 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
931 margin-left: 2.5em;
932 }
933 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
934 margin-right: 2em;
935 }
936 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
937 margin-right: 1.75em;
938 }
939 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
940 background-color: #eeeeee;
941 }
942 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
943 background-color: #e5e5e5;
944 }
945 .oo-ui-popupToolGroup-handle {
946 padding: 0.3125em;
947 height: 2.5em;
948 }
949 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
950 width: 0.9375em;
951 height: 1.625em;
952 margin: 0.78125em 0.5em;
953 top: 0;
954 right: 0;
955 opacity: 0.3;
956 }
957 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
958 right: -0.3125em;
959 }
960 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
961 width: 1.875em;
962 height: 2.6em;
963 margin: 0.25em;
964 top: 0;
965 left: 0.3125em;
966 opacity: 0.7;
967 }
968 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
969 left: 0;
970 }
971 .oo-ui-popupToolGroup-header {
972 line-height: 2.6em;
973 margin: 0 0.6em;
974 font-weight: bold;
975 }
976 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
977 border-bottom-left-radius: 0;
978 border-bottom-right-radius: 0;
979 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
980 background-color: #eeeeee;
981 }
982 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
983 top: 3.125em;
984 margin: 0 -1px;
985 border: 1px solid #cccccc;
986 background-color: #ffffff;
987 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
988 min-width: 16em;
989 }
990 .oo-ui-popupToolGroup .oo-ui-tool-link {
991 padding: 0.4em 0.625em;
992 box-sizing: border-box;
993 }
994 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
995 height: 2.5em;
996 width: 1.875em;
997 min-width: 1.875em;
998 }
999 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1000 padding-left: 0.5em;
1001 color: #000000;
1002 }
1003 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
1004 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1005 line-height: 2em;
1006 }
1007 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
1008 color: #888888;
1009 }
1010 .oo-ui-listToolGroup .oo-ui-tool {
1011 display: block;
1012 -webkit-box-sizing: border-box;
1013 -moz-box-sizing: border-box;
1014 box-sizing: border-box;
1015 }
1016 .oo-ui-listToolGroup .oo-ui-tool-link {
1017 cursor: pointer;
1018 }
1019 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1020 cursor: default;
1021 }
1022 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
1023 border-color: rgba(0, 0, 0, 0.2);
1024 }
1025 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1026 border-color: rgba(0, 0, 0, 0.2);
1027 background-color: #eeeeee;
1028 }
1029 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
1030 background-color: #e7e7e7;
1031 }
1032 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1033 opacity: 0.9;
1034 }
1035 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1036 border-color: rgba(0, 0, 0, 0.1);
1037 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
1038 background-color: #e5e5e5;
1039 }
1040 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1041 border-top-color: rgba(0, 0, 0, 0.1);
1042 }
1043 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1044 border-color: rgba(0, 0, 0, 0.2);
1045 background-color: #eeeeee;
1046 }
1047 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1048 color: #cccccc;
1049 }
1050 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1051 color: #dddddd;
1052 }
1053 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1054 opacity: 0.2;
1055 }
1056 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1057 color: #cccccc;
1058 }
1059 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1060 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1061 opacity: 0.2;
1062 }
1063 .oo-ui-menuToolGroup .oo-ui-tool {
1064 display: block;
1065 }
1066 .oo-ui-menuToolGroup .oo-ui-tool-link {
1067 cursor: pointer;
1068 }
1069 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1070 cursor: default;
1071 }
1072 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1073 min-width: 10em;
1074 }
1075 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1076 min-width: 8.125em;
1077 }
1078 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1079 background-image: none;
1080 }
1081 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1082 background-image: url("themes/mediawiki/images/icons/check.png");
1083 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1084 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1085 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
1086 }
1087 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1088 background-color: #eeeeee;
1089 }
1090 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1091 color: #cccccc;
1092 }
1093 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1094 opacity: 0.2;
1095 }
1096 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1097 color: #cccccc;
1098 }
1099 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1100 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1101 opacity: 0.2;
1102 }
1103 .oo-ui-toolbar {
1104 clear: both;
1105 }
1106 .oo-ui-toolbar-bar {
1107 line-height: 1em;
1108 position: relative;
1109 }
1110 .oo-ui-toolbar-actions {
1111 float: right;
1112 }
1113 .oo-ui-toolbar-actions .oo-ui-toolbar {
1114 display: inline-block;
1115 }
1116 .oo-ui-toolbar-tools {
1117 display: inline;
1118 white-space: nowrap;
1119 }
1120 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1121 white-space: normal;
1122 }
1123 .oo-ui-toolbar-tools .oo-ui-tool {
1124 white-space: normal;
1125 }
1126 .oo-ui-toolbar-tools,
1127 .oo-ui-toolbar-actions,
1128 .oo-ui-toolbar-shadow {
1129 -webkit-touch-callout: none;
1130 -webkit-user-select: none;
1131 -moz-user-select: none;
1132 -ms-user-select: none;
1133 user-select: none;
1134 }
1135 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1136 -webkit-touch-callout: default;
1137 -webkit-user-select: all;
1138 -moz-user-select: all;
1139 -ms-user-select: all;
1140 user-select: all;
1141 }
1142 .oo-ui-toolbar-shadow {
1143 background-position: left top;
1144 background-repeat: repeat-x;
1145 position: absolute;
1146 width: 100%;
1147 pointer-events: none;
1148 }
1149 .oo-ui-toolbar-bar {
1150 border-bottom: 1px solid #cccccc;
1151 background-color: #ffffff;
1152 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1153 font-weight: 500;
1154 color: #555555;
1155 }
1156 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1157 border: none;
1158 background: none;
1159 box-shadow: none;
1160 }
1161 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
1162 margin-top: 0.25em;
1163 margin-bottom: 0.25em;
1164 }
1165 .oo-ui-toolbar-actions > .oo-ui-toolbar,
1166 .oo-ui-toolbar-actions > .oo-ui-buttonElement:last-child {
1167 margin-right: 0.5em;
1168 }
1169 .oo-ui-optionWidget {
1170 position: relative;
1171 display: block;
1172 cursor: pointer;
1173 padding: 0.25em 0.5em;
1174 border: none;
1175 }
1176 .oo-ui-optionWidget.oo-ui-widget-disabled {
1177 cursor: default;
1178 }
1179 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1180 display: block;
1181 white-space: nowrap;
1182 text-overflow: ellipsis;
1183 overflow: hidden;
1184 }
1185 .oo-ui-optionWidget-highlighted {
1186 background-color: #eeeeee;
1187 }
1188 .oo-ui-optionWidget .oo-ui-labelElement-label {
1189 line-height: 1.5em;
1190 }
1191 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
1192 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1193 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1194 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1195 background-color: #d0d0d0;
1196 }
1197 .oo-ui-optionWidget.oo-ui-widget-disabled {
1198 color: #cccccc;
1199 }
1200 .oo-ui-decoratedOptionWidget {
1201 padding: 0.5em 2em 0.5em 3em;
1202 }
1203 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1204 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1205 position: absolute;
1206 background-repeat: no-repeat;
1207 background-position: center center;
1208 }
1209 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1210 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1211 top: 0;
1212 height: 100%;
1213 }
1214 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1215 width: 1.875em;
1216 left: 0.5em;
1217 }
1218 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1219 width: 0.9375em;
1220 right: 0.5em;
1221 }
1222 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1223 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1224 opacity: 0.2;
1225 }
1226 .oo-ui-buttonSelectWidget {
1227 display: inline-block;
1228 white-space: nowrap;
1229 border-radius: 2px;
1230 margin-right: 0.5em;
1231 }
1232 .oo-ui-buttonSelectWidget:last-child {
1233 margin-right: 0;
1234 }
1235 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1236 border-radius: 0;
1237 margin-left: -1px;
1238 }
1239 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1240 border-bottom-left-radius: 2px;
1241 border-top-left-radius: 2px;
1242 margin-left: 0;
1243 }
1244 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1245 border-bottom-right-radius: 2px;
1246 border-top-right-radius: 2px;
1247 }
1248 .oo-ui-buttonOptionWidget {
1249 display: inline-block;
1250 padding: 0;
1251 background-color: transparent;
1252 }
1253 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1254 position: relative;
1255 }
1256 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1257 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1258 position: static;
1259 display: inline-block;
1260 vertical-align: middle;
1261 }
1262 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1263 height: 1.875em;
1264 }
1265 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1266 margin-top: 0;
1267 }
1268 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1269 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1270 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1271 background-color: transparent;
1272 }
1273 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1274 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1275 opacity: 1;
1276 }
1277 .oo-ui-radioOptionWidget {
1278 cursor: default;
1279 padding: 0.25em 0;
1280 background-color: transparent;
1281 }
1282 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1283 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1284 display: inline-block;
1285 vertical-align: middle;
1286 }
1287 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1288 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1289 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1290 background-color: transparent;
1291 }
1292 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1293 padding: 0.25em;
1294 padding-left: 1em;
1295 }
1296 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1297 margin-right: 0;
1298 }
1299 .oo-ui-labelWidget {
1300 display: inline-block;
1301 }
1302 .oo-ui-iconWidget {
1303 display: inline-block;
1304 vertical-align: middle;
1305 background-position: center center;
1306 background-repeat: no-repeat;
1307 line-height: 2.5em;
1308 height: 1.875em;
1309 width: 1.875em;
1310 }
1311 .oo-ui-iconWidget.oo-ui-widget-disabled {
1312 opacity: 0.2;
1313 }
1314 .oo-ui-indicatorWidget {
1315 display: inline-block;
1316 vertical-align: middle;
1317 background-position: center center;
1318 background-repeat: no-repeat;
1319 line-height: 2.5em;
1320 height: 0.9375em;
1321 width: 0.9375em;
1322 margin: 0.46875em;
1323 }
1324 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1325 opacity: 0.2;
1326 }
1327 .oo-ui-buttonWidget {
1328 display: inline-block;
1329 vertical-align: middle;
1330 margin-right: 0.5em;
1331 }
1332 .oo-ui-buttonWidget:last-child {
1333 margin-right: 0;
1334 }
1335 .oo-ui-buttonGroupWidget {
1336 display: inline-block;
1337 white-space: nowrap;
1338 border-radius: 2px;
1339 margin-right: 0.5em;
1340 }
1341 .oo-ui-buttonGroupWidget:last-child {
1342 margin-right: 0;
1343 }
1344 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1345 margin-right: 0;
1346 }
1347 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1348 margin-right: 0;
1349 }
1350 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1351 border-radius: 0;
1352 margin-left: -1px;
1353 }
1354 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1355 border-bottom-left-radius: 2px;
1356 border-top-left-radius: 2px;
1357 margin-left: 0;
1358 }
1359 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1360 border-bottom-right-radius: 2px;
1361 border-top-right-radius: 2px;
1362 }
1363 .oo-ui-toggleButtonWidget {
1364 display: inline-block;
1365 vertical-align: middle;
1366 margin-right: 0.5em;
1367 }
1368 .oo-ui-toggleButtonWidget:last-child {
1369 margin-right: 0;
1370 }
1371 .oo-ui-toggleSwitchWidget {
1372 position: relative;
1373 display: inline-block;
1374 vertical-align: middle;
1375 overflow: hidden;
1376 cursor: pointer;
1377 -webkit-box-sizing: border-box;
1378 -moz-box-sizing: border-box;
1379 box-sizing: border-box;
1380 -webkit-transform: translateZ(0px);
1381 -moz-transform: translateZ(0px);
1382 -ms-transform: translateZ(0px);
1383 -o-transform: translateZ(0px);
1384 transform: translateZ(0px);
1385 height: 2em;
1386 width: 4em;
1387 border-radius: 1em;
1388 border: 1px #dddddd solid;
1389 margin-right: 0.5em;
1390 }
1391 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1392 cursor: default;
1393 }
1394 .oo-ui-toggleSwitchWidget-grip {
1395 position: absolute;
1396 display: block;
1397 -webkit-box-sizing: border-box;
1398 -moz-box-sizing: border-box;
1399 box-sizing: border-box;
1400 }
1401 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1402 position: absolute;
1403 top: 0;
1404 bottom: 0;
1405 right: 0;
1406 left: 0;
1407 -webkit-touch-callout: none;
1408 -webkit-user-select: none;
1409 -moz-user-select: none;
1410 -ms-user-select: none;
1411 user-select: none;
1412 }
1413 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1414 display: none;
1415 }
1416 .oo-ui-toggleSwitchWidget:last-child {
1417 margin-right: 0;
1418 }
1419 .oo-ui-toggleSwitchWidget-grip {
1420 top: 0.25em;
1421 left: 0.25em;
1422 width: 1.5em;
1423 height: 1.5em;
1424 margin-top: -1px;
1425 border-radius: 1em;
1426 border: 1px #dddddd solid;
1427 background-color: #f7f7f7;
1428 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1429 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1430 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1431 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1432 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1433 }
1434 .oo-ui-toggleSwitchWidget-glow {
1435 border-radius: 1em;
1436 background-color: #f7f7f7;
1437 -webkit-transition: background-color 0.1s ease-in-out;
1438 -moz-transition: background-color 0.1s ease-in-out;
1439 -ms-transition: background-color 0.1s ease-in-out;
1440 -o-transition: background-color 0.1s ease-in-out;
1441 transition: background-color 0.1s ease-in-out;
1442 }
1443 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1444 left: 2.25em;
1445 margin-left: -2px;
1446 }
1447 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1448 display: block;
1449 }
1450 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1451 left: 0.25em;
1452 margin-left: 0;
1453 }
1454 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1455 border: 1px #cccccc solid;
1456 }
1457 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1458 border-color: #aaaaaa;
1459 }
1460 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1461 background-color: #ffffff;
1462 border-color: #aaaaaa;
1463 }
1464 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1465 background-color: #d0d0d0;
1466 }
1467 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1468 background-color: #ffffff;
1469 }
1470 .oo-ui-progressBarWidget {
1471 max-width: 50em;
1472 border: 1px solid #cccccc;
1473 border-radius: 0.1em;
1474 overflow: hidden;
1475 }
1476 .oo-ui-progressBarWidget-bar {
1477 height: 1em;
1478 background: #dddddd;
1479 -webkit-transition: width 200ms, margin-left 200ms;
1480 -moz-transition: width 200ms, margin-left 200ms;
1481 -ms-transition: width 200ms, margin-left 200ms;
1482 -o-transition: width 200ms, margin-left 200ms;
1483 transition: width 200ms, margin-left 200ms;
1484 }
1485 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1486 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1487 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1488 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1489 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1490 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1491 width: 40%;
1492 margin-left: -10%;
1493 border-left-width: 1px;
1494 }
1495 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1496 opacity: 0.6;
1497 }
1498 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1499 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1500 }
1501 .oo-ui-popupWidget {
1502 position: absolute;
1503 /* @noflip */
1504 left: 0;
1505 }
1506 .oo-ui-popupWidget-popup {
1507 position: relative;
1508 overflow: hidden;
1509 z-index: 1;
1510 }
1511 .oo-ui-popupWidget-anchor {
1512 display: none;
1513 z-index: 1;
1514 }
1515 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1516 display: block;
1517 position: absolute;
1518 top: 0;
1519 /* @noflip */
1520 left: 0;
1521 background-repeat: no-repeat;
1522 }
1523 .oo-ui-popupWidget-head {
1524 -webkit-touch-callout: none;
1525 -webkit-user-select: none;
1526 -moz-user-select: none;
1527 -ms-user-select: none;
1528 user-select: none;
1529 }
1530 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1531 float: right;
1532 }
1533 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1534 float: left;
1535 cursor: default;
1536 }
1537 .oo-ui-popupWidget-body {
1538 clear: both;
1539 overflow: hidden;
1540 }
1541 .oo-ui-popupWidget-popup {
1542 border: 1px solid #aaaaaa;
1543 border-radius: 0.2em;
1544 background-color: #ffffff;
1545 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1546 }
1547 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1548 margin-top: 9px;
1549 }
1550 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1551 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1552 content: "";
1553 position: absolute;
1554 width: 0;
1555 height: 0;
1556 border-style: solid;
1557 border-color: transparent;
1558 border-top: 0;
1559 }
1560 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1561 bottom: -10px;
1562 left: -9px;
1563 border-bottom-color: #888888;
1564 border-width: 10px;
1565 }
1566 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1567 bottom: -10px;
1568 left: -8px;
1569 border-bottom-color: #ffffff;
1570 border-width: 9px;
1571 }
1572 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1573 -webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1574 -moz-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1575 -ms-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1576 -o-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1577 transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1578 }
1579 .oo-ui-popupWidget-head {
1580 height: 2.5em;
1581 }
1582 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1583 margin: 0.25em;
1584 }
1585 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1586 margin: 0.75em 1em;
1587 }
1588 .oo-ui-popupWidget-body-padded {
1589 padding: 0 1em;
1590 }
1591 .oo-ui-popupButtonWidget {
1592 position: relative;
1593 }
1594 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1595 position: absolute;
1596 cursor: auto;
1597 }
1598 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1599 /* @noflip */
1600 left: 1em;
1601 }
1602 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1603 /* @noflip */
1604 left: 1.75em;
1605 }
1606 .oo-ui-inputWidget {
1607 margin-right: 0.5em;
1608 }
1609 .oo-ui-inputWidget:last-child {
1610 margin-right: 0;
1611 }
1612 .oo-ui-buttonInputWidget {
1613 display: inline-block;
1614 vertical-align: middle;
1615 }
1616 .oo-ui-checkboxInputWidget {
1617 position: relative;
1618 line-height: 1.6em;
1619 white-space: nowrap;
1620 }
1621 .oo-ui-checkboxInputWidget * {
1622 font: inherit;
1623 vertical-align: middle;
1624 }
1625 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1626 opacity: 0;
1627 z-index: 1;
1628 position: relative;
1629 margin: 0;
1630 width: 1.6em;
1631 height: 1.6em;
1632 max-width: none;
1633 }
1634 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1635 cursor: pointer;
1636 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1637 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1638 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1639 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1640 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1641 -webkit-box-sizing: border-box;
1642 -moz-box-sizing: border-box;
1643 box-sizing: border-box;
1644 position: absolute;
1645 left: 0;
1646 border-radius: 2px;
1647 width: 1.6em;
1648 height: 1.6em;
1649 background-color: white;
1650 border: 1px solid #777777;
1651 background-image: url("themes/mediawiki/images/icons/check-constructive.png");
1652 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1653 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1654 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png");
1655 background-repeat: no-repeat;
1656 background-position: center center;
1657 background-origin: border-box;
1658 background-size: 0 0;
1659 }
1660 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span {
1661 background-size: 100% 100%;
1662 }
1663 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span {
1664 background-color: #dddddd;
1665 border-color: #dddddd;
1666 }
1667 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span {
1668 border-width: 2px;
1669 }
1670 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span,
1671 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span {
1672 border-bottom-width: 3px;
1673 }
1674 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
1675 cursor: default;
1676 background-color: #eeeeee;
1677 border-color: #eeeeee;
1678 }
1679 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span {
1680 background-image: url("themes/mediawiki/images/icons/check-invert.png");
1681 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1682 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1683 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
1684 }
1685 .oo-ui-dropdownInputWidget {
1686 position: relative;
1687 vertical-align: middle;
1688 -webkit-box-sizing: border-box;
1689 -moz-box-sizing: border-box;
1690 box-sizing: border-box;
1691 width: 100%;
1692 max-width: 50em;
1693 }
1694 .oo-ui-dropdownInputWidget select {
1695 display: inline-block;
1696 width: 100%;
1697 resize: none;
1698 -webkit-box-sizing: border-box;
1699 -moz-box-sizing: border-box;
1700 box-sizing: border-box;
1701 }
1702 .oo-ui-dropdownInputWidget select {
1703 background: #ffffff;
1704 height: 2.275em;
1705 font-size: inherit;
1706 font-family: inherit;
1707 -webkit-box-sizing: border-box;
1708 -moz-box-sizing: border-box;
1709 box-sizing: border-box;
1710 border: 1px solid #cccccc;
1711 }
1712 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1713 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1714 border-color: #aaaaaa;
1715 outline: none;
1716 }
1717 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1718 color: #cccccc;
1719 border-color: #dddddd;
1720 background-color: #f3f3f3;
1721 }
1722 .oo-ui-radioInputWidget {
1723 position: relative;
1724 line-height: 1.6em;
1725 white-space: nowrap;
1726 }
1727 .oo-ui-radioInputWidget * {
1728 font: inherit;
1729 vertical-align: middle;
1730 }
1731 .oo-ui-radioInputWidget input[type="radio"] {
1732 opacity: 0;
1733 z-index: 1;
1734 position: relative;
1735 margin: 0;
1736 width: 1.6em;
1737 height: 1.6em;
1738 max-width: none;
1739 }
1740 .oo-ui-radioInputWidget input[type="radio"] + span {
1741 cursor: pointer;
1742 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1743 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1744 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1745 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1746 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1747 -webkit-box-sizing: border-box;
1748 -moz-box-sizing: border-box;
1749 box-sizing: border-box;
1750 position: absolute;
1751 left: 0;
1752 border-radius: 100%;
1753 width: 1.6em;
1754 height: 1.6em;
1755 background: white;
1756 border: 1px solid #777777;
1757 background-image: url("themes/mediawiki/images/icons/circle-constructive.png");
1758 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1759 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1760 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png");
1761 background-repeat: no-repeat;
1762 background-position: center center;
1763 background-origin: border-box;
1764 background-size: 0 0;
1765 }
1766 .oo-ui-radioInputWidget input[type="radio"]:checked + span {
1767 background-size: 100% 100%;
1768 }
1769 .oo-ui-radioInputWidget input[type="radio"]:active + span {
1770 background-color: #dddddd;
1771 border-color: #dddddd;
1772 }
1773 .oo-ui-radioInputWidget input[type="radio"]:focus + span {
1774 border-width: 2px;
1775 }
1776 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span,
1777 .oo-ui-radioInputWidget input[type="radio"]:hover + span {
1778 border-bottom-width: 3px;
1779 }
1780 .oo-ui-radioInputWidget input[type="radio"]:disabled + span {
1781 cursor: default;
1782 background-color: #eeeeee;
1783 border-color: #eeeeee;
1784 }
1785 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span {
1786 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
1787 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1788 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1789 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
1790 }
1791 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1792 margin-bottom: 0;
1793 }
1794 .oo-ui-textInputWidget {
1795 position: relative;
1796 vertical-align: middle;
1797 -webkit-box-sizing: border-box;
1798 -moz-box-sizing: border-box;
1799 box-sizing: border-box;
1800 width: 100%;
1801 max-width: 50em;
1802 }
1803 .oo-ui-textInputWidget input,
1804 .oo-ui-textInputWidget textarea {
1805 display: inline-block;
1806 width: 100%;
1807 resize: none;
1808 -webkit-box-sizing: border-box;
1809 -moz-box-sizing: border-box;
1810 box-sizing: border-box;
1811 }
1812 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1813 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1814 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1815 display: none;
1816 }
1817 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1818 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1819 display: block;
1820 position: absolute;
1821 top: 0;
1822 height: 100%;
1823 background-repeat: no-repeat;
1824 -webkit-touch-callout: none;
1825 -webkit-user-select: none;
1826 -moz-user-select: none;
1827 -ms-user-select: none;
1828 user-select: none;
1829 }
1830 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1831 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1832 cursor: pointer;
1833 }
1834 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1835 display: block;
1836 }
1837 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1838 left: 0;
1839 }
1840 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1841 right: 0;
1842 }
1843 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1844 position: absolute;
1845 top: 0;
1846 }
1847 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1848 right: 0;
1849 }
1850 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1851 left: 0;
1852 }
1853 .oo-ui-textInputWidget input,
1854 .oo-ui-textInputWidget textarea {
1855 padding: 0.5em;
1856 line-height: 1.275em;
1857 margin: 0;
1858 font-size: inherit;
1859 font-family: inherit;
1860 background-color: #ffffff;
1861 color: black;
1862 border: solid 1px #cccccc;
1863 box-shadow: inset 0 0 0 0 #347bff;
1864 border-radius: 0.1em;
1865 -webkit-transition: box-shadow 0.1s ease-in-out;
1866 -moz-transition: box-shadow 0.1s ease-in-out;
1867 -ms-transition: box-shadow 0.1s ease-in-out;
1868 -o-transition: box-shadow 0.1s ease-in-out;
1869 transition: box-shadow 0.1s ease-in-out;
1870 -webkit-box-sizing: border-box;
1871 -moz-box-sizing: border-box;
1872 box-sizing: border-box;
1873 }
1874 .oo-ui-textInputWidget-decorated input,
1875 .oo-ui-textInputWidget-decorated textarea {
1876 padding-left: 2em;
1877 }
1878 .oo-ui-textInputWidget-icon {
1879 width: 2em;
1880 }
1881 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1882 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1883 -webkit-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1884 -moz-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1885 -ms-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1886 -o-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1887 transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1888 }
1889 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1890 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1891 outline: none;
1892 border-color: #347bff;
1893 box-shadow: inset 0 0 0 0.1em #347bff;
1894 }
1895 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1896 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1897 color: #777777;
1898 text-shadow: 0 1px 1px #ffffff;
1899 }
1900 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1901 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1902 border-color: #cccccc;
1903 box-shadow: inset 0 0 0 0.1em #cccccc;
1904 }
1905 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1906 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1907 border-color: red;
1908 box-shadow: inset 0 0 0 0 red;
1909 }
1910 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1911 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1912 border-color: red;
1913 box-shadow: inset 0 0 0 0.1em red;
1914 }
1915 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1916 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1917 color: #cccccc;
1918 text-shadow: 0 1px 1px #ffffff;
1919 border-color: #dddddd;
1920 background-color: #f3f3f3;
1921 }
1922 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1923 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1924 opacity: 0.2;
1925 }
1926 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1927 color: #dddddd;
1928 text-shadow: 0 1px 1px #ffffff;
1929 }
1930 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1931 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1932 background-color: transparent;
1933 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1934 }
1935 .oo-ui-textInputWidget.oo-ui-iconElement input,
1936 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1937 padding-left: 2.75em;
1938 }
1939 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1940 left: 0.4em;
1941 width: 1.875em;
1942 margin-left: 0.1em;
1943 height: 100%;
1944 background-position: right center;
1945 }
1946 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1947 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1948 padding-right: 1.875em;
1949 }
1950 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1951 width: 0.9375em;
1952 margin: 0 0.775em;
1953 height: 100%;
1954 }
1955 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1956 padding: 0.4em;
1957 line-height: 1.5em;
1958 color: #888888;
1959 }
1960 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1961 margin-right: 2em;
1962 }
1963 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1964 margin-left: 2.5em;
1965 }
1966 .oo-ui-menuSelectWidget {
1967 position: absolute;
1968 background: #ffffff;
1969 margin-top: -1px;
1970 border: 1px solid #aaaaaa;
1971 border-radius: 0 0 0.2em 0.2em;
1972 padding-bottom: 0.25em;
1973 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);
1974 }
1975 .oo-ui-menuSelectWidget input {
1976 position: absolute;
1977 width: 0;
1978 height: 0;
1979 overflow: hidden;
1980 opacity: 0;
1981 }
1982 .oo-ui-menuOptionWidget {
1983 position: relative;
1984 padding: 0.5em 1em;
1985 }
1986 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1987 display: none;
1988 }
1989 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1990 background-color: transparent;
1991 }
1992 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1993 display: block;
1994 }
1995 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1996 background-color: #d8e6fe;
1997 color: rgba(0, 0, 0, 0.8);
1998 }
1999 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2000 display: none;
2001 }
2002 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2003 background-color: #eeeeee;
2004 color: black;
2005 }
2006 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2007 background-color: #d8e6fe;
2008 }
2009 .oo-ui-menuSectionOptionWidget {
2010 cursor: default;
2011 padding: 0.33em 0.75em;
2012 color: #888888;
2013 }
2014 .oo-ui-dropdownWidget {
2015 display: inline-block;
2016 position: relative;
2017 margin: 0.25em 0;
2018 width: 100%;
2019 max-width: 50em;
2020 margin-right: 0.5em;
2021 }
2022 .oo-ui-dropdownWidget-handle {
2023 width: 100%;
2024 display: inline-block;
2025 cursor: pointer;
2026 -webkit-touch-callout: none;
2027 -webkit-user-select: none;
2028 -moz-user-select: none;
2029 -ms-user-select: none;
2030 user-select: none;
2031 -webkit-box-sizing: border-box;
2032 -moz-box-sizing: border-box;
2033 box-sizing: border-box;
2034 }
2035 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
2036 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2037 position: absolute;
2038 background-position: center center;
2039 background-repeat: no-repeat;
2040 }
2041 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
2042 z-index: 1;
2043 width: 100%;
2044 }
2045 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2046 cursor: default;
2047 }
2048 .oo-ui-dropdownWidget:last-child {
2049 margin-right: 0;
2050 }
2051 .oo-ui-dropdownWidget-handle {
2052 padding: 0.5em 0;
2053 border: 1px solid #cccccc;
2054 border-radius: 0.1em;
2055 }
2056 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2057 right: 0;
2058 }
2059 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2060 left: 0.25em;
2061 }
2062 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2063 line-height: 1.275em;
2064 margin: 0 1em;
2065 }
2066 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2067 top: 0;
2068 width: 0.9375em;
2069 height: 0.9375em;
2070 margin: 0.775em;
2071 }
2072 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2073 top: 0;
2074 width: 1.875em;
2075 height: 1.875em;
2076 margin: 0.3em;
2077 }
2078 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
2079 border-color: #aaaaaa;
2080 }
2081 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2082 color: #cccccc;
2083 text-shadow: 0 1px 1px #ffffff;
2084 border-color: #dddddd;
2085 background-color: #f3f3f3;
2086 }
2087 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2088 opacity: 0.2;
2089 }
2090 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2091 margin-left: 3em;
2092 }
2093 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2094 margin-right: 2em;
2095 }
2096 .oo-ui-dropdownWidget .oo-ui-selectWidget {
2097 border-top-color: #ffffff;
2098 }
2099 .oo-ui-selectFileWidget {
2100 display: inline-block;
2101 position: relative;
2102 vertical-align: middle;
2103 margin: 0.25em 0;
2104 width: 100%;
2105 max-width: 50em;
2106 margin-right: 0.5em;
2107 }
2108 .oo-ui-selectFileWidget-handle {
2109 width: 100%;
2110 display: inline-block;
2111 cursor: pointer;
2112 overflow: hidden;
2113 -webkit-touch-callout: none;
2114 -webkit-user-select: none;
2115 -moz-user-select: none;
2116 -ms-user-select: none;
2117 user-select: none;
2118 -webkit-box-sizing: border-box;
2119 -moz-box-sizing: border-box;
2120 box-sizing: border-box;
2121 }
2122 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator,
2123 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2124 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2125 position: absolute;
2126 background-position: center center;
2127 background-repeat: no-repeat;
2128 }
2129 .oo-ui-selectFileWidget-handle > input[type="file"] {
2130 position: absolute;
2131 margin: 0;
2132 top: 0;
2133 bottom: 0;
2134 left: 0;
2135 right: 0;
2136 width: 100%;
2137 height: 100%;
2138 opacity: 0;
2139 z-index: 1;
2140 cursor: pointer;
2141 }
2142 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2143 z-index: 2;
2144 }
2145 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle,
2146 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2147 cursor: default;
2148 }
2149 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"],
2150 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2151 display: none;
2152 }
2153 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
2154 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2155 display: none;
2156 }
2157 .oo-ui-selectFileWidget:last-child {
2158 margin-right: 0;
2159 }
2160 .oo-ui-selectFileWidget-handle {
2161 height: 2.5em;
2162 border: 1px solid #cccccc;
2163 border-radius: 0.1em;
2164 padding: 0 1em;
2165 }
2166 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2167 right: 0;
2168 }
2169 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2170 left: 0.25em;
2171 }
2172 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2173 line-height: 2.5em;
2174 margin: 0;
2175 display: inline-block;
2176 overflow: hidden;
2177 width: 100%;
2178 white-space: nowrap;
2179 -webkit-box-sizing: border-box;
2180 -moz-box-sizing: border-box;
2181 box-sizing: border-box;
2182 text-overflow: ellipsis;
2183 }
2184 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2185 top: 0;
2186 width: 1.875em;
2187 height: 1.875em;
2188 margin: 0.3em;
2189 }
2190 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2191 top: 0;
2192 width: 0.9375em;
2193 height: 0.9375em;
2194 margin: 0.775em;
2195 }
2196 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2197 top: 0;
2198 width: 1.875em;
2199 height: 1.875em;
2200 margin: 0.3em;
2201 }
2202 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2203 border-color: #aaaaaa;
2204 }
2205 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2206 color: #cccccc;
2207 text-shadow: 0 1px 1px #ffffff;
2208 border-color: #dddddd;
2209 background-color: #f3f3f3;
2210 }
2211 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2212 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2213 opacity: 0.2;
2214 }
2215 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2216 color: #cccccc;
2217 }
2218 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2219 padding-left: 3em;
2220 }
2221 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2222 padding-right: 3em;
2223 }
2224 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2225 right: 0;
2226 }
2227 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2228 padding-right: 5em;
2229 }
2230 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2231 right: 2em;
2232 }
2233 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle,
2234 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2235 padding-right: 1em;
2236 }
2237 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle,
2238 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2239 padding-right: 2em;
2240 }
2241 .oo-ui-outlineOptionWidget {
2242 position: relative;
2243 cursor: pointer;
2244 -webkit-touch-callout: none;
2245 -webkit-user-select: none;
2246 -moz-user-select: none;
2247 -ms-user-select: none;
2248 user-select: none;
2249 font-size: 1.1em;
2250 padding: 0.75em;
2251 }
2252 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2253 padding-right: 1.5em;
2254 }
2255 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2256 opacity: 0.5;
2257 }
2258 .oo-ui-outlineOptionWidget-level-0 {
2259 padding-left: 3.5em;
2260 }
2261 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2262 left: 1em;
2263 }
2264 .oo-ui-outlineOptionWidget-level-1 {
2265 padding-left: 5em;
2266 }
2267 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2268 left: 2.5em;
2269 }
2270 .oo-ui-outlineOptionWidget-level-2 {
2271 padding-left: 6.5em;
2272 }
2273 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2274 left: 4em;
2275 }
2276 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2277 background-color: #d0d0d0;
2278 text-shadow: 0 1px 1px #ffffff;
2279 }
2280 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2281 font-weight: bold;
2282 }
2283 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2284 font-style: italic;
2285 }
2286 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2287 opacity: 0.5;
2288 }
2289 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2290 color: #777777;
2291 }
2292 .oo-ui-outlineControlsWidget {
2293 height: 3em;
2294 background-color: #ffffff;
2295 }
2296 .oo-ui-outlineControlsWidget-items,
2297 .oo-ui-outlineControlsWidget-movers {
2298 float: left;
2299 -webkit-box-sizing: border-box;
2300 -moz-box-sizing: border-box;
2301 box-sizing: border-box;
2302 }
2303 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2304 float: left;
2305 background-position: right center;
2306 background-repeat: no-repeat;
2307 }
2308 .oo-ui-outlineControlsWidget-items {
2309 float: left;
2310 }
2311 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2312 float: left;
2313 }
2314 .oo-ui-outlineControlsWidget-movers {
2315 float: right;
2316 }
2317 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2318 float: right;
2319 }
2320 .oo-ui-outlineControlsWidget-items,
2321 .oo-ui-outlineControlsWidget-movers {
2322 height: 2em;
2323 margin: 0.5em 0.5em 0.5em 0;
2324 padding: 0;
2325 }
2326 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2327 width: 1.5em;
2328 height: 2em;
2329 margin: 0.5em 0 0.5em 0.5em;
2330 opacity: 0.2;
2331 }
2332 .oo-ui-tabSelectWidget {
2333 text-align: left;
2334 white-space: nowrap;
2335 overflow: hidden;
2336 background-color: #dddddd;
2337 }
2338 .oo-ui-tabOptionWidget {
2339 display: inline-block;
2340 vertical-align: bottom;
2341 padding: 0.35em 1em;
2342 margin: 0.5em 0 0 0.75em;
2343 border: 1px solid transparent;
2344 border-bottom: none;
2345 border-top-left-radius: 2px;
2346 border-top-right-radius: 2px;
2347 color: #666666;
2348 font-weight: bold;
2349 }
2350 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2351 background-color: rgba(255, 255, 255, 0.3);
2352 }
2353 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2354 background-color: rgba(255, 255, 255, 0.8);
2355 }
2356 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2357 padding-right: 1.5em;
2358 }
2359 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2360 opacity: 0.5;
2361 }
2362 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2363 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2364 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2365 background-color: #ffffff;
2366 color: #333333;
2367 }
2368 .oo-ui-comboBoxWidget {
2369 display: inline-block;
2370 position: relative;
2371 width: 100%;
2372 max-width: 50em;
2373 margin-right: 0.5em;
2374 }
2375 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2376 z-index: 1;
2377 width: 100%;
2378 }
2379 .oo-ui-comboBoxWidget:last-child {
2380 margin-right: 0;
2381 }
2382 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
2383 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2384 height: 2.35em;
2385 }
2386 .oo-ui-searchWidget-query {
2387 position: absolute;
2388 top: 0;
2389 left: 0;
2390 right: 0;
2391 }
2392 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2393 width: 100%;
2394 }
2395 .oo-ui-searchWidget-results {
2396 position: absolute;
2397 bottom: 0;
2398 left: 0;
2399 right: 0;
2400 overflow-x: hidden;
2401 overflow-y: auto;
2402 }
2403 .oo-ui-searchWidget-query {
2404 height: 4em;
2405 padding: 0 1em;
2406 border-bottom: 1px solid #cccccc;
2407 }
2408 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2409 margin: 0.75em 0;
2410 }
2411 .oo-ui-searchWidget-results {
2412 top: 4em;
2413 padding: 1em;
2414 line-height: 0;
2415 }
2416 .oo-ui-numberInputWidget {
2417 display: inline-block;
2418 position: relative;
2419 max-width: 50em;
2420 }
2421 .oo-ui-numberInputWidget-field {
2422 display: table;
2423 table-layout: fixed;
2424 width: 100%;
2425 }
2426 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2427 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2428 display: table-cell;
2429 vertical-align: middle;
2430 }
2431 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2432 width: 100%;
2433 }
2434 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2435 white-space: nowrap;
2436 }
2437 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2438 box-sizing: border-box;
2439 }
2440 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2441 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2442 margin: 0;
2443 width: 2.5em;
2444 }
2445 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2446 border-top-right-radius: 0;
2447 border-bottom-right-radius: 0;
2448 border-right-width: 0;
2449 }
2450 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2451 border-top-left-radius: 0;
2452 border-bottom-left-radius: 0;
2453 border-left-width: 0;
2454 }
2455 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2456 border-radius: 0;
2457 }
2458 .oo-ui-window {
2459 background: transparent;
2460 }
2461 .oo-ui-window-frame {
2462 -webkit-box-sizing: border-box;
2463 -moz-box-sizing: border-box;
2464 box-sizing: border-box;
2465 }
2466 .oo-ui-window-content:focus {
2467 outline: none;
2468 }
2469 .oo-ui-window-head,
2470 .oo-ui-window-foot {
2471 -webkit-touch-callout: none;
2472 -webkit-user-select: none;
2473 -moz-user-select: none;
2474 -ms-user-select: none;
2475 user-select: none;
2476 }
2477 .oo-ui-window-body {
2478 margin: 0;
2479 padding: 0;
2480 background: none;
2481 }
2482 .oo-ui-window-overlay {
2483 position: absolute;
2484 top: 0;
2485 /* @noflip */
2486 left: 0;
2487 }
2488 .oo-ui-dialog-content > .oo-ui-window-head,
2489 .oo-ui-dialog-content > .oo-ui-window-body,
2490 .oo-ui-dialog-content > .oo-ui-window-foot {
2491 position: absolute;
2492 left: 0;
2493 right: 0;
2494 overflow: hidden;
2495 -webkit-box-sizing: border-box;
2496 -moz-box-sizing: border-box;
2497 box-sizing: border-box;
2498 }
2499 .oo-ui-dialog-content > .oo-ui-window-head {
2500 z-index: 1;
2501 top: 0;
2502 }
2503 .oo-ui-dialog-content > .oo-ui-window-body {
2504 z-index: 2;
2505 top: 0;
2506 bottom: 0;
2507 }
2508 .oo-ui-dialog-content > .oo-ui-window-foot {
2509 z-index: 1;
2510 bottom: 0;
2511 }
2512 .oo-ui-dialog-content > .oo-ui-window-body {
2513 outline: 1px solid #aaaaaa;
2514 }
2515 .oo-ui-messageDialog-actions-horizontal {
2516 display: table;
2517 table-layout: fixed;
2518 width: 100%;
2519 }
2520 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2521 display: table-cell;
2522 width: 1%;
2523 }
2524 .oo-ui-messageDialog-actions-vertical {
2525 display: block;
2526 }
2527 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2528 display: block;
2529 overflow: hidden;
2530 text-overflow: ellipsis;
2531 }
2532 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2533 position: relative;
2534 text-align: center;
2535 }
2536 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2537 display: block;
2538 }
2539 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2540 position: relative;
2541 top: auto;
2542 bottom: auto;
2543 display: inline;
2544 white-space: nowrap;
2545 }
2546 .oo-ui-messageDialog-title,
2547 .oo-ui-messageDialog-message {
2548 display: block;
2549 text-align: center;
2550 padding-top: 0.5em;
2551 }
2552 .oo-ui-messageDialog-title {
2553 font-size: 1.5em;
2554 line-height: 1em;
2555 color: #000000;
2556 }
2557 .oo-ui-messageDialog-message {
2558 font-size: 0.9em;
2559 line-height: 1.25em;
2560 color: #666666;
2561 }
2562 .oo-ui-messageDialog-message-verbose {
2563 font-size: 1.1em;
2564 line-height: 1.5em;
2565 text-align: left;
2566 }
2567 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2568 border-right: 1px solid #e5e5e5;
2569 margin: 0;
2570 }
2571 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2572 border-right-width: 0;
2573 }
2574 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2575 border-bottom: 1px solid #e5e5e5;
2576 margin: 0;
2577 }
2578 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2579 border-bottom-width: 0;
2580 }
2581 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2582 height: 3.4em;
2583 margin-right: 0;
2584 }
2585 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2586 margin-right: 0;
2587 }
2588 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2589 text-align: center;
2590 line-height: 3.4em;
2591 padding: 0 2em;
2592 }
2593 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2594 background-color: rgba(0, 0, 0, 0.05);
2595 }
2596 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2597 background-color: rgba(0, 0, 0, 0.1);
2598 }
2599 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2600 background-color: rgba(8, 126, 204, 0.05);
2601 }
2602 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2603 background-color: rgba(8, 126, 204, 0.1);
2604 }
2605 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2606 font-weight: bold;
2607 }
2608 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2609 background-color: rgba(118, 171, 54, 0.05);
2610 }
2611 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2612 background-color: rgba(118, 171, 54, 0.1);
2613 }
2614 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2615 background-color: rgba(212, 83, 83, 0.05);
2616 }
2617 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2618 background-color: rgba(212, 83, 83, 0.1);
2619 }
2620 .oo-ui-processDialog-location {
2621 overflow: hidden;
2622 text-overflow: ellipsis;
2623 white-space: nowrap;
2624 }
2625 .oo-ui-processDialog-title {
2626 display: inline;
2627 padding: 0;
2628 }
2629 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2630 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2631 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2632 white-space: nowrap;
2633 }
2634 .oo-ui-processDialog-actions-safe,
2635 .oo-ui-processDialog-actions-primary {
2636 position: absolute;
2637 top: 0;
2638 bottom: 0;
2639 }
2640 .oo-ui-processDialog-actions-safe {
2641 left: 0;
2642 }
2643 .oo-ui-processDialog-actions-primary {
2644 right: 0;
2645 }
2646 .oo-ui-processDialog-errors {
2647 position: absolute;
2648 top: 0;
2649 left: 0;
2650 right: 0;
2651 bottom: 0;
2652 z-index: 2;
2653 overflow-x: hidden;
2654 overflow-y: auto;
2655 }
2656 .oo-ui-processDialog-content .oo-ui-window-head {
2657 height: 3.4em;
2658 }
2659 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2660 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2661 }
2662 .oo-ui-processDialog-content .oo-ui-window-body {
2663 top: 3.4em;
2664 outline: 1px solid rgba(0, 0, 0, 0.2);
2665 }
2666 .oo-ui-processDialog-navigation {
2667 position: relative;
2668 height: 3.4em;
2669 padding: 0 1em;
2670 }
2671 .oo-ui-processDialog-location {
2672 padding: 0.75em 0;
2673 height: 1.875em;
2674 cursor: default;
2675 text-align: center;
2676 }
2677 .oo-ui-processDialog-title {
2678 font-weight: bold;
2679 line-height: 1.875em;
2680 }
2681 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2682 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2683 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2684 min-width: 1.875em;
2685 min-height: 1.875em;
2686 }
2687 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2688 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2689 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2690 line-height: 1.875em;
2691 }
2692 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2693 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2694 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2695 margin-top: -0.125em;
2696 }
2697 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2698 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2699 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2700 margin: 0.75em 0 0.75em 0.75em;
2701 }
2702 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2703 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2704 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2705 padding: 0 1em;
2706 vertical-align: middle;
2707 }
2708 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2709 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2710 background-color: rgba(0, 0, 0, 0.05);
2711 }
2712 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2713 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2714 background-color: rgba(0, 0, 0, 0.1);
2715 }
2716 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2717 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2718 margin: 0.75em;
2719 }
2720 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2721 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2722 /* Adjust for border so text aligns with title */
2723 margin: -1px;
2724 }
2725 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2726 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2727 background-color: rgba(8, 126, 204, 0.05);
2728 }
2729 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2730 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2731 background-color: rgba(8, 126, 204, 0.1);
2732 }
2733 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2734 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2735 font-weight: bold;
2736 }
2737 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2738 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2739 background-color: rgba(118, 171, 54, 0.05);
2740 }
2741 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2742 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2743 background-color: rgba(118, 171, 54, 0.1);
2744 }
2745 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2746 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2747 background-color: rgba(212, 83, 83, 0.05);
2748 }
2749 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2750 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2751 background-color: rgba(212, 83, 83, 0.1);
2752 }
2753 .oo-ui-processDialog > .oo-ui-window-frame {
2754 min-height: 5em;
2755 }
2756 .oo-ui-processDialog-errors {
2757 background-color: rgba(255, 255, 255, 0.9);
2758 padding: 3em 3em 1.5em 3em;
2759 text-align: center;
2760 }
2761 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2762 margin: 2em 1em 2em 1em;
2763 }
2764 .oo-ui-processDialog-errors-title {
2765 font-size: 1.5em;
2766 color: #000000;
2767 margin-bottom: 2em;
2768 }
2769 .oo-ui-processDialog-error {
2770 text-align: left;
2771 margin: 1em;
2772 padding: 1em;
2773 border: 1px solid #ff9e9e;
2774 background-color: #fff7f7;
2775 border-radius: 0.25em;
2776 }
2777 .oo-ui-windowManager-modal > .oo-ui-dialog {
2778 position: fixed;
2779 width: 0;
2780 height: 0;
2781 overflow: hidden;
2782 }
2783 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2784 width: auto;
2785 height: auto;
2786 top: 0;
2787 right: 0;
2788 bottom: 0;
2789 left: 0;
2790 padding: 1em;
2791 }
2792 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2793 position: absolute;
2794 right: 0;
2795 left: 0;
2796 margin: auto;
2797 overflow: hidden;
2798 max-width: 100%;
2799 max-height: 100%;
2800 }
2801 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2802 width: 100%;
2803 height: 100%;
2804 top: 0;
2805 bottom: 0;
2806 }
2807 .oo-ui-windowManager-modal > .oo-ui-dialog {
2808 background-color: rgba(255, 255, 255, 0.5);
2809 opacity: 0;
2810 -webkit-transition: opacity 250ms ease-in-out;
2811 -moz-transition: opacity 250ms ease-in-out;
2812 -ms-transition: opacity 250ms ease-in-out;
2813 -o-transition: opacity 250ms ease-in-out;
2814 transition: opacity 250ms ease-in-out;
2815 }
2816 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2817 top: 1em;
2818 bottom: 1em;
2819 background-color: #ffffff;
2820 opacity: 0;
2821 -webkit-transform: scale(0.5);
2822 -moz-transform: scale(0.5);
2823 -ms-transform: scale(0.5);
2824 -o-transform: scale(0.5);
2825 transform: scale(0.5);
2826 -webkit-transition: all 250ms ease-in-out;
2827 -moz-transition: all 250ms ease-in-out;
2828 -ms-transition: all 250ms ease-in-out;
2829 -o-transition: all 250ms ease-in-out;
2830 transition: all 250ms ease-in-out;
2831 }
2832 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2833 /* Fade window overlay */
2834 opacity: 1;
2835 }
2836 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2837 /* Fade frame */
2838 opacity: 1;
2839 -webkit-transform: scale(1);
2840 -moz-transform: scale(1);
2841 -ms-transform: scale(1);
2842 -o-transform: scale(1);
2843 transform: scale(1);
2844 }
2845 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2846 border: 1px solid #aaaaaa;
2847 border-radius: 0.2em;
2848 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2849 }