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