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