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