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-19T21:57:53Z
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-labelElement .oo-ui-labelElement-label {
581 text-overflow: ellipsis
;
584 .oo-ui-optionWidget-highlighted {
585 background-color: #eeeeee;
587 .oo-ui-optionWidget .oo-ui-labelElement-label {
590 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
591 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
592 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
593 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
594 background-color: #d0d0d0;
596 .oo-ui-optionWidget.oo-ui-widget-disabled {
599 .oo-ui-decoratedOptionWidget {
600 padding: 0.5em 2em 0.5em 3em;
602 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
603 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
606 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
607 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
611 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
614 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
617 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
618 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
621 .oo-ui-radioOptionWidget {
624 background-color: transparent
;
626 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
627 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
628 display: inline-block
;
629 vertical-align: middle
;
631 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
632 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
633 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
634 background-color: transparent
;
636 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
637 padding: 0.25em 0.25em 0.25em 1em;
639 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
643 display: inline-block
;
646 display: inline-block
;
647 vertical-align: middle
;
650 .oo-ui-iconWidget.oo-ui-widget-disabled {
653 .oo-ui-indicatorWidget {
654 display: inline-block
;
655 vertical-align: middle
;
659 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
662 .oo-ui-buttonWidget {
663 display: inline-block
;
664 vertical-align: middle
;
667 .oo-ui-buttonWidget:last-child {
670 .oo-ui-buttonGroupWidget {
671 display: inline-block
;
676 .oo-ui-buttonGroupWidget:last-child {
679 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
682 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
685 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
689 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
690 border-bottom-left-radius: 2px;
691 border-top-left-radius: 2px;
694 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
695 border-bottom-right-radius: 2px;
696 border-top-right-radius: 2px;
703 .oo-ui-popupWidget-popup {
708 .oo-ui-popupWidget-anchor {
712 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
718 background-repeat: no-repeat
;
720 .oo-ui-popupWidget-head {
721 -webkit-touch-callout: none
;
722 -webkit-user-select: none
;
723 -moz-user-select: none
;
724 -ms-user-select: none
;
727 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
730 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
734 .oo-ui-popupWidget-body {
738 .oo-ui-popupWidget-popup {
739 background-color: #ffffff;
740 border: 1px solid
#aaaaaa;
742 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
744 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
747 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
748 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
754 border-color: transparent
;
757 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
760 border-bottom-color: #888888;
763 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
766 border-bottom-color: #ffffff;
769 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
770 -webkit-transition: width
100ms, height
100ms, left
100ms;
771 -moz-transition: width
100ms, height
100ms, left
100ms;
772 transition: width
100ms, height
100ms, left
100ms;
774 .oo-ui-popupWidget-head {
777 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
780 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
783 .oo-ui-popupWidget-body-padded {
786 .oo-ui-popupButtonWidget {
789 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
793 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
797 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
804 .oo-ui-inputWidget:last-child {
807 .oo-ui-buttonInputWidget {
808 display: inline-block
;
809 vertical-align: middle
;
811 .oo-ui-buttonInputWidget
> button
,
812 .oo-ui-buttonInputWidget > input {
815 background-color: transparent
;
817 .oo-ui-checkboxInputWidget {
822 .oo-ui-checkboxInputWidget * {
824 vertical-align: middle
;
826 .oo-ui-checkboxInputWidget [type="checkbox"] {
836 .oo-ui-checkboxInputWidget [type="checkbox"] + span {
837 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
838 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
839 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
840 -webkit-box-sizing: border-box
;
841 -moz-box-sizing: border-box
;
842 box-sizing: border-box
;
847 background-color: #ffffff;
848 background-image: url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
849 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
850 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
851 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
852 background-repeat: no-repeat
;
853 background-position: center center
;
854 background-origin: border-box
;
855 background-size: 0 0;
856 border: 1px solid
#777777;
859 .oo-ui-checkboxInputWidget [type="checkbox"]:checked + span {
860 background-size: 100% 100%;
862 .oo-ui-checkboxInputWidget [type="checkbox"]:active + span {
863 background-color: #cccccc;
864 border-color: #cccccc;
866 .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span {
869 .oo-ui-checkboxInputWidget
[type
="checkbox"]:focus:hover
+ span
,
870 .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span {
871 border-bottom-width: 3px;
873 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled {
876 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
877 background-color: #dddddd;
878 border-color: #dddddd;
880 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled:checked + span {
881 background-image: url
("themes/mediawiki/images/icons/check-invert.png");
882 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
883 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
884 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-invert.png");
886 .oo-ui-dropdownInputWidget {
888 vertical-align: middle
;
889 -webkit-box-sizing: border-box
;
890 -moz-box-sizing: border-box
;
891 box-sizing: border-box
;
895 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
896 .oo-ui-dropdownInputWidget select {
899 .oo-ui-dropdownInputWidget select {
902 -webkit-box-sizing: border-box
;
903 -moz-box-sizing: border-box
;
904 box-sizing: border-box
;
906 .oo-ui-dropdownInputWidget select {
907 background-color: #ffffff;
910 font-family: inherit
;
911 -webkit-box-sizing: border-box
;
912 -moz-box-sizing: border-box
;
913 box-sizing: border-box
;
914 border: 1px solid
#cccccc;
917 vertical-align: middle
;
919 .oo-ui-dropdownInputWidget option {
921 font-family: inherit
;
925 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
926 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
927 border-color: #aaaaaa;
930 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
932 border-color: #dddddd;
933 background-color: #f3f3f3;
935 .oo-ui-radioInputWidget {
940 .oo-ui-radioInputWidget * {
942 vertical-align: middle
;
944 .oo-ui-radioInputWidget [type="radio"] {
954 .oo-ui-radioInputWidget [type="radio"] + span {
955 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
956 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
957 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
958 -webkit-box-sizing: border-box
;
959 -moz-box-sizing: border-box
;
960 box-sizing: border-box
;
965 background-color: #ffffff;
966 background-image: url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
967 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
968 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
969 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
970 background-repeat: no-repeat
;
971 background-position: center center
;
972 background-origin: border-box
;
973 background-size: 0 0;
974 border: 1px solid
#777777;
977 .oo-ui-radioInputWidget [type="radio"]:checked + span {
978 background-size: 100% 100%;
980 .oo-ui-radioInputWidget [type="radio"]:active + span {
981 background-color: #cccccc;
982 border-color: #cccccc;
984 .oo-ui-radioInputWidget [type="radio"]:focus + span {
987 .oo-ui-radioInputWidget
[type
="radio"]:focus:hover
+ span
,
988 .oo-ui-radioInputWidget [type="radio"]:hover + span {
989 border-bottom-width: 3px;
991 .oo-ui-radioInputWidget [type="radio"]:disabled {
994 .oo-ui-radioInputWidget [type="radio"]:disabled + span {
995 background-color: #dddddd;
996 border-color: #dddddd;
998 .oo-ui-radioInputWidget [type="radio"]:disabled:checked + span {
999 background-image: url
("themes/mediawiki/images/icons/circle-invert.png");
1000 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1001 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1002 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-invert.png");
1004 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1007 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1010 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1013 .oo-ui-textInputWidget {
1015 vertical-align: middle
;
1016 -webkit-box-sizing: border-box
;
1017 -moz-box-sizing: border-box
;
1018 box-sizing: border-box
;
1022 .oo-ui-textInputWidget input
,
1023 .oo-ui-textInputWidget textarea {
1027 -webkit-box-sizing: border-box
;
1028 -moz-box-sizing: border-box
;
1029 box-sizing: border-box
;
1031 .oo-ui-textInputWidget textarea {
1034 .oo-ui-textInputWidget [type="search"] {
1035 -webkit-appearance: textfield
;
1037 .oo-ui-textInputWidget [type="search"]::-ms-clear {
1040 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-decoration
,
1041 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-cancel-button
,
1042 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-results-button
,
1043 .oo-ui-textInputWidget [type="search"]::-webkit-search-results-decoration {
1046 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1047 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1048 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1051 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1052 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1057 -webkit-touch-callout: none
;
1058 -webkit-user-select: none
;
1059 -moz-user-select: none
;
1060 -ms-user-select: none
;
1063 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1064 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1067 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1070 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1073 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1074 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1077 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1078 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1081 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1085 .oo-ui-textInputWidget input
,
1086 .oo-ui-textInputWidget textarea {
1088 line-height: 1.275em;
1091 font-family: inherit
;
1092 background-color: #ffffff;
1094 border: 1px solid
#cccccc;
1096 -webkit-box-sizing: border-box
;
1097 -moz-box-sizing: border-box
;
1098 box-sizing: border-box
;
1100 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1101 background-color: transparent
;
1103 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1104 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1105 box-shadow: inset
0 0 0 0.1em #ffffff;
1106 -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);
1107 -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);
1108 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 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1111 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1113 border-color: #347bff;
1114 box-shadow: inset
0 0 0 0.1em #347bff;
1116 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1117 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1119 text-shadow: 0 1px 1px #ffffff;
1121 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1122 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1123 border-color: #cccccc;
1124 box-shadow: inset
0 0 0 0.1em #cccccc;
1126 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1127 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1128 border-color: #ff0000;
1130 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1131 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1132 border-color: #ff0000;
1133 box-shadow: inset
0 0 0 0.1em #ff0000;
1135 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1136 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1138 text-shadow: 0 1px 1px #ffffff;
1139 border-color: #dddddd;
1140 background-color: #f3f3f3;
1142 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1143 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1146 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1148 text-shadow: 0 1px 1px #ffffff;
1150 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1151 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1152 padding-left: 2.875em;
1154 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1157 max-height: 2.375em;
1159 background-position: right center
;
1161 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1162 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1163 padding-right: 2.4875em;
1165 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1167 max-height: 2.375em;
1170 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1175 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1176 margin-right: 2.0875em;
1178 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1179 margin-left: 2.475em;
1181 .oo-ui-menuSelectWidget {
1183 background-color: #ffffff;
1185 border: 1px solid
#aaaaaa;
1186 border-radius: 0 0 2px 2px;
1187 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1189 .oo-ui-menuSelectWidget input {
1196 .oo-ui-menuOptionWidget {
1200 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1203 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1204 background-color: transparent
;
1206 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1209 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1210 background-color: #d8e6fe;
1211 color: rgba
(0, 0, 0, 0.8);
1213 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1216 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1217 background-color: #eeeeee;
1220 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1221 background-color: #d8e6fe;
1223 .oo-ui-menuSectionOptionWidget {
1225 padding: 0.33em 0.75em;
1228 .oo-ui-dropdownWidget {
1229 display: inline-block
;
1233 background-color: #ffffff;
1234 margin-right: 0.5em;
1236 .oo-ui-dropdownWidget-handle {
1239 white-space: nowrap
;
1241 text-overflow: ellipsis
;
1242 -webkit-touch-callout: none
;
1243 -webkit-user-select: none
;
1244 -moz-user-select: none
;
1245 -ms-user-select: none
;
1247 -webkit-box-sizing: border-box
;
1248 -moz-box-sizing: border-box
;
1249 box-sizing: border-box
;
1251 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1252 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1255 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1259 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1262 .oo-ui-dropdownWidget:last-child {
1265 .oo-ui-dropdownWidget-handle {
1269 border: 1px solid
#cccccc;
1272 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1275 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1278 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1281 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1285 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1289 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1290 border-color: #aaaaaa;
1292 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1294 text-shadow: 0 1px 1px #ffffff;
1295 border-color: #dddddd;
1296 background-color: #f3f3f3;
1298 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1301 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1304 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1307 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1310 .oo-ui-comboBoxInputWidget {
1311 display: inline-block
;
1315 margin-right: 0.5em;
1317 .oo-ui-comboBoxInputWidget > .oo-ui-menuSelectWidget {
1321 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1324 .oo-ui-comboBoxInputWidget-php input::-webkit-calendar-picker-indicator {
1325 opacity: 0 !important
;
1333 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1334 pointer-events: none
;
1336 .oo-ui-comboBoxInputWidget:last-child {
1339 .oo-ui-comboBoxInputWidget input
,
1340 .oo-ui-comboBoxInputWidget textarea {