dépôts / lhc / web / wiklou.git / blob
? search:
summary | shortlog | log | commit | commitdiff | tree
history | raw | HEAD
Merge "API: Set HTMLForm when validating field in ApiOptions"
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-mediawiki-noimages.css
1 /*!
2 * OOjs UI v0.11.3
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-05-12T12:15:44Z
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-field {
548 display: table;
549 table-layout: fixed;
550 width: 100%;
551 }
552 .oo-ui-actionFieldLayout-input,
553 .oo-ui-actionFieldLayout-button {
554 display: table-cell;
555 vertical-align: middle;
556 }
557 .oo-ui-actionFieldLayout-input {
558 padding-right: 1em;
559 }
560 .oo-ui-actionFieldLayout-button {
561 width: 1%;
562 white-space: nowrap;
563 }
564 .oo-ui-fieldsetLayout {
565 position: relative;
566 margin: 0;
567 padding: 0;
568 border: none;
569 }
570 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
571 display: block;
572 position: absolute;
573 background-position: center center;
574 background-repeat: no-repeat;
575 }
576 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
577 display: inline-block;
578 }
579 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
580 float: right;
581 }
582 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
583 z-index: 1;
584 }
585 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
586 padding: 0.5em 0.75em;
587 line-height: 1.5em;
588 }
589 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
590 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
591 margin-top: 2em;
592 }
593 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
594 font-size: 1.1em;
595 margin-bottom: 0.5em;
596 padding: 0.25em 0;
597 font-weight: bold;
598 }
599 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
600 padding-left: 2em;
601 line-height: 1.8em;
602 }
603 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
604 left: 0;
605 top: 0.25em;
606 width: 1.875em;
607 height: 1.875em;
608 }
609 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
610 margin-right: 0;
611 }
612 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
613 margin-right: 0;
614 }
615 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
616 .oo-ui-formLayout + .oo-ui-formLayout {
617 margin-top: 2em;
618 }
619 .oo-ui-menuLayout {
620 position: absolute;
621 top: 0;
622 left: 0;
623 right: 0;
624 bottom: 0;
625 }
626 .oo-ui-menuLayout-menu,
627 .oo-ui-menuLayout-content {
628 position: absolute;
629 -webkit-transition: all ease-in-out 200ms;
630 -moz-transition: all ease-in-out 200ms;
631 -ms-transition: all ease-in-out 200ms;
632 -o-transition: all ease-in-out 200ms;
633 transition: all ease-in-out 200ms;
634 }
635 .oo-ui-menuLayout-menu {
636 height: 18em;
637 width: 18em;
638 }
639 .oo-ui-menuLayout-content {
640 top: 18em;
641 left: 18em;
642 right: 18em;
643 bottom: 18em;
644 }
645 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
646 width: 0 !important;
647 height: 0 !important;
648 overflow: hidden;
649 }
650 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
651 top: 0 !important;
652 left: 0 !important;
653 right: 0 !important;
654 bottom: 0 !important;
655 }
656 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
657 width: auto !important;
658 left: 0;
659 top: 0;
660 right: 0;
661 }
662 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
663 right: 0 !important;
664 bottom: 0 !important;
665 left: 0 !important;
666 }
667 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
668 height: auto !important;
669 top: 0;
670 right: 0;
671 bottom: 0;
672 }
673 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
674 bottom: 0 !important;
675 left: 0 !important;
676 top: 0 !important;
677 }
678 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
679 width: auto !important;
680 right: 0;
681 bottom: 0;
682 left: 0;
683 }
684 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
685 left: 0 !important;
686 top: 0 !important;
687 right: 0 !important;
688 }
689 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
690 height: auto !important;
691 bottom: 0;
692 left: 0;
693 top: 0;
694 }
695 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
696 top: 0 !important;
697 right: 0 !important;
698 bottom: 0 !important;
699 }
700 .oo-ui-panelLayout {
701 position: relative;
702 }
703 .oo-ui-panelLayout-scrollable {
704 overflow-y: auto;
705 }
706 .oo-ui-panelLayout-expanded {
707 position: absolute;
708 top: 0;
709 left: 0;
710 right: 0;
711 bottom: 0;
712 }
713 .oo-ui-panelLayout-padded {
714 padding: 1.25em;
715 }
716 .oo-ui-panelLayout-framed {
717 border: 1px solid #aaaaaa;
718 border-radius: 0.2em;
719 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
720 }
721 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
722 display: block;
723 position: relative;
724 }
725 .oo-ui-popupTool .oo-ui-popupWidget-popup,
726 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
727 z-index: 4;
728 }
729 .oo-ui-popupTool .oo-ui-popupWidget {
730 /* @noflip */
731 margin-left: 1.25em;
732 }
733 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
734 border: 0;
735 border-radius: 0;
736 margin: 0;
737 }
738 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
739 border-right: none;
740 }
741 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
742 height: 2.5em;
743 padding: 0.3125em;
744 }
745 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
746 height: 2.5em;
747 width: 1.875em;
748 }
749 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
750 line-height: 2.1em;
751 }
752 .oo-ui-toolGroup {
753 display: inline-block;
754 vertical-align: middle;
755 border-radius: 0;
756 border-right: 1px solid #dddddd;
757 }
758 .oo-ui-toolGroup-empty {
759 display: none;
760 }
761 .oo-ui-toolGroup .oo-ui-tool-link {
762 text-decoration: none;
763 }
764 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
765 background-position: center center;
766 background-repeat: no-repeat;
767 }
768 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
769 margin-left: 0;
770 }
771 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
772 border-right: none !important;
773 }
774 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
775 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
776 display: none;
777 }
778 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
779 cursor: pointer;
780 }
781 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
782 display: inline-block;
783 position: relative;
784 vertical-align: top;
785 }
786 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
787 display: block;
788 }
789 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
790 display: none;
791 }
792 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
793 display: inline-block;
794 vertical-align: top;
795 }
796 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
797 display: none;
798 }
799 .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 {
800 display: inline;
801 }
802 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
803 cursor: default;
804 }
805 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
806 height: 1.875em;
807 padding: 0.625em;
808 }
809 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
810 height: 1.875em;
811 width: 1.875em;
812 }
813 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
814 line-height: 2.1em;
815 padding: 0 0.4em;
816 }
817 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
818 border-color: rgba(0, 0, 0, 0.2);
819 background-color: #eeeeee;
820 }
821 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
822 color: #555555;
823 }
824 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
825 border-color: rgba(0, 0, 0, 0.2);
826 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
827 background-color: #e5e5e5;
828 }
829 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
830 background-color: #eeeeee;
831 }
832 .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 {
833 border-left-color: rgba(0, 0, 0, 0.1);
834 }
835 .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 {
836 color: #cccccc;
837 }
838 .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 {
839 opacity: 0.2;
840 }
841 .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 {
842 opacity: 0.7;
843 }
844 .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 {
845 opacity: 0.9;
846 }
847 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
848 background-color: #e7e7e7;
849 }
850 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
851 color: #cccccc;
852 }
853 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
854 opacity: 0.2;
855 }
856 .oo-ui-popupToolGroup {
857 position: relative;
858 height: 3.125em;
859 min-width: 2em;
860 }
861 .oo-ui-popupToolGroup-handle {
862 display: block;
863 cursor: pointer;
864 }
865 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
866 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
867 position: absolute;
868 background-position: center center;
869 background-repeat: no-repeat;
870 }
871 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
872 cursor: default;
873 }
874 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
875 display: none;
876 position: absolute;
877 z-index: 4;
878 }
879 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
880 background-repeat: no-repeat;
881 background-position: center center;
882 }
883 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
884 display: block;
885 }
886 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
887 left: 0;
888 }
889 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
890 right: 0;
891 }
892 .oo-ui-popupToolGroup .oo-ui-tool-link {
893 display: table;
894 width: 100%;
895 vertical-align: middle;
896 white-space: nowrap;
897 }
898 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
899 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
900 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
901 display: table-cell;
902 vertical-align: middle;
903 }
904 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
905 text-align: right;
906 }
907 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
908 padding-left: 3em;
909 }
910 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
911 min-width: 1.875em;
912 }
913 .oo-ui-popupToolGroup.oo-ui-iconElement {
914 min-width: 3.125em;
915 }
916 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
917 min-width: 2.5em;
918 }
919 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
920 min-width: 4.375em;
921 }
922 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
923 min-width: 3.75em;
924 }
925 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
926 line-height: 2.6em;
927 margin: 0 1em;
928 }
929 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
930 margin: 0 0.5em;
931 }
932 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
933 margin-left: 3em;
934 }
935 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
936 margin-left: 2.5em;
937 }
938 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
939 margin-right: 2em;
940 }
941 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
942 margin-right: 1.75em;
943 }
944 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
945 background-color: #eeeeee;
946 }
947 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
948 background-color: #e5e5e5;
949 }
950 .oo-ui-popupToolGroup-handle {
951 padding: 0.3125em;
952 height: 2.5em;
953 }
954 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
955 width: 0.9375em;
956 height: 1.625em;
957 margin: 0.78125em 0.5em;
958 top: 0;
959 right: 0;
960 opacity: 0.3;
961 }
962 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
963 right: -0.3125em;
964 }
965 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
966 width: 1.875em;
967 height: 2.6em;
968 margin: 0.25em;
969 top: 0;
970 left: 0.3125em;
971 opacity: 0.7;
972 }
973 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
974 left: 0;
975 }
976 .oo-ui-popupToolGroup-header {
977 line-height: 2.6em;
978 margin: 0 0.6em;
979 font-weight: bold;
980 }
981 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
982 border-bottom-left-radius: 0;
983 border-bottom-right-radius: 0;
984 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
985 background-color: #eeeeee;
986 }
987 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
988 top: 3.125em;
989 margin: 0 -1px;
990 border: 1px solid #cccccc;
991 background-color: #ffffff;
992 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
993 min-width: 16em;
994 }
995 .oo-ui-popupToolGroup .oo-ui-tool-link {
996 padding: 0.4em 0.625em;
997 box-sizing: border-box;
998 }
999 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1000 height: 2.5em;
1001 width: 1.875em;
1002 min-width: 1.875em;
1003 }
1004 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1005 padding-left: 0.5em;
1006 color: #000000;
1007 }
1008 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
1009 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1010 line-height: 2em;
1011 }
1012 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
1013 color: #888888;
1014 }
1015 .oo-ui-listToolGroup .oo-ui-tool {
1016 display: block;
1017 -webkit-box-sizing: border-box;
1018 -moz-box-sizing: border-box;
1019 box-sizing: border-box;
1020 }
1021 .oo-ui-listToolGroup .oo-ui-tool-link {
1022 cursor: pointer;
1023 }
1024 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1025 cursor: default;
1026 }
1027 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
1028 border-color: rgba(0, 0, 0, 0.2);
1029 }
1030 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1031 border-color: rgba(0, 0, 0, 0.2);
1032 background-color: #eeeeee;
1033 }
1034 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
1035 background-color: #e7e7e7;
1036 }
1037 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1038 opacity: 0.9;
1039 }
1040 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1041 border-color: rgba(0, 0, 0, 0.1);
1042 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
1043 background-color: #e5e5e5;
1044 }
1045 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1046 border-top-color: rgba(0, 0, 0, 0.1);
1047 }
1048 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1049 border-color: rgba(0, 0, 0, 0.2);
1050 background-color: #eeeeee;
1051 }
1052 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1053 color: #cccccc;
1054 }
1055 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1056 color: #dddddd;
1057 }
1058 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1059 opacity: 0.2;
1060 }
1061 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1062 color: #cccccc;
1063 }
1064 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1065 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1066 opacity: 0.2;
1067 }
1068 .oo-ui-menuToolGroup .oo-ui-tool {
1069 display: block;
1070 }
1071 .oo-ui-menuToolGroup .oo-ui-tool-link {
1072 cursor: pointer;
1073 }
1074 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1075 cursor: default;
1076 }
1077 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1078 min-width: 10em;
1079 }
1080 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1081 min-width: 8.125em;
1082 }
1083 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1084 background-image: none;
1085 }
1086 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1087 background-image: url("themes/mediawiki/images/icons/check.png");
1088 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1089 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1090 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
1091 }
1092 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1093 background-color: #eeeeee;
1094 }
1095 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1096 color: #cccccc;
1097 }
1098 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1099 opacity: 0.2;
1100 }
1101 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1102 color: #cccccc;
1103 }
1104 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1105 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1106 opacity: 0.2;
1107 }
1108 .oo-ui-toolbar {
1109 clear: both;
1110 }
1111 .oo-ui-toolbar-bar {
1112 line-height: 1em;
1113 position: relative;
1114 }
1115 .oo-ui-toolbar-actions {
1116 float: right;
1117 }
1118 .oo-ui-toolbar-actions .oo-ui-toolbar {
1119 display: inline-block;
1120 }
1121 .oo-ui-toolbar-tools {
1122 display: inline;
1123 white-space: nowrap;
1124 }
1125 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1126 white-space: normal;
1127 }
1128 .oo-ui-toolbar-tools .oo-ui-tool {
1129 white-space: normal;
1130 }
1131 .oo-ui-toolbar-tools,
1132 .oo-ui-toolbar-actions,
1133 .oo-ui-toolbar-shadow {
1134 -webkit-touch-callout: none;
1135 -webkit-user-select: none;
1136 -moz-user-select: none;
1137 -ms-user-select: none;
1138 user-select: none;
1139 }
1140 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1141 -webkit-touch-callout: default;
1142 -webkit-user-select: all;
1143 -moz-user-select: all;
1144 -ms-user-select: all;
1145 user-select: all;
1146 }
1147 .oo-ui-toolbar-shadow {
1148 background-position: left top;
1149 background-repeat: repeat-x;
1150 position: absolute;
1151 width: 100%;
1152 pointer-events: none;
1153 }
1154 .oo-ui-toolbar-bar {
1155 border-bottom: 1px solid #cccccc;
1156 background-color: #ffffff;
1157 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1158 font-weight: 500;
1159 color: #555555;
1160 }
1161 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1162 border: none;
1163 background: none;
1164 box-shadow: none;
1165 }
1166 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
1167 margin-top: 0.25em;
1168 margin-bottom: 0.25em;
1169 }
1170 .oo-ui-toolbar-actions > .oo-ui-toolbar,
1171 .oo-ui-toolbar-actions > .oo-ui-buttonElement:last-child {
1172 margin-right: 0.5em;
1173 }
1174 .oo-ui-optionWidget {
1175 position: relative;
1176 display: block;
1177 cursor: pointer;
1178 padding: 0.25em 0.5em;
1179 border: none;
1180 }
1181 .oo-ui-optionWidget.oo-ui-widget-disabled {
1182 cursor: default;
1183 }
1184 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1185 display: block;
1186 white-space: nowrap;
1187 text-overflow: ellipsis;
1188 overflow: hidden;
1189 }
1190 .oo-ui-optionWidget-highlighted {
1191 background-color: #eeeeee;
1192 }
1193 .oo-ui-optionWidget .oo-ui-labelElement-label {
1194 line-height: 1.5em;
1195 }
1196 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
1197 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1198 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1199 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1200 background-color: #d0d0d0;
1201 }
1202 .oo-ui-optionWidget.oo-ui-widget-disabled {
1203 color: #cccccc;
1204 }
1205 .oo-ui-decoratedOptionWidget {
1206 padding: 0.5em 2em 0.5em 3em;
1207 }
1208 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1209 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1210 position: absolute;
1211 background-repeat: no-repeat;
1212 background-position: center center;
1213 }
1214 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1215 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1216 top: 0;
1217 height: 100%;
1218 }
1219 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1220 width: 1.875em;
1221 left: 0.5em;
1222 }
1223 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1224 width: 0.9375em;
1225 right: 0.5em;
1226 }
1227 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1228 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1229 opacity: 0.2;
1230 }
1231 .oo-ui-buttonSelectWidget {
1232 display: inline-block;
1233 white-space: nowrap;
1234 border-radius: 2px;
1235 margin-right: 0.5em;
1236 }
1237 .oo-ui-buttonSelectWidget:last-child {
1238 margin-right: 0;
1239 }
1240 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1241 border-radius: 0;
1242 margin-left: -1px;
1243 }
1244 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1245 border-bottom-left-radius: 2px;
1246 border-top-left-radius: 2px;
1247 margin-left: 0;
1248 }
1249 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1250 border-bottom-right-radius: 2px;
1251 border-top-right-radius: 2px;
1252 }
1253 .oo-ui-buttonOptionWidget {
1254 display: inline-block;
1255 padding: 0;
1256 background-color: transparent;
1257 }
1258 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1259 position: relative;
1260 }
1261 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1262 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1263 position: static;
1264 display: inline-block;
1265 vertical-align: middle;
1266 }
1267 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1268 height: 1.875em;
1269 }
1270 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1271 margin-top: 0;
1272 }
1273 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1274 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1275 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1276 background-color: transparent;
1277 }
1278 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1279 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1280 opacity: 1;
1281 }
1282 .oo-ui-radioOptionWidget {
1283 cursor: default;
1284 padding: 0.25em 0;
1285 background-color: transparent;
1286 }
1287 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1288 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1289 display: inline-block;
1290 vertical-align: middle;
1291 }
1292 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1293 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1294 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1295 background-color: transparent;
1296 }
1297 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1298 padding: 0.25em;
1299 padding-left: 1em;
1300 }
1301 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1302 margin-right: 0;
1303 }
1304 .oo-ui-labelWidget {
1305 display: inline-block;
1306 }
1307 .oo-ui-iconWidget {
1308 display: inline-block;
1309 vertical-align: middle;
1310 background-position: center center;
1311 background-repeat: no-repeat;
1312 line-height: 2.5em;
1313 height: 1.875em;
1314 width: 1.875em;
1315 }
1316 .oo-ui-iconWidget.oo-ui-widget-disabled {
1317 opacity: 0.2;
1318 }
1319 .oo-ui-indicatorWidget {
1320 display: inline-block;
1321 vertical-align: middle;
1322 background-position: center center;
1323 background-repeat: no-repeat;
1324 line-height: 2.5em;
1325 height: 0.9375em;
1326 width: 0.9375em;
1327 margin: 0.46875em;
1328 }
1329 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1330 opacity: 0.2;
1331 }
1332 .oo-ui-buttonWidget {
1333 display: inline-block;
1334 vertical-align: middle;
1335 margin-right: 0.5em;
1336 }
1337 .oo-ui-buttonWidget:last-child {
1338 margin-right: 0;
1339 }
1340 .oo-ui-buttonGroupWidget {
1341 display: inline-block;
1342 white-space: nowrap;
1343 border-radius: 2px;
1344 margin-right: 0.5em;
1345 }
1346 .oo-ui-buttonGroupWidget:last-child {
1347 margin-right: 0;
1348 }
1349 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1350 margin-right: 0;
1351 }
1352 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1353 margin-right: 0;
1354 }
1355 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1356 border-radius: 0;
1357 margin-left: -1px;
1358 }
1359 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1360 border-bottom-left-radius: 2px;
1361 border-top-left-radius: 2px;
1362 margin-left: 0;
1363 }
1364 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1365 border-bottom-right-radius: 2px;
1366 border-top-right-radius: 2px;
1367 }
1368 .oo-ui-toggleButtonWidget {
1369 display: inline-block;
1370 vertical-align: middle;
1371 margin-right: 0.5em;
1372 }
1373 .oo-ui-toggleButtonWidget:last-child {
1374 margin-right: 0;
1375 }
1376 .oo-ui-toggleSwitchWidget {
1377 position: relative;
1378 display: inline-block;
1379 vertical-align: middle;
1380 overflow: hidden;
1381 cursor: pointer;
1382 -webkit-box-sizing: border-box;
1383 -moz-box-sizing: border-box;
1384 box-sizing: border-box;
1385 -webkit-transform: translateZ(0px);
1386 -moz-transform: translateZ(0px);
1387 -ms-transform: translateZ(0px);
1388 -o-transform: translateZ(0px);
1389 transform: translateZ(0px);
1390 height: 2em;
1391 width: 4em;
1392 border-radius: 1em;
1393 border: 1px #dddddd solid;
1394 margin-right: 0.5em;
1395 }
1396 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1397 cursor: default;
1398 }
1399 .oo-ui-toggleSwitchWidget-grip {
1400 position: absolute;
1401 display: block;
1402 -webkit-box-sizing: border-box;
1403 -moz-box-sizing: border-box;
1404 box-sizing: border-box;
1405 }
1406 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1407 position: absolute;
1408 top: 0;
1409 bottom: 0;
1410 right: 0;
1411 left: 0;
1412 -webkit-touch-callout: none;
1413 -webkit-user-select: none;
1414 -moz-user-select: none;
1415 -ms-user-select: none;
1416 user-select: none;
1417 }
1418 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1419 display: none;
1420 }
1421 .oo-ui-toggleSwitchWidget:last-child {
1422 margin-right: 0;
1423 }
1424 .oo-ui-toggleSwitchWidget-grip {
1425 top: 0.25em;
1426 left: 0.25em;
1427 width: 1.5em;
1428 height: 1.5em;
1429 margin-top: -1px;
1430 border-radius: 1em;
1431 border: 1px #dddddd solid;
1432 background-color: #f7f7f7;
1433 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1434 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1435 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1436 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1437 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1438 }
1439 .oo-ui-toggleSwitchWidget-glow {
1440 border-radius: 1em;
1441 background-color: #f7f7f7;
1442 -webkit-transition: background-color 0.1s ease-in-out;
1443 -moz-transition: background-color 0.1s ease-in-out;
1444 -ms-transition: background-color 0.1s ease-in-out;
1445 -o-transition: background-color 0.1s ease-in-out;
1446 transition: background-color 0.1s ease-in-out;
1447 }
1448 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1449 left: 2.25em;
1450 margin-left: -2px;
1451 }
1452 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1453 display: block;
1454 }
1455 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1456 left: 0.25em;
1457 margin-left: 0;
1458 }
1459 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1460 border: 1px #cccccc solid;
1461 }
1462 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1463 border-color: #aaaaaa;
1464 }
1465 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1466 background-color: #ffffff;
1467 border-color: #aaaaaa;
1468 }
1469 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1470 background-color: #d0d0d0;
1471 }
1472 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1473 background-color: #ffffff;
1474 }
1475 .oo-ui-progressBarWidget {
1476 max-width: 50em;
1477 border: 1px solid #cccccc;
1478 border-radius: 0.1em;
1479 overflow: hidden;
1480 }
1481 .oo-ui-progressBarWidget-bar {
1482 height: 1em;
1483 background: #dddddd;
1484 -webkit-transition: width 200ms, margin-left 200ms;
1485 -moz-transition: width 200ms, margin-left 200ms;
1486 -ms-transition: width 200ms, margin-left 200ms;
1487 -o-transition: width 200ms, margin-left 200ms;
1488 transition: width 200ms, margin-left 200ms;
1489 }
1490 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1491 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1492 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1493 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1494 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1495 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1496 width: 40%;
1497 margin-left: -10%;
1498 border-left-width: 1px;
1499 }
1500 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1501 opacity: 0.6;
1502 }
1503 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1504 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1505 }
1506 .oo-ui-popupWidget {
1507 position: absolute;
1508 /* @noflip */
1509 left: 0;
1510 }
1511 .oo-ui-popupWidget-popup {
1512 position: relative;
1513 overflow: hidden;
1514 z-index: 1;
1515 }
1516 .oo-ui-popupWidget-anchor {
1517 display: none;
1518 z-index: 1;
1519 }
1520 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1521 display: block;
1522 position: absolute;
1523 top: 0;
1524 /* @noflip */
1525 left: 0;
1526 background-repeat: no-repeat;
1527 }
1528 .oo-ui-popupWidget-head {
1529 -webkit-touch-callout: none;
1530 -webkit-user-select: none;
1531 -moz-user-select: none;
1532 -ms-user-select: none;
1533 user-select: none;
1534 }
1535 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1536 float: right;
1537 }
1538 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1539 float: left;
1540 cursor: default;
1541 }
1542 .oo-ui-popupWidget-body {
1543 clear: both;
1544 overflow: hidden;
1545 }
1546 .oo-ui-popupWidget-popup {
1547 border: 1px solid #aaaaaa;
1548 border-radius: 0.2em;
1549 background-color: #ffffff;
1550 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1551 }
1552 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1553 margin-top: 9px;
1554 }
1555 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1556 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1557 content: "";
1558 position: absolute;
1559 width: 0;
1560 height: 0;
1561 border-style: solid;
1562 border-color: transparent;
1563 border-top: 0;
1564 }
1565 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1566 bottom: -10px;
1567 left: -9px;
1568 border-bottom-color: #888888;
1569 border-width: 10px;
1570 }
1571 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1572 bottom: -10px;
1573 left: -8px;
1574 border-bottom-color: #ffffff;
1575 border-width: 9px;
1576 }
1577 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1578 -webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1579 -moz-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1580 -ms-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1581 -o-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1582 transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1583 }
1584 .oo-ui-popupWidget-head {
1585 height: 2.5em;
1586 }
1587 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1588 margin: 0.25em;
1589 }
1590 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1591 margin: 0.75em 1em;
1592 }
1593 .oo-ui-popupWidget-body-padded {
1594 padding: 0 1em;
1595 }
1596 .oo-ui-popupButtonWidget {
1597 position: relative;
1598 }
1599 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1600 position: absolute;
1601 cursor: auto;
1602 }
1603 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1604 /* @noflip */
1605 left: 1em;
1606 }
1607 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1608 /* @noflip */
1609 left: 1.75em;
1610 }
1611 .oo-ui-inputWidget {
1612 margin-right: 0.5em;
1613 }
1614 .oo-ui-inputWidget:last-child {
1615 margin-right: 0;
1616 }
1617 .oo-ui-buttonInputWidget {
1618 display: inline-block;
1619 vertical-align: middle;
1620 }
1621 .oo-ui-checkboxInputWidget {
1622 position: relative;
1623 line-height: 1.6em;
1624 white-space: nowrap;
1625 }
1626 .oo-ui-checkboxInputWidget * {
1627 font: inherit;
1628 vertical-align: middle;
1629 }
1630 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1631 opacity: 0;
1632 z-index: 1;
1633 position: relative;
1634 margin: 0;
1635 width: 1.6em;
1636 height: 1.6em;
1637 max-width: none;
1638 }
1639 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1640 cursor: pointer;
1641 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1642 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1643 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1644 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1645 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1646 -webkit-box-sizing: border-box;
1647 -moz-box-sizing: border-box;
1648 box-sizing: border-box;
1649 position: absolute;
1650 left: 0;
1651 border-radius: 2px;
1652 width: 1.6em;
1653 height: 1.6em;
1654 background-color: white;
1655 border: 1px solid #777777;
1656 background-image: url("themes/mediawiki/images/icons/check-constructive.png");
1657 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1658 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1659 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png");
1660 background-repeat: no-repeat;
1661 background-position: center center;
1662 background-origin: border-box;
1663 background-size: 0 0;
1664 }
1665 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span {
1666 background-size: 100% 100%;
1667 }
1668 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span {
1669 background-color: #dddddd;
1670 border-color: #dddddd;
1671 }
1672 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span {
1673 border-width: 2px;
1674 }
1675 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span,
1676 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span {
1677 border-bottom-width: 3px;
1678 }
1679 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
1680 cursor: default;
1681 background-color: #eeeeee;
1682 border-color: #eeeeee;
1683 }
1684 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span {
1685 background-image: url("themes/mediawiki/images/icons/check-invert.png");
1686 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1687 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1688 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
1689 }
1690 .oo-ui-dropdownInputWidget {
1691 position: relative;
1692 vertical-align: middle;
1693 -webkit-box-sizing: border-box;
1694 -moz-box-sizing: border-box;
1695 box-sizing: border-box;
1696 width: 100%;
1697 max-width: 50em;
1698 }
1699 .oo-ui-dropdownInputWidget select {
1700 display: inline-block;
1701 width: 100%;
1702 resize: none;
1703 -webkit-box-sizing: border-box;
1704 -moz-box-sizing: border-box;
1705 box-sizing: border-box;
1706 }
1707 .oo-ui-dropdownInputWidget select {
1708 height: 2.5em;
1709 padding: 0.5em;
1710 font-size: inherit;
1711 font-family: inherit;
1712 -webkit-box-sizing: border-box;
1713 -moz-box-sizing: border-box;
1714 box-sizing: border-box;
1715 border: 1px solid #cccccc;
1716 }
1717 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1718 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1719 border-color: #aaaaaa;
1720 outline: none;
1721 }
1722 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1723 color: #cccccc;
1724 border-color: #dddddd;
1725 background-color: #f3f3f3;
1726 }
1727 .oo-ui-radioInputWidget {
1728 position: relative;
1729 line-height: 1.6em;
1730 white-space: nowrap;
1731 }
1732 .oo-ui-radioInputWidget * {
1733 font: inherit;
1734 vertical-align: middle;
1735 }
1736 .oo-ui-radioInputWidget input[type="radio"] {
1737 opacity: 0;
1738 z-index: 1;
1739 position: relative;
1740 margin: 0;
1741 width: 1.6em;
1742 height: 1.6em;
1743 max-width: none;
1744 }
1745 .oo-ui-radioInputWidget input[type="radio"] + span {
1746 cursor: pointer;
1747 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1748 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1749 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1750 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1751 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1752 -webkit-box-sizing: border-box;
1753 -moz-box-sizing: border-box;
1754 box-sizing: border-box;
1755 position: absolute;
1756 left: 0;
1757 border-radius: 100%;
1758 width: 1.6em;
1759 height: 1.6em;
1760 background: white;
1761 border: 1px solid #777777;
1762 background-image: url("themes/mediawiki/images/icons/circle-constructive.png");
1763 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1764 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1765 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png");
1766 background-repeat: no-repeat;
1767 background-position: center center;
1768 background-origin: border-box;
1769 background-size: 0 0;
1770 }
1771 .oo-ui-radioInputWidget input[type="radio"]:checked + span {
1772 background-size: 100% 100%;
1773 }
1774 .oo-ui-radioInputWidget input[type="radio"]:active + span {
1775 background-color: #dddddd;
1776 border-color: #dddddd;
1777 }
1778 .oo-ui-radioInputWidget input[type="radio"]:focus + span {
1779 border-width: 2px;
1780 }
1781 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span,
1782 .oo-ui-radioInputWidget input[type="radio"]:hover + span {
1783 border-bottom-width: 3px;
1784 }
1785 .oo-ui-radioInputWidget input[type="radio"]:disabled + span {
1786 cursor: default;
1787 background-color: #eeeeee;
1788 border-color: #eeeeee;
1789 }
1790 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span {
1791 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
1792 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1793 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1794 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
1795 }
1796 .oo-ui-textInputWidget {
1797 position: relative;
1798 vertical-align: middle;
1799 -webkit-box-sizing: border-box;
1800 -moz-box-sizing: border-box;
1801 box-sizing: border-box;
1802 width: 100%;
1803 max-width: 50em;
1804 }
1805 .oo-ui-textInputWidget input,
1806 .oo-ui-textInputWidget textarea {
1807 display: inline-block;
1808 width: 100%;
1809 resize: none;
1810 -webkit-box-sizing: border-box;
1811 -moz-box-sizing: border-box;
1812 box-sizing: border-box;
1813 }
1814 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1815 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1816 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1817 display: none;
1818 }
1819 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1820 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1821 display: block;
1822 position: absolute;
1823 top: 0;
1824 height: 100%;
1825 background-repeat: no-repeat;
1826 -webkit-touch-callout: none;
1827 -webkit-user-select: none;
1828 -moz-user-select: none;
1829 -ms-user-select: none;
1830 user-select: none;
1831 }
1832 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1833 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1834 cursor: pointer;
1835 }
1836 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1837 display: block;
1838 }
1839 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1840 left: 0;
1841 }
1842 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1843 right: 0;
1844 }
1845 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1846 position: absolute;
1847 top: 0;
1848 }
1849 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1850 right: 0;
1851 }
1852 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1853 left: 0;
1854 }
1855 .oo-ui-textInputWidget input,
1856 .oo-ui-textInputWidget textarea {
1857 padding: 0.5em;
1858 margin: 0;
1859 font-size: inherit;
1860 font-family: inherit;
1861 background-color: #ffffff;
1862 color: black;
1863 border: solid 1px #cccccc;
1864 box-shadow: inset 0 0 0 0 #347bff;
1865 border-radius: 0.1em;
1866 -webkit-transition: box-shadow 0.1s ease-in-out;
1867 -moz-transition: box-shadow 0.1s ease-in-out;
1868 -ms-transition: box-shadow 0.1s ease-in-out;
1869 -o-transition: box-shadow 0.1s ease-in-out;
1870 transition: box-shadow 0.1s ease-in-out;
1871 -webkit-box-sizing: border-box;
1872 -moz-box-sizing: border-box;
1873 box-sizing: border-box;
1874 }
1875 .oo-ui-textInputWidget-decorated input,
1876 .oo-ui-textInputWidget-decorated textarea {
1877 padding-left: 2em;
1878 }
1879 .oo-ui-textInputWidget-icon {
1880 width: 2em;
1881 }
1882 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1883 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1884 -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);
1885 -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);
1886 -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);
1887 -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);
1888 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);
1889 }
1890 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1891 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1892 outline: none;
1893 border-color: #347bff;
1894 box-shadow: inset 0 0 0 0.1em #347bff;
1895 }
1896 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1897 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1898 color: #777777;
1899 text-shadow: 0 1px 1px #ffffff;
1900 }
1901 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1902 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1903 border-color: #cccccc;
1904 box-shadow: inset 0 0 0 0.1em #cccccc;
1905 }
1906 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1907 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1908 border-color: red;
1909 box-shadow: inset 0 0 0 0 red;
1910 }
1911 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1912 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1913 border-color: red;
1914 box-shadow: inset 0 0 0 0.1em red;
1915 }
1916 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1917 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1918 color: #cccccc;
1919 text-shadow: 0 1px 1px #ffffff;
1920 border-color: #dddddd;
1921 background-color: #f3f3f3;
1922 }
1923 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1924 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1925 opacity: 0.2;
1926 }
1927 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1928 color: #dddddd;
1929 text-shadow: 0 1px 1px #ffffff;
1930 }
1931 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1932 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1933 background-color: transparent;
1934 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
1935 }
1936 .oo-ui-textInputWidget.oo-ui-iconElement input,
1937 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1938 padding-left: 2.75em;
1939 }
1940 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1941 left: 0.4em;
1942 width: 1.875em;
1943 margin-left: 0.1em;
1944 height: 100%;
1945 background-position: right center;
1946 }
1947 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1948 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1949 padding-right: 1.875em;
1950 }
1951 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1952 width: 0.9375em;
1953 margin: 0 0.775em;
1954 height: 100%;
1955 }
1956 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1957 padding: 0.4em;
1958 line-height: 1.5em;
1959 color: #888888;
1960 }
1961 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1962 margin-right: 2em;
1963 }
1964 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1965 margin-left: 2.5em;
1966 }
1967 .oo-ui-menuSelectWidget {
1968 position: absolute;
1969 background: #ffffff;
1970 margin-top: -1px;
1971 border: 1px solid #aaaaaa;
1972 border-radius: 0 0 0.2em 0.2em;
1973 padding-bottom: 0.25em;
1974 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);
1975 }
1976 .oo-ui-menuSelectWidget input {
1977 position: absolute;
1978 width: 0;
1979 height: 0;
1980 overflow: hidden;
1981 opacity: 0;
1982 }
1983 .oo-ui-menuOptionWidget {
1984 position: relative;
1985 padding: 0.5em 1em;
1986 }
1987 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1988 display: none;
1989 }
1990 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1991 background-color: transparent;
1992 }
1993 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1994 display: block;
1995 }
1996 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1997 background-color: #d8e6fe;
1998 color: rgba(0, 0, 0, 0.8);
1999 }
2000 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2001 display: none;
2002 }
2003 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2004 background-color: #eeeeee;
2005 color: black;
2006 }
2007 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2008 background-color: #d8e6fe;
2009 }
2010 .oo-ui-menuSectionOptionWidget {
2011 cursor: default;
2012 padding: 0.33em 0.75em;
2013 color: #888888;
2014 }
2015 .oo-ui-dropdownWidget {
2016 display: inline-block;
2017 position: relative;
2018 margin: 0.25em 0;
2019 width: 100%;
2020 max-width: 50em;
2021 margin-right: 0.5em;
2022 }
2023 .oo-ui-dropdownWidget-handle {
2024 width: 100%;
2025 display: inline-block;
2026 cursor: pointer;
2027 -webkit-touch-callout: none;
2028 -webkit-user-select: none;
2029 -moz-user-select: none;
2030 -ms-user-select: none;
2031 user-select: none;
2032 -webkit-box-sizing: border-box;
2033 -moz-box-sizing: border-box;
2034 box-sizing: border-box;
2035 }
2036 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
2037 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2038 position: absolute;
2039 background-position: center center;
2040 background-repeat: no-repeat;
2041 }
2042 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
2043 z-index: 1;
2044 width: 100%;
2045 }
2046 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2047 cursor: default;
2048 }
2049 .oo-ui-dropdownWidget:last-child {
2050 margin-right: 0;
2051 }
2052 .oo-ui-dropdownWidget-handle {
2053 height: 2.5em;
2054 border: 1px solid #cccccc;
2055 border-radius: 0.1em;
2056 }
2057 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2058 right: 0;
2059 }
2060 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2061 left: 0.25em;
2062 }
2063 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2064 line-height: 2.5em;
2065 margin: 0 1em;
2066 }
2067 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2068 top: 0;
2069 width: 0.9375em;
2070 height: 0.9375em;
2071 margin: 0.775em;
2072 }
2073 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2074 top: 0;
2075 width: 1.875em;
2076 height: 1.875em;
2077 margin: 0.3em;
2078 }
2079 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
2080 border-color: #aaaaaa;
2081 }
2082 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2083 color: #cccccc;
2084 text-shadow: 0 1px 1px #ffffff;
2085 border-color: #dddddd;
2086 background-color: #f3f3f3;
2087 }
2088 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2089 opacity: 0.2;
2090 }
2091 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2092 margin-left: 3em;
2093 }
2094 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2095 margin-right: 2em;
2096 }
2097 .oo-ui-dropdownWidget .oo-ui-selectWidget {
2098 border-top-color: #ffffff;
2099 }
2100 .oo-ui-outlineOptionWidget {
2101 position: relative;
2102 cursor: pointer;
2103 -webkit-touch-callout: none;
2104 -webkit-user-select: none;
2105 -moz-user-select: none;
2106 -ms-user-select: none;
2107 user-select: none;
2108 font-size: 1.1em;
2109 padding: 0.75em;
2110 }
2111 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2112 padding-right: 1.5em;
2113 }
2114 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2115 opacity: 0.5;
2116 }
2117 .oo-ui-outlineOptionWidget-level-0 {
2118 padding-left: 3.5em;
2119 }
2120 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2121 left: 1em;
2122 }
2123 .oo-ui-outlineOptionWidget-level-1 {
2124 padding-left: 5em;
2125 }
2126 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2127 left: 2.5em;
2128 }
2129 .oo-ui-outlineOptionWidget-level-2 {
2130 padding-left: 6.5em;
2131 }
2132 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2133 left: 4em;
2134 }
2135 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2136 background-color: #d0d0d0;
2137 text-shadow: 0 1px 1px #ffffff;
2138 }
2139 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2140 font-weight: bold;
2141 }
2142 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2143 font-style: italic;
2144 }
2145 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2146 opacity: 0.5;
2147 }
2148 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2149 color: #777777;
2150 }
2151 .oo-ui-outlineControlsWidget {
2152 height: 3em;
2153 background-color: #ffffff;
2154 }
2155 .oo-ui-outlineControlsWidget-items,
2156 .oo-ui-outlineControlsWidget-movers {
2157 float: left;
2158 -webkit-box-sizing: border-box;
2159 -moz-box-sizing: border-box;
2160 box-sizing: border-box;
2161 }
2162 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2163 float: left;
2164 background-position: right center;
2165 background-repeat: no-repeat;
2166 }
2167 .oo-ui-outlineControlsWidget-items {
2168 float: left;
2169 }
2170 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2171 float: left;
2172 }
2173 .oo-ui-outlineControlsWidget-movers {
2174 float: right;
2175 }
2176 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2177 float: right;
2178 }
2179 .oo-ui-outlineControlsWidget-items,
2180 .oo-ui-outlineControlsWidget-movers {
2181 height: 2em;
2182 margin: 0.5em 0.5em 0.5em 0;
2183 padding: 0;
2184 }
2185 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2186 width: 1.5em;
2187 height: 2em;
2188 margin: 0.5em 0 0.5em 0.5em;
2189 opacity: 0.2;
2190 }
2191 .oo-ui-tabSelectWidget {
2192 text-align: left;
2193 white-space: nowrap;
2194 overflow: hidden;
2195 background-color: #dddddd;
2196 }
2197 .oo-ui-tabOptionWidget {
2198 display: inline-block;
2199 vertical-align: bottom;
2200 padding: 0.35em 1em;
2201 margin: 0.5em 0 0 0.75em;
2202 border: 1px solid transparent;
2203 border-bottom: none;
2204 border-top-left-radius: 2px;
2205 border-top-right-radius: 2px;
2206 color: #666666;
2207 font-weight: bold;
2208 }
2209 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2210 background-color: rgba(255, 255, 255, 0.3);
2211 }
2212 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2213 background-color: rgba(255, 255, 255, 0.8);
2214 }
2215 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2216 padding-right: 1.5em;
2217 }
2218 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2219 opacity: 0.5;
2220 }
2221 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2222 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2223 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2224 background-color: #ffffff;
2225 color: #333333;
2226 }
2227 .oo-ui-comboBoxWidget {
2228 display: inline-block;
2229 position: relative;
2230 width: 100%;
2231 max-width: 50em;
2232 margin-right: 0.5em;
2233 }
2234 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2235 z-index: 1;
2236 width: 100%;
2237 }
2238 .oo-ui-comboBoxWidget:last-child {
2239 margin-right: 0;
2240 }
2241 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
2242 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2243 height: 2.35em;
2244 }
2245 .oo-ui-searchWidget-query {
2246 position: absolute;
2247 top: 0;
2248 left: 0;
2249 right: 0;
2250 }
2251 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2252 width: 100%;
2253 }
2254 .oo-ui-searchWidget-results {
2255 position: absolute;
2256 bottom: 0;
2257 left: 0;
2258 right: 0;
2259 overflow-x: hidden;
2260 overflow-y: auto;
2261 }
2262 .oo-ui-searchWidget-query {
2263 height: 4em;
2264 padding: 0 1em;
2265 border-bottom: 1px solid #cccccc;
2266 }
2267 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2268 margin: 0.75em 0;
2269 }
2270 .oo-ui-searchWidget-results {
2271 top: 4em;
2272 padding: 1em;
2273 line-height: 0;
2274 }
2275 .oo-ui-window {
2276 background: transparent;
2277 }
2278 .oo-ui-window-frame {
2279 -webkit-box-sizing: border-box;
2280 -moz-box-sizing: border-box;
2281 box-sizing: border-box;
2282 }
2283 .oo-ui-window-content:focus {
2284 outline: none;
2285 }
2286 .oo-ui-window-head,
2287 .oo-ui-window-foot {
2288 -webkit-touch-callout: none;
2289 -webkit-user-select: none;
2290 -moz-user-select: none;
2291 -ms-user-select: none;
2292 user-select: none;
2293 }
2294 .oo-ui-window-body {
2295 margin: 0;
2296 padding: 0;
2297 background: none;
2298 }
2299 .oo-ui-window-overlay {
2300 position: absolute;
2301 top: 0;
2302 /* @noflip */
2303 left: 0;
2304 }
2305 .oo-ui-dialog-content > .oo-ui-window-head,
2306 .oo-ui-dialog-content > .oo-ui-window-body,
2307 .oo-ui-dialog-content > .oo-ui-window-foot {
2308 position: absolute;
2309 left: 0;
2310 right: 0;
2311 overflow: hidden;
2312 -webkit-box-sizing: border-box;
2313 -moz-box-sizing: border-box;
2314 box-sizing: border-box;
2315 }
2316 .oo-ui-dialog-content > .oo-ui-window-head {
2317 z-index: 1;
2318 top: 0;
2319 }
2320 .oo-ui-dialog-content > .oo-ui-window-body {
2321 z-index: 2;
2322 top: 0;
2323 bottom: 0;
2324 }
2325 .oo-ui-dialog-content > .oo-ui-window-foot {
2326 z-index: 1;
2327 bottom: 0;
2328 }
2329 .oo-ui-dialog-content > .oo-ui-window-body {
2330 outline: 1px solid #aaaaaa;
2331 }
2332 .oo-ui-messageDialog-actions-horizontal {
2333 display: table;
2334 table-layout: fixed;
2335 width: 100%;
2336 }
2337 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2338 display: table-cell;
2339 width: 1%;
2340 }
2341 .oo-ui-messageDialog-actions-vertical {
2342 display: block;
2343 }
2344 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2345 display: block;
2346 overflow: hidden;
2347 text-overflow: ellipsis;
2348 }
2349 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2350 position: relative;
2351 text-align: center;
2352 }
2353 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2354 display: block;
2355 }
2356 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2357 position: relative;
2358 top: auto;
2359 bottom: auto;
2360 display: inline;
2361 white-space: nowrap;
2362 }
2363 .oo-ui-messageDialog-title,
2364 .oo-ui-messageDialog-message {
2365 display: block;
2366 text-align: center;
2367 padding-top: 0.5em;
2368 }
2369 .oo-ui-messageDialog-title {
2370 font-size: 1.5em;
2371 line-height: 1em;
2372 color: #000000;
2373 }
2374 .oo-ui-messageDialog-message {
2375 font-size: 0.9em;
2376 line-height: 1.25em;
2377 color: #666666;
2378 }
2379 .oo-ui-messageDialog-message-verbose {
2380 font-size: 1.1em;
2381 line-height: 1.5em;
2382 text-align: left;
2383 }
2384 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2385 border-right: 1px solid #e5e5e5;
2386 }
2387 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2388 border-right-width: 0;
2389 }
2390 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2391 border-bottom: 1px solid #e5e5e5;
2392 }
2393 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2394 border-bottom-width: 0;
2395 }
2396 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2397 height: 3.4em;
2398 }
2399 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2400 text-align: center;
2401 line-height: 3.4em;
2402 padding: 0 2em;
2403 }
2404 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2405 background-color: rgba(0, 0, 0, 0.05);
2406 }
2407 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2408 background-color: rgba(0, 0, 0, 0.1);
2409 }
2410 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2411 background-color: rgba(8, 126, 204, 0.05);
2412 }
2413 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2414 background-color: rgba(8, 126, 204, 0.1);
2415 }
2416 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2417 font-weight: bold;
2418 }
2419 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2420 background-color: rgba(118, 171, 54, 0.05);
2421 }
2422 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2423 background-color: rgba(118, 171, 54, 0.1);
2424 }
2425 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2426 background-color: rgba(212, 83, 83, 0.05);
2427 }
2428 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2429 background-color: rgba(212, 83, 83, 0.1);
2430 }
2431 .oo-ui-processDialog-location {
2432 overflow: hidden;
2433 text-overflow: ellipsis;
2434 white-space: nowrap;
2435 }
2436 .oo-ui-processDialog-title {
2437 display: inline;
2438 padding: 0;
2439 }
2440 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2441 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2442 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2443 white-space: nowrap;
2444 }
2445 .oo-ui-processDialog-actions-safe,
2446 .oo-ui-processDialog-actions-primary {
2447 position: absolute;
2448 top: 0;
2449 bottom: 0;
2450 }
2451 .oo-ui-processDialog-actions-safe {
2452 left: 0;
2453 }
2454 .oo-ui-processDialog-actions-primary {
2455 right: 0;
2456 }
2457 .oo-ui-processDialog-errors {
2458 position: absolute;
2459 top: 0;
2460 left: 0;
2461 right: 0;
2462 bottom: 0;
2463 z-index: 2;
2464 overflow-x: hidden;
2465 overflow-y: auto;
2466 }
2467 .oo-ui-processDialog-content .oo-ui-window-head {
2468 height: 3.4em;
2469 }
2470 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2471 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
2472 }
2473 .oo-ui-processDialog-content .oo-ui-window-body {
2474 top: 3.4em;
2475 outline: 1px solid rgba(0, 0, 0, 0.2);
2476 }
2477 .oo-ui-processDialog-navigation {
2478 position: relative;
2479 height: 3.4em;
2480 padding: 0 1em;
2481 }
2482 .oo-ui-processDialog-location {
2483 padding: 0.75em 0;
2484 height: 1.875em;
2485 cursor: default;
2486 text-align: center;
2487 }
2488 .oo-ui-processDialog-title {
2489 font-weight: bold;
2490 line-height: 1.875em;
2491 }
2492 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2493 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2494 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2495 min-width: 1.875em;
2496 min-height: 1.875em;
2497 }
2498 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2499 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2500 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2501 line-height: 1.875em;
2502 }
2503 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2504 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2505 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2506 margin-top: -0.125em;
2507 }
2508 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2509 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2510 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2511 margin: 0.75em 0 0.75em 0.75em;
2512 }
2513 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2514 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2515 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2516 padding: 0 1em;
2517 vertical-align: middle;
2518 }
2519 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2520 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2521 background-color: rgba(0, 0, 0, 0.05);
2522 }
2523 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2524 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2525 background-color: rgba(0, 0, 0, 0.1);
2526 }
2527 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2528 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2529 margin: 0.75em;
2530 }
2531 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2532 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2533 /* Adjust for border so text aligns with title */
2534 margin: -1px;
2535 }
2536 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2537 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2538 background-color: rgba(8, 126, 204, 0.05);
2539 }
2540 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2541 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2542 background-color: rgba(8, 126, 204, 0.1);
2543 }
2544 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2545 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2546 font-weight: bold;
2547 }
2548 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2549 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2550 background-color: rgba(118, 171, 54, 0.05);
2551 }
2552 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2553 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2554 background-color: rgba(118, 171, 54, 0.1);
2555 }
2556 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2557 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2558 background-color: rgba(212, 83, 83, 0.05);
2559 }
2560 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2561 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2562 background-color: rgba(212, 83, 83, 0.1);
2563 }
2564 .oo-ui-processDialog > .oo-ui-window-frame {
2565 min-height: 5em;
2566 }
2567 .oo-ui-processDialog-errors {
2568 background-color: rgba(255, 255, 255, 0.9);
2569 padding: 3em 3em 1.5em 3em;
2570 text-align: center;
2571 }
2572 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2573 margin: 2em 1em 2em 1em;
2574 }
2575 .oo-ui-processDialog-errors-title {
2576 font-size: 1.5em;
2577 color: #000000;
2578 margin-bottom: 2em;
2579 }
2580 .oo-ui-processDialog-error {
2581 text-align: left;
2582 margin: 1em;
2583 padding: 1em;
2584 border: 1px solid #ff9e9e;
2585 background-color: #fff7f7;
2586 border-radius: 0.25em;
2587 }
2588 .oo-ui-windowManager-modal > .oo-ui-dialog {
2589 position: fixed;
2590 width: 0;
2591 height: 0;
2592 overflow: hidden;
2593 }
2594 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2595 width: auto;
2596 height: auto;
2597 top: 0;
2598 right: 0;
2599 bottom: 0;
2600 left: 0;
2601 padding: 1em;
2602 }
2603 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2604 position: absolute;
2605 right: 0;
2606 left: 0;
2607 margin: auto;
2608 overflow: hidden;
2609 max-width: 100%;
2610 max-height: 100%;
2611 }
2612 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2613 width: 100%;
2614 height: 100%;
2615 top: 0;
2616 bottom: 0;
2617 }
2618 .oo-ui-windowManager-modal > .oo-ui-dialog {
2619 background-color: rgba(255, 255, 255, 0.5);
2620 opacity: 0;
2621 -webkit-transition: opacity 250ms ease-in-out;
2622 -moz-transition: opacity 250ms ease-in-out;
2623 -ms-transition: opacity 250ms ease-in-out;
2624 -o-transition: opacity 250ms ease-in-out;
2625 transition: opacity 250ms ease-in-out;
2626 }
2627 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2628 top: 1em;
2629 bottom: 1em;
2630 background-color: #ffffff;
2631 opacity: 0;
2632 -webkit-transform: scale(0.5);
2633 -moz-transform: scale(0.5);
2634 -ms-transform: scale(0.5);
2635 -o-transform: scale(0.5);
2636 transform: scale(0.5);
2637 -webkit-transition: all 250ms ease-in-out;
2638 -moz-transition: all 250ms ease-in-out;
2639 -ms-transition: all 250ms ease-in-out;
2640 -o-transition: all 250ms ease-in-out;
2641 transition: all 250ms ease-in-out;
2642 }
2643 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2644 /* Fade window overlay */
2645 opacity: 1;
2646 }
2647 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2648 /* Fade frame */
2649 opacity: 1;
2650 -webkit-transform: scale(1);
2651 -moz-transform: scale(1);
2652 -ms-transform: scale(1);
2653 -o-transform: scale(1);
2654 transform: scale(1);
2655 }
2656 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2657 border: 1px solid #aaaaaa;
2658 border-radius: 0.2em;
2659 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2660 }
Wiklou, le Wiki du Wiklou