3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-04-26T21:34:05Z
11 .oo-ui-element-hidden {
12 display: none
!important
;
14 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
16 display: inline-block
;
17 vertical-align: middle
;
20 -webkit-touch-callout: none
;
21 -webkit-user-select: none
;
22 -moz-user-select: none
;
23 -ms-user-select: none
;
26 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
27 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
30 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
33 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
34 .oo-ui-buttonElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
35 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
36 display: inline-block
;
37 vertical-align: middle
;
39 .oo-ui-buttonElement-frameless {
40 display: inline-block
;
43 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
47 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
48 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
49 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
52 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
54 text-decoration: none
;
56 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
59 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
60 margin-left: 0.46875em;
62 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
63 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2), 0 0 0 1px rgba
(0, 0, 0, 0.2);
66 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
69 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
73 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
75 padding-right: 0.25em;
78 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
> input
.oo-ui-buttonElement-button
,
79 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
82 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
83 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
86 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
87 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
90 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
94 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
98 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
99 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
102 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
105 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
106 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
110 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
111 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
114 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
117 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
118 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
122 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
125 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus {
128 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
129 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
132 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
133 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
136 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
142 -webkit-transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
143 -moz-transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
144 transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
146 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
147 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
150 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
151 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
154 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
159 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
162 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
163 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
164 margin-left: 0.46875em;
165 margin-right: -0.275em;
167 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
171 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
172 background-color: #dddddd;
174 border: 1px solid
#dddddd;
176 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
178 background-color: #ffffff;
179 border: 1px solid
#cccccc;
181 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
182 background-color: #ebebeb;
184 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
185 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2);
187 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
188 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
189 background-color: #d9d9d9;
190 border-color: #d9d9d9;
193 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
194 background-color: #999999;
197 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
200 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
201 background-color: #ebf2ff;
202 border-color: #859dcc;
204 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
205 box-shadow: inset
0 0 0 1px #1f4999;
206 border-color: #1f4999;
208 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
209 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
211 border-color: #1f4999;
214 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
215 background-color: #999999;
218 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
221 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
222 background-color: #ebf2ff;
223 border-color: #859dcc;
225 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
226 box-shadow: inset
0 0 0 1px #1f4999;
227 border-color: #1f4999;
229 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
230 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
232 border-color: #1f4999;
235 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
236 background-color: #999999;
239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
242 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
243 background-color: #fbe8e7;
244 border-color: #b77c79;
246 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
247 box-shadow: inset
0 0 0 1px #73100a;
248 border-color: #73100a;
250 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
253 border-color: #73100a;
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
257 background-color: #999999;
260 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
262 background-color: #347bff;
263 border-color: #347bff;
265 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
267 border-color: #2962cc;
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
270 box-shadow: inset
0 0 0 1px #ffffff;
271 border-color: #347bff;
273 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
274 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
276 background-color: #1f4999;
277 border-color: #1f4999;
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
281 background-color: #999999;
284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
286 background-color: #347bff;
287 border-color: #347bff;
289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
291 border-color: #2962cc;
293 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
294 box-shadow: inset
0 0 0 1px #ffffff;
295 border-color: #347bff;
297 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
300 background-color: #1f4999;
301 border-color: #1f4999;
304 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
305 background-color: #999999;
308 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
310 background-color: #d11d13;
311 border-color: #d11d13;
313 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
315 border-color: #8c130d;
317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
318 box-shadow: inset
0 0 0 1px #ffffff;
319 border-color: #d11d13;
321 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
322 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
324 background-color: #73100a;
325 border-color: #73100a;
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
329 background-color: #999999;
332 .oo-ui-clippableElement-clippable {
333 -webkit-box-sizing: border-box
;
334 -moz-box-sizing: border-box
;
335 box-sizing: border-box
;
337 .oo-ui-floatableElement-hidden {
340 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
341 .oo-ui-iconElement.oo-ui-iconElement-icon {
342 background-size: contain
;
343 background-position: center center
;
344 background-repeat: no-repeat
;
350 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
351 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
352 background-size: contain
;
353 background-position: center center
;
354 background-repeat: no-repeat
;
360 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
363 .oo-ui-pendingElement-pending {
364 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
370 .oo-ui-fieldLayout:before
,
371 .oo-ui-fieldLayout:after {
375 .oo-ui-fieldLayout:after {
378 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
379 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
380 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
381 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
385 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
388 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
391 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
392 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
394 vertical-align: middle
;
396 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
397 display: inline-block
;
399 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
402 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
405 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
406 padding: 0.5em 0.75em;
409 .oo-ui-fieldLayout:last-child {
412 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
418 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
419 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
422 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
423 margin-bottom: 1.25em;
425 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
426 padding: 0.25em 0.25em 0.25em 1em;
428 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
430 padding-bottom: 0.5em;
432 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
435 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
438 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
441 .oo-ui-fieldLayout-messages {
442 list-style: none none
;
443 margin: 0.25em 0 0 0.25em;
446 .oo-ui-fieldLayout-messages > li {
451 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
453 border-right: 0.5em solid transparent
;
455 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
458 line-height: 1.875em;
459 vertical-align: middle
;
461 .oo-ui-actionFieldLayout {
464 .oo-ui-actionFieldLayout-input
,
465 .oo-ui-actionFieldLayout-button {
467 vertical-align: middle
;
469 .oo-ui-actionFieldLayout-input {
472 .oo-ui-actionFieldLayout-button {
476 .oo-ui-fieldsetLayout {
482 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
486 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
487 display: inline-block
;
489 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
492 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
495 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
496 padding: 0.5em 0.75em;
499 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
500 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
503 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
505 margin-bottom: 0.5em;
509 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
513 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
517 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
520 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
523 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
524 .oo-ui-formLayout + .oo-ui-formLayout {
530 .oo-ui-panelLayout-scrollable {
533 .oo-ui-panelLayout-expanded {
540 .oo-ui-panelLayout-padded {
543 .oo-ui-panelLayout-framed {
544 border: 1px solid
#aaaaaa;
546 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
548 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
551 .oo-ui-horizontalLayout > .oo-ui-widget {
552 display: inline-block
;
553 vertical-align: middle
;
555 .oo-ui-horizontalLayout > .oo-ui-layout {
556 display: inline-block
;
558 .oo-ui-horizontalLayout
> .oo-ui-layout
,
559 .oo-ui-horizontalLayout > .oo-ui-widget {
562 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
563 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
566 .oo-ui-horizontalLayout > .oo-ui-layout {
569 .oo-ui-optionWidget {
572 padding: 0.25em 0.5em;
575 .oo-ui-optionWidget.oo-ui-widget-enabled {
578 .oo-ui-optionWidget.oo-ui-widget-disabled {
581 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
584 text-overflow: ellipsis
;
587 .oo-ui-optionWidget-highlighted {
588 background-color: #eeeeee;
590 .oo-ui-optionWidget .oo-ui-labelElement-label {
593 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
594 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
595 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
596 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
597 background-color: #d0d0d0;
599 .oo-ui-optionWidget.oo-ui-widget-disabled {
602 .oo-ui-decoratedOptionWidget {
603 padding: 0.5em 2em 0.5em 3em;
605 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
606 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
609 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
610 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
614 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
617 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
620 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
621 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
624 .oo-ui-radioOptionWidget {
627 background-color: transparent
;
629 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
630 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
631 display: inline-block
;
632 vertical-align: middle
;
634 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
635 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
636 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
637 background-color: transparent
;
639 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
640 padding: 0.25em 0.25em 0.25em 1em;
642 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
646 display: inline-block
;
649 display: inline-block
;
650 vertical-align: middle
;
653 .oo-ui-iconWidget.oo-ui-widget-disabled {
656 .oo-ui-indicatorWidget {
657 display: inline-block
;
658 vertical-align: middle
;
662 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
665 .oo-ui-buttonWidget {
666 display: inline-block
;
667 vertical-align: middle
;
670 .oo-ui-buttonWidget:last-child {
673 .oo-ui-buttonGroupWidget {
674 display: inline-block
;
679 .oo-ui-buttonGroupWidget:last-child {
682 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
685 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
688 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
692 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
693 border-bottom-left-radius: 2px;
694 border-top-left-radius: 2px;
697 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
698 border-bottom-right-radius: 2px;
699 border-top-right-radius: 2px;
706 .oo-ui-popupWidget-popup {
711 .oo-ui-popupWidget-anchor {
715 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
721 background-repeat: no-repeat
;
723 .oo-ui-popupWidget-head {
724 -webkit-touch-callout: none
;
725 -webkit-user-select: none
;
726 -moz-user-select: none
;
727 -ms-user-select: none
;
730 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
733 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
737 .oo-ui-popupWidget-body {
741 .oo-ui-popupWidget-popup {
742 background-color: #ffffff;
743 border: 1px solid
#aaaaaa;
745 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
747 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
750 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
751 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
757 border-color: transparent
;
760 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
763 border-bottom-color: #888888;
766 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
769 border-bottom-color: #ffffff;
772 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
773 -webkit-transition: width
100ms, height
100ms, left
100ms;
774 -moz-transition: width
100ms, height
100ms, left
100ms;
775 transition: width
100ms, height
100ms, left
100ms;
777 .oo-ui-popupWidget-head {
780 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
783 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
786 .oo-ui-popupWidget-body-padded {
789 .oo-ui-popupButtonWidget {
792 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
796 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
800 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
807 .oo-ui-inputWidget:last-child {
810 .oo-ui-buttonInputWidget {
811 display: inline-block
;
812 vertical-align: middle
;
814 .oo-ui-buttonInputWidget
> button
,
815 .oo-ui-buttonInputWidget > input {
818 background-color: transparent
;
820 .oo-ui-checkboxInputWidget {
825 .oo-ui-checkboxInputWidget * {
827 vertical-align: middle
;
829 .oo-ui-checkboxInputWidget [type="checkbox"] {
839 .oo-ui-checkboxInputWidget [type="checkbox"] + span {
840 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
841 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
842 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
843 -webkit-box-sizing: border-box
;
844 -moz-box-sizing: border-box
;
845 box-sizing: border-box
;
850 background-color: #ffffff;
851 background-image: url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
852 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
853 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
854 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
855 background-repeat: no-repeat
;
856 background-position: center center
;
857 background-origin: border-box
;
858 background-size: 0 0;
859 border: 1px solid
#777777;
862 .oo-ui-checkboxInputWidget [type="checkbox"]:checked + span {
863 background-size: 100% 100%;
865 .oo-ui-checkboxInputWidget [type="checkbox"]:active + span {
866 background-color: #cccccc;
867 border-color: #cccccc;
869 .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span {
872 .oo-ui-checkboxInputWidget
[type
="checkbox"]:focus:hover
+ span
,
873 .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span {
874 border-bottom-width: 3px;
876 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled {
879 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
880 background-color: #dddddd;
881 border-color: #dddddd;
883 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled:checked + span {
884 background-image: url
("themes/mediawiki/images/icons/check-invert.png");
885 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
886 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
887 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-invert.png");
889 .oo-ui-dropdownInputWidget {
891 vertical-align: middle
;
892 -webkit-box-sizing: border-box
;
893 -moz-box-sizing: border-box
;
894 box-sizing: border-box
;
898 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
899 .oo-ui-dropdownInputWidget select {
902 .oo-ui-dropdownInputWidget select {
905 -webkit-box-sizing: border-box
;
906 -moz-box-sizing: border-box
;
907 box-sizing: border-box
;
909 .oo-ui-dropdownInputWidget select {
910 background-color: #ffffff;
913 font-family: inherit
;
914 -webkit-box-sizing: border-box
;
915 -moz-box-sizing: border-box
;
916 box-sizing: border-box
;
917 border: 1px solid
#cccccc;
920 vertical-align: middle
;
922 .oo-ui-dropdownInputWidget option {
924 font-family: inherit
;
928 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
929 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
930 border-color: #aaaaaa;
933 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
935 border-color: #dddddd;
936 background-color: #f3f3f3;
938 .oo-ui-radioInputWidget {
943 .oo-ui-radioInputWidget * {
945 vertical-align: middle
;
947 .oo-ui-radioInputWidget [type="radio"] {
957 .oo-ui-radioInputWidget [type="radio"] + span {
958 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
959 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
960 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
961 -webkit-box-sizing: border-box
;
962 -moz-box-sizing: border-box
;
963 box-sizing: border-box
;
968 background-color: #ffffff;
969 background-image: url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
970 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
971 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
972 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
973 background-repeat: no-repeat
;
974 background-position: center center
;
975 background-origin: border-box
;
976 background-size: 0 0;
977 border: 1px solid
#777777;
980 .oo-ui-radioInputWidget [type="radio"]:checked + span {
981 background-size: 100% 100%;
983 .oo-ui-radioInputWidget [type="radio"]:active + span {
984 background-color: #cccccc;
985 border-color: #cccccc;
987 .oo-ui-radioInputWidget [type="radio"]:focus + span {
990 .oo-ui-radioInputWidget
[type
="radio"]:focus:hover
+ span
,
991 .oo-ui-radioInputWidget [type="radio"]:hover + span {
992 border-bottom-width: 3px;
994 .oo-ui-radioInputWidget [type="radio"]:disabled {
997 .oo-ui-radioInputWidget [type="radio"]:disabled + span {
998 background-color: #dddddd;
999 border-color: #dddddd;
1001 .oo-ui-radioInputWidget [type="radio"]:disabled:checked + span {
1002 background-image: url
("themes/mediawiki/images/icons/circle-invert.png");
1003 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1004 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1005 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-invert.png");
1007 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1010 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1013 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1016 .oo-ui-textInputWidget {
1018 vertical-align: middle
;
1019 -webkit-box-sizing: border-box
;
1020 -moz-box-sizing: border-box
;
1021 box-sizing: border-box
;
1025 .oo-ui-textInputWidget input
,
1026 .oo-ui-textInputWidget textarea {
1030 -webkit-box-sizing: border-box
;
1031 -moz-box-sizing: border-box
;
1032 box-sizing: border-box
;
1034 .oo-ui-textInputWidget textarea {
1037 .oo-ui-textInputWidget [type="search"] {
1038 -webkit-appearance: textfield
;
1040 .oo-ui-textInputWidget [type="search"]::-ms-clear {
1043 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-decoration
,
1044 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-cancel-button
,
1045 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-results-button
,
1046 .oo-ui-textInputWidget [type="search"]::-webkit-search-results-decoration {
1049 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1050 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1051 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1054 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1055 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1060 -webkit-touch-callout: none
;
1061 -webkit-user-select: none
;
1062 -moz-user-select: none
;
1063 -ms-user-select: none
;
1066 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1067 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1070 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1073 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1076 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1077 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1080 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1081 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1084 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1088 .oo-ui-textInputWidget input
,
1089 .oo-ui-textInputWidget textarea {
1091 line-height: 1.275em;
1094 font-family: inherit
;
1095 background-color: #ffffff;
1097 border: 1px solid
#cccccc;
1099 -webkit-box-sizing: border-box
;
1100 -moz-box-sizing: border-box
;
1101 box-sizing: border-box
;
1103 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1104 background-color: transparent
;
1106 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1107 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1108 box-shadow: inset
0 0 0 0.1em #ffffff;
1109 -webkit-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1110 -moz-transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1111 transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1113 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1114 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1116 border-color: #347bff;
1117 box-shadow: inset
0 0 0 0.1em #347bff;
1119 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1120 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1122 text-shadow: 0 1px 1px #ffffff;
1124 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1125 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1126 border-color: #cccccc;
1127 box-shadow: inset
0 0 0 0.1em #cccccc;
1129 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1130 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1131 border-color: #ff0000;
1133 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1134 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1135 border-color: #ff0000;
1136 box-shadow: inset
0 0 0 0.1em #ff0000;
1138 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1139 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1141 text-shadow: 0 1px 1px #ffffff;
1142 border-color: #dddddd;
1143 background-color: #f3f3f3;
1145 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1146 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1149 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1151 text-shadow: 0 1px 1px #ffffff;
1153 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1154 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1155 padding-left: 2.875em;
1157 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1160 max-height: 2.375em;
1162 background-position: right center
;
1164 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1165 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1166 padding-right: 2.4875em;
1168 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1170 max-height: 2.375em;
1173 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1178 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1179 margin-right: 2.0875em;
1181 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1182 margin-left: 2.475em;
1184 .oo-ui-menuSelectWidget {
1186 background-color: #ffffff;
1188 border: 1px solid
#aaaaaa;
1189 border-radius: 0 0 2px 2px;
1190 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1192 .oo-ui-menuSelectWidget input {
1199 .oo-ui-menuOptionWidget {
1203 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1206 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1207 background-color: transparent
;
1209 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1212 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1213 background-color: #d8e6fe;
1214 color: rgba
(0, 0, 0, 0.8);
1216 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1219 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1220 background-color: #eeeeee;
1223 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1224 background-color: #d8e6fe;
1226 .oo-ui-menuSectionOptionWidget {
1228 padding: 0.33em 0.75em;
1231 .oo-ui-dropdownWidget {
1232 display: inline-block
;
1236 background-color: #ffffff;
1237 margin-right: 0.5em;
1239 .oo-ui-dropdownWidget-handle {
1242 white-space: nowrap
;
1244 text-overflow: ellipsis
;
1245 -webkit-touch-callout: none
;
1246 -webkit-user-select: none
;
1247 -moz-user-select: none
;
1248 -ms-user-select: none
;
1250 -webkit-box-sizing: border-box
;
1251 -moz-box-sizing: border-box
;
1252 box-sizing: border-box
;
1254 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1255 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1258 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1262 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1265 .oo-ui-dropdownWidget:last-child {
1268 .oo-ui-dropdownWidget-handle {
1272 border: 1px solid
#cccccc;
1275 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1278 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1281 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1284 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1288 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1292 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1293 border-color: #aaaaaa;
1295 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1297 text-shadow: 0 1px 1px #ffffff;
1298 border-color: #dddddd;
1299 background-color: #f3f3f3;
1301 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1304 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1307 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1310 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1313 .oo-ui-comboBoxInputWidget {
1314 display: inline-block
;
1318 margin-right: 0.5em;
1320 .oo-ui-comboBoxInputWidget > .oo-ui-menuSelectWidget {
1324 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1327 .oo-ui-comboBoxInputWidget-php input::-webkit-calendar-picker-indicator {
1328 opacity: 0 !important
;
1336 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1337 pointer-events: none
;
1339 .oo-ui-comboBoxInputWidget:last-child {
1342 .oo-ui-comboBoxInputWidget input
,
1343 .oo-ui-comboBoxInputWidget textarea {