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