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-11-09T00:52:42Z
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 {
123 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
126 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
129 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
130 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
134 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
137 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
140 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
141 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
145 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .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:hover > .oo-ui-labelElement-label {
151 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
156 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
157 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
160 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
161 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
164 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
167 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
168 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
171 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
172 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
175 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
176 padding: 0.546875em 1em;
182 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
183 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
186 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
191 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
194 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
195 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
196 margin-left: 0.46875em;
197 margin-right: -0.275em;
199 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
203 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
204 background-color: #c8ccd1;
206 border: 1px solid
#c8ccd1;
208 .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
209 border-left-color: #fff;
211 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
212 background-color: #f8f9fa;
214 border: 1px solid
#a2a9b1;
216 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
217 background-color: #fff;
219 border-color: #a2a9b1;
221 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
223 box-shadow: inset
0 0 0 1px #36c;
225 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
226 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
227 background-color: #d9d9d9;
229 border-color: #72777d;
231 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
232 background-color: #2a4b8d;
234 border-color: #2a4b8d;
236 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
238 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
240 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
244 background-color: #fff;
245 border-color: #859dcc;
247 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
248 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
249 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
250 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
251 background-color: #eff3fa;
253 border-color: #2a4b8d;
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
258 box-shadow: inset
0 0 0 1px #36c;
260 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
263 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
264 background-color: #fff;
265 border-color: #859dcc;
267 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
268 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
269 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
270 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
271 background-color: #eff3fa;
273 border-color: #2a4b8d;
276 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
278 box-shadow: inset
0 0 0 1px #36c;
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
284 background-color: #fff;
285 border-color: #b77c79;
287 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
288 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
289 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
291 background-color: #fbf4f4;
293 border-color: #873636;
296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
298 box-shadow: inset
0 0 0 1px #c33;
300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
302 background-color: #36c;
305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
306 background-color: #447ff5;
307 border-color: #447ff5;
309 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
310 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
311 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
312 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
314 background-color: #2a4b8d;
315 border-color: #2a4b8d;
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
320 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
322 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
324 background-color: #36c;
327 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
328 background-color: #447ff5;
329 border-color: #447ff5;
331 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
332 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
333 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
334 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
336 background-color: #2a4b8d;
337 border-color: #2a4b8d;
340 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
342 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
344 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
346 background-color: #c33;
349 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
350 background-color: #e53939;
351 border-color: #e53939;
353 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
354 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
355 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
356 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
358 background-color: #873636;
359 border-color: #873636;
362 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
364 box-shadow: inset
0 0 0 1px #c33, inset
0 0 0 2px #fff;
366 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
367 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
370 .oo-ui-clippableElement-clippable {
371 -webkit-box-sizing: border-box
;
372 -moz-box-sizing: border-box
;
373 box-sizing: border-box
;
375 .oo-ui-floatableElement-hidden {
378 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
379 .oo-ui-iconElement.oo-ui-iconElement-icon {
380 background-size: contain
;
381 background-position: center center
;
382 background-repeat: no-repeat
;
388 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
389 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
390 background-size: contain
;
391 background-position: center center
;
392 background-repeat: no-repeat
;
398 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
401 .oo-ui-pendingElement-pending {
402 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
408 .oo-ui-fieldLayout:before
,
409 .oo-ui-fieldLayout:after {
413 .oo-ui-fieldLayout:after {
416 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
417 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .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 {
423 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
426 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
429 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
430 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
432 vertical-align: middle
;
434 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
435 display: inline-block
;
437 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
440 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
443 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
444 padding: 0.5em 0.75em;
447 .oo-ui-fieldLayout:last-child {
450 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
451 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
456 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
457 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
461 margin-bottom: 1.25em;
463 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
464 padding: 0.25em 0.25em 0.25em 0.5em;
466 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
468 padding-bottom: 0.5em;
470 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
473 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
476 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
479 .oo-ui-fieldLayout-messages {
480 list-style: none none
;
481 margin: 0.25em 0 0 0.25em;
484 .oo-ui-fieldLayout-messages > li {
489 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
491 border-right: 0.5em solid transparent
;
493 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
497 vertical-align: middle
;
499 .oo-ui-actionFieldLayout {
502 .oo-ui-actionFieldLayout-input
,
503 .oo-ui-actionFieldLayout-button {
505 vertical-align: middle
;
507 .oo-ui-actionFieldLayout-input {
510 .oo-ui-actionFieldLayout-button {
514 .oo-ui-fieldsetLayout {
519 padding: 0.01px 0 0 0;
521 body:not
( :-moz-handler-blocked
) .oo-ui-fieldsetLayout
{
524 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
528 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
530 display: inline-table
;
531 box-sizing: border-box
;
537 .oo-ui-fieldsetLayout-group {
540 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
543 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
546 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
547 padding: 0.5em 0.75em;
550 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
551 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
554 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
555 margin-bottom: 0.5em;
559 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
563 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
567 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
570 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
573 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
574 .oo-ui-formLayout + .oo-ui-formLayout {
580 .oo-ui-panelLayout-scrollable {
583 .oo-ui-panelLayout-expanded {
590 .oo-ui-panelLayout-padded {
593 .oo-ui-panelLayout-framed {
594 border: 1px solid
#a2a9b1;
596 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
598 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
601 .oo-ui-horizontalLayout > .oo-ui-widget {
602 display: inline-block
;
603 vertical-align: middle
;
605 .oo-ui-horizontalLayout > .oo-ui-layout {
606 display: inline-block
;
608 .oo-ui-horizontalLayout
> .oo-ui-layout
,
609 .oo-ui-horizontalLayout > .oo-ui-widget {
612 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
613 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
616 .oo-ui-horizontalLayout > .oo-ui-layout {
619 .oo-ui-optionWidget {
623 padding: 0.25em 0.5em;
625 .oo-ui-optionWidget.oo-ui-widget-enabled {
628 .oo-ui-optionWidget.oo-ui-widget-disabled {
631 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
634 text-overflow: ellipsis
;
637 .oo-ui-optionWidget .oo-ui-labelElement-label {
640 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
643 .oo-ui-optionWidget.oo-ui-widget-disabled {
646 .oo-ui-decoratedOptionWidget {
647 padding: 0.5em 2em 0.5em 3em;
649 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
650 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
653 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
654 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
658 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
661 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
664 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
665 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
668 .oo-ui-radioSelectWidget:focus {
671 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
674 .oo-ui-radioOptionWidget {
677 background-color: transparent
;
679 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
680 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
681 display: inline-block
;
682 vertical-align: middle
;
684 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
685 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
686 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
687 background-color: transparent
;
689 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
690 padding: 0.25em 0.25em 0.25em 0.5em;
692 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
696 display: inline-block
;
699 display: inline-block
;
700 vertical-align: middle
;
703 .oo-ui-iconWidget.oo-ui-widget-disabled {
706 .oo-ui-indicatorWidget {
707 display: inline-block
;
708 vertical-align: middle
;
712 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
715 .oo-ui-buttonWidget {
718 .oo-ui-buttonWidget:last-child {
721 .oo-ui-buttonGroupWidget {
722 display: inline-block
;
729 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-active .oo-ui-buttonElement-button {
732 .oo-ui-buttonGroupWidget:last-child {
735 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
738 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
741 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
745 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
746 border-bottom-left-radius: 2px;
747 border-top-left-radius: 2px;
750 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
751 border-bottom-right-radius: 2px;
752 border-top-right-radius: 2px;
754 .oo-ui-buttonGroupWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
755 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
758 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
761 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
764 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
772 .oo-ui-popupWidget-popup {
777 .oo-ui-popupWidget-anchor {
781 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
787 background-repeat: no-repeat
;
789 .oo-ui-popupWidget-head {
790 -webkit-touch-callout: none
;
791 -webkit-user-select: none
;
792 -moz-user-select: none
;
793 -ms-user-select: none
;
796 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
799 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
803 .oo-ui-popupWidget-body {
807 .oo-ui-popupWidget-popup {
808 background-color: #fff;
809 border: 1px solid
#a2a9b1;
811 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
813 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
816 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
817 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
823 border-color: transparent
;
826 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
829 border-bottom-color: #888;
832 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
835 border-bottom-color: #fff;
838 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
839 -webkit-transition: width
100ms, height
100ms, left
100ms;
840 -moz-transition: width
100ms, height
100ms, left
100ms;
841 transition: width
100ms, height
100ms, left
100ms;
843 .oo-ui-popupWidget-head {
846 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
849 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
852 .oo-ui-popupWidget-body-padded {
855 .oo-ui-popupButtonWidget {
858 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
862 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
866 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
873 .oo-ui-inputWidget:last-child {
876 .oo-ui-buttonInputWidget
> button
,
877 .oo-ui-buttonInputWidget > input {
880 background-color: transparent
;
882 .oo-ui-checkboxInputWidget {
887 .oo-ui-checkboxInputWidget * {
889 vertical-align: middle
;
891 .oo-ui-checkboxInputWidget [type='checkbox'] {
900 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
901 background-color: #fff;
902 background-origin: border-box
;
903 background-position: center center
;
904 background-repeat: no-repeat
;
905 background-size: 0 0;
906 -webkit-box-sizing: border-box
;
907 -moz-box-sizing: border-box
;
908 box-sizing: border-box
;
913 border: 1px solid
#72777d;
916 .oo-ui-checkboxInputWidget [type='checkbox']:checked + span {
917 background-image: url
('themes/mediawiki/images/icons/check-invert.png');
918 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
919 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
920 background-image: -o-linear-gradient
(transparent
, transparent
), url
('themes/mediawiki/images/icons/check-invert.png');
921 background-size: 90% 90%;
923 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
924 background-color: #c8ccd1;
925 border-color: #c8ccd1;
927 .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
928 background-color: #c8ccd1;
929 border-color: #c8ccd1;
931 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
934 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
936 -webkit-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
937 -moz-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
938 transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
940 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:hover
+ span
,
941 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
944 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:active
+ span
,
945 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span {
946 background-color: #2a4b8d;
947 border-color: #2a4b8d;
948 box-shadow: inset
0 0 0 1px #2a4b8d;
950 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
952 box-shadow: inset
0 0 0 1px #36c;
954 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
955 background-color: #36c;
958 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:hover
+ span
,
959 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
960 background-color: #447ff5;
961 border-color: #447ff5;
963 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active
+ span
,
964 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active:hover
+ span
,
965 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span {
966 background-color: #2a4b8d;
967 border-color: #2a4b8d;
968 box-shadow: inset
0 0 0 1px #2a4b8d;
970 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
971 background-color: #36c;
973 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
975 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
978 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
981 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
984 .oo-ui-dropdownInputWidget {
986 vertical-align: middle
;
987 -webkit-box-sizing: border-box
;
988 -moz-box-sizing: border-box
;
989 box-sizing: border-box
;
993 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
994 .oo-ui-dropdownInputWidget select {
997 .oo-ui-dropdownInputWidget select {
1000 -webkit-box-sizing: border-box
;
1001 -moz-box-sizing: border-box
;
1002 box-sizing: border-box
;
1004 .oo-ui-dropdownInputWidget select {
1005 background-color: #fff;
1008 font-family: inherit
;
1009 -webkit-box-sizing: border-box
;
1010 -moz-box-sizing: border-box
;
1011 box-sizing: border-box
;
1012 border: 1px solid
#a2a9b1;
1015 vertical-align: middle
;
1017 .oo-ui-dropdownInputWidget option {
1019 font-family: inherit
;
1023 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
1024 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1027 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1029 border-color: #c8ccd1;
1030 background-color: #eaecf0;
1032 .oo-ui-radioInputWidget {
1035 white-space: nowrap
;
1037 .oo-ui-radioInputWidget * {
1039 vertical-align: middle
;
1041 .oo-ui-radioInputWidget [type='radio'] {
1050 .oo-ui-radioInputWidget [type='radio'] + span {
1051 background-color: #fff;
1054 -webkit-box-sizing: border-box
;
1055 -moz-box-sizing: border-box
;
1056 box-sizing: border-box
;
1059 border: 1px solid
#72777d;
1060 border-radius: 100%;
1062 .oo-ui-radioInputWidget [type='radio'] + span:before {
1069 border: 1px solid transparent
;
1070 border-radius: 100%;
1072 .oo-ui-radioInputWidget [type='radio']:checked + span {
1073 border-width: 0.4em;
1075 .oo-ui-radioInputWidget
[type
='radio']:checked:hover
+ span
,
1076 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1077 border-width: 0.4em;
1079 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1080 background-color: #c8ccd1;
1081 border-color: #c8ccd1;
1083 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1084 background-color: #fff;
1086 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1089 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1091 -webkit-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1092 -moz-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1093 transition: background-color
100ms, border-color
100ms, border-width
100ms;
1095 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1098 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1099 background-color: #2a4b8d;
1100 border-color: #2a4b8d;
1102 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1105 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1106 border-color: #447ff5;
1108 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
1109 border-color: #447ff5;
1110 box-shadow: inset
0 0 0 1px #447ff5;
1112 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span
,
1113 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
1114 border-color: #2a4b8d;
1115 box-shadow: inset
0 0 0 1px #2a4b8d;
1117 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span:before
,
1118 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span:before {
1119 border-color: #2a4b8d;
1121 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span {
1122 box-shadow: inset
0 0 0 1px #36c;
1124 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1131 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1134 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1137 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1140 .oo-ui-textInputWidget {
1142 vertical-align: middle
;
1143 -webkit-box-sizing: border-box
;
1144 -moz-box-sizing: border-box
;
1145 box-sizing: border-box
;
1149 .oo-ui-textInputWidget input
,
1150 .oo-ui-textInputWidget textarea {
1153 -webkit-box-sizing: border-box
;
1154 -moz-box-sizing: border-box
;
1155 box-sizing: border-box
;
1157 .oo-ui-textInputWidget textarea {
1161 .oo-ui-textInputWidget [type='number'] {
1162 -moz-appearance: textfield
;
1164 .oo-ui-textInputWidget
[type
='number']::-webkit-outer-spin-button
,
1165 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1166 -webkit-appearance: none
;
1169 .oo-ui-textInputWidget [type='search'] {
1170 -webkit-appearance: textfield
;
1172 .oo-ui-textInputWidget [type='search']::-ms-clear {
1175 .oo-ui-textInputWidget
[type
='search']::-webkit-search-decoration
,
1176 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1179 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1180 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1181 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1184 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1185 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1190 -webkit-touch-callout: none
;
1191 -webkit-user-select: none
;
1192 -moz-user-select: none
;
1193 -ms-user-select: none
;
1196 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1197 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1200 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1203 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1204 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1205 -webkit-touch-callout: none
;
1206 -webkit-user-select: none
;
1207 -moz-user-select: none
;
1208 -ms-user-select: none
;
1211 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1212 -webkit-touch-callout: none
;
1213 -webkit-user-select: none
;
1214 -moz-user-select: none
;
1215 -ms-user-select: none
;
1218 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1221 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1222 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1225 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1226 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1229 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1233 .oo-ui-textInputWidget input
,
1234 .oo-ui-textInputWidget textarea {
1237 font-family: inherit
;
1238 background-color: #fff;
1240 border: 1px solid
#a2a9b1;
1242 padding: 0.625em 0.546875em 0.546875em;
1244 .oo-ui-textInputWidget input {
1245 line-height: 1.172em;
1247 .oo-ui-textInputWidget textarea {
1250 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1251 background-color: transparent
;
1253 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1254 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1255 box-shadow: inset
0 0 0 0.1em #fff;
1256 -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);
1257 -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);
1258 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);
1260 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:hover
,
1261 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
1262 border-color: #72777d;
1264 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1265 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1268 box-shadow: inset
0 0 0 1px #36c;
1270 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1271 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1274 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:hover
,
1275 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover {
1276 border-color: #c8ccd1;
1278 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1279 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1280 border-color: #c8ccd1;
1281 box-shadow: inset
0 0 0 1px #c8ccd1;
1283 .oo-ui-textInputWidget.oo-ui-widget-enabled :-moz-placeholder {
1287 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-moz-placeholder {
1291 .oo-ui-textInputWidget.oo-ui-widget-enabled :-ms-input-placeholder {
1294 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-webkit-input-placeholder {
1297 .oo-ui-textInputWidget.oo-ui-widget-enabled :placeholder-shown {
1300 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1301 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1304 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:hover
,
1305 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover {
1308 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1309 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1311 box-shadow: inset
0 0 0 0.1em #f00;
1313 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1314 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1315 background-color: #eaecf0;
1317 text-shadow: 0 1px 1px #fff;
1318 border-color: #c8ccd1;
1320 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1321 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1324 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1326 text-shadow: 0 1px 1px #fff;
1328 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1329 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1330 padding-left: 2.875em;
1332 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1335 max-height: 2.375em;
1337 background-position: right center
;
1339 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1340 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1341 padding-right: 2.4875em;
1343 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1345 max-height: 2.375em;
1348 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1353 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1354 margin-right: 2.0875em;
1356 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1357 margin-left: 2.475em;
1359 .oo-ui-menuSelectWidget {
1363 background-color: #fff;
1365 border: 1px solid
#a2a9b1;
1366 border-radius: 0 0 2px 2px;
1367 box-shadow: 0 0.15em 0 0 rgba
(0, 0, 0, 0.15);
1369 .oo-ui-menuSelectWidget input {
1376 .oo-ui-menuOptionWidget {
1379 -webkit-transition: background-color
100ms, color
100ms;
1380 -moz-transition: background-color
100ms, color
100ms;
1381 transition: background-color
100ms, color
100ms;
1383 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1386 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1389 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1390 background-color: #eaecf0;
1393 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1394 background-color: #eaf3ff;
1397 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1400 .oo-ui-menuOptionWidget
.oo-ui-optionWidget-selected
.oo-ui-menuOptionWidget
.oo-ui-optionWidget-highlighted
,
1401 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1402 background-color: rgba
(41, 98, 204, 0.1);
1405 .oo-ui-menuSectionOptionWidget {
1408 padding: 0.33em 0.75em;
1410 .oo-ui-dropdownWidget {
1411 display: inline-block
;
1415 margin-right: 0.5em;
1417 .oo-ui-dropdownWidget-handle {
1420 white-space: nowrap
;
1422 text-overflow: ellipsis
;
1424 -webkit-touch-callout: none
;
1425 -webkit-user-select: none
;
1426 -moz-user-select: none
;
1427 -ms-user-select: none
;
1429 -webkit-box-sizing: border-box
;
1430 -moz-box-sizing: border-box
;
1431 box-sizing: border-box
;
1433 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1434 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1437 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1440 .oo-ui-dropdownWidget:last-child {
1443 .oo-ui-dropdownWidget-handle {
1444 padding: 0.546875em 0;
1447 border: 1px solid
#a2a9b1;
1450 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1455 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1460 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1463 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1464 background-color: #f8f9fa;
1466 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1467 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1468 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1470 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1471 background-color: #fff;
1472 border-color: #a2a9b1;
1474 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle:hover
.oo-ui-iconElement-icon
,
1475 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1478 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1481 box-shadow: inset
0 0 0 1px #36c;
1483 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1484 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1486 -webkit-transition: opacity
100ms;
1487 -moz-transition: opacity
100ms;
1488 transition: opacity
100ms;
1490 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1491 background-color: #fff;
1493 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-open
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1494 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1497 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1499 text-shadow: 0 1px 1px #fff;
1500 border-color: #c8ccd1;
1501 background-color: #eaecf0;
1503 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1506 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1509 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1512 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1515 .oo-ui-comboBoxInputWidget {
1516 display: inline-block
;
1519 .oo-ui-comboBoxInputWidget-field {
1522 table-layout: fixed
;
1524 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1525 display: table-cell
;
1526 vertical-align: middle
;
1530 .oo-ui-comboBoxInputWidget-dropdownButton {
1531 display: table-cell
;
1533 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1535 -webkit-box-sizing: border-box
;
1536 -moz-box-sizing: border-box
;
1537 box-sizing: border-box
;
1540 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1543 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1552 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1553 pointer-events: none
;
1555 .oo-ui-comboBoxInputWidget input
,
1556 .oo-ui-comboBoxInputWidget textarea {
1558 border-top-right-radius: 0;
1559 border-bottom-right-radius: 0;
1560 border-right-width: 0;
1562 .oo-ui-comboBoxInputWidget-dropdownButton {
1565 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button {
1567 padding: 0.546875em;
1569 .oo-ui-comboBoxInputWidget-dropdownButton
.oo-ui-buttonElement-button
,
1570 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button:focus {
1571 border-top-left-radius: 0;
1572 border-bottom-left-radius: 0;
1574 .oo-ui-comboBoxInputWidget
.oo-ui-comboBoxInputWidget-empty input
,
1575 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty textarea {
1576 border-right-width: 1px;
1578 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1581 .oo-ui-multioptionWidget {
1585 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1588 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1591 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1593 white-space: nowrap
;
1594 text-overflow: ellipsis
;
1597 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1600 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1603 .oo-ui-checkboxMultioptionWidget {
1607 .oo-ui-checkboxMultioptionWidget
.oo-ui-checkboxInputWidget
,
1608 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1609 display: inline-block
;
1610 vertical-align: middle
;
1612 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1613 padding: 0.25em 0.25em 0.25em 0.5em;
1615 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1618 .oo-ui-progressBarWidget {
1620 background-color: #fff;
1621 border: 1px solid
#a2a9b1;
1625 .oo-ui-progressBarWidget-bar {
1626 background-color: #36c;
1628 -webkit-transition: width
200ms, margin-left
200ms;
1629 -moz-transition: width
200ms, margin-left
200ms;
1630 transition: width
200ms, margin-left
200ms;
1632 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1633 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1634 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1635 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1638 border-left-width: 1px;
1640 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1643 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
1651 @-moz-keyframes oo-ui-progressBarWidget-slide
{
1659 @keyframes oo-ui-progressBarWidget-slide
{