3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2017 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2017-04-26T01:05:15Z
11 .oo-ui-element-hidden {
12 display: none
!important
;
14 .oo-ui-buttonElement {
15 display: inline-block
;
17 vertical-align: middle
;
19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
21 display: inline-block
;
22 -webkit-box-sizing: border-box
;
23 -moz-box-sizing: border-box
;
24 box-sizing: border-box
;
25 vertical-align: middle
;
29 -webkit-touch-callout: none
;
30 -webkit-user-select: none
;
31 -moz-user-select: none
;
32 -ms-user-select: none
;
35 .oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner {
36 border-color: transparent
;
39 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
40 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
43 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
46 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
47 .oo-ui-buttonElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
48 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
49 display: inline-block
;
50 vertical-align: middle
;
52 .oo-ui-buttonElement-frameless {
55 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
59 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
62 text-decoration: none
;
64 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
67 .oo-ui-buttonElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
68 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
73 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
76 .oo-ui-buttonElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
77 .oo-ui-buttonElement > input.oo-ui-buttonElement-button {
80 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
83 .oo-ui-buttonElement.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
84 padding-left: 2.03125em;
86 .oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
89 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
92 .oo-ui-buttonElement
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
93 .oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
96 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
97 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
98 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
99 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
101 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
102 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
104 -webkit-transition: opacity
100ms;
105 -moz-transition: opacity
100ms;
106 transition: opacity
100ms;
108 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
109 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
112 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
113 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
116 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
117 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
120 .oo-ui-buttonElement
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
121 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
124 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button {
127 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
131 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
134 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
137 border-color: transparent
;
142 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
144 min-height: 0.9375em;
146 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
149 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
153 box-shadow: 0 0 0 2px #36c;
155 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active {
160 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
166 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
167 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
168 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
172 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
175 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
178 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
179 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
180 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
184 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
187 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
190 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
191 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
192 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
196 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
197 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
200 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
201 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
204 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
207 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
208 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
211 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
213 padding-left: 0.9375em;
214 padding-right: 0.9375em;
216 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button {
217 padding-top: 2.34375em;
219 padding-left: 2.03125em;
221 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
224 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
225 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
228 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
229 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
232 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
233 padding-top: 2.34375em;
234 padding-right: 2.03125em;
237 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
240 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
241 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
242 padding-right: 2.5em;
244 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
245 padding-top: 0.625em;
246 padding-bottom: 0.546875em;
248 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
249 background-color: #c8ccd1;
251 border: 1px solid
#c8ccd1;
253 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
254 background-color: #f8f9fa;
256 border: 1px solid
#a2a9b1;
258 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
259 background-color: #fff;
261 border-color: #a2a9b1;
263 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
265 box-shadow: inset
0 0 0 1px #36c;
267 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
268 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active:focus
,
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
270 background-color: #c8ccd1;
272 border-color: #72777d;
275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
276 background-color: #2a4b8d;
278 border-color: #2a4b8d;
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
282 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
287 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
288 background-color: #fff;
289 border-color: #447ff5;
291 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
292 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
293 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
294 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
295 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
296 background-color: #eff3fa;
298 border-color: #2a4b8d;
301 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
303 box-shadow: inset
0 0 0 1px #36c;
306 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
310 background-color: #fff;
311 border-color: #447ff5;
313 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
314 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
315 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
316 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
318 background-color: #eff3fa;
320 border-color: #2a4b8d;
323 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
325 box-shadow: inset
0 0 0 1px #36c;
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
331 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
332 background-color: #fff;
333 border-color: #ff4242;
335 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
336 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
337 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
338 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
339 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
340 background-color: #ffffff;
342 border-color: #b32424;
345 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
347 box-shadow: inset
0 0 0 1px #d33;
350 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
352 background-color: #36c;
355 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
356 background-color: #447ff5;
357 border-color: #447ff5;
359 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
360 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
361 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
362 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
365 background-color: #2a4b8d;
366 border-color: #2a4b8d;
369 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
371 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
374 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
376 background-color: #36c;
379 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
380 background-color: #447ff5;
381 border-color: #447ff5;
383 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active
,
384 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:active:focus
,
385 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
386 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
387 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
389 background-color: #2a4b8d;
390 border-color: #2a4b8d;
393 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
395 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
398 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
400 background-color: #d33;
403 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
404 background-color: #ff4242;
405 border-color: #ff4242;
407 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
408 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
409 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
410 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
411 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
413 background-color: #b32424;
414 border-color: #b32424;
417 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
419 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
422 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
423 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
426 .oo-ui-clippableElement-clippable {
427 -webkit-box-sizing: border-box
;
428 -moz-box-sizing: border-box
;
429 box-sizing: border-box
;
432 .oo-ui-floatableElement {
435 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
436 .oo-ui-iconElement.oo-ui-iconElement-icon {
437 background-size: contain
;
438 background-position: center center
;
439 background-repeat: no-repeat
;
445 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
446 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
447 background-size: contain
;
448 background-position: center center
;
449 background-repeat: no-repeat
;
455 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
458 .oo-ui-pendingElement-pending {
459 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
463 margin-top: 1.640625em;
465 .oo-ui-fieldLayout:before
,
466 .oo-ui-fieldLayout:after {
470 .oo-ui-fieldLayout:after {
473 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
474 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
475 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
476 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
477 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
478 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
482 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
485 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
489 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
490 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
492 vertical-align: middle
;
494 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
497 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
498 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
501 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
504 .oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
507 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
.oo-ui-fieldLayout-help
,
508 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
511 .oo-ui-fieldLayout
.oo-ui-labelElement
,
512 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
513 margin-top: 1.171875em;
515 .oo-ui-fieldLayout:first-child
,
516 .oo-ui-fieldLayout
.oo-ui-labelElement:first-child
,
517 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline:first-child {
520 .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
521 padding-bottom: 0.3125em;
523 .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
526 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-top
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
527 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
530 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
531 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
535 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
> .oo-ui-labelElement-label
,
536 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
538 padding-top: 0.3125em;
540 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
541 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
543 margin-left: -1.875em;
545 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
546 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
549 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
550 padding: 0.3125em 0.46875em;
553 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
556 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
559 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
562 .oo-ui-fieldLayout-messages {
563 list-style: none none
;
564 margin: 0.25em 0 0 0.25em;
567 .oo-ui-fieldLayout-messages > li {
572 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
575 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
577 padding: 0.1em 0 0.1em 0.3125em;
579 vertical-align: middle
;
581 .oo-ui-actionFieldLayout-input
,
582 .oo-ui-actionFieldLayout-button {
584 vertical-align: middle
;
586 .oo-ui-actionFieldLayout-input {
589 .oo-ui-actionFieldLayout-button {
593 .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
596 .oo-ui-fieldsetLayout {
601 padding: 0.01px 0 0 0;
603 body:not
( :-moz-handler-blocked
) .oo-ui-fieldsetLayout
{
606 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
610 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
612 display: inline-table
;
613 box-sizing: border-box
;
619 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty {
622 .oo-ui-fieldsetLayout-group {
625 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
628 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
631 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
634 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
635 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
638 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
639 display: inline-block
;
640 margin-bottom: 0.56818em;
645 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
649 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
653 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget {
656 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget:last-child {
659 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
660 .oo-ui-formLayout + .oo-ui-formLayout {
666 .oo-ui-panelLayout-scrollable {
668 -webkit-transform: translateZ
(0);
669 transform: translateZ
(0);
671 .oo-ui-panelLayout-expanded {
678 .oo-ui-panelLayout-padded {
681 .oo-ui-panelLayout-padded
.oo-ui-formLayout
> .oo-ui-fieldsetLayout
.oo-ui-labelElement-label
,
682 .oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-iconElement-icon {
685 .oo-ui-panelLayout-framed {
686 border: 1px solid
#a2a9b1;
689 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
692 .oo-ui-horizontalLayout > .oo-ui-widget {
693 display: inline-block
;
694 vertical-align: middle
;
696 .oo-ui-horizontalLayout > .oo-ui-layout {
697 display: inline-block
;
699 .oo-ui-horizontalLayout
> .oo-ui-layout
,
700 .oo-ui-horizontalLayout > .oo-ui-widget {
703 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
704 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
707 .oo-ui-horizontalLayout > .oo-ui-layout {
710 .oo-ui-optionWidget {
714 .oo-ui-optionWidget.oo-ui-widget-enabled {
717 .oo-ui-optionWidget.oo-ui-widget-disabled {
720 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
723 text-overflow: ellipsis
;
726 .oo-ui-optionWidget .oo-ui-labelElement-label {
729 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
732 .oo-ui-optionWidget.oo-ui-widget-disabled {
735 .oo-ui-decoratedOptionWidget {
736 padding: 0.703125em 0.9375em 0.625em;
739 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
740 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
743 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
744 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
748 .oo-ui-decoratedOptionWidget.oo-ui-iconElement {
751 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
754 .oo-ui-decoratedOptionWidget .oo-ui-labelElement-label {
755 line-height: 1.172em;
757 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement {
758 padding-right: 1.875em;
760 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
763 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
764 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
767 .oo-ui-radioSelectWidget:focus {
770 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
773 .oo-ui-radioOptionWidget {
776 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
777 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
778 display: inline-block
;
779 vertical-align: middle
;
781 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
782 padding-left: 0.46875em;
784 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
788 display: inline-block
;
791 display: inline-block
;
792 vertical-align: middle
;
795 .oo-ui-iconWidget.oo-ui-widget-disabled {
798 .oo-ui-indicatorWidget {
799 display: inline-block
;
800 vertical-align: middle
;
804 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
807 .oo-ui-buttonWidget {
810 .oo-ui-buttonWidget:last-child {
813 .oo-ui-buttonGroupWidget {
814 display: inline-block
;
821 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
824 .oo-ui-buttonGroupWidget:last-child {
827 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
830 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
833 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
837 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
839 border-bottom-left-radius: 2px;
840 border-top-left-radius: 2px;
842 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
843 border-bottom-right-radius: 2px;
844 border-top-right-radius: 2px;
846 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
847 border-left-color: #fff;
849 .oo-ui-buttonGroupWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
850 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
853 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
856 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
859 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
865 .oo-ui-popupWidget-popup {
870 .oo-ui-popupWidget-anchor {
874 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
877 background-repeat: no-repeat
;
879 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
880 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
886 border-color: transparent
;
888 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
890 /* `top` property is to be set in theme's selector due to specific `@size-anchor` values */
892 .oo-ui-popupWidget-anchored-top
.oo-ui-popupWidget-anchor:before
,
893 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
896 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
898 /* `bottom` property is to be set in theme's selector due to specific `@size-anchor` values */
900 .oo-ui-popupWidget-anchored-bottom
.oo-ui-popupWidget-anchor:before
,
901 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
904 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
906 /* `left` property is to be set in theme's selector due to specific `@size-anchor` values */
908 .oo-ui-popupWidget-anchored-start
.oo-ui-popupWidget-anchor:before
,
909 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
912 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
914 /* `right` property is to be set in theme's selector due to specific `@size-anchor` values */
916 .oo-ui-popupWidget-anchored-end
.oo-ui-popupWidget-anchor:before
,
917 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
920 .oo-ui-popupWidget-head {
921 -webkit-touch-callout: none
;
922 -webkit-user-select: none
;
923 -moz-user-select: none
;
924 -ms-user-select: none
;
927 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
930 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
934 .oo-ui-popupWidget-body {
937 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
940 .oo-ui-popupWidget-popup {
941 background-color: #fff;
942 border: 1px solid
#a2a9b1;
944 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
946 .oo-ui-popupWidget-anchored-top {
949 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
952 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
955 border-bottom-color: #a2a9b1;
958 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
961 border-bottom-color: #fff;
964 .oo-ui-popupWidget-anchored-bottom {
967 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
970 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
973 border-top-color: #a2a9b1;
976 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
979 border-top-color: #fff;
982 .oo-ui-popupWidget-anchored-start {
985 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
988 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
991 border-right-color: #a2a9b1;
994 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
997 border-right-color: #fff;
1000 .oo-ui-popupWidget-anchored-end {
1003 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1006 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
1009 border-left-color: #a2a9b1;
1012 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1015 border-left-color: #fff;
1018 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1019 -webkit-transition: width
100ms, height
100ms, left
100ms;
1020 -moz-transition: width
100ms, height
100ms, left
100ms;
1021 transition: width
100ms, height
100ms, left
100ms;
1023 .oo-ui-popupWidget-head {
1026 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1029 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1032 .oo-ui-popupWidget-body {
1035 .oo-ui-popupWidget-body-padded {
1038 .oo-ui-popupButtonWidget {
1041 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1044 .oo-ui-inputWidget {
1045 margin-right: 0.5em;
1047 .oo-ui-inputWidget:last-child {
1050 .oo-ui-buttonInputWidget
> button
,
1051 .oo-ui-buttonInputWidget > input {
1054 background-color: transparent
;
1056 .oo-ui-checkboxInputWidget {
1058 line-height: 1.5625em;
1059 white-space: nowrap
;
1061 .oo-ui-checkboxInputWidget * {
1063 vertical-align: middle
;
1065 .oo-ui-checkboxInputWidget [type='checkbox'] {
1074 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1075 background-color: #fff;
1076 background-origin: border-box
;
1077 background-position: center center
;
1078 background-repeat: no-repeat
;
1079 background-size: 0 0;
1080 -webkit-box-sizing: border-box
;
1081 -moz-box-sizing: border-box
;
1082 box-sizing: border-box
;
1087 border: 1px solid
#72777d;
1090 .oo-ui-checkboxInputWidget [type='checkbox']:checked + span {
1091 background-image: url
('themes/mediawiki/images/icons/check-invert.png');
1092 background-image: -webkit-linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
1093 background-image: linear-gradient
(transparent
, transparent
), /* @embed */ url
('themes/mediawiki/images/icons/check-invert.svg');
1094 background-image: -o-linear-gradient
(transparent
, transparent
), url
('themes/mediawiki/images/icons/check-invert.png');
1095 background-size: 90% 90%;
1097 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
1098 background-color: #c8ccd1;
1099 border-color: #c8ccd1;
1101 .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
1102 background-color: #c8ccd1;
1103 border-color: #c8ccd1;
1105 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
1108 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
1110 -webkit-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
1111 -moz-transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
1112 transition: background-color
100ms, background-size
100ms, border-color
100ms, box-shadow
100ms;
1114 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:hover
+ span
,
1115 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
1118 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:active
+ span
,
1119 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:focus + span {
1120 background-color: #2a4b8d;
1121 border-color: #2a4b8d;
1122 box-shadow: inset
0 0 0 1px #2a4b8d;
1124 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
1126 box-shadow: inset
0 0 0 1px #36c;
1128 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
1129 background-color: #36c;
1132 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:hover
+ span
,
1133 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
1134 background-color: #447ff5;
1135 border-color: #447ff5;
1137 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active
+ span
,
1138 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active:hover
+ span
,
1139 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:focus + span {
1140 background-color: #2a4b8d;
1141 border-color: #2a4b8d;
1142 box-shadow: inset
0 0 0 1px #2a4b8d;
1144 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
1145 background-color: #36c;
1147 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
1149 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
1152 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1153 padding: 0.3125em 0;
1155 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1158 .oo-ui-dropdownInputWidget {
1160 vertical-align: middle
;
1161 -webkit-box-sizing: border-box
;
1162 -moz-box-sizing: border-box
;
1163 box-sizing: border-box
;
1167 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
1168 .oo-ui-dropdownInputWidget select {
1171 .oo-ui-dropdownInputWidget select {
1172 background-position: -9999em 0;
1173 background-repeat: no-repeat
;
1175 -webkit-box-sizing: border-box
;
1176 -moz-box-sizing: border-box
;
1177 box-sizing: border-box
;
1179 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1182 .oo-ui-dropdownInputWidget-php {
1183 border-right: 1px solid
#a2a9b1;
1187 .oo-ui-dropdownInputWidget select {
1188 -webkit-appearance: none
;
1189 -moz-appearance: none
;
1191 -webkit-box-sizing: border-box
;
1192 -moz-box-sizing: border-box
;
1193 box-sizing: border-box
;
1194 border: 1px solid
#a2a9b1;
1196 padding: 0.625em 0.9375em 0.546875em;
1198 font-family: inherit
;
1199 vertical-align: middle
;
1201 .oo-ui-dropdownInputWidget select::-ms-expand {
1204 .oo-ui-dropdownInputWidget select:not( [no-ie] ) {
1205 background-position: right
1.75em center
;
1206 width: calc
( 100% + 1em );
1208 padding: 0 0 0 0.9375em;
1210 .oo-ui-dropdownInputWidget option {
1212 font-family: inherit
;
1214 padding: 0.625em 0.9375em;
1216 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1217 background-color: #f8f9fa;
1219 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1220 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1221 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1223 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
1224 background-color: #fff;
1226 border-color: #a2a9b1;
1228 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
1230 border-color: #72777d;
1232 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1235 box-shadow: inset
0 0 0 1px #36c;
1237 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1238 background-color: #eaecf0;
1240 border-color: #c8ccd1;
1242 .oo-ui-radioInputWidget {
1244 line-height: 1.5625em;
1245 white-space: nowrap
;
1247 .oo-ui-radioInputWidget * {
1249 vertical-align: middle
;
1251 .oo-ui-radioInputWidget [type='radio'] {
1260 .oo-ui-radioInputWidget [type='radio'] + span {
1261 background-color: #fff;
1264 -webkit-box-sizing: border-box
;
1265 -moz-box-sizing: border-box
;
1266 box-sizing: border-box
;
1269 border: 1px solid
#72777d;
1270 border-radius: 100%;
1272 .oo-ui-radioInputWidget [type='radio'] + span:before {
1279 border: 1px solid transparent
;
1280 border-radius: 100%;
1282 .oo-ui-radioInputWidget [type='radio']:checked + span {
1283 border-width: 0.390625em;
1285 .oo-ui-radioInputWidget
[type
='radio']:checked:hover
+ span
,
1286 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1287 border-width: 0.390625em;
1289 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1290 background-color: #c8ccd1;
1291 border-color: #c8ccd1;
1293 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1294 background-color: #fff;
1296 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1299 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1301 -webkit-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1302 -moz-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1303 transition: background-color
100ms, border-color
100ms, border-width
100ms;
1305 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1308 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1309 background-color: #2a4b8d;
1310 border-color: #2a4b8d;
1312 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1315 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1316 border-color: #447ff5;
1318 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
1319 border-color: #447ff5;
1320 box-shadow: inset
0 0 0 1px #447ff5;
1322 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span
,
1323 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
1324 border-color: #2a4b8d;
1325 box-shadow: inset
0 0 0 1px #2a4b8d;
1327 .oo-ui-radioInputWidget
.oo-ui-widget-enabled
[type
='radio']:checked:active
+ span:before
,
1328 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span:before {
1329 border-color: #2a4b8d;
1331 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span {
1332 box-shadow: inset
0 0 0 1px #36c;
1334 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1341 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1344 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1345 padding: 0.3125em 0;
1347 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1350 .oo-ui-textInputWidget {
1352 vertical-align: middle
;
1353 -webkit-box-sizing: border-box
;
1354 -moz-box-sizing: border-box
;
1355 box-sizing: border-box
;
1359 .oo-ui-textInputWidget input
,
1360 .oo-ui-textInputWidget textarea {
1363 -webkit-box-sizing: border-box
;
1364 -moz-box-sizing: border-box
;
1365 box-sizing: border-box
;
1367 .oo-ui-textInputWidget textarea {
1371 .oo-ui-textInputWidget [type='number'] {
1372 -moz-appearance: textfield
;
1374 .oo-ui-textInputWidget
[type
='number']::-webkit-outer-spin-button
,
1375 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1376 -webkit-appearance: none
;
1379 .oo-ui-textInputWidget [type='search'] {
1380 -webkit-appearance: textfield
;
1382 .oo-ui-textInputWidget [type='search']::-ms-clear {
1385 .oo-ui-textInputWidget
[type
='search']::-webkit-search-decoration
,
1386 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1389 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1390 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1391 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1394 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
1395 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1400 -webkit-touch-callout: none
;
1401 -webkit-user-select: none
;
1402 -moz-user-select: none
;
1403 -ms-user-select: none
;
1406 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1407 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1410 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1413 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1414 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
1415 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1416 -webkit-touch-callout: none
;
1417 -webkit-user-select: none
;
1418 -moz-user-select: none
;
1419 -ms-user-select: none
;
1422 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1425 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1426 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1429 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1430 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1433 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1437 .oo-ui-textInputWidget-php
> .oo-ui-iconElement-icon
,
1438 .oo-ui-textInputWidget-php
> .oo-ui-indicatorElement-indicator
,
1439 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1440 pointer-events: none
;
1442 .oo-ui-textInputWidget input
,
1443 .oo-ui-textInputWidget textarea {
1446 font-family: inherit
;
1447 background-color: #fff;
1449 border: 1px solid
#a2a9b1;
1451 padding: 0.625em 0.625em 0.546875em;
1453 .oo-ui-textInputWidget input {
1454 line-height: 1.172em;
1456 .oo-ui-textInputWidget textarea {
1459 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1460 background-color: transparent
;
1462 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
,
1463 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1464 box-shadow: inset
0 0 0 1px transparent
;
1465 -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);
1466 -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);
1467 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);
1469 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:hover
,
1470 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
1471 border-color: #72777d;
1473 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1474 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1477 box-shadow: inset
0 0 0 1px #36c;
1479 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1480 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1481 background-color: #f8f9fa;
1483 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:hover
,
1484 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover {
1485 border-color: #c8ccd1;
1487 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1488 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1491 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input::-webkit-input-placeholder
,
1492 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea::-webkit-input-placeholder {
1496 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:-ms-input-placeholder
,
1497 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:-ms-input-placeholder {
1501 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input::-moz-placeholder
,
1502 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea::-moz-placeholder {
1506 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:-moz-placeholder
,
1507 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:-moz-placeholder {
1511 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input::placeholder
,
1512 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea::placeholder {
1516 @media screen and
(min-width: 0) {
1517 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1518 outline: 1px solid
#36c;
1519 outline-offset: -2px;
1522 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1523 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1526 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:hover
,
1527 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover {
1530 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid
input:focus
,
1531 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1533 box-shadow: inset
0 0 0 1px #d33;
1535 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1536 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1537 background-color: #eaecf0;
1538 -webkit-text-fill-color: #72777d;
1540 text-shadow: 0 1px 1px #fff;
1541 border-color: #c8ccd1;
1543 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1544 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1547 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label {
1549 text-shadow: 0 1px 1px #fff;
1551 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1552 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1553 padding-left: 2.5em;
1555 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1558 .oo-ui-textInputWidget.oo-ui-iconElement textarea + .oo-ui-iconElement-icon {
1561 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1562 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1563 padding-right: 2.1875em;
1565 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1567 margin-right: 0.9375em;
1569 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1572 padding: 0.625em 0 0.546875em 0.625em;
1573 line-height: 1.172em;
1575 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1576 margin-right: 2.5em;
1578 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1579 padding-left: 2.5em;
1581 .oo-ui-menuSelectWidget {
1585 background-color: #fff;
1587 border: 1px solid
#a2a9b1;
1588 border-radius: 0 0 2px 2px;
1589 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
1591 .oo-ui-menuSelectWidget input {
1598 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1601 .oo-ui-menuSelectWidget-invisible {
1604 .oo-ui-menuOptionWidget {
1605 -webkit-transition: background-color
100ms, color
100ms;
1606 -moz-transition: background-color
100ms, color
100ms;
1607 transition: background-color
100ms, color
100ms;
1609 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1610 background-color: #eaecf0;
1613 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1614 background-color: #eaf3ff;
1617 .oo-ui-menuOptionWidget
.oo-ui-optionWidget-selected
.oo-ui-menuOptionWidget
.oo-ui-optionWidget-highlighted
,
1618 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1619 background-color: rgba
(41, 98, 204, 0.1);
1622 .oo-ui-menuSectionOptionWidget {
1624 padding: 0.703125em 0.9375em 0.3125em;
1627 .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
1630 .oo-ui-dropdownWidget {
1631 display: inline-block
;
1635 margin-right: 0.5em;
1637 .oo-ui-dropdownWidget-handle {
1641 white-space: nowrap
;
1643 text-overflow: ellipsis
;
1645 -webkit-touch-callout: none
;
1646 -webkit-user-select: none
;
1647 -moz-user-select: none
;
1648 -ms-user-select: none
;
1650 -webkit-box-sizing: border-box
;
1651 -moz-box-sizing: border-box
;
1652 box-sizing: border-box
;
1654 .oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1655 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1660 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1663 .oo-ui-dropdownWidget:last-child {
1666 .oo-ui-dropdownWidget-handle {
1668 border: 1px solid
#a2a9b1;
1670 padding: 0.625em 0.9375em 0.546875em;
1673 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1676 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1679 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1680 line-height: 1.172em;
1682 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle {
1683 padding-left: 2.5em;
1685 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle {
1686 padding-right: 1.875em;
1688 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1689 background-color: #f8f9fa;
1691 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1692 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1693 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1695 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1696 background-color: #fff;
1698 border-color: #a2a9b1;
1700 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle:hover
.oo-ui-iconElement-icon
,
1701 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1704 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
1706 border-color: #72777d;
1708 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1711 box-shadow: inset
0 0 0 1px #36c;
1713 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1714 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1716 -webkit-transition: opacity
100ms;
1717 -moz-transition: opacity
100ms;
1718 transition: opacity
100ms;
1720 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1721 background-color: #fff;
1723 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-open
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1724 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1727 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1729 text-shadow: 0 1px 1px #fff;
1730 border-color: #c8ccd1;
1731 background-color: #eaecf0;
1733 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1736 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1739 .oo-ui-comboBoxInputWidget {
1740 display: inline-block
;
1743 .oo-ui-comboBoxInputWidget-field {
1746 table-layout: fixed
;
1748 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1749 display: table-cell
;
1750 vertical-align: middle
;
1754 .oo-ui-comboBoxInputWidget-dropdownButton {
1755 display: table-cell
;
1757 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1761 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1764 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1773 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
1778 pointer-events: none
;
1780 .oo-ui-comboBoxInputWidget input {
1782 border-top-right-radius: 0;
1783 border-bottom-right-radius: 0;
1784 border-right-width: 0;
1786 .oo-ui-comboBoxInputWidget
.oo-ui-comboBoxInputWidget-empty input
,
1787 .oo-ui-comboBoxInputWidget-php input {
1788 border-top-right-radius: 2px;
1789 border-bottom-right-radius: 2px;
1790 border-right-width: 1px;
1792 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement {
1795 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button {
1800 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
1803 .oo-ui-comboBoxInputWidget-dropdownButton
.oo-ui-indicatorElement
.oo-ui-buttonElement-button
,
1804 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button:focus {
1805 border-top-left-radius: 0;
1806 border-bottom-left-radius: 0;
1808 .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
1812 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1815 .oo-ui-multioptionWidget {
1819 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1822 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1825 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1827 white-space: nowrap
;
1828 text-overflow: ellipsis
;
1831 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1834 .oo-ui-checkboxMultioptionWidget {
1835 padding: 0.3125em 0;
1837 .oo-ui-checkboxMultioptionWidget
.oo-ui-checkboxInputWidget
,
1838 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1839 display: inline-block
;
1840 vertical-align: middle
;
1842 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1843 padding-left: 0.46875em;
1845 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1848 .oo-ui-progressBarWidget {
1849 -webkit-box-sizing: border-box
;
1850 -moz-box-sizing: border-box
;
1851 box-sizing: border-box
;
1853 background-color: #fff;
1854 border: 1px solid
#a2a9b1;
1858 .oo-ui-progressBarWidget-bar {
1860 -webkit-transition: width
200ms;
1861 -moz-transition: width
200ms;
1862 transition: width
200ms;
1864 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1865 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1866 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1867 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1869 -webkit-transform: translate
(-25%);
1870 -moz-transform: translate
(-25%);
1871 -ms-transform: translate
(-25%);
1872 transform: translate
(-25%);
1873 border-left-width: 1px;
1875 .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
1876 background-color: #36c;
1878 .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
1879 background-color: #c8ccd1;
1881 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
1883 -webkit-transform: translate
(-100%);
1884 -moz-transform: translate
(-100%);
1885 -ms-transform: translate
(-100%);
1886 transform: translate
(-100%);
1889 -webkit-transform: translate
(350%);
1890 -moz-transform: translate
(350%);
1891 -ms-transform: translate
(350%);
1892 transform: translate
(350%);
1895 @-moz-keyframes oo-ui-progressBarWidget-slide
{
1897 -webkit-transform: translate
(-100%);
1898 -moz-transform: translate
(-100%);
1899 -ms-transform: translate
(-100%);
1900 transform: translate
(-100%);
1903 -webkit-transform: translate
(350%);
1904 -moz-transform: translate
(350%);
1905 -ms-transform: translate
(350%);
1906 transform: translate
(350%);
1909 @keyframes oo-ui-progressBarWidget-slide
{
1911 -webkit-transform: translate
(-100%);
1912 -moz-transform: translate
(-100%);
1913 -ms-transform: translate
(-100%);
1914 transform: translate
(-100%);
1917 -webkit-transform: translate
(350%);
1918 -moz-transform: translate
(350%);
1919 -ms-transform: translate
(350%);
1920 transform: translate
(350%);