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-12-06T23:32:57Z
11 .oo-ui-element-hidden {
12 display: none
!important
;
13 /* stylelint-disable-line declaration-no-important */
15 .oo-ui-buttonElement {
16 display: inline-block
;
17 vertical-align: middle
;
19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
21 display: inline-block
;
22 vertical-align: middle
;
27 -webkit-touch-callout: none
;
28 -webkit-user-select: none
;
29 -moz-user-select: none
;
30 -ms-user-select: none
;
33 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
34 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
37 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
40 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
41 .oo-ui-buttonElement
.oo-ui-iconElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
42 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
43 display: inline-block
;
44 vertical-align: middle
;
46 .oo-ui-buttonElement-frameless {
49 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
53 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
55 text-decoration: none
;
57 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
61 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus::-moz-focus-inner {
62 border-color: transparent
;
64 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
67 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
69 margin-left: 0.46875em;
71 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
72 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
73 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
74 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
76 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
77 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
79 -webkit-transition: opacity
100ms;
80 -moz-transition: opacity
100ms;
81 transition: opacity
100ms;
83 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
84 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
87 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
88 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
91 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
92 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
95 .oo-ui-buttonElement
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
96 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
99 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
102 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
104 margin-right: 0.25em;
106 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
107 padding-left: 0.25em;
108 padding-right: 0.25em;
110 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
113 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
116 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
117 box-shadow: inset
0 0 0 1px #36c, 0 0 0 1px #36c;
119 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
120 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active {
124 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
127 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
130 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
131 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
> .oo-ui-labelElement-label
,
132 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
136 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
139 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
142 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
143 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
> .oo-ui-labelElement-label
,
144 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
148 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
151 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
154 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
155 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
> .oo-ui-labelElement-label
,
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
160 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
161 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
164 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
168 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
171 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
172 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
175 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
176 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
179 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
180 padding: 0.546875em 1em;
186 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
187 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
190 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
195 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
198 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
199 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
200 margin-left: 0.46875em;
201 margin-right: -0.275em;
203 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
207 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
208 background-color: #c8ccd1;
210 border: 1px solid
#c8ccd1;
212 .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
213 border-left-color: #fff;
215 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
216 background-color: #f8f9fa;
218 border: 1px solid
#a2a9b1;
220 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
221 background-color: #fff;
223 border-color: #a2a9b1;
225 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
227 box-shadow: inset
0 0 0 1px #36c;
229 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
230 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active:focus
,
231 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
232 background-color: #c8ccd1;
234 border-color: #72777d;
237 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
238 background-color: #2a4b8d;
240 border-color: #2a4b8d;
242 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
244 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
246 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
249 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
250 background-color: #fff;
251 border-color: #859dcc;
253 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
254 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
255 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
257 background-color: #eff3fa;
259 border-color: #2a4b8d;
262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
264 box-shadow: inset
0 0 0 1px #36c;
266 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
270 background-color: #fff;
271 border-color: #859dcc;
273 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
274 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
275 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
276 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
277 background-color: #eff3fa;
279 border-color: #2a4b8d;
282 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
284 box-shadow: inset
0 0 0 1px #36c;
286 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
290 background-color: #fff;
291 border-color: #b77c79;
293 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
294 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
295 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
297 background-color: #ffffff;
299 border-color: #b32424;
302 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
304 box-shadow: inset
0 0 0 1px #d33;
306 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
308 background-color: #36c;
311 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
312 background-color: #447ff5;
313 border-color: #447ff5;
315 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
316 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
317 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
320 background-color: #2a4b8d;
321 border-color: #2a4b8d;
324 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
326 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
330 background-color: #36c;
333 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
334 background-color: #447ff5;
335 border-color: #447ff5;
337 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
338 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
339 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
340 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
342 background-color: #2a4b8d;
343 border-color: #2a4b8d;
346 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
348 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
350 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
352 background-color: #d33;
355 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
356 background-color: #ff4242;
357 border-color: #ff4242;
359 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
360 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
361 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
362 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
364 background-color: #b32424;
365 border-color: #b32424;
368 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
370 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
372 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
373 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
376 .oo-ui-clippableElement-clippable {
377 -webkit-box-sizing: border-box
;
378 -moz-box-sizing: border-box
;
379 box-sizing: border-box
;
381 .oo-ui-floatableElement-hidden {
384 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
385 .oo-ui-iconElement.oo-ui-iconElement-icon {
386 background-size: contain
;
387 background-position: center center
;
388 background-repeat: no-repeat
;
394 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
395 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
396 background-size: contain
;
397 background-position: center center
;
398 background-repeat: no-repeat
;
404 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
407 .oo-ui-pendingElement-pending {
408 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
412 margin-top: 1.640625em;
414 .oo-ui-fieldLayout:before
,
415 .oo-ui-fieldLayout:after {
419 .oo-ui-fieldLayout:after {
422 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
423 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
424 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
425 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
429 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
432 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
435 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
436 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
438 vertical-align: middle
;
440 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
441 display: inline-block
;
443 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
446 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
449 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
450 padding: 0.5em 0.75em;
453 .oo-ui-fieldLayout
.oo-ui-labelElement
,
454 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
455 margin-top: 1.171875em;
457 .oo-ui-fieldLayout:first-child
,
458 .oo-ui-fieldLayout
.oo-ui-labelElement:first-child
,
459 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline:first-child {
462 .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
463 padding-bottom: 0.3125em;
465 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
466 padding: 0.3125em 0.46875em;
468 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
469 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
472 padding-top: 0.3125em;
474 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
475 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
478 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
481 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
484 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
487 .oo-ui-fieldLayout-messages {
488 list-style: none none
;
489 margin: 0.25em 0 0 0.25em;
492 .oo-ui-fieldLayout-messages > li {
497 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
500 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
502 padding: 0.1em 0 0.1em 0.3125em;
504 vertical-align: middle
;
506 .oo-ui-actionFieldLayout {
509 .oo-ui-actionFieldLayout-input
,
510 .oo-ui-actionFieldLayout-button {
512 vertical-align: middle
;
514 .oo-ui-actionFieldLayout-input {
517 .oo-ui-actionFieldLayout-button {
521 .oo-ui-fieldsetLayout {
526 padding: 0.01px 0 0 0;
528 body:not
( :-moz-handler-blocked
) .oo-ui-fieldsetLayout
{
531 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
535 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
537 display: inline-table
;
538 box-sizing: border-box
;
544 .oo-ui-fieldsetLayout-group {
547 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
550 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
553 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
554 padding: 0.5em 0.75em;
557 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
558 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
561 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
562 margin-bottom: 0.56818em;
566 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
570 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
574 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
577 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
580 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
581 .oo-ui-formLayout + .oo-ui-formLayout {
587 .oo-ui-panelLayout-scrollable {
590 .oo-ui-panelLayout-expanded {
597 .oo-ui-panelLayout-padded {
600 .oo-ui-panelLayout-framed {
601 border: 1px solid
#a2a9b1;
603 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
605 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
608 .oo-ui-horizontalLayout > .oo-ui-widget {
609 display: inline-block
;
610 vertical-align: middle
;
612 .oo-ui-horizontalLayout > .oo-ui-layout {
613 display: inline-block
;
615 .oo-ui-horizontalLayout
> .oo-ui-layout
,
616 .oo-ui-horizontalLayout > .oo-ui-widget {
619 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
620 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
623 .oo-ui-horizontalLayout > .oo-ui-layout {
626 .oo-ui-optionWidget {
630 padding: 0.25em 0.5em;
632 .oo-ui-optionWidget.oo-ui-widget-enabled {
635 .oo-ui-optionWidget.oo-ui-widget-disabled {
638 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
641 text-overflow: ellipsis
;
644 .oo-ui-optionWidget .oo-ui-labelElement-label {
647 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
650 .oo-ui-optionWidget.oo-ui-widget-disabled {
653 .oo-ui-decoratedOptionWidget {
654 padding: 0.5em 2em 0.5em 3em;
656 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
657 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
660 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
661 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
665 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
668 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
671 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
672 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
675 .oo-ui-radioSelectWidget:focus {
678 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
681 .oo-ui-radioOptionWidget {
684 background-color: transparent
;
686 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
687 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
688 display: inline-block
;
689 vertical-align: middle
;
691 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
692 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
693 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
694 background-color: transparent
;
696 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
697 padding: 0.25em 0.25em 0.25em 0.46875em;
699 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
703 display: inline-block
;
706 display: inline-block
;
707 vertical-align: middle
;
710 .oo-ui-iconWidget.oo-ui-widget-disabled {
713 .oo-ui-indicatorWidget {
714 display: inline-block
;
715 vertical-align: middle
;
719 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
722 .oo-ui-buttonWidget {
725 .oo-ui-buttonWidget:last-child {
728 .oo-ui-buttonGroupWidget {
729 display: inline-block
;
736 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-active .oo-ui-buttonElement-button {
739 .oo-ui-buttonGroupWidget:last-child {
742 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
745 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
748 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
752 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
753 border-bottom-left-radius: 2px;
754 border-top-left-radius: 2px;
757 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
758 border-bottom-right-radius: 2px;
759 border-top-right-radius: 2px;
761 .oo-ui-buttonGroupWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
762 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
765 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
768 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
771 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
779 .oo-ui-popupWidget-popup {
784 .oo-ui-popupWidget-anchor {
788 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
794 background-repeat: no-repeat
;
796 .oo-ui-popupWidget-head {
797 -webkit-touch-callout: none
;
798 -webkit-user-select: none
;
799 -moz-user-select: none
;
800 -ms-user-select: none
;
803 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
806 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
810 .oo-ui-popupWidget-body {
814 .oo-ui-popupWidget-popup {
815 background-color: #fff;
816 border: 1px solid
#a2a9b1;
818 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
820 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
823 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
824 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
830 border-color: transparent
;
833 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
836 border-bottom-color: #888;
839 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
842 border-bottom-color: #fff;
845 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
846 -webkit-transition: width
100ms, height
100ms, left
100ms;
847 -moz-transition: width
100ms, height
100ms, left
100ms;
848 transition: width
100ms, height
100ms, left
100ms;
850 .oo-ui-popupWidget-head {
853 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
856 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
859 .oo-ui-popupWidget-body-padded {
862 .oo-ui-popupButtonWidget {
865 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
869 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
873 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
880 .oo-ui-inputWidget:last-child {
883 .oo-ui-buttonInputWidget
> button
,
884 .oo-ui-buttonInputWidget > input {
887 background-color: transparent
;
889 .oo-ui-checkboxInputWidget {
891 line-height: 1.5625em;
894 .oo-ui-checkboxInputWidget * {
896 vertical-align: middle
;
898 .oo-ui-checkboxInputWidget [type='checkbox'] {
907 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
908 background-color: #fff;
909 background-origin: border-box
;
910 background-position: center center
;
911 background-repeat: no-repeat
;
912 background-size: 0 0;
913 -webkit-box-sizing: border-box
;
914 -moz-box-sizing: border-box
;
915 box-sizing: border-box
;
920 border: 1px solid
#72777d;
923 .oo-ui-checkboxInputWidget [type='checkbox']:checked + span {
924 background-image: url
('themes/mediawiki/images/icons/check-invert.png');
925 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
926 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
927 background-image: -o-linear-gradient
(transparent
, transparent
), url
('themes/mediawiki/images/icons/check-invert.png');
928 background-size: 90% 90%;
930 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
931 background-color: #c8ccd1;
932 border-color: #c8ccd1;
934 .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
935 background-color: #c8ccd1;
936 border-color: #c8ccd1;
938 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
941 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
943 -webkit-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
944 -moz-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
945 transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
947 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:hover
+ span
,
948 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
951 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:active
+ span
,
952 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span {
953 background-color: #2a4b8d;
954 border-color: #2a4b8d;
955 box-shadow: inset
0 0 0 1px #2a4b8d;
957 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
959 box-shadow: inset
0 0 0 1px #36c;
961 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
962 background-color: #36c;
965 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:hover
+ span
,
966 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
967 background-color: #447ff5;
968 border-color: #447ff5;
970 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active
+ span
,
971 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active:hover
+ span
,
972 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span {
973 background-color: #2a4b8d;
974 border-color: #2a4b8d;
975 box-shadow: inset
0 0 0 1px #2a4b8d;
977 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
978 background-color: #36c;
980 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
982 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
985 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
988 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
991 .oo-ui-dropdownInputWidget {
993 vertical-align: middle
;
994 -webkit-box-sizing: border-box
;
995 -moz-box-sizing: border-box
;
996 box-sizing: border-box
;
1000 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
1001 .oo-ui-dropdownInputWidget select {
1004 .oo-ui-dropdownInputWidget select {
1007 -webkit-box-sizing: border-box
;
1008 -moz-box-sizing: border-box
;
1009 box-sizing: border-box
;
1011 .oo-ui-dropdownInputWidget select {
1012 background-color: #fff;
1015 font-family: inherit
;
1016 -webkit-box-sizing: border-box
;
1017 -moz-box-sizing: border-box
;
1018 box-sizing: border-box
;
1019 border: 1px solid
#a2a9b1;
1022 vertical-align: middle
;
1024 .oo-ui-dropdownInputWidget option {
1026 font-family: inherit
;
1030 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
1031 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1034 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1036 border-color: #c8ccd1;
1037 background-color: #eaecf0;
1039 .oo-ui-radioInputWidget {
1041 line-height: 1.5625em;
1042 white-space: nowrap
;
1044 .oo-ui-radioInputWidget * {
1046 vertical-align: middle
;
1048 .oo-ui-radioInputWidget [type='radio'] {
1057 .oo-ui-radioInputWidget [type='radio'] + span {
1058 background-color: #fff;
1061 -webkit-box-sizing: border-box
;
1062 -moz-box-sizing: border-box
;
1063 box-sizing: border-box
;
1066 border: 1px solid
#72777d;
1067 border-radius: 100%;
1069 .oo-ui-radioInputWidget [type='radio'] + span:before {
1076 border: 1px solid transparent
;
1077 border-radius: 100%;
1079 .oo-ui-radioInputWidget [type='radio']:checked + span {
1080 border-width: 0.390625em;
1082 .oo-ui-radioInputWidget
[type
='radio']:checked:hover
+ span
,
1083 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1084 border-width: 0.390625em;
1086 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1087 background-color: #c8ccd1;
1088 border-color: #c8ccd1;
1090 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1091 background-color: #fff;
1093 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1096 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1098 -webkit-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1099 -moz-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1100 transition: background-color
100ms, border-color
100ms, border-width
100ms;
1102 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1105 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1106 background-color: #2a4b8d;
1107 border-color: #2a4b8d;
1109 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1112 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1113 border-color: #447ff5;
1115 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
1116 border-color: #447ff5;
1117 box-shadow: inset
0 0 0 1px #447ff5;
1119 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span
,
1120 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
1121 border-color: #2a4b8d;
1122 box-shadow: inset
0 0 0 1px #2a4b8d;
1124 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span:before
,
1125 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span:before {
1126 border-color: #2a4b8d;
1128 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span {
1129 box-shadow: inset
0 0 0 1px #36c;
1131 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1138 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1141 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1144 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1147 .oo-ui-textInputWidget {
1149 vertical-align: middle
;
1150 -webkit-box-sizing: border-box
;
1151 -moz-box-sizing: border-box
;
1152 box-sizing: border-box
;
1156 .oo-ui-textInputWidget input
,
1157 .oo-ui-textInputWidget textarea {
1160 -webkit-box-sizing: border-box
;
1161 -moz-box-sizing: border-box
;
1162 box-sizing: border-box
;
1164 .oo-ui-textInputWidget textarea {
1168 .oo-ui-textInputWidget [type='number'] {
1169 -moz-appearance: textfield
;
1171 .oo-ui-textInputWidget
[type
='number']::-webkit-outer-spin-button
,
1172 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1173 -webkit-appearance: none
;
1176 .oo-ui-textInputWidget [type='search'] {
1177 -webkit-appearance: textfield
;
1179 .oo-ui-textInputWidget [type='search']::-ms-clear {
1182 .oo-ui-textInputWidget
[type
='search']::-webkit-search-decoration
,
1183 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1186 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1187 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1188 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1191 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1192 .oo-ui-textInputWidget
.oo-ui-indicatorElement
> .oo-ui-indicatorElement-indicator
,
1193 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1198 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1199 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1201 -webkit-touch-callout: none
;
1202 -webkit-user-select: none
;
1203 -moz-user-select: none
;
1204 -ms-user-select: none
;
1207 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1208 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1211 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1212 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1215 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1216 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-indicatorElement-indicator
,
1217 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-labelElement-label {
1220 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1223 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1224 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
1225 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1226 -webkit-touch-callout: none
;
1227 -webkit-user-select: none
;
1228 -moz-user-select: none
;
1229 -ms-user-select: none
;
1232 .oo-ui-textInputWidget input
,
1233 .oo-ui-textInputWidget textarea {
1235 font-family: inherit
;
1236 background-color: #fff;
1238 border: 1px solid
#a2a9b1;
1241 .oo-ui-textInputWidget input {
1242 padding: 0.625em 0.546875em 0.546875em;
1243 line-height: 1.172em;
1245 .oo-ui-textInputWidget textarea {
1246 padding: 0.46875em 0.546875em 0.546875em;
1249 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1250 background-color: transparent
;
1252 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1253 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1254 box-shadow: inset
0 0 0 0.1em #fff;
1255 -webkit-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1256 -moz-transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1257 transition: border-color
200ms cubic-bezier
(0.39, 0.575, 0.565, 1), box-shadow
200ms cubic-bezier
(0.39, 0.575, 0.565, 1);
1259 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:hover
,
1260 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
1261 border-color: #72777d;
1263 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1264 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1267 box-shadow: inset
0 0 0 1px #36c;
1269 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1270 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1273 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:hover
,
1274 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover {
1275 border-color: #c8ccd1;
1277 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1278 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1279 border-color: #c8ccd1;
1280 box-shadow: inset
0 0 0 1px #c8ccd1;
1282 .oo-ui-textInputWidget.oo-ui-widget-enabled :-moz-placeholder {
1286 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-moz-placeholder {
1290 .oo-ui-textInputWidget.oo-ui-widget-enabled :-ms-input-placeholder {
1293 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-webkit-input-placeholder {
1296 .oo-ui-textInputWidget.oo-ui-widget-enabled :placeholder-shown {
1299 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1300 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1303 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:hover
,
1304 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover {
1307 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1308 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1310 box-shadow: inset
0 0 0 0.1em #f00;
1312 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1313 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1314 padding-left: 2.65625em;
1316 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1320 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1321 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1322 padding-right: 2.4875em;
1324 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1328 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1331 border: 1px solid transparent
;
1332 border-width: 1px 0;
1333 padding: 0.625em 0 0.546875em;
1334 line-height: 1.172em;
1336 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1339 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1342 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1343 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1344 background-color: #eaecf0;
1346 text-shadow: 0 1px 1px #fff;
1347 border-color: #c8ccd1;
1349 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1350 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1353 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1355 text-shadow: 0 1px 1px #fff;
1357 .oo-ui-menuSelectWidget {
1361 background-color: #fff;
1363 border: 1px solid
#a2a9b1;
1364 border-radius: 0 0 2px 2px;
1365 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1367 .oo-ui-menuSelectWidget input {
1374 .oo-ui-menuOptionWidget {
1377 -webkit-transition: background-color
100ms, color
100ms;
1378 -moz-transition: background-color
100ms, color
100ms;
1379 transition: background-color
100ms, color
100ms;
1381 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1384 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1387 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1388 background-color: #eaecf0;
1391 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1392 background-color: #eaf3ff;
1395 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1398 .oo-ui-menuOptionWidget
.oo-ui-optionWidget-selected
.oo-ui-menuOptionWidget
.oo-ui-optionWidget-highlighted
,
1399 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1400 background-color: rgba
(41, 98, 204, 0.1);
1403 .oo-ui-menuSectionOptionWidget {
1406 padding: 0.33em 0.75em;
1408 .oo-ui-dropdownWidget {
1409 display: inline-block
;
1413 margin-right: 0.5em;
1415 .oo-ui-dropdownWidget-handle {
1418 white-space: nowrap
;
1420 text-overflow: ellipsis
;
1422 -webkit-touch-callout: none
;
1423 -webkit-user-select: none
;
1424 -moz-user-select: none
;
1425 -ms-user-select: none
;
1427 -webkit-box-sizing: border-box
;
1428 -moz-box-sizing: border-box
;
1429 box-sizing: border-box
;
1431 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1432 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1435 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1438 .oo-ui-dropdownWidget:last-child {
1441 .oo-ui-dropdownWidget-handle {
1442 padding: 0.546875em 0;
1445 border: 1px solid
#a2a9b1;
1448 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1453 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1458 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1461 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1462 background-color: #f8f9fa;
1464 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1465 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1466 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1468 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1469 background-color: #fff;
1471 border-color: #a2a9b1;
1473 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle:hover
.oo-ui-iconElement-icon
,
1474 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1477 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
1479 border-color: #72777d;
1481 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1484 box-shadow: inset
0 0 0 1px #36c;
1486 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1487 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1489 -webkit-transition: opacity
100ms;
1490 -moz-transition: opacity
100ms;
1491 transition: opacity
100ms;
1493 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1494 background-color: #fff;
1496 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-open
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1497 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1500 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1502 text-shadow: 0 1px 1px #fff;
1503 border-color: #c8ccd1;
1504 background-color: #eaecf0;
1506 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1509 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1512 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1515 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1518 .oo-ui-comboBoxInputWidget {
1519 display: inline-block
;
1522 .oo-ui-comboBoxInputWidget-field {
1525 table-layout: fixed
;
1527 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1528 display: table-cell
;
1529 vertical-align: middle
;
1533 .oo-ui-comboBoxInputWidget-dropdownButton {
1534 display: table-cell
;
1536 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1538 -webkit-box-sizing: border-box
;
1539 -moz-box-sizing: border-box
;
1540 box-sizing: border-box
;
1543 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1546 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1555 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1556 pointer-events: none
;
1558 .oo-ui-comboBoxInputWidget input
,
1559 .oo-ui-comboBoxInputWidget textarea {
1561 border-top-right-radius: 0;
1562 border-bottom-right-radius: 0;
1563 border-right-width: 0;
1565 .oo-ui-comboBoxInputWidget-dropdownButton {
1568 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button {
1570 padding: 0.546875em;
1572 .oo-ui-comboBoxInputWidget-dropdownButton
.oo-ui-buttonElement-button
,
1573 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus {
1574 border-top-left-radius: 0;
1575 border-bottom-left-radius: 0;
1577 .oo-ui-comboBoxInputWidget
.oo-ui-comboBoxInputWidget-empty input
,
1578 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty textarea {
1579 border-right-width: 1px;
1581 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1584 .oo-ui-multioptionWidget {
1588 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1591 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1594 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1596 white-space: nowrap
;
1597 text-overflow: ellipsis
;
1600 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1603 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1606 .oo-ui-checkboxMultioptionWidget {
1610 .oo-ui-checkboxMultioptionWidget
.oo-ui-checkboxInputWidget
,
1611 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1612 display: inline-block
;
1613 vertical-align: middle
;
1615 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1616 padding: 0.25em 0.25em 0.25em 0.46875em;
1618 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1621 .oo-ui-progressBarWidget {
1623 background-color: #fff;
1624 border: 1px solid
#a2a9b1;
1628 .oo-ui-progressBarWidget-bar {
1629 background-color: #36c;
1631 -webkit-transition: width
200ms, margin-left
200ms;
1632 -moz-transition: width
200ms, margin-left
200ms;
1633 transition: width
200ms, margin-left
200ms;
1635 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1636 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1637 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1638 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1641 border-left-width: 1px;
1643 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1646 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
1654 @-moz-keyframes oo-ui-progressBarWidget-slide
{
1662 @keyframes oo-ui-progressBarWidget-slide
{