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