Merge "Rephrase enotif_lastdiff and enotif_lastvisited"
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-widgets-apex.css
1 /*!
2 * OOjs UI v0.21.1
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2017-04-18T23:32:54Z
10 */
11 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ).oo-ui-widget {
12 cursor: move;
13 cursor: url(images/grab.cur );
14 cursor: -webkit-grab;
15 cursor: -moz-grab;
16 cursor: grab;
17 }
18 .oo-ui-draggableElement-handle:not( .oo-ui-draggableElement-undraggable ):active {
19 cursor: url(images/grabbing.cur );
20 cursor: -webkit-grabbing;
21 cursor: -moz-grabbing;
22 cursor: grabbing;
23 }
24 .oo-ui-draggableElement-handle.oo-ui-widget-disabled,
25 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
26 cursor: default;
27 }
28 .oo-ui-draggableElement-placeholder {
29 opacity: 0.2;
30 }
31 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
32 display: inline-block;
33 }
34 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
35 overflow: hidden;
36 }
37 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
38 width: 100%;
39 -webkit-box-sizing: border-box;
40 -moz-box-sizing: border-box;
41 box-sizing: border-box;
42 }
43 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
44 position: absolute;
45 top: 0;
46 left: 0;
47 right: 0;
48 bottom: 3em;
49 overflow: auto;
50 }
51 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
52 position: absolute;
53 bottom: 0;
54 left: 0;
55 right: 0;
56 }
57 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
58 padding: 1.5em;
59 }
60 .oo-ui-bookletLayout-outlinePanel {
61 border-right: 1px solid #ddd;
62 }
63 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
64 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
65 }
66 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
67 height: 3em;
68 }
69 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
70 top: 3em;
71 }
72 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
73 padding: 1.5em;
74 }
75 .oo-ui-menuLayout {
76 position: absolute;
77 top: 0;
78 left: 0;
79 right: 0;
80 bottom: 0;
81 }
82 .oo-ui-menuLayout-menu,
83 .oo-ui-menuLayout-content {
84 position: absolute;
85 -webkit-transition: all 200ms ease;
86 -moz-transition: all 200ms ease;
87 transition: all 200ms ease;
88 }
89 .oo-ui-menuLayout-menu {
90 height: 18em;
91 width: 18em;
92 }
93 .oo-ui-menuLayout-content {
94 top: 18em;
95 left: 18em;
96 right: 18em;
97 bottom: 18em;
98 }
99 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
100 width: 0 !important;
101 height: 0 !important;
102 overflow: hidden;
103 }
104 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
105 top: 0 !important;
106 left: 0 !important;
107 right: 0 !important;
108 bottom: 0 !important;
109 }
110 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
111 width: auto !important;
112 left: 0;
113 top: 0;
114 right: 0;
115 }
116 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
117 right: 0 !important;
118 bottom: 0 !important;
119 left: 0 !important;
120 }
121 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
122 height: auto !important;
123 top: 0;
124 right: 0;
125 bottom: 0;
126 }
127 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
128 bottom: 0 !important;
129 left: 0 !important;
130 top: 0 !important;
131 }
132 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
133 width: auto !important;
134 right: 0;
135 bottom: 0;
136 left: 0;
137 }
138 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
139 left: 0 !important;
140 top: 0 !important;
141 right: 0 !important;
142 }
143 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
144 height: auto !important;
145 bottom: 0;
146 left: 0;
147 top: 0;
148 }
149 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
150 top: 0 !important;
151 right: 0 !important;
152 bottom: 0 !important;
153 }
154 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
155 display: block;
156 position: relative;
157 }
158 .oo-ui-buttonSelectWidget {
159 display: inline-block;
160 white-space: nowrap;
161 border-radius: 0.3em;
162 margin-right: 0.5em;
163 }
164 .oo-ui-buttonSelectWidget:last-child {
165 margin-right: 0;
166 }
167 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
168 border-radius: 0;
169 margin-left: -1px;
170 }
171 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
172 border-bottom-left-radius: 0.3em;
173 border-top-left-radius: 0.3em;
174 margin-left: 0;
175 }
176 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
177 border-bottom-right-radius: 0.3em;
178 border-top-right-radius: 0.3em;
179 }
180 .oo-ui-buttonOptionWidget {
181 display: inline-block;
182 padding: 0;
183 background-color: transparent;
184 }
185 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
186 cursor: default;
187 }
188 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
189 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
190 position: static;
191 display: inline-block;
192 vertical-align: middle;
193 }
194 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
195 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
196 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
197 background-color: transparent;
198 }
199 .oo-ui-toggleButtonWidget {
200 margin-right: 0.5em;
201 }
202 .oo-ui-toggleButtonWidget:last-child {
203 margin-right: 0;
204 }
205 .oo-ui-toggleSwitchWidget {
206 position: relative;
207 display: inline-block;
208 vertical-align: middle;
209 overflow: hidden;
210 -webkit-box-sizing: border-box;
211 -moz-box-sizing: border-box;
212 box-sizing: border-box;
213 -webkit-transform: translateZ(0);
214 transform: translateZ(0);
215 height: 2em;
216 width: 4em;
217 border-radius: 1em;
218 box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
219 border: 1px solid #ccc;
220 margin-right: 0.5em;
221 background-color: #eeeeee;
222 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff));
223 background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%);
224 background-image: -moz-linear-gradient(top, #ddd 0, #fff 100%);
225 background-image: linear-gradient(to bottom, #ddd 0, #fff 100%);
226 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
227 }
228 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
229 cursor: pointer;
230 }
231 .oo-ui-toggleSwitchWidget-grip {
232 position: absolute;
233 display: block;
234 -webkit-box-sizing: border-box;
235 -moz-box-sizing: border-box;
236 box-sizing: border-box;
237 }
238 .oo-ui-toggleSwitchWidget:last-child {
239 margin-right: 0;
240 }
241 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
242 opacity: 0.5;
243 }
244 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
245 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
246 border-color: #aaa;
247 }
248 .oo-ui-toggleSwitchWidget-grip {
249 top: 0.25em;
250 left: 0.25em;
251 width: 1.5em;
252 height: 1.5em;
253 margin-top: -1px;
254 border-radius: 1em;
255 box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
256 border: 1px #c9c9c9 solid;
257 -webkit-transition: left 250ms ease, margin-left 250ms ease;
258 -moz-transition: left 250ms ease, margin-left 250ms ease;
259 transition: left 250ms ease, margin-left 250ms ease;
260 background-color: #eeeeee;
261 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
262 background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
263 background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
264 background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
265 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
266 }
267 .oo-ui-toggleSwitchWidget-glow {
268 position: absolute;
269 top: 0;
270 bottom: 0;
271 right: 0;
272 left: 0;
273 border-radius: 1em;
274 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
275 -webkit-transition: opacity 250ms ease;
276 -moz-transition: opacity 250ms ease;
277 transition: opacity 250ms ease;
278 background-color: #cde7f4;
279 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
280 background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
281 background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
282 background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
283 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
284 -webkit-touch-callout: none;
285 -webkit-user-select: none;
286 -moz-user-select: none;
287 -ms-user-select: none;
288 user-select: none;
289 }
290 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
291 opacity: 0;
292 }
293 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
294 left: 0.25em;
295 margin-left: 0;
296 }
297 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
298 opacity: 1;
299 }
300 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
301 left: 2.25em;
302 margin-left: -2px;
303 }
304 .oo-ui-selectFileWidget {
305 display: inline-block;
306 vertical-align: middle;
307 width: 100%;
308 max-width: 50em;
309 margin-right: 0.5em;
310 }
311 .oo-ui-selectFileWidget-selectButton {
312 display: table-cell;
313 }
314 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
315 position: relative;
316 overflow: hidden;
317 }
318 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
319 position: absolute;
320 top: 0;
321 bottom: 0;
322 left: 0;
323 right: 0;
324 width: 100%;
325 height: 100%;
326 opacity: 0;
327 z-index: 1;
328 cursor: pointer;
329 padding-top: 100px;
330 }
331 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
332 display: none;
333 }
334 .oo-ui-selectFileWidget-info {
335 width: 100%;
336 display: table-cell;
337 vertical-align: middle;
338 position: relative;
339 overflow: hidden;
340 -webkit-box-sizing: border-box;
341 -moz-box-sizing: border-box;
342 box-sizing: border-box;
343 }
344 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
345 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
346 position: absolute;
347 top: 0;
348 height: 100%;
349 }
350 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
351 cursor: default;
352 -webkit-touch-callout: none;
353 -webkit-user-select: none;
354 -moz-user-select: none;
355 -ms-user-select: none;
356 user-select: none;
357 }
358 .oo-ui-selectFileWidget-label {
359 position: absolute;
360 top: 0;
361 bottom: 0;
362 left: 0;
363 right: 0;
364 text-overflow: ellipsis;
365 }
366 .oo-ui-selectFileWidget-clearButton {
367 position: absolute;
368 z-index: 2;
369 }
370 .oo-ui-selectFileWidget-dropTarget {
371 position: relative;
372 cursor: default;
373 height: 8.815em;
374 }
375 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
376 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
377 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
378 display: none;
379 }
380 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
381 width: 7.815em;
382 position: absolute;
383 top: 0.5em;
384 bottom: 0.5em;
385 left: 0.5em;
386 background-position: center center;
387 background-repeat: no-repeat;
388 background-size: contain;
389 }
390 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
391 background-repeat: repeat;
392 background-size: auto;
393 }
394 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
395 opacity: 0.4;
396 height: 7.815em;
397 width: 7.815em;
398 }
399 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
400 display: block;
401 height: 100%;
402 width: auto;
403 margin-left: 8.815em;
404 border: 0;
405 }
406 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
407 display: block;
408 position: relative;
409 top: inherit;
410 }
411 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
412 display: block;
413 }
414 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
415 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
416 display: none;
417 }
418 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
419 display: block;
420 margin: 2.2em 1em 1em;
421 }
422 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
423 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
424 text-align: center;
425 }
426 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
427 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
428 margin: 0;
429 }
430 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
431 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
432 display: none;
433 }
434 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
435 cursor: default;
436 }
437 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
438 display: block;
439 }
440 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
441 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
442 -webkit-touch-callout: none;
443 -webkit-user-select: none;
444 -moz-user-select: none;
445 -ms-user-select: none;
446 user-select: none;
447 }
448 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
449 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
450 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
451 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
452 cursor: no-drop;
453 }
454 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
455 height: auto;
456 }
457 .oo-ui-selectFileWidget:last-child {
458 margin-right: 0;
459 }
460 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
461 border-radius: 0 0.25em 0.25em 0;
462 }
463 .oo-ui-selectFileWidget-info {
464 height: 2.4em;
465 background-color: #fff;
466 border: 1px solid rgba(0, 0, 0, 0.1);
467 border-radius: 0.25em 0 0 0.25em;
468 border-width: 1px 0 1px 1px;
469 }
470 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
471 left: 0;
472 margin-left: 0.3em;
473 }
474 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
475 right: 0;
476 margin-right: 0.775em;
477 }
478 .oo-ui-selectFileWidget-label {
479 -webkit-box-sizing: border-box;
480 -moz-box-sizing: border-box;
481 box-sizing: border-box;
482 left: 0.5em;
483 right: 2.175em;
484 line-height: 2.3em;
485 margin: 0;
486 overflow: hidden;
487 white-space: nowrap;
488 text-overflow: ellipsis;
489 }
490 .oo-ui-selectFileWidget-clearButton {
491 top: 0;
492 right: 0;
493 width: 1.875em;
494 margin-right: 0;
495 }
496 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
497 height: 2.3em;
498 }
499 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
500 color: #ccc;
501 }
502 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
503 left: 2.475em;
504 }
505 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
506 right: 4.2625em;
507 }
508 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
509 right: 2.0875em;
510 }
511 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label,
512 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
513 right: 0.5em;
514 }
515 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
516 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
517 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
518 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
519 right: 2em;
520 }
521 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
522 background-color: #e1f3ff;
523 }
524 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
525 padding: 1em;
526 }
527 .oo-ui-selectFileWidget-dropTarget {
528 background-color: #fff;
529 border: 1px solid #aaa;
530 vertical-align: middle;
531 border-radius: 0.25em;
532 }
533 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
534 border-radius: 0.25em;
535 }
536 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
537 line-height: 1.4;
538 overflow: inherit;
539 white-space: normal;
540 }
541 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
542 padding-top: 0.5em;
543 padding-right: 2.375em;
544 }
545 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
546 right: 0.5em;
547 }
548 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
549 border-style: dashed;
550 }
551 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
552 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
553 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
554 background-color: #f3f3f3;
555 color: #ccc;
556 border-color: #ddd;
557 text-shadow: 0 1px 1px #fff;
558 }
559 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
560 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
561 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
562 background-color: #f3f3f3;
563 color: #ccc;
564 border-color: #ddd;
565 text-shadow: 0 1px 1px #fff;
566 }
567 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
568 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
569 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
570 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
571 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
572 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
573 opacity: 0.2;
574 }
575 .oo-ui-outlineOptionWidget {
576 -webkit-touch-callout: none;
577 -webkit-user-select: none;
578 -moz-user-select: none;
579 -ms-user-select: none;
580 user-select: none;
581 font-size: 1.1em;
582 padding: 0.75em;
583 }
584 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
585 font-size: 90.90909%;
586 }
587 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
588 padding-right: 1.5em;
589 }
590 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
591 opacity: 0.5;
592 }
593 .oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement {
594 padding-left: 2.5em;
595 }
596 .oo-ui-outlineOptionWidget-level-1 {
597 padding-left: 2.5em;
598 }
599 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement {
600 padding-left: 4.5em;
601 }
602 .oo-ui-outlineOptionWidget-level-1.oo-ui-iconElement .oo-ui-iconElement-icon {
603 left: 2.5em;
604 }
605 .oo-ui-outlineOptionWidget-level-2 {
606 padding-left: 5em;
607 }
608 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement {
609 padding-left: 7em;
610 }
611 .oo-ui-outlineOptionWidget-level-2.oo-ui-iconElement .oo-ui-iconElement-icon {
612 left: 5em;
613 }
614 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
615 background-color: #a7dcff;
616 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
617 }
618 .oo-ui-outlineControlsWidget {
619 height: 3em;
620 background-color: #fff;
621 }
622 .oo-ui-outlineControlsWidget-items,
623 .oo-ui-outlineControlsWidget-movers {
624 float: left;
625 -webkit-box-sizing: border-box;
626 -moz-box-sizing: border-box;
627 box-sizing: border-box;
628 }
629 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
630 float: left;
631 background-position: right center;
632 }
633 .oo-ui-outlineControlsWidget-items {
634 float: left;
635 }
636 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
637 float: left;
638 }
639 .oo-ui-outlineControlsWidget-movers {
640 float: right;
641 }
642 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
643 float: right;
644 }
645 .oo-ui-outlineControlsWidget-items,
646 .oo-ui-outlineControlsWidget-movers {
647 height: 2em;
648 margin: 0.5em 0.5em 0.5em 0;
649 padding: 0;
650 }
651 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
652 width: 1.5em;
653 height: 2em;
654 margin: 0.5em 0 0.5em 0.5em;
655 opacity: 0.2;
656 }
657 .oo-ui-tabSelectWidget {
658 text-align: left;
659 white-space: nowrap;
660 overflow: hidden;
661 background-color: #eee;
662 box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1);
663 }
664 .oo-ui-tabOptionWidget {
665 display: inline-block;
666 vertical-align: bottom;
667 padding: 0.5em 1em;
668 margin: 0.5em 0 0 0.75em;
669 border: 1px solid transparent;
670 border-bottom: 0;
671 border-top-left-radius: 0.5em;
672 border-top-right-radius: 0.5em;
673 }
674 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
675 padding-right: 1.5em;
676 }
677 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
678 opacity: 0.5;
679 }
680 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
681 background-color: transparent;
682 }
683 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
684 background-color: rgba(255, 255, 255, 0.2);
685 border-color: #ddd;
686 }
687 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
688 background-color: #fff;
689 border-color: #ddd;
690 }
691 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
692 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
693 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
694 background-color: #fff;
695 border-color: #ddd;
696 }
697 .oo-ui-tagMultiselectWidget {
698 display: inline-block;
699 position: relative;
700 width: 100%;
701 max-width: 50em;
702 }
703 .oo-ui-tagMultiselectWidget-handle {
704 width: 100%;
705 display: block;
706 position: relative;
707 }
708 .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon,
709 .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
710 position: absolute;
711 top: 0;
712 height: 100%;
713 }
714 .oo-ui-tagMultiselectWidget-content {
715 position: relative;
716 }
717 .oo-ui-tagMultiselectWidget-group {
718 display: inline;
719 }
720 .oo-ui-tagMultiselectWidget-outlined {
721 width: 100%;
722 }
723 .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
724 cursor: text;
725 }
726 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-content > input {
727 display: none;
728 }
729 .oo-ui-tagMultiselectWidget-focusTrap {
730 display: inline-block;
731 height: 1px;
732 width: 1px;
733 }
734 .oo-ui-tagMultiselectWidget-handle {
735 background-color: #fff;
736 cursor: text;
737 min-height: 2.4em;
738 margin-right: 0.5em;
739 padding: 0.15em 0.25em;
740 border: 1px solid rgba(0, 0, 0, 0.1);
741 border-radius: 0.25em;
742 -webkit-box-sizing: border-box;
743 -moz-box-sizing: border-box;
744 box-sizing: border-box;
745 }
746 .oo-ui-tagMultiselectWidget-handle:last-child {
747 margin-right: 0;
748 }
749 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input {
750 border: 0;
751 line-height: 1.675em;
752 margin: 0;
753 margin-left: 0.2em;
754 padding: 0;
755 font-size: inherit;
756 font-family: inherit;
757 background-color: transparent;
758 color: #000;
759 vertical-align: middle;
760 }
761 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-webkit-input-placeholder {
762 color: #767676;
763 opacity: 1;
764 }
765 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-ms-input-placeholder {
766 color: #767676;
767 opacity: 1;
768 }
769 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::-moz-placeholder {
770 color: #767676;
771 opacity: 1;
772 }
773 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:-moz-placeholder {
774 color: #767676;
775 opacity: 1;
776 }
777 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input::placeholder {
778 color: #767676;
779 opacity: 1;
780 }
781 .oo-ui-tagMultiselectWidget-handle > .oo-ui-tagMultiselectWidget-content > input:focus {
782 outline: 0;
783 }
784 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle {
785 padding-left: 2.475em;
786 }
787 .oo-ui-tagMultiselectWidget.oo-ui-iconElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon {
788 left: 0;
789 margin: 0 0.3em;
790 }
791 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle {
792 padding-right: 2.4875em;
793 }
794 .oo-ui-tagMultiselectWidget.oo-ui-indicatorElement .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
795 right: 0;
796 margin: 0 0.775em;
797 }
798 .oo-ui-tagMultiselectWidget:hover .oo-ui-tagMultiselectWidget-handle {
799 border-color: rgba(0, 0, 0, 0.2);
800 }
801 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle {
802 color: #ccc;
803 text-shadow: 0 1px 1px #fff;
804 border-color: #ddd;
805 background-color: #f3f3f3;
806 cursor: default;
807 }
808 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-iconElement-icon,
809 .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
810 opacity: 0.2;
811 }
812 .oo-ui-tagMultiselectWidget-popup > .oo-ui-popupWidget-popup {
813 border: 0;
814 }
815 .oo-ui-tagItemWidget {
816 position: relative;
817 display: inline-block;
818 cursor: default;
819 white-space: nowrap;
820 width: auto;
821 max-width: 100%;
822 -webkit-box-sizing: border-box;
823 -moz-box-sizing: border-box;
824 box-sizing: border-box;
825 vertical-align: middle;
826 padding: 0 0.4em;
827 margin: 0.1em;
828 height: 1.7em;
829 line-height: 1.7em;
830 background-color: #eeeeee;
831 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
832 background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
833 background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
834 background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
835 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
836 border: 1px solid #ccc;
837 color: #333;
838 border-radius: 0.25em;
839 }
840 .oo-ui-tagItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
841 display: inline-block;
842 text-overflow: ellipsis;
843 overflow: hidden;
844 cursor: text;
845 }
846 .oo-ui-tagItemWidget:focus {
847 outline: 0;
848 border-color: #087ecc;
849 }
850 .oo-ui-tagItemWidget.oo-ui-widget-disabled {
851 opacity: 0.5;
852 -webkit-transform: translateZ(0);
853 transform: translateZ(0);
854 box-shadow: none;
855 color: #333;
856 background: #eee;
857 border-color: #ccc;
858 }
859 .oo-ui-tagItemWidget > .oo-ui-buttonElement {
860 margin-top: -1.25em;
861 padding-left: 0.3em;
862 }
863 .oo-ui-capsuleMultiselectWidget {
864 display: inline-block;
865 position: relative;
866 width: 100%;
867 max-width: 50em;
868 }
869 .oo-ui-capsuleMultiselectWidget-handle {
870 width: 100%;
871 display: block;
872 position: relative;
873 }
874 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
875 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
876 position: absolute;
877 top: 0;
878 height: 100%;
879 }
880 .oo-ui-capsuleMultiselectWidget-content {
881 position: relative;
882 }
883 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
884 display: none;
885 }
886 .oo-ui-capsuleMultiselectWidget-group {
887 display: inline;
888 }
889 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-body > * {
890 display: block;
891 }
892 .oo-ui-capsuleMultiselectWidget-focusTrap {
893 display: inline-block;
894 height: 1px;
895 width: 1px;
896 }
897 .oo-ui-capsuleMultiselectWidget-handle {
898 background-color: #fff;
899 cursor: text;
900 min-height: 2.4em;
901 margin-right: 0.5em;
902 padding: 0.15em 0.25em;
903 border: 1px solid rgba(0, 0, 0, 0.1);
904 border-radius: 0.25em;
905 -webkit-box-sizing: border-box;
906 -moz-box-sizing: border-box;
907 box-sizing: border-box;
908 }
909 .oo-ui-capsuleMultiselectWidget-handle:last-child {
910 margin-right: 0;
911 }
912 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
913 border: 0;
914 line-height: 1.675em;
915 margin: 0;
916 margin-left: 0.2em;
917 padding: 0;
918 font-size: inherit;
919 font-family: inherit;
920 background-color: transparent;
921 color: #000;
922 vertical-align: middle;
923 }
924 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-webkit-input-placeholder {
925 color: #767676;
926 opacity: 1;
927 }
928 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-ms-input-placeholder {
929 color: #767676;
930 opacity: 1;
931 }
932 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::-moz-placeholder {
933 color: #767676;
934 opacity: 1;
935 }
936 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:-moz-placeholder {
937 color: #767676;
938 opacity: 1;
939 }
940 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input::placeholder {
941 color: #767676;
942 opacity: 1;
943 }
944 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
945 outline: 0;
946 }
947 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
948 padding-left: 2.475em;
949 }
950 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
951 left: 0;
952 margin: 0 0.3em;
953 }
954 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
955 padding-right: 2.4875em;
956 }
957 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
958 right: 0;
959 margin: 0 0.775em;
960 }
961 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
962 border-color: rgba(0, 0, 0, 0.2);
963 }
964 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
965 color: #ccc;
966 text-shadow: 0 1px 1px #fff;
967 border-color: #ddd;
968 background-color: #f3f3f3;
969 cursor: default;
970 }
971 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
972 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
973 opacity: 0.2;
974 }
975 .oo-ui-capsuleMultiselectWidget-popup > .oo-ui-popupWidget-popup {
976 border: 0;
977 }
978 .oo-ui-capsuleItemWidget {
979 position: relative;
980 display: inline-block;
981 cursor: default;
982 white-space: nowrap;
983 width: auto;
984 max-width: 100%;
985 -webkit-box-sizing: border-box;
986 -moz-box-sizing: border-box;
987 box-sizing: border-box;
988 vertical-align: middle;
989 padding: 0 0.4em;
990 margin: 0.1em;
991 height: 1.7em;
992 line-height: 1.7em;
993 background-color: #eeeeee;
994 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
995 background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
996 background-image: -moz-linear-gradient(top, #fff 0, #ddd 100%);
997 background-image: linear-gradient(to bottom, #fff 0, #ddd 100%);
998 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
999 border: 1px solid #ccc;
1000 color: #333;
1001 border-radius: 0.25em;
1002 }
1003 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1004 display: inline-block;
1005 text-overflow: ellipsis;
1006 overflow: hidden;
1007 cursor: text;
1008 }
1009 .oo-ui-capsuleItemWidget:focus {
1010 outline: 0;
1011 border-color: #087ecc;
1012 }
1013 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
1014 opacity: 0.5;
1015 -webkit-transform: translateZ(0);
1016 transform: translateZ(0);
1017 box-shadow: none;
1018 color: #333;
1019 background: #eee;
1020 border-color: #ccc;
1021 }
1022 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
1023 margin-top: -1.25em;
1024 padding-left: 0.3em;
1025 }
1026 .oo-ui-searchWidget-query {
1027 position: absolute;
1028 top: 0;
1029 left: 0;
1030 right: 0;
1031 }
1032 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1033 width: 100%;
1034 }
1035 .oo-ui-searchWidget-results {
1036 position: absolute;
1037 bottom: 0;
1038 left: 0;
1039 right: 0;
1040 overflow-x: hidden;
1041 overflow-y: auto;
1042 }
1043 .oo-ui-searchWidget-query {
1044 height: 4em;
1045 padding: 0 1em;
1046 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1047 }
1048 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1049 margin: 0.75em 0;
1050 }
1051 .oo-ui-searchWidget-results {
1052 top: 4em;
1053 padding: 1em;
1054 line-height: 0;
1055 }
1056 .oo-ui-numberInputWidget {
1057 display: inline-block;
1058 position: relative;
1059 max-width: 50em;
1060 }
1061 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1062 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1063 display: table-cell;
1064 height: 100%;
1065 }
1066 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1067 height: 100%;
1068 }
1069 .oo-ui-numberInputWidget-field {
1070 display: table;
1071 table-layout: fixed;
1072 width: 100%;
1073 }
1074 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1075 width: 2.25em;
1076 }
1077 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1078 border-top-right-radius: 0;
1079 border-bottom-right-radius: 0;
1080 border-right-width: 0;
1081 }
1082 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1083 border-top-left-radius: 0;
1084 border-bottom-left-radius: 0;
1085 border-left-width: 0;
1086 }
1087 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1088 border-radius: 0;
1089 }