3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2019 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2019-06-27T03:27:33Z
11 .oo-ui-element-hidden {
12 display: none
!important
;
15 .oo-ui-buttonElement {
16 display: inline-block
;
18 vertical-align: middle
;
20 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
22 display: inline-block
;
23 -webkit-box-sizing: border-box
;
24 -moz-box-sizing: border-box
;
25 box-sizing: border-box
;
26 vertical-align: middle
;
30 -webkit-touch-callout: none
;
31 -webkit-user-select: none
;
32 -moz-user-select: none
;
33 -ms-user-select: none
;
36 .oo-ui-buttonElement > .oo-ui-buttonElement-button::-moz-focus-inner {
37 border-color: transparent
;
40 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
43 .oo-ui-buttonElement-frameless {
46 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
50 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
53 padding-top: 2.14285714em;
55 text-decoration: none
;
57 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
60 .oo-ui-buttonElement > input.oo-ui-buttonElement-button {
61 -webkit-appearance: none
;
63 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
66 .oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
67 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
68 line-height: 1.28571429em;
70 .oo-ui-buttonElement.oo-ui-labelElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
71 padding-right: 2.28571429em;
73 .oo-ui-buttonElement
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
74 .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
75 -webkit-transform: translateZ
(0);
76 transform: translateZ
(0);
78 .oo-ui-buttonElement
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
79 .oo-ui-buttonElement.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
82 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
83 -webkit-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
84 -moz-transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
85 transition: background-color
100ms, color
100ms, border-color
100ms, box-shadow
100ms;
87 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
88 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
90 -webkit-transition: opacity
100ms;
91 -moz-transition: opacity
100ms;
92 transition: opacity
100ms;
94 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
95 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
98 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
99 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
102 .oo-ui-buttonElement
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
.oo-ui-image-invert
,
103 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
106 .oo-ui-buttonElement
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
107 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
110 .oo-ui-buttonElement-frameless.oo-ui-iconElement:first-child {
111 margin-left: -0.42857143em;
113 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button {
114 min-width: 1.42857143em;
115 min-height: 1.42857143em;
117 border-color: transparent
;
120 padding-top: 2.14285714em;
121 padding-left: 2.14285714em;
123 .oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
126 .oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
127 margin-left: -0.14285714em;
129 .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement:first-child {
130 margin-left: -0.42857143em;
132 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button {
134 border-color: transparent
;
137 padding: 0.42857143em 0.14285714em;
139 .oo-ui-buttonElement-frameless.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
140 padding-left: 2.14285714em;
142 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
147 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
148 padding-left: 3.85714286em;
149 padding-top: 2.14285714em;
151 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
152 padding-left: 0.14285714em;
153 padding-top: 0.42857143em;
155 .oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
156 padding-left: 2.14285714em;
158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
161 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
164 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-iconElement
> .oo-ui-buttonElement-button:focus
,
165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus {
167 box-shadow: inset
0 0 0 1px #36c;
169 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-iconElement
> .oo-ui-buttonElement-button:focus:active
,
170 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-labelElement > .oo-ui-buttonElement-button:focus:active {
172 border-color: transparent
;
175 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button {
178 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus {
179 box-shadow: 0 0 0 2px #36c;
181 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-indicatorElement:not( .oo-ui-iconElement ):not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus:active {
184 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-pressed
> input
.oo-ui-buttonElement-button
,
185 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
188 border-color: transparent
;
191 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
194 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
197 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
198 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
199 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
203 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
206 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
209 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
210 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
211 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
215 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
217 background-color: #36c;
220 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
221 background-color: #447ff5;
222 border-color: #447ff5;
224 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
225 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
226 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
227 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
228 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
230 background-color: #2a4b8d;
231 border-color: #2a4b8d;
234 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
236 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
238 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
240 background-color: #d33;
243 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
244 background-color: #ff4242;
245 border-color: #ff4242;
247 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
248 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
249 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
250 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
251 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
253 background-color: #b32424;
254 border-color: #b32424;
257 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
259 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
261 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
262 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
265 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
266 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
269 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
272 .oo-ui-buttonElement-frameless
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
273 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
276 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
280 padding-left: 0.85714286em;
281 padding-right: 0.85714286em;
283 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button {
284 padding-top: 2.14285714em;
286 padding-left: 2.14285714em;
288 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
291 .oo-ui-buttonElement-framed
.oo-ui-iconElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
292 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
293 padding-left: 2.64285714em;
295 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
296 padding-top: 2.14285714em;
297 padding-right: 2.14285714em;
300 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
303 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
304 padding-right: 2.28571429em;
306 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button {
307 padding-top: 0.42857143em;
308 padding-bottom: 0.42857143em;
310 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
311 background-color: #c8ccd1;
313 border-color: #c8ccd1;
315 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
316 background-color: #919fb9;
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
319 background-color: #f8f9fa;
321 border-color: #a2a9b1;
323 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
324 background-color: #fff;
326 border-color: #a2a9b1;
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
330 box-shadow: inset
0 0 0 1px #36c;
332 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
333 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active:focus
,
334 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
335 background-color: #c8ccd1;
337 border-color: #72777d;
340 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
341 background-color: #2a4b8d;
343 border-color: #2a4b8d;
345 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
347 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
349 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
353 background-color: #fff;
354 border-color: #447ff5;
356 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
357 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
358 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
359 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
360 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
361 background-color: #eff3fa;
363 border-color: #2a4b8d;
366 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
368 box-shadow: inset
0 0 0 1px #36c;
370 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
373 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
374 background-color: #fff;
375 border-color: #ff4242;
377 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
378 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
379 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
380 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
381 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
382 background-color: #ffffff;
384 border-color: #b32424;
387 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
389 box-shadow: inset
0 0 0 1px #d33;
391 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
393 background-color: #36c;
396 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
397 background-color: #447ff5;
398 border-color: #447ff5;
400 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active
,
401 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:active:focus
,
402 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
403 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
404 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
406 background-color: #2a4b8d;
407 border-color: #2a4b8d;
410 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
412 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
414 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
416 background-color: #d33;
419 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
420 background-color: #ff4242;
421 border-color: #ff4242;
423 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active
,
424 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:active:focus
,
425 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button
,
426 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
427 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
429 background-color: #b32424;
430 border-color: #b32424;
433 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
435 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
437 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
438 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
442 .oo-ui-clippableElement-clippable {
443 -webkit-box-sizing: border-box
;
444 -moz-box-sizing: border-box
;
445 box-sizing: border-box
;
447 -webkit-overflow-scrolling: touch
;
450 .oo-ui-floatableElement {
456 .oo-ui-labelElement
.oo-ui-labelElement-label
,
457 .oo-ui-labelElement.oo-ui-labelElement-label {
458 -webkit-box-sizing: border-box
;
459 -moz-box-sizing: border-box
;
460 box-sizing: border-box
;
462 .oo-ui-labelElement-invisible {
465 clip: rect
(1px, 1px, 1px, 1px);
473 .oo-ui-labelElement .oo-ui-labelElement-label {
474 line-height: 1.42857143em;
476 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
480 .oo-ui-iconElement-icon {
481 background-size: contain
;
482 background-position: center center
;
483 background-repeat: no-repeat
;
491 .oo-ui-iconElement-noIcon {
495 .oo-ui-indicatorElement-indicator {
496 background-size: contain
;
497 background-position: center center
;
498 background-repeat: no-repeat
;
506 .oo-ui-indicatorElement-noIndicator {
510 .oo-ui-pendingElement-pending {
511 background-color: #eaecf0;
512 background-image: -webkit-linear-gradient
(135deg, #fff 25%, transparent
25%, transparent
50%, #fff 50%, #fff 75%, transparent
75%, transparent
);
513 background-image: -moz-linear-gradient
(135deg, #fff 25%, transparent
25%, transparent
50%, #fff 50%, #fff 75%, transparent
75%, transparent
);
514 background-image: linear-gradient
(135deg, #fff 25%, transparent
25%, transparent
50%, #fff 50%, #fff 75%, transparent
75%, transparent
);
515 background-size: 1.42857143em 1.42857143em;
516 -webkit-animation: oo-ui-pendingElement-stripes
650ms linear infinite
;
517 -moz-animation: oo-ui-pendingElement-stripes
650ms linear infinite
;
518 animation: oo-ui-pendingElement-stripes
650ms linear infinite
;
520 @-webkit-keyframes oo-ui-pendingElement-stripes
{
522 background-position: -1.42857143em 0;
525 background-position: 0 0;
528 @-moz-keyframes oo-ui-pendingElement-stripes
{
530 background-position: -1.42857143em 0;
533 background-position: 0 0;
536 @keyframes oo-ui-pendingElement-stripes
{
538 background-position: -1.42857143em 0;
541 background-position: 0 0;
551 margin-top: 1.14285714em;
553 .oo-ui-fieldLayout:before
,
554 .oo-ui-fieldLayout:after {
558 .oo-ui-fieldLayout:after {
561 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
562 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
563 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
564 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
565 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
566 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
570 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
573 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
577 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
578 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
581 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
582 vertical-align: middle
;
584 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
588 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
589 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
592 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
595 .oo-ui-fieldLayout .oo-ui-fieldLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button {
598 .oo-ui-fieldLayout
.oo-ui-labelElement
,
599 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
600 margin-top: 0.85714286em;
602 .oo-ui-fieldLayout:first-child
,
603 .oo-ui-fieldLayout
.oo-ui-labelElement:first-child
,
604 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline:first-child {
607 .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
608 padding-bottom: 0.28571429em;
610 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-top
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
611 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
614 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
615 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
616 -webkit-box-sizing: border-box
;
617 -moz-box-sizing: border-box
;
618 box-sizing: border-box
;
620 padding-right: 2.64285714em;
622 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
> .oo-ui-labelElement-label
,
623 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
625 padding-top: 0.28571429em;
627 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
628 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
630 margin-left: -2.35714286em;
632 .oo-ui-fieldLayout
.oo-ui-labelElement
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
633 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
636 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
639 padding-left: 0.42857143em;
641 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
644 .oo-ui-fieldLayout .oo-ui-fieldLayout-help:last-child {
647 .oo-ui-fieldLayout .oo-ui-fieldLayout-help .oo-ui-buttonElement-button {
648 padding-top: 1.42857143em;
651 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-inline-help {
652 margin-top: 0.28571429em;
654 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
.oo-ui-fieldLayout-help
,
655 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
656 margin-top: -0.42857143em;
657 margin-right: -0.57142857em;
660 .oo-ui-fieldLayout-messages {
661 list-style: none none
;
662 -webkit-box-sizing: border-box
;
663 -moz-box-sizing: border-box
;
664 box-sizing: border-box
;
667 padding: 0.28571429em 0;
669 .oo-ui-fieldLayout-messages > [class|='oo-ui-fieldLayout-messages'] {
672 margin: 0.57142857em 0 0;
675 .oo-ui-fieldLayout-messages > [class|='oo-ui-fieldLayout-messages']:first-child {
676 margin-top: 0.28571429em;
678 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
681 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-success {
684 .oo-ui-fieldLayout-messages .oo-ui-iconWidget.oo-ui-iconElement-icon {
685 background-position: 0 0;
688 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
690 padding-left: 0.57142857em;
691 vertical-align: middle
;
693 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
697 .oo-ui-actionFieldLayout-input
,
698 .oo-ui-actionFieldLayout-button {
700 vertical-align: middle
;
702 .oo-ui-actionFieldLayout-button {
706 .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
709 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget:not( .oo-ui-textInputWidget ) {
710 margin-right: 0.57142857em;
712 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input .oo-ui-widget.oo-ui-textInputWidget > .oo-ui-inputWidget-input {
713 border-radius: 2px 0 0 2px;
716 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
717 border-radius: 0 2px 2px 0;
720 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-frameless {
721 margin-left: 0.14285714em;
723 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-input
> .oo-ui-textInputWidget
> .oo-ui-inputWidget-input:hover
,
724 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-input
> .oo-ui-textInputWidget
> .oo-ui-inputWidget-input:focus
,
725 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-input
> .oo-ui-textInputWidget
.oo-ui-flaggedElement-invalid
> .oo-ui-inputWidget-input
,
726 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-input
> .oo-ui-textInputWidget
> .oo-ui-inputWidget-input:hover
~ *,
727 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-input
> .oo-ui-textInputWidget
> .oo-ui-inputWidget-input:focus
~ *,
728 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-input > .oo-ui-textInputWidget.oo-ui-flaggedElement-invalid > .oo-ui-inputWidget-input ~ * {
731 .oo-ui-actionFieldLayout
.oo-ui-actionFieldLayout-button
> .oo-ui-buttonElement
> .oo-ui-buttonElement-button:hover
,
732 .oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button > .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
736 .oo-ui-fieldsetLayout {
741 padding: 0.01px 0 0 0;
743 body:not
( :-moz-handler-blocked
) .oo-ui-fieldsetLayout
{
746 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
749 .oo-ui-fieldsetLayout
.oo-ui-iconElement
> .oo-ui-fieldsetLayout-header
,
750 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
752 display: inline-table
;
753 box-sizing: border-box
;
759 .oo-ui-fieldsetLayout > .oo-ui-inline-help {
762 .oo-ui-fieldsetLayout-group {
765 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
768 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:not( .oo-ui-popupButtonWidget ) > .oo-ui-buttonElement-button {
771 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
774 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
775 height: 1.42857143em;
777 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header .oo-ui-iconElement-icon {
780 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
781 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
782 margin-top: 1.71428571em;
784 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
785 display: inline-block
;
786 margin-bottom: 0.5em;
787 font-size: 1.14285714em;
790 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
791 padding-left: 1.625em;
793 .oo-ui-fieldsetLayout > .oo-ui-inline-help {
794 margin-bottom: 0.5em;
796 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
798 margin-right: -0.57142857em;
800 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:last-child {
803 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help:last-child {
804 margin-right: -0.57142857em;
806 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help .oo-ui-buttonElement-button {
807 padding-top: 1.42857143em;
811 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
812 .oo-ui-formLayout + .oo-ui-formLayout {
813 margin-top: 1.71428571em;
819 .oo-ui-panelLayout-scrollable {
821 -webkit-overflow-scrolling: touch
;
823 .oo-ui-panelLayout-expanded {
830 .oo-ui-panelLayout-padded {
831 padding: 1.14285714em;
833 .oo-ui-panelLayout-padded
.oo-ui-formLayout
> .oo-ui-fieldsetLayout
.oo-ui-labelElement-label
,
834 .oo-ui-panelLayout-padded.oo-ui-formLayout > .oo-ui-fieldsetLayout .oo-ui-iconElement-icon {
835 margin-top: -0.42857143em;
837 .oo-ui-panelLayout-framed {
838 border: 1px solid
#a2a9b1;
841 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
842 margin: 0.85714286em 0;
845 .oo-ui-horizontalLayout > .oo-ui-widget {
846 display: inline-block
;
847 vertical-align: middle
;
849 .oo-ui-horizontalLayout > .oo-ui-layout {
850 display: inline-block
;
852 .oo-ui-horizontalLayout
> .oo-ui-layout
,
853 .oo-ui-horizontalLayout > .oo-ui-widget {
856 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
857 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
860 .oo-ui-horizontalLayout > .oo-ui-layout {
863 .oo-ui-horizontalLayout > .oo-ui-widget {
864 margin-bottom: 0.5em;
869 .oo-ui-optionWidget {
873 .oo-ui-optionWidget.oo-ui-widget-enabled {
876 .oo-ui-optionWidget.oo-ui-widget-disabled {
879 .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
882 text-overflow: ellipsis
;
885 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
888 .oo-ui-optionWidget.oo-ui-widget-disabled {
892 .oo-ui-decoratedOptionWidget {
893 padding: 0.5em 0.85714286em;
896 .oo-ui-decoratedOptionWidget.oo-ui-iconElement {
897 padding-left: 2.64285714em;
899 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
902 .oo-ui-decoratedOptionWidget .oo-ui-labelElement-label {
903 line-height: 1.28571429em;
905 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement {
906 padding-right: 2.28571429em;
908 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
911 .oo-ui-decoratedOptionWidget
.oo-ui-widget-enabled:hover
.oo-ui-iconElement-icon
,
912 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled:hover .oo-ui-indicatorElement-indicator {
915 .oo-ui-decoratedOptionWidget
.oo-ui-widget-enabled
.oo-ui-iconElement-icon
,
916 .oo-ui-decoratedOptionWidget.oo-ui-widget-enabled .oo-ui-indicatorElement-indicator {
918 -webkit-transition: opacity
100ms;
919 -moz-transition: opacity
100ms;
920 transition: opacity
100ms;
922 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
923 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
927 .oo-ui-radioSelectWidget:focus {
930 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
934 .oo-ui-radioOptionWidget {
936 padding: 0.28571429em 0;
938 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
939 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
943 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
946 .oo-ui-radioOptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
949 .oo-ui-radioOptionWidget:first-child {
950 margin-top: -0.28571429em;
952 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
953 padding-left: 0.42857143em;
955 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
960 display: inline-block
;
962 .oo-ui-labelWidget.oo-ui-inline-help {
965 font-size: 0.92857143em;
968 .oo-ui-messageWidget {
970 -webkit-box-sizing: border-box
;
971 -moz-box-sizing: border-box
;
972 box-sizing: border-box
;
973 padding: 0.28571429em 0.85714286em;
976 .oo-ui-messageWidget .oo-ui-labelElement-label {
979 .oo-ui-messageWidget.oo-ui-messageWidget-block {
981 padding: 1.42857143em 1.71428571em;
983 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
984 background-color: #fee7e6;
987 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
988 background-color: #fef6e7;
991 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
992 background-color: #d5fdf4;
993 border-color: #14866d;
995 .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
996 background-color: #eaecf0;
997 border-color: #a2a9b1;
999 .oo-ui-messageWidget.oo-ui-flaggedElement-error {
1002 .oo-ui-messageWidget.oo-ui-flaggedElement-success:not( .oo-ui-messageWidget-block ) {
1005 .oo-ui-messageWidget .oo-ui-labelElement-label {
1010 vertical-align: middle
;
1011 -webkit-touch-callout: none
;
1012 -webkit-user-select: none
;
1013 -moz-user-select: none
;
1014 -ms-user-select: none
;
1018 text-indent: -9999px;
1020 display: inline-block
;
1023 height: 1.42857143em;
1025 .oo-ui-iconWidget.oo-ui-widget-disabled {
1029 .oo-ui-indicatorWidget {
1030 vertical-align: middle
;
1031 -webkit-touch-callout: none
;
1032 -webkit-user-select: none
;
1033 -moz-user-select: none
;
1034 -ms-user-select: none
;
1038 text-indent: -9999px;
1040 margin: 0.42857143em;
1041 display: inline-block
;
1044 height: 0.85714286em;
1046 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1050 .oo-ui-buttonWidget {
1051 margin-right: 0.5em;
1053 .oo-ui-buttonWidget:last-child {
1057 .oo-ui-buttonGroupWidget {
1058 display: inline-block
;
1060 margin-right: 0.5em;
1063 padding-bottom: 1px;
1065 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
1068 .oo-ui-buttonGroupWidget:last-child {
1071 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1075 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1078 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1080 margin-bottom: -1px;
1083 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1084 border-bottom-left-radius: 2px;
1085 border-top-left-radius: 2px;
1087 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1089 border-bottom-right-radius: 2px;
1090 border-top-right-radius: 2px;
1092 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
1093 border-left-color: #fff;
1095 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
1098 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
1101 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
1104 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
1107 .oo-ui-buttonGroupWidget
.oo-ui-widget-enabled
.oo-ui-buttonElement
.oo-ui-toggleWidget-on
+ .oo-ui-toggleWidget-on
> .oo-ui-buttonElement-button
,
1108 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on + .oo-ui-toggleWidget-on > .oo-ui-buttonElement-button:active {
1109 border-left-color: #a2a9b1;
1113 .oo-ui-popupWidget {
1117 .oo-ui-popupWidget-popup {
1121 .oo-ui-popupWidget-anchor {
1124 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1127 background-repeat: no-repeat
;
1129 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
1130 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1135 border-style: solid
;
1136 border-color: transparent
;
1138 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1141 .oo-ui-popupWidget-anchored-top
.oo-ui-popupWidget-anchor:before
,
1142 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1145 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1148 .oo-ui-popupWidget-anchored-bottom
.oo-ui-popupWidget-anchor:before
,
1149 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1152 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1155 .oo-ui-popupWidget-anchored-start
.oo-ui-popupWidget-anchor:before
,
1156 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1159 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1162 .oo-ui-popupWidget-anchored-end
.oo-ui-popupWidget-anchor:before
,
1163 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1166 .oo-ui-popupWidget-head {
1167 -webkit-touch-callout: none
;
1168 -webkit-user-select: none
;
1169 -moz-user-select: none
;
1170 -ms-user-select: none
;
1173 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1176 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1180 .oo-ui-popupWidget-body {
1183 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
1186 .oo-ui-popupWidget-popup {
1187 background-color: #fff;
1188 border: 1px solid
#a2a9b1;
1190 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
1192 @supports ( filter: drop-shadow
( 0 0 0 ) ) {
1193 .oo-ui-popupWidget {
1194 filter: drop-shadow
(0 2px 1px rgba
(0, 0, 0, 0.3));
1196 .oo-ui-popupWidget-popup {
1200 .oo-ui-popupWidget-anchored-top {
1203 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
1206 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
1209 border-bottom-color: #7b8590;
1212 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
1215 border-bottom-color: #fff;
1218 .oo-ui-popupWidget-anchored-bottom {
1221 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
1224 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
1227 border-top-color: #a2a9b1;
1230 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
1233 border-top-color: #fff;
1236 .oo-ui-popupWidget-anchored-start {
1239 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
1242 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
1245 border-right-color: #a2a9b1;
1248 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
1251 border-right-color: #fff;
1254 .oo-ui-popupWidget-anchored-end {
1257 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
1260 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
1263 border-left-color: #a2a9b1;
1266 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
1269 border-left-color: #fff;
1272 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1273 -webkit-transition: width
100ms, height
100ms, left
100ms;
1274 -moz-transition: width
100ms, height
100ms, left
100ms;
1275 transition: width
100ms, height
100ms, left
100ms;
1277 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1278 margin: 0.64285714em 2.64285714em 0.42857143em 0.85714286em;
1279 line-height: 1.28571429em;
1281 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1284 .oo-ui-popupWidget-head > .oo-ui-buttonWidget .oo-ui-icon-close {
1285 background-size: 1.14285714em 1.14285714em;
1287 .oo-ui-popupWidget-body {
1288 line-height: 1.42857143em;
1290 .oo-ui-popupWidget-body-padded {
1291 margin: 0.64285714em 0.85714286em 0.42857143em;
1293 .oo-ui-popupWidget-body-padded > :first-child {
1296 .oo-ui-popupWidget-footer {
1297 margin: 0.64285714em 0.85714286em 0.42857143em;
1300 .oo-ui-popupButtonWidget {
1303 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1307 .oo-ui-inputWidget {
1308 margin-right: 0.5em;
1310 .oo-ui-inputWidget:last-child {
1314 .oo-ui-buttonInputWidget
> button
,
1315 .oo-ui-buttonInputWidget > input {
1316 background-color: transparent
;
1322 .oo-ui-checkboxInputWidget {
1323 display: inline-block
;
1326 line-height: 1.42857143em;
1327 white-space: nowrap
;
1329 .oo-ui-checkboxInputWidget * {
1331 vertical-align: middle
;
1333 .oo-ui-checkboxInputWidget [type='checkbox'] {
1336 width: 1.42857143em;
1337 height: 1.42857143em;
1342 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
1343 background-color: #fff;
1344 background-size: 0 0;
1345 -webkit-box-sizing: border-box
;
1346 -moz-box-sizing: border-box
;
1347 box-sizing: border-box
;
1350 width: 1.42857143em;
1351 height: 1.42857143em;
1352 border-color: #72777d;
1353 border-style: solid
;
1357 :root
.oo-ui-checkboxInputWidget
[type
='checkbox'] + span
{
1360 .oo-ui-checkboxInputWidget [type='checkbox']:checked:not( :indeterminate ) + span {
1361 background-size: 1em 1em;
1363 .oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span:before {
1367 bottom: 0.57142857em;
1369 right: 0.21428571em;
1370 background-color: #fff;
1372 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
1373 background-color: #c8ccd1;
1374 border-color: #c8ccd1;
1376 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
1379 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
1381 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1382 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1383 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1385 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
1387 box-shadow: inset
0 0 0 1px #36c;
1389 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span {
1392 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
1393 background-color: #2a4b8d;
1394 border-color: #2a4b8d;
1395 box-shadow: inset
0 0 0 1px #2a4b8d;
1397 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked
+ span
,
1398 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
1399 background-color: #36c;
1402 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:focus
+ span
,
1403 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
1404 background-color: #36c;
1406 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
1408 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:hover
+ span
,
1409 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
1410 background-color: #447ff5;
1411 border-color: #447ff5;
1413 .oo-ui-checkboxInputWidget
.oo-ui-widget-enabled
[type
='checkbox']:checked:active
+ span
,
1414 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
1415 background-color: #2a4b8d;
1416 border-color: #2a4b8d;
1417 box-shadow: inset
0 0 0 1px #2a4b8d;
1420 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
1422 padding: 0.28571429em 0;
1424 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout:first-child {
1425 margin-top: -0.28571429em;
1428 .oo-ui-dropdownInputWidget {
1430 vertical-align: middle
;
1431 -webkit-box-sizing: border-box
;
1432 -moz-box-sizing: border-box
;
1433 box-sizing: border-box
;
1437 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
1438 .oo-ui-dropdownInputWidget
.oo-ui-dropdownInputWidget-php select
,
1439 .oo-ui-dropdownInputWidget.oo-ui-isMobile select {
1442 .oo-ui-dropdownInputWidget.oo-ui-isMobile .oo-ui-dropdownWidget {
1445 .oo-ui-dropdownInputWidget select {
1447 background-position: -9999em 0;
1448 background-repeat: no-repeat
;
1450 -webkit-box-sizing: border-box
;
1451 -moz-box-sizing: border-box
;
1452 box-sizing: border-box
;
1454 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1457 .oo-ui-dropdownInputWidget select {
1458 -webkit-appearance: none
;
1459 -moz-appearance: none
;
1460 background-color: transparent
;
1461 background-position: right
0.85714286em center
;
1462 -webkit-box-sizing: border-box
;
1463 -moz-box-sizing: border-box
;
1464 box-sizing: border-box
;
1465 height: 2.28571429em;
1466 border: 1px solid
#a2a9b1;
1468 padding-left: 0.85714286em;
1469 padding-right: 2.57142857em;
1471 font-family: inherit
;
1472 vertical-align: middle
;
1473 background-position: -9999em 0\
9;
1475 /* Support IE 10: Move it in again and also add `padding`. Because we talk to morons. */
1477 @media screen and
(-ms-high-contrast: active
), (-ms-high-contrast: none
) {
1478 .oo-ui-dropdownInputWidget select {
1479 background-position: right
0.85714286em center
;
1480 padding-left: 0.85714286em;
1481 padding-right: 2.57142857em;
1484 .oo-ui-dropdownInputWidget select::-ms-expand {
1487 .oo-ui-dropdownInputWidget option {
1488 background-color: transparent
;
1490 font-family: inherit
;
1492 padding: 0.42857143em 0.85714286em;
1494 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
1495 background-color: #f8f9fa;
1496 -webkit-transition: background-color
100ms;
1497 -moz-transition: background-color
100ms;
1498 transition: background-color
100ms;
1500 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
1501 background-color: #fff;
1503 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
1505 -webkit-transition: border-color
100ms, box-shadow
100ms;
1506 -moz-transition: border-color
100ms, box-shadow
100ms;
1507 transition: border-color
100ms, box-shadow
100ms;
1509 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
1511 border-color: #a2a9b1;
1513 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
1515 border-color: #72777d;
1517 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1520 box-shadow: inset
0 0 0 1px #36c;
1522 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
1523 background-color: #eaecf0;
1525 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1527 border-color: #c8ccd1;
1530 .oo-ui-radioInputWidget {
1531 display: inline-block
;
1534 line-height: 1.42857143em;
1535 white-space: nowrap
;
1537 .oo-ui-radioInputWidget * {
1539 vertical-align: middle
;
1541 .oo-ui-radioInputWidget [type='radio'] {
1544 width: 1.42857143em;
1545 height: 1.42857143em;
1550 .oo-ui-radioInputWidget [type='radio'] + span {
1551 background-color: #fff;
1554 -webkit-box-sizing: border-box
;
1555 -moz-box-sizing: border-box
;
1556 box-sizing: border-box
;
1557 width: 1.42857143em;
1558 height: 1.42857143em;
1559 border-color: #72777d;
1560 border-style: solid
;
1561 border-radius: 100%;
1564 :root
.oo-ui-radioInputWidget
[type
='radio'] + span
{
1567 .oo-ui-radioInputWidget [type='radio'] + span:before {
1574 border: 1px solid transparent
;
1575 border-radius: 100%;
1577 .oo-ui-radioInputWidget
[type
='radio']:checked
+ span
,
1578 .oo-ui-radioInputWidget
[type
='radio']:checked:hover
+ span
,
1579 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1580 border-width: 0.42857143em;
1582 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1583 background-color: #c8ccd1;
1584 border-color: #c8ccd1;
1586 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1587 background-color: #fff;
1589 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1592 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1594 -webkit-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1595 -moz-transition: background-color
100ms, border-color
100ms, border-width
100ms;
1596 transition: background-color
100ms, border-color
100ms, border-width
100ms;
1598 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1601 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1602 background-color: #2a4b8d;
1603 border-color: #2a4b8d;
1605 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1608 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1611 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1612 border-color: #447ff5;
1614 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
1615 border-color: #2a4b8d;
1616 box-shadow: inset
0 0 0 1px #2a4b8d;
1618 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
1619 border-color: #2a4b8d;
1622 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1624 padding: 0.28571429em 0;
1626 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout:first-child {
1627 margin-top: -0.28571429em;
1630 .oo-ui-textInputWidget {
1632 vertical-align: middle
;
1633 -webkit-box-sizing: border-box
;
1634 -moz-box-sizing: border-box
;
1635 box-sizing: border-box
;
1639 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1640 -webkit-appearance: none
;
1641 -moz-appearance: textfield
;
1644 -webkit-box-sizing: border-box
;
1645 -moz-box-sizing: border-box
;
1646 box-sizing: border-box
;
1648 .oo-ui-textInputWidget input::-ms-clear {
1651 .oo-ui-textInputWidget textarea {
1654 .oo-ui-textInputWidget textarea.oo-ui-textInputWidget-autosized {
1657 .oo-ui-textInputWidget
[type
='number']::-webkit-outer-spin-button
,
1658 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1659 -webkit-appearance: none
;
1662 .oo-ui-textInputWidget
[type
='search']::-webkit-search-decoration
,
1663 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1666 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1667 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1670 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1671 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1674 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1678 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1681 .oo-ui-textInputWidget-labelPosition-after.oo-ui-labelElement ::-ms-clear {
1684 .oo-ui-textInputWidget-php
> .oo-ui-iconElement-icon
,
1685 .oo-ui-textInputWidget-php
> .oo-ui-indicatorElement-indicator
,
1686 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1687 pointer-events: none
;
1689 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
1690 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1693 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1696 .oo-ui-textInputWidget.oo-ui-widget-disabled > * {
1697 -webkit-touch-callout: none
;
1698 -webkit-user-select: none
;
1699 -moz-user-select: none
;
1700 -ms-user-select: none
;
1703 .oo-ui-textInputWidget .oo-ui-inputWidget-input {
1704 background-color: #fff;
1707 border: 1px solid
#a2a9b1;
1709 padding: 0.42857143em 0.57142857em;
1711 font-family: inherit
;
1712 line-height: 1.28571429em;
1714 .oo-ui-textInputWidget input {
1715 height: 2.28571429em;
1717 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1718 background-color: #eaecf0;
1720 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-inputWidget-input {
1721 padding-left: 2.64285714em;
1723 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon {
1726 .oo-ui-textInputWidget.oo-ui-iconElement textarea + .oo-ui-iconElement-icon {
1727 max-height: 2.28571429em;
1729 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1732 padding: 0.42857143em 0.85714286em 0.42857143em 0.57142857em;
1733 line-height: 1.28571429em;
1735 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-inputWidget-input {
1738 .oo-ui-textInputWidget.oo-ui-indicatorElement.oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1741 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1742 max-height: 2.28571429em;
1743 margin-right: 0.85714286em;
1745 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1746 margin-right: 2.28571429em;
1748 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1749 padding-left: 2.64285714em;
1751 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input {
1752 box-shadow: inset
0 0 0 1px transparent
;
1753 -webkit-transition: border-color
250ms, box-shadow
250ms;
1754 -moz-transition: border-color
250ms, box-shadow
250ms;
1755 transition: border-color
250ms, box-shadow
250ms;
1757 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-webkit-input-placeholder {
1761 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-ms-input-placeholder {
1765 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::-moz-placeholder {
1769 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:-moz-placeholder {
1773 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
1777 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
1780 box-shadow: inset
0 0 0 1px #36c;
1782 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-inputWidget-input:focus
~ .oo-ui-iconElement-icon
,
1783 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus ~ .oo-ui-indicatorElement-indicator {
1786 .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly] {
1787 background-color: #f8f9fa;
1789 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
1790 border-color: #72777d;
1792 .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
1795 @media screen and
(min-width: 0) {
1796 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
1797 outline: 1px solid
#36c;
1798 outline-offset: -2px;
1800 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
1801 outline-color: #d33;
1804 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon {
1807 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1810 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
1813 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:hover {
1816 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
1818 box-shadow: inset
0 0 0 1px #d33;
1820 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
1821 background-color: #eaecf0;
1822 -webkit-text-fill-color: #72777d;
1824 text-shadow: 0 1px 1px #fff;
1825 border-color: #c8ccd1;
1827 .oo-ui-textInputWidget
.oo-ui-widget-disabled
> .oo-ui-iconElement-icon
,
1828 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-indicatorElement-indicator {
1831 .oo-ui-textInputWidget.oo-ui-widget-disabled > .oo-ui-labelElement-label {
1833 text-shadow: 0 1px 1px #fff;
1836 .oo-ui-menuSelectWidget {
1840 background-color: #fff;
1842 margin-bottom: -1px;
1843 border: 1px solid
#a2a9b1;
1844 border-radius: 0 0 2px 2px;
1845 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
1847 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1848 min-height: 2.286em;
1850 .oo-ui-menuSelectWidget-invisible {
1854 .oo-ui-menuOptionWidget {
1855 -webkit-transition: background-color
100ms, color
100ms;
1856 -moz-transition: background-color
100ms, color
100ms;
1857 transition: background-color
100ms, color
100ms;
1859 .oo-ui-menuOptionWidget-checkIcon {
1862 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1863 background-color: #eaecf0;
1866 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1867 background-color: #eaf3ff;
1870 .oo-ui-menuOptionWidget
.oo-ui-optionWidget-selected
.oo-ui-menuOptionWidget
.oo-ui-optionWidget-highlighted
,
1871 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1872 background-color: rgba
(41, 98, 204, 0.1);
1875 .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
1879 .oo-ui-menuSectionOptionWidget {
1881 padding: 0.42857143em 0.85714286em 0.28571429em;
1884 .oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
1887 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget {
1888 padding-left: 1.71428571em;
1890 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement {
1891 padding-left: 3.5em;
1893 .oo-ui-menuSectionOptionWidget ~ .oo-ui-menuOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1897 .oo-ui-dropdownWidget {
1898 display: inline-block
;
1900 vertical-align: middle
;
1903 margin-right: 0.5em;
1905 .oo-ui-dropdownWidget-handle {
1909 white-space: nowrap
;
1911 text-overflow: ellipsis
;
1913 -webkit-touch-callout: none
;
1914 -webkit-user-select: none
;
1915 -moz-user-select: none
;
1916 -ms-user-select: none
;
1918 -webkit-box-sizing: border-box
;
1919 -moz-box-sizing: border-box
;
1920 box-sizing: border-box
;
1922 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1923 display: inline-block
;
1925 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1928 .oo-ui-dropdownWidget:last-child {
1931 .oo-ui-dropdownWidget-handle {
1932 min-height: 2.28571429em;
1933 border: 1px solid
#a2a9b1;
1935 padding: 0.42857143em 2.57142857em 0.42857143em 0.85714286em;
1938 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1941 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1942 right: 0.78571429em;
1944 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1945 line-height: 1.28571429em;
1947 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle {
1948 padding-left: 2.64285714em;
1950 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1951 background-color: #f8f9fa;
1953 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1954 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1955 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
1957 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1958 background-color: #fff;
1960 border-color: #a2a9b1;
1962 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle:hover
.oo-ui-iconElement-icon
,
1963 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1966 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
1968 border-color: #72777d;
1970 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1973 box-shadow: inset
0 0 0 1px #36c;
1975 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1976 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1978 -webkit-transition: opacity
100ms;
1979 -moz-transition: opacity
100ms;
1980 transition: opacity
100ms;
1982 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1983 background-color: #fff;
1985 .oo-ui-dropdownWidget
.oo-ui-widget-enabled
.oo-ui-dropdownWidget-open
.oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1986 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1989 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1991 text-shadow: 0 1px 1px #fff;
1992 border-color: #c8ccd1;
1993 background-color: #eaecf0;
1995 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1998 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2002 .oo-ui-comboBoxInputWidget {
2003 display: inline-block
;
2006 .oo-ui-comboBoxInputWidget-field {
2009 table-layout: fixed
;
2011 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
2012 display: table-cell
;
2013 vertical-align: middle
;
2017 .oo-ui-comboBoxInputWidget-dropdownButton {
2018 display: table-cell
;
2020 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
2024 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
2027 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
2036 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorWidget {
2041 pointer-events: none
;
2043 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
2044 height: 2.28571429em;
2045 border-top-right-radius: 0;
2046 border-bottom-right-radius: 0;
2047 border-right-width: 0;
2049 .oo-ui-comboBoxInputWidget
.oo-ui-comboBoxInputWidget-empty
.oo-ui-inputWidget-input
,
2050 .oo-ui-comboBoxInputWidget-php .oo-ui-inputWidget-input {
2051 border-top-right-radius: 2px;
2052 border-bottom-right-radius: 2px;
2053 border-right-width: 1px;
2055 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement {
2056 width: 2.64285714em;
2058 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button {
2060 min-height: 2.28571429em;
2063 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
2064 right: 0.85714286em;
2066 .oo-ui-comboBoxInputWidget-dropdownButton
.oo-ui-indicatorElement
.oo-ui-buttonElement-button
,
2067 .oo-ui-comboBoxInputWidget-dropdownButton.oo-ui-indicatorElement .oo-ui-buttonElement-button:focus {
2068 border-top-left-radius: 0;
2069 border-bottom-left-radius: 0;
2071 .oo-ui-comboBoxInputWidget-php .oo-ui-indicatorWidget {
2072 right: 0.85714286em;
2075 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
2076 background-color: #fff;
2078 .oo-ui-comboBoxInputWidget-open .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
2081 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2086 .oo-ui-multioptionWidget {
2090 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
2093 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2096 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2098 white-space: nowrap
;
2099 text-overflow: ellipsis
;
2102 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
2107 .oo-ui-checkboxMultioptionWidget {
2109 padding: 0.28571429em 0;
2111 .oo-ui-checkboxMultioptionWidget
.oo-ui-checkboxInputWidget
,
2112 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2113 display: table-cell
;
2114 vertical-align: top
;
2116 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2119 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
2120 white-space: normal
;
2122 .oo-ui-checkboxMultioptionWidget:first-child {
2123 margin-top: -0.28571429em;
2125 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2126 padding-left: 0.42857143em;
2128 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
2132 .oo-ui-progressBarWidget {
2133 -webkit-box-sizing: border-box
;
2134 -moz-box-sizing: border-box
;
2135 box-sizing: border-box
;
2137 background-color: #fff;
2138 border: 1px solid
#a2a9b1;
2142 .oo-ui-progressBarWidget-bar {
2144 -webkit-transition: width
100ms;
2145 -moz-transition: width
100ms;
2146 transition: width
100ms;
2148 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
2149 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
2150 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
2151 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
2153 -webkit-transform: translate
(-25%);
2154 -moz-transform: translate
(-25%);
2155 -ms-transform: translate
(-25%);
2156 transform: translate
(-25%);
2158 .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
2159 background-color: #36c;
2161 .oo-ui-progressBarWidget.oo-ui-widget-disabled .oo-ui-progressBarWidget-bar {
2162 background-color: #c8ccd1;
2164 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
2166 -webkit-transform: translate
(-100%);
2167 -moz-transform: translate
(-100%);
2168 -ms-transform: translate
(-100%);
2169 transform: translate
(-100%);
2172 -webkit-transform: translate
(350%);
2173 -moz-transform: translate
(350%);
2174 -ms-transform: translate
(350%);
2175 transform: translate
(350%);
2178 @-moz-keyframes oo-ui-progressBarWidget-slide
{
2180 -webkit-transform: translate
(-100%);
2181 -moz-transform: translate
(-100%);
2182 -ms-transform: translate
(-100%);
2183 transform: translate
(-100%);
2186 -webkit-transform: translate
(350%);
2187 -moz-transform: translate
(350%);
2188 -ms-transform: translate
(350%);
2189 transform: translate
(350%);
2192 @keyframes oo-ui-progressBarWidget-slide
{
2194 -webkit-transform: translate
(-100%);
2195 -moz-transform: translate
(-100%);
2196 -ms-transform: translate
(-100%);
2197 transform: translate
(-100%);
2200 -webkit-transform: translate
(350%);
2201 -moz-transform: translate
(350%);
2202 -ms-transform: translate
(350%);
2203 transform: translate
(350%);
2207 .oo-ui-numberInputWidget {
2208 display: inline-block
;
2212 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
2213 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2214 display: table-cell
;
2217 .oo-ui-numberInputWidget-field {
2219 table-layout: fixed
;
2222 .oo-ui-numberInputWidget-buttoned
.oo-ui-buttonWidget
,
2223 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2224 height: 2.28571429em;
2226 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
2227 width: 2.64285714em;
2229 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button {
2232 min-height: 2.28571429em;
2236 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget .oo-ui-buttonElement-button .oo-ui-iconElement-icon {
2239 .oo-ui-numberInputWidget-buttoned .oo-ui-inputWidget-input {
2241 max-height: 2.28571429em;
2243 .oo-ui-numberInputWidget-minusButton > .oo-ui-buttonElement-button {
2244 border-top-right-radius: 0;
2245 border-bottom-right-radius: 0;
2246 border-right-width: 0;
2248 .oo-ui-numberInputWidget-plusButton > .oo-ui-buttonElement-button {
2249 border-top-left-radius: 0;
2250 border-bottom-left-radius: 0;
2251 border-left-width: 0;
2253 .oo-ui-numberInputWidget.oo-ui-widget-disabled.oo-ui-numberInputWidget-buttoned .oo-ui-iconElement-icon {
2257 .oo-ui-selectFileInputWidget {
2261 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button {
2265 .oo-ui-selectFileInputWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
2278 .oo-ui-selectFileInputWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
2281 .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input {
2282 pointer-events: none
;
2284 .oo-ui-selectFileInputWidget-label {
2290 text-overflow: ellipsis
;
2292 .oo-ui-selectFileInputWidget-clearButton {
2296 .oo-ui-selectFileInputWidget-empty .oo-ui-selectFileInputWidget-clearButton {
2299 .oo-ui-selectFileInputWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileInputWidget-label {
2302 .oo-ui-selectFileInputWidget-label {
2303 -webkit-box-sizing: border-box
;
2304 -moz-box-sizing: border-box
;
2305 box-sizing: border-box
;
2307 right: 2.85714286em;
2308 padding-top: 0.42857143em;
2309 padding-left: 0.57142857em;
2310 padding-bottom: 0.42857143em;
2311 white-space: nowrap
;
2313 .oo-ui-selectFileInputWidget.oo-ui-labelElement .oo-ui-selectFileInputWidget-label {
2314 line-height: 1.28571429em;
2317 .oo-ui-defaultOverlay {