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-05-24T22:46:36Z
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-active
> .oo-ui-buttonElement-button
,
48 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
51 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
53 text-decoration: none
;
55 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
58 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
61 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
62 margin-left: 0.46875em;
64 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
67 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
71 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
73 padding-right: 0.25em;
76 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
77 box-shadow: inset
0 0 0 1px #347bff, 0 0 0 1px #347bff;
79 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
> input
.oo-ui-buttonElement-button
,
80 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
83 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
84 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
87 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
90 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .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 > .oo-ui-labelElement-label {
101 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
104 .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
,
105 .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 {
109 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
112 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
115 .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
,
116 .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 {
120 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
123 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
124 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
127 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
128 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
131 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
137 -webkit-transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
138 -moz-transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
139 transition: background
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
141 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
142 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
145 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
150 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
153 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
154 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
155 margin-left: 0.46875em;
156 margin-right: -0.275em;
158 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
162 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
163 background-color: #dddddd;
165 border: 1px solid
#dddddd;
167 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
169 background-color: #ffffff;
170 border: 1px solid
#cccccc;
172 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
173 background-color: #ebebeb;
175 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
176 border-color: #347bff;
177 box-shadow: inset
0 0 0 1px #347bff;
179 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
180 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
181 background-color: #d9d9d9;
182 border-color: #d9d9d9;
185 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
186 background-color: #999999;
189 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
192 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
193 background-color: #ebf2ff;
194 border-color: #859dcc;
196 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
197 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
199 border-color: #1f4999;
202 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
203 background-color: #999999;
206 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
207 border-color: #347bff;
208 box-shadow: inset
0 0 0 1px #347bff;
210 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
213 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
214 background-color: #ebf2ff;
215 border-color: #859dcc;
217 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
218 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
220 border-color: #1f4999;
223 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
224 background-color: #999999;
227 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
228 border-color: #347bff;
229 box-shadow: inset
0 0 0 1px #347bff;
231 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
234 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
235 background-color: #fbe8e7;
236 border-color: #b77c79;
238 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
241 border-color: #73100a;
244 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
245 background-color: #999999;
248 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
249 border-color: #d11d13;
250 box-shadow: inset
0 0 0 1px #d11d13;
252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
254 background-color: #347bff;
255 border-color: #347bff;
257 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
258 background-color: #2962cc;
259 border-color: #2962cc;
261 .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
,
262 .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 {
264 background-color: #1f4999;
265 border-color: #1f4999;
268 .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 {
269 background-color: #999999;
272 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
273 border-color: #347bff;
274 box-shadow: inset
0 0 0 1px #ffffff;
276 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
278 background-color: #347bff;
279 border-color: #347bff;
281 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
282 background-color: #2962cc;
283 border-color: #2962cc;
285 .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
,
286 .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 {
288 background-color: #1f4999;
289 border-color: #1f4999;
292 .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 {
293 background-color: #999999;
296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
297 border-color: #347bff;
298 box-shadow: inset
0 0 0 1px #ffffff;
300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
302 background-color: #d11d13;
303 border-color: #d11d13;
305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
306 background-color: #8c130d;
307 border-color: #8c130d;
309 .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
,
310 .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 {
312 background-color: #73100a;
313 border-color: #73100a;
316 .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 {
317 background-color: #999999;
320 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
321 border-color: #d11d13;
322 box-shadow: inset
0 0 0 1px #ffffff;
324 .oo-ui-clippableElement-clippable {
325 -webkit-box-sizing: border-box
;
326 -moz-box-sizing: border-box
;
327 box-sizing: border-box
;
329 .oo-ui-floatableElement-hidden {
332 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
333 .oo-ui-iconElement.oo-ui-iconElement-icon {
334 background-size: contain
;
335 background-position: center center
;
336 background-repeat: no-repeat
;
342 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
343 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
344 background-size: contain
;
345 background-position: center center
;
346 background-repeat: no-repeat
;
352 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
355 .oo-ui-pendingElement-pending {
356 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
362 .oo-ui-fieldLayout:before
,
363 .oo-ui-fieldLayout:after {
367 .oo-ui-fieldLayout:after {
370 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
371 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
372 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
373 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
377 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
380 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
383 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
384 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
386 vertical-align: middle
;
388 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
389 display: inline-block
;
391 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
394 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
397 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
398 padding: 0.5em 0.75em;
401 .oo-ui-fieldLayout:last-child {
404 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
405 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
410 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
411 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
414 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
415 margin-bottom: 1.25em;
417 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
418 padding: 0.25em 0.25em 0.25em 1em;
420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
422 padding-bottom: 0.5em;
424 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
427 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
430 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
433 .oo-ui-fieldLayout-messages {
434 list-style: none none
;
435 margin: 0.25em 0 0 0.25em;
438 .oo-ui-fieldLayout-messages > li {
443 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
445 border-right: 0.5em solid transparent
;
447 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
450 line-height: 1.875em;
451 vertical-align: middle
;
453 .oo-ui-actionFieldLayout {
456 .oo-ui-actionFieldLayout-input
,
457 .oo-ui-actionFieldLayout-button {
459 vertical-align: middle
;
461 .oo-ui-actionFieldLayout-input {
464 .oo-ui-actionFieldLayout-button {
468 .oo-ui-fieldsetLayout {
474 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
478 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
479 display: inline-block
;
481 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
484 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
487 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
488 padding: 0.5em 0.75em;
491 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
492 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
495 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
497 margin-bottom: 0.5em;
501 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
505 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
509 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
512 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
515 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
516 .oo-ui-formLayout + .oo-ui-formLayout {
522 .oo-ui-panelLayout-scrollable {
525 .oo-ui-panelLayout-expanded {
532 .oo-ui-panelLayout-padded {
535 .oo-ui-panelLayout-framed {
536 border: 1px solid
#aaaaaa;
538 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
540 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
543 .oo-ui-horizontalLayout > .oo-ui-widget {
544 display: inline-block
;
545 vertical-align: middle
;
547 .oo-ui-horizontalLayout > .oo-ui-layout {
548 display: inline-block
;
550 .oo-ui-horizontalLayout
> .oo-ui-layout
,
551 .oo-ui-horizontalLayout > .oo-ui-widget {
554 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
555 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
558 .oo-ui-horizontalLayout > .oo-ui-layout {
561 .oo-ui-optionWidget {
564 padding: 0.25em 0.5em;
567 .oo-ui-optionWidget.oo-ui-widget-enabled {
570 .oo-ui-optionWidget.oo-ui-widget-disabled {
573 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
576 text-overflow: ellipsis
;
579 .oo-ui-optionWidget-highlighted {
580 background-color: #eeeeee;
582 .oo-ui-optionWidget .oo-ui-labelElement-label {
585 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
586 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
587 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
588 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
589 background-color: #d0d0d0;
591 .oo-ui-optionWidget.oo-ui-widget-disabled {
594 .oo-ui-decoratedOptionWidget {
595 padding: 0.5em 2em 0.5em 3em;
597 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
598 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
601 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
602 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
606 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
609 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
612 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
613 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
616 .oo-ui-radioSelectWidget:focus {
619 .oo-ui-radioSelectWidget:focus .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected .oo-ui-radioInputWidget [type="radio"] + span {
622 .oo-ui-radioOptionWidget {
625 background-color: transparent
;
627 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
628 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
629 display: inline-block
;
630 vertical-align: middle
;
632 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
633 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
634 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
635 background-color: transparent
;
637 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
638 padding: 0.25em 0.25em 0.25em 1em;
640 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
644 display: inline-block
;
647 display: inline-block
;
648 vertical-align: middle
;
651 .oo-ui-iconWidget.oo-ui-widget-disabled {
654 .oo-ui-indicatorWidget {
655 display: inline-block
;
656 vertical-align: middle
;
660 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
663 .oo-ui-buttonWidget {
664 display: inline-block
;
665 vertical-align: middle
;
668 .oo-ui-buttonWidget:last-child {
671 .oo-ui-buttonGroupWidget {
672 display: inline-block
;
677 .oo-ui-buttonGroupWidget:last-child {
680 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
683 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
686 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
690 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:focus {
693 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
694 border-bottom-left-radius: 2px;
695 border-top-left-radius: 2px;
698 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
699 border-bottom-right-radius: 2px;
700 border-top-right-radius: 2px;
707 .oo-ui-popupWidget-popup {
712 .oo-ui-popupWidget-anchor {
716 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
722 background-repeat: no-repeat
;
724 .oo-ui-popupWidget-head {
725 -webkit-touch-callout: none
;
726 -webkit-user-select: none
;
727 -moz-user-select: none
;
728 -ms-user-select: none
;
731 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
734 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
738 .oo-ui-popupWidget-body {
742 .oo-ui-popupWidget-popup {
743 background-color: #ffffff;
744 border: 1px solid
#aaaaaa;
746 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
748 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
751 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
752 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
758 border-color: transparent
;
761 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
764 border-bottom-color: #888888;
767 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
770 border-bottom-color: #ffffff;
773 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
774 -webkit-transition: width
100ms, height
100ms, left
100ms;
775 -moz-transition: width
100ms, height
100ms, left
100ms;
776 transition: width
100ms, height
100ms, left
100ms;
778 .oo-ui-popupWidget-head {
781 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
784 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
787 .oo-ui-popupWidget-body-padded {
790 .oo-ui-popupButtonWidget {
793 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
797 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
801 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
808 .oo-ui-inputWidget:last-child {
811 .oo-ui-buttonInputWidget {
812 display: inline-block
;
813 vertical-align: middle
;
815 .oo-ui-buttonInputWidget
> button
,
816 .oo-ui-buttonInputWidget > input {
819 background-color: transparent
;
821 .oo-ui-checkboxInputWidget {
826 .oo-ui-checkboxInputWidget * {
828 vertical-align: middle
;
830 .oo-ui-checkboxInputWidget [type="checkbox"] {
840 .oo-ui-checkboxInputWidget [type="checkbox"] + span {
841 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
842 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
843 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
844 -webkit-box-sizing: border-box
;
845 -moz-box-sizing: border-box
;
846 box-sizing: border-box
;
851 background-color: #ffffff;
852 background-image: url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
853 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
854 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
855 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-constructive-deprecated.png");
856 background-repeat: no-repeat
;
857 background-position: center center
;
858 background-origin: border-box
;
859 background-size: 0 0;
860 border: 1px solid
#777777;
863 .oo-ui-checkboxInputWidget [type="checkbox"]:checked + span {
864 background-size: 100% 100%;
866 .oo-ui-checkboxInputWidget [type="checkbox"]:active + span {
867 background-color: #cccccc;
868 border-color: #cccccc;
870 .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span {
873 .oo-ui-checkboxInputWidget
[type
="checkbox"]:focus:hover
+ span
,
874 .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span {
875 border-bottom-width: 3px;
877 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled {
880 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
881 background-color: #dddddd;
882 border-color: #dddddd;
884 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled:checked + span {
885 background-image: url
("themes/mediawiki/images/icons/check-invert.png");
886 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
887 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/check-invert.svg");
888 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/check-invert.png");
890 .oo-ui-dropdownInputWidget {
892 vertical-align: middle
;
893 -webkit-box-sizing: border-box
;
894 -moz-box-sizing: border-box
;
895 box-sizing: border-box
;
899 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
900 .oo-ui-dropdownInputWidget select {
903 .oo-ui-dropdownInputWidget select {
906 -webkit-box-sizing: border-box
;
907 -moz-box-sizing: border-box
;
908 box-sizing: border-box
;
910 .oo-ui-dropdownInputWidget select {
911 background-color: #ffffff;
914 font-family: inherit
;
915 -webkit-box-sizing: border-box
;
916 -moz-box-sizing: border-box
;
917 box-sizing: border-box
;
918 border: 1px solid
#cccccc;
921 vertical-align: middle
;
923 .oo-ui-dropdownInputWidget option {
925 font-family: inherit
;
929 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
930 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
931 border-color: #aaaaaa;
934 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
936 border-color: #dddddd;
937 background-color: #f3f3f3;
939 .oo-ui-radioInputWidget {
944 .oo-ui-radioInputWidget * {
946 vertical-align: middle
;
948 .oo-ui-radioInputWidget [type="radio"] {
958 .oo-ui-radioInputWidget [type="radio"] + span {
959 -webkit-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
960 -moz-transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
961 transition: background-size
200ms cubic-bezier
(0.175, 0.885, 0.32, 1.275);
962 -webkit-box-sizing: border-box
;
963 -moz-box-sizing: border-box
;
964 box-sizing: border-box
;
969 background-color: #ffffff;
970 background-image: url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
971 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
972 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
973 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
974 background-repeat: no-repeat
;
975 background-position: center center
;
976 background-origin: border-box
;
977 background-size: 0 0;
978 border: 1px solid
#777777;
981 .oo-ui-radioInputWidget [type="radio"]:checked + span {
982 background-size: 100% 100%;
984 .oo-ui-radioInputWidget [type="radio"]:active + span {
985 background-color: #cccccc;
986 border-color: #cccccc;
988 .oo-ui-radioInputWidget [type="radio"]:focus + span {
991 .oo-ui-radioInputWidget
[type
="radio"]:focus:hover
+ span
,
992 .oo-ui-radioInputWidget [type="radio"]:hover + span {
993 border-bottom-width: 3px;
995 .oo-ui-radioInputWidget [type="radio"]:disabled {
998 .oo-ui-radioInputWidget [type="radio"]:disabled + span {
999 background-color: #dddddd;
1000 border-color: #dddddd;
1002 .oo-ui-radioInputWidget [type="radio"]:disabled:checked + span {
1003 background-image: url
("themes/mediawiki/images/icons/circle-invert.png");
1004 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1005 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
("themes/mediawiki/images/icons/circle-invert.svg");
1006 background-image: -o-linear-gradient
(transparent
, transparent
), url
("themes/mediawiki/images/icons/circle-invert.png");
1008 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1011 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1014 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1017 .oo-ui-textInputWidget {
1019 vertical-align: middle
;
1020 -webkit-box-sizing: border-box
;
1021 -moz-box-sizing: border-box
;
1022 box-sizing: border-box
;
1026 .oo-ui-textInputWidget input
,
1027 .oo-ui-textInputWidget textarea {
1031 -webkit-box-sizing: border-box
;
1032 -moz-box-sizing: border-box
;
1033 box-sizing: border-box
;
1035 .oo-ui-textInputWidget textarea {
1038 .oo-ui-textInputWidget [type="search"] {
1039 -webkit-appearance: textfield
;
1041 .oo-ui-textInputWidget [type="search"]::-ms-clear {
1044 .oo-ui-textInputWidget
[type
="search"]::-webkit-search-decoration
,
1045 .oo-ui-textInputWidget [type="search"]::-webkit-search-cancel-button {
1048 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1049 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1050 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1053 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1054 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1059 -webkit-touch-callout: none
;
1060 -webkit-user-select: none
;
1061 -moz-user-select: none
;
1062 -ms-user-select: none
;
1065 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1066 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1069 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1072 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1075 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1076 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1079 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1080 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1083 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1087 .oo-ui-textInputWidget input
,
1088 .oo-ui-textInputWidget textarea {
1090 line-height: 1.275em;
1093 font-family: inherit
;
1094 background-color: #ffffff;
1096 border: 1px solid
#cccccc;
1098 -webkit-box-sizing: border-box
;
1099 -moz-box-sizing: border-box
;
1100 box-sizing: border-box
;
1102 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1103 background-color: transparent
;
1105 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1106 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1107 box-shadow: inset
0 0 0 0.1em #ffffff;
1108 -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);
1109 -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);
1110 transition: border
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1112 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1113 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1115 border-color: #347bff;
1116 box-shadow: inset
0 0 0 1px #347bff;
1118 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1119 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1121 text-shadow: 0 1px 1px #ffffff;
1123 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1124 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1125 border-color: #cccccc;
1126 box-shadow: inset
0 0 0 0.1em #cccccc;
1128 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1129 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1130 border-color: #ff0000;
1132 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1133 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1134 border-color: #ff0000;
1135 box-shadow: inset
0 0 0 0.1em #ff0000;
1137 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1138 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1140 text-shadow: 0 1px 1px #ffffff;
1141 border-color: #dddddd;
1142 background-color: #f3f3f3;
1144 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1145 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1148 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1150 text-shadow: 0 1px 1px #ffffff;
1152 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1153 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1154 padding-left: 2.875em;
1156 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1159 max-height: 2.375em;
1161 background-position: right center
;
1163 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1164 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1165 padding-right: 2.4875em;
1167 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1169 max-height: 2.375em;
1172 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1177 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1178 margin-right: 2.0875em;
1180 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1181 margin-left: 2.475em;
1183 .oo-ui-menuSelectWidget {
1185 background-color: #ffffff;
1187 border: 1px solid
#aaaaaa;
1188 border-radius: 0 0 2px 2px;
1189 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1191 .oo-ui-menuSelectWidget input {
1198 .oo-ui-menuOptionWidget {
1202 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1205 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1206 background-color: transparent
;
1208 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1211 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1212 background-color: #d8e6fe;
1213 color: rgba
(0, 0, 0, 0.8);
1215 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1218 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1219 background-color: #eeeeee;
1222 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1223 background-color: #d8e6fe;
1225 .oo-ui-menuSectionOptionWidget {
1227 padding: 0.33em 0.75em;
1230 .oo-ui-dropdownWidget {
1231 display: inline-block
;
1235 background-color: #ffffff;
1236 margin-right: 0.5em;
1238 .oo-ui-dropdownWidget-handle {
1241 white-space: nowrap
;
1243 text-overflow: ellipsis
;
1244 -webkit-touch-callout: none
;
1245 -webkit-user-select: none
;
1246 -moz-user-select: none
;
1247 -ms-user-select: none
;
1249 -webkit-box-sizing: border-box
;
1250 -moz-box-sizing: border-box
;
1251 box-sizing: border-box
;
1253 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1254 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1257 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1261 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1264 .oo-ui-dropdownWidget:last-child {
1267 .oo-ui-dropdownWidget-handle {
1271 border: 1px solid
#cccccc;
1274 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1279 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1284 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1287 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1288 border-color: #aaaaaa;
1290 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1292 text-shadow: 0 1px 1px #ffffff;
1293 border-color: #dddddd;
1294 background-color: #f3f3f3;
1296 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1299 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1302 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1305 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1308 .oo-ui-comboBoxInputWidget {
1309 display: inline-block
;
1313 margin-right: 0.5em;
1315 .oo-ui-comboBoxInputWidget > .oo-ui-menuSelectWidget {
1319 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1322 .oo-ui-comboBoxInputWidget-php input::-webkit-calendar-picker-indicator {
1323 opacity: 0 !important
;
1331 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1332 pointer-events: none
;
1334 .oo-ui-comboBoxInputWidget:last-child {
1337 .oo-ui-comboBoxInputWidget input
,
1338 .oo-ui-comboBoxInputWidget textarea {