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-03-30T20:34:41Z
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 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
65 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
68 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
69 margin-left: 0.46875em;
71 .oo-ui-buttonElement-frameless
> .oo-ui-buttonElement-button:hover
,
72 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
75 .oo-ui-buttonElement-frameless
> .oo-ui-buttonElement-button:hover
> .oo-ui-iconElement-icon
,
76 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
79 .oo-ui-buttonElement-frameless
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
80 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
83 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
86 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
89 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
93 .oo-ui-buttonElement-frameless
> input
.oo-ui-buttonElement-button:hover
,
94 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button:focus {
97 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
100 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
103 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
106 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
109 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
112 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
113 padding: 0.2em 0.8em;
114 border-radius: 0.3em;
115 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
116 border: 1px #c9c9c9 solid
;
117 -webkit-transition: border-color
100ms ease
;
118 -moz-transition: border-color
100ms ease
;
119 transition: border-color
100ms ease
;
120 background-color: #eeeeee;
121 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #ddd));
122 background-image: -webkit-linear-gradient
(top
, #fff 0, #ddd 100%);
123 background-image: -moz-linear-gradient
(top
, #fff 0, #ddd 100%);
124 background-image: linear-gradient
(to bottom
, #fff 0, #ddd 100%);
125 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
127 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
128 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
132 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
133 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
134 line-height: 1.875em;
136 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
137 .oo-ui-buttonElement-framed
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
138 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
139 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
141 border-color: #c9c9c9;
142 background-color: #eeeeee;
143 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ddd), color-stop
(100%, #fff));
144 background-image: -webkit-linear-gradient
(top
, #ddd 0, #fff 100%);
145 background-image: -moz-linear-gradient
(top
, #ddd 0, #fff 100%);
146 background-image: linear-gradient
(to bottom
, #ddd 0, #fff 100%);
147 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
149 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
151 margin-right: -0.5em;
152 display: inline-block
;
153 vertical-align: middle
;
155 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
158 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
159 margin-left: -0.005em;
160 margin-right: -0.005em;
162 .oo-ui-buttonElement-framed
.oo-ui-indicatorElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
163 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
164 margin-left: 0.46875em;
165 margin-right: -0.275em;
167 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
168 border: 1px solid
#a6cee1;
169 background-color: #cde7f4;
170 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
171 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
172 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
173 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
174 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
176 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
,
177 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
178 border-color: #9dc2d4;
180 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
181 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-progressive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
182 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
183 border: 1px solid
#a6cee1;
184 background-color: #cde7f4;
185 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
186 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
187 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
188 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
189 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
191 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
192 border: 1px solid
#b8d892;
193 background-color: #daf0bd;
194 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f0fbe1), color-stop
(100%, #c3e59a));
195 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0, #c3e59a 100%);
196 background-image: -moz-linear-gradient
(top
, #f0fbe1 0, #c3e59a 100%);
197 background-image: linear-gradient
(to bottom
, #f0fbe1 0, #c3e59a 100%);
198 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0fbe1', endColorstr='#ffc3e59a' )";
200 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
,
201 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
202 border-color: #adcb89;
204 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
205 .oo-ui-buttonElement-framed
.oo-ui-flaggedElement-constructive
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
206 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
207 border: 1px solid
#b8d892;
208 background-color: #daf0bd;
209 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #c3e59a), color-stop
(100%, #f0fbe1));
210 background-image: -webkit-linear-gradient
(top
, #c3e59a 0, #f0fbe1 100%);
211 background-image: -moz-linear-gradient
(top
, #c3e59a 0, #f0fbe1 100%);
212 background-image: linear-gradient
(to bottom
, #c3e59a 0, #f0fbe1 100%);
213 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc3e59a', endColorstr='#fff0fbe1' )";
215 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
218 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
219 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
220 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
222 -webkit-transform: translateZ
(0);
223 transform: translateZ
(0);
229 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button:hover
,
230 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button:hover
,
231 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-pressed
> .oo-ui-buttonElement-button:hover
,
232 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button:focus
,
233 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button:focus
,
234 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
238 .oo-ui-clippableElement-clippable {
239 -webkit-box-sizing: border-box
;
240 -moz-box-sizing: border-box
;
241 box-sizing: border-box
;
244 .oo-ui-floatableElement {
247 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
248 .oo-ui-iconElement.oo-ui-iconElement-icon {
249 background-size: contain
;
250 background-position: center center
;
251 background-repeat: no-repeat
;
257 .oo-ui-iconElement
.oo-ui-iconElement-icon
,
258 .oo-ui-iconElement.oo-ui-iconElement-icon {
261 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
262 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
263 background-size: contain
;
264 background-position: center center
;
265 background-repeat: no-repeat
;
271 .oo-ui-indicatorElement
.oo-ui-indicatorElement-indicator
,
272 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
275 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
278 .oo-ui-pendingElement-pending {
279 background-image: /* @embed */ url
(themes/apex/images/textures/pending.gif);
285 .oo-ui-fieldLayout:before
,
286 .oo-ui-fieldLayout:after {
290 .oo-ui-fieldLayout:after {
293 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
294 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
295 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
296 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
297 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
298 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
302 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
305 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
309 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
310 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
312 vertical-align: middle
;
314 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
317 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
318 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
321 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
324 .oo-ui-fieldLayout .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
327 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-top
.oo-ui-fieldLayout-help
,
328 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline .oo-ui-fieldLayout-help {
331 .oo-ui-fieldLayout:last-child {
334 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-help
,
335 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
337 margin-left: -1.875em;
339 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
340 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
343 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
,
344 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
348 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-header
> .oo-ui-labelElement-label
,
349 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
353 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
354 margin-bottom: 1.25em;
356 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
359 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
360 padding: 0.25em 0 0.25em 0.5em;
362 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
366 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
370 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
373 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
376 .oo-ui-fieldLayout-messages {
377 list-style: none none
;
383 .oo-ui-fieldLayout-messages > li {
387 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
390 .oo-ui-fieldLayout-messages .oo-ui-fieldLayout-messages-error {
393 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
396 vertical-align: middle
;
398 .oo-ui-actionFieldLayout-input
,
399 .oo-ui-actionFieldLayout-button {
401 vertical-align: middle
;
403 .oo-ui-actionFieldLayout-input {
406 .oo-ui-actionFieldLayout-button {
410 .oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top {
413 .oo-ui-fieldsetLayout {
418 padding: 0.01px 0 0 0;
420 body:not
( :-moz-handler-blocked
) .oo-ui-fieldsetLayout
{
423 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
427 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
429 display: inline-table
;
430 box-sizing: border-box
;
436 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label:empty {
439 .oo-ui-fieldsetLayout-group {
442 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help {
445 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
448 .oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header {
451 .oo-ui-fieldsetLayout
+ .oo-ui-fieldsetLayout
,
452 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
455 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
456 display: inline-block
;
458 margin-bottom: 0.5em;
462 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
466 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
470 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget {
473 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header > .oo-ui-popupButtonWidget:last-child {
476 .oo-ui-formLayout
+ .oo-ui-fieldsetLayout
,
477 .oo-ui-formLayout + .oo-ui-formLayout {
483 .oo-ui-panelLayout-scrollable {
485 -webkit-transform: translateZ
(0);
486 transform: translateZ
(0);
488 .oo-ui-panelLayout-expanded {
495 .oo-ui-panelLayout-padded {
498 .oo-ui-panelLayout-framed {
499 border: 1px solid
#ccc;
500 border-radius: 0.5em;
501 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
503 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
506 .oo-ui-horizontalLayout > .oo-ui-widget {
507 display: inline-block
;
508 vertical-align: middle
;
510 .oo-ui-horizontalLayout > .oo-ui-layout {
511 display: inline-block
;
513 .oo-ui-horizontalLayout
> .oo-ui-layout
,
514 .oo-ui-horizontalLayout > .oo-ui-widget {
517 .oo-ui-horizontalLayout
> .oo-ui-layout:last-child
,
518 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
521 .oo-ui-horizontalLayout > .oo-ui-layout {
524 .oo-ui-optionWidget {
527 padding: 0.25em 0.5em;
530 .oo-ui-optionWidget.oo-ui-widget-enabled {
533 .oo-ui-optionWidget.oo-ui-widget-disabled {
536 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
539 text-overflow: ellipsis
;
542 .oo-ui-optionWidget-highlighted {
543 background-color: #e1f3ff;
545 .oo-ui-optionWidget .oo-ui-labelElement-label {
548 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
549 background-color: #a7dcff;
551 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
,
552 .oo-ui-selectWidget-pressed
.oo-ui-optionWidget-pressed
.oo-ui-optionWidget-highlighted
,
553 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
554 background-color: #a7dcff;
556 .oo-ui-optionWidget.oo-ui-widget-disabled {
559 .oo-ui-decoratedOptionWidget {
560 padding: 0.5em 2em 0.5em 3em;
562 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
563 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
566 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
567 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
571 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
574 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
577 .oo-ui-decoratedOptionWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
578 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
581 .oo-ui-radioOptionWidget {
583 background-color: transparent
;
585 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
586 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
587 display: inline-block
;
588 vertical-align: middle
;
590 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
591 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
592 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
593 background-color: transparent
;
595 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
598 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
602 display: inline-block
;
606 display: inline-block
;
607 vertical-align: middle
;
610 .oo-ui-iconWidget.oo-ui-widget-disabled {
613 .oo-ui-indicatorWidget {
614 display: inline-block
;
615 vertical-align: middle
;
619 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
622 .oo-ui-buttonWidget {
625 .oo-ui-buttonWidget:last-child {
628 .oo-ui-buttonGroupWidget {
629 display: inline-block
;
631 border-radius: 0.3em;
634 .oo-ui-buttonGroupWidget .oo-ui-buttonWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
637 .oo-ui-buttonGroupWidget:last-child {
640 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
643 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
646 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
650 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
651 border-bottom-left-radius: 0.3em;
652 border-top-left-radius: 0.3em;
655 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
656 border-bottom-right-radius: 0.3em;
657 border-top-right-radius: 0.3em;
662 .oo-ui-popupWidget-popup {
667 .oo-ui-popupWidget-anchor {
671 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
674 background-repeat: no-repeat
;
676 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
677 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
683 border-color: transparent
;
685 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
687 /* `top` property is to be set in theme's selector due to specific `@size-anchor` values */
689 .oo-ui-popupWidget-anchored-top
.oo-ui-popupWidget-anchor:before
,
690 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
693 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
695 /* `bottom` property is to be set in theme's selector due to specific `@size-anchor` values */
697 .oo-ui-popupWidget-anchored-bottom
.oo-ui-popupWidget-anchor:before
,
698 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
701 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
703 /* `left` property is to be set in theme's selector due to specific `@size-anchor` values */
705 .oo-ui-popupWidget-anchored-start
.oo-ui-popupWidget-anchor:before
,
706 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
709 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
711 /* `right` property is to be set in theme's selector due to specific `@size-anchor` values */
713 .oo-ui-popupWidget-anchored-end
.oo-ui-popupWidget-anchor:before
,
714 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
717 .oo-ui-popupWidget-head {
718 -webkit-touch-callout: none
;
719 -webkit-user-select: none
;
720 -moz-user-select: none
;
721 -ms-user-select: none
;
724 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
727 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
731 .oo-ui-popupWidget-body {
734 .oo-ui-popupWidget-body.oo-ui-clippableElement-clippable {
737 .oo-ui-popupWidget-popup {
738 background-color: #fff;
739 border: 1px solid
#ccc;
740 border-radius: 0.25em;
741 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
743 .oo-ui-popupWidget-anchored-top {
746 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
749 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
752 border-bottom-color: #aaa;
755 .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
758 border-bottom-color: #fff;
761 .oo-ui-popupWidget-anchored-bottom {
764 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
767 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
770 border-top-color: #aaa;
773 .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
776 border-top-color: #fff;
779 .oo-ui-popupWidget-anchored-start {
782 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor {
785 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
788 border-right-color: #aaa;
791 .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
794 border-right-color: #fff;
797 .oo-ui-popupWidget-anchored-end {
800 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor {
803 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
806 border-left-color: #aaa;
809 .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
812 border-left-color: #fff;
815 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
816 -webkit-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
817 -moz-transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
818 transition: width
100ms ease
, height
100ms ease
, left
100ms ease
;
820 .oo-ui-popupWidget-head {
823 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
826 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
829 .oo-ui-popupWidget-body {
832 .oo-ui-popupWidget-body-padded {
835 .oo-ui-popupButtonWidget {
838 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
841 .oo-ui-popupButtonWidget-frameless-popup
.oo-ui-popupWidget-anchored-top
.oo-ui-popupWidget-anchor
,
842 .oo-ui-popupButtonWidget-frameless-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
843 margin-left: 0.9375em;
845 .oo-ui-popupButtonWidget-framed-popup
.oo-ui-popupWidget-anchored-top
.oo-ui-popupWidget-anchor
,
846 .oo-ui-popupButtonWidget-framed-popup.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor {
847 margin-left: 1.2375em;
852 .oo-ui-inputWidget:last-child {
855 .oo-ui-buttonInputWidget
> button
,
856 .oo-ui-buttonInputWidget > input {
859 background-color: transparent
;
861 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
864 .oo-ui-dropdownInputWidget {
866 vertical-align: middle
;
867 -webkit-box-sizing: border-box
;
868 -moz-box-sizing: border-box
;
869 box-sizing: border-box
;
873 .oo-ui-dropdownInputWidget
.oo-ui-dropdownWidget
,
874 .oo-ui-dropdownInputWidget select {
877 .oo-ui-dropdownInputWidget select {
878 background-position: -9999em 0;
879 background-repeat: no-repeat
;
881 -webkit-box-sizing: border-box
;
882 -moz-box-sizing: border-box
;
883 box-sizing: border-box
;
885 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
888 .oo-ui-dropdownInputWidget select {
889 background-color: #fff;
893 font-family: inherit
;
894 border: 1px solid rgba
(0, 0, 0, 0.1);
895 border-radius: 0.25em;
897 .oo-ui-dropdownInputWidget option {
899 font-family: inherit
;
903 .oo-ui-dropdownInputWidget
.oo-ui-widget-enabled
select:hover
,
904 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
905 border-color: rgba
(0, 0, 0, 0.2);
908 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
911 background-color: #f3f3f3;
913 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
916 .oo-ui-textInputWidget {
918 vertical-align: middle
;
919 -webkit-box-sizing: border-box
;
920 -moz-box-sizing: border-box
;
921 box-sizing: border-box
;
925 .oo-ui-textInputWidget input
,
926 .oo-ui-textInputWidget textarea {
929 -webkit-box-sizing: border-box
;
930 -moz-box-sizing: border-box
;
931 box-sizing: border-box
;
933 .oo-ui-textInputWidget textarea {
937 .oo-ui-textInputWidget [type='number'] {
938 -moz-appearance: textfield
;
940 .oo-ui-textInputWidget
[type
='number']::-webkit-outer-spin-button
,
941 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
942 -webkit-appearance: none
;
945 .oo-ui-textInputWidget [type='search'] {
946 -webkit-appearance: textfield
;
948 .oo-ui-textInputWidget [type='search']::-ms-clear {
951 .oo-ui-textInputWidget
[type
='search']::-webkit-search-decoration
,
952 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
955 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
956 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
957 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
960 .oo-ui-textInputWidget
.oo-ui-iconElement
> .oo-ui-iconElement-icon
,
961 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
966 -webkit-touch-callout: none
;
967 -webkit-user-select: none
;
968 -moz-user-select: none
;
969 -ms-user-select: none
;
972 .oo-ui-textInputWidget
.oo-ui-widget-enabled
> .oo-ui-iconElement-icon
,
973 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
976 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
979 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
980 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
981 -webkit-touch-callout: none
;
982 -webkit-user-select: none
;
983 -moz-user-select: none
;
984 -ms-user-select: none
;
987 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
988 -webkit-touch-callout: none
;
989 -webkit-user-select: none
;
990 -moz-user-select: none
;
991 -ms-user-select: none
;
994 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
997 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
998 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1001 .oo-ui-textInputWidget
> .oo-ui-indicatorElement-indicator
,
1002 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1005 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1009 .oo-ui-textInputWidget-php
> .oo-ui-iconElement-icon
,
1010 .oo-ui-textInputWidget-php
> .oo-ui-indicatorElement-indicator
,
1011 .oo-ui-textInputWidget-php > .oo-ui-labelElement-label {
1012 pointer-events: none
;
1014 .oo-ui-textInputWidget input
,
1015 .oo-ui-textInputWidget textarea {
1017 line-height: 1.275em;
1019 font-family: inherit
;
1020 background-color: #fff;
1022 border: 1px solid
#ccc;
1023 box-shadow: 0 0 0 #fff, inset
0 0.1em 0.2em #ddd;
1024 border-radius: 0.25em;
1025 -webkit-transition: border-color
250ms ease
, box-shadow
250ms ease
;
1026 -moz-transition: border-color
250ms ease
, box-shadow
250ms ease
;
1027 transition: border-color
250ms ease
, box-shadow
250ms ease
;
1029 .oo-ui-textInputWidget input
.oo-ui-pendingElement-pending
,
1030 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1031 background-color: transparent
;
1033 .oo-ui-textInputWidget
input::-webkit-input-placeholder
,
1034 .oo-ui-textInputWidget textarea::-webkit-input-placeholder {
1038 .oo-ui-textInputWidget
input:-ms-input-placeholder
,
1039 .oo-ui-textInputWidget textarea:-ms-input-placeholder {
1043 .oo-ui-textInputWidget
input::-moz-placeholder
,
1044 .oo-ui-textInputWidget textarea::-moz-placeholder {
1048 .oo-ui-textInputWidget
input:-moz-placeholder
,
1049 .oo-ui-textInputWidget textarea:-moz-placeholder {
1053 .oo-ui-textInputWidget
input::placeholder
,
1054 .oo-ui-textInputWidget textarea::placeholder {
1058 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1059 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1061 border-color: #a7dcff;
1062 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
1064 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1065 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1068 .oo-ui-textInputWidget
.oo-ui-widget-enabled
.oo-ui-flaggedElement-invalid input
,
1069 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1070 background-color: #fdd;
1072 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1073 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1075 text-shadow: 0 1px 1px #fff;
1077 background-color: #f3f3f3;
1079 .oo-ui-textInputWidget
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
1080 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1083 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1085 text-shadow: 0 1px 1px #fff;
1087 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1088 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1089 padding-left: 2.475em;
1091 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1092 max-height: 2.375em;
1095 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1096 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1097 padding-right: 2.4875em;
1099 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1100 max-height: 2.375em;
1101 margin-right: 0.775em;
1103 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1108 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1109 margin-right: 2.0875em;
1111 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1112 margin-left: 2.075em;
1114 .oo-ui-menuSelectWidget {
1118 background-color: #fff;
1120 border: 1px solid
#ccc;
1121 border-radius: 0 0 0.25em 0.25em;
1122 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
1124 .oo-ui-menuSelectWidget input {
1131 .oo-ui-menuSelectWidget.oo-ui-clippableElement-clippable {
1134 .oo-ui-menuSelectWidget-invisible {
1137 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1140 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1143 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1144 background-color: transparent
;
1146 .oo-ui-menuOptionWidget
.oo-ui-optionWidget-highlighted
,
1147 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1148 background-color: #e1f3ff;
1150 .oo-ui-menuSectionOptionWidget {
1152 padding: 0.33em 0.75em;
1155 .oo-ui-dropdownWidget {
1156 display: inline-block
;
1160 background-color: #fff;
1161 margin-right: 0.5em;
1163 .oo-ui-dropdownWidget-handle {
1166 white-space: nowrap
;
1168 text-overflow: ellipsis
;
1170 -webkit-touch-callout: none
;
1171 -webkit-user-select: none
;
1172 -moz-user-select: none
;
1173 -ms-user-select: none
;
1175 -webkit-box-sizing: border-box
;
1176 -moz-box-sizing: border-box
;
1177 box-sizing: border-box
;
1179 .oo-ui-dropdownWidget-handle
.oo-ui-iconElement-icon
,
1180 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1185 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1188 .oo-ui-dropdownWidget:last-child {
1191 .oo-ui-dropdownWidget-handle {
1193 border: 1px solid rgba
(0, 0, 0, 0.1);
1194 border-radius: 0.25em;
1196 .oo-ui-dropdownWidget-handle:hover {
1197 border-color: rgba
(0, 0, 0, 0.2);
1199 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1203 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1207 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1211 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1213 text-shadow: 0 1px 1px #fff;
1215 background-color: #f3f3f3;
1217 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1220 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1223 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1226 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1229 .oo-ui-comboBoxInputWidget {
1230 display: inline-block
;
1234 margin-right: 0.5em;
1236 .oo-ui-comboBoxInputWidget-field {
1239 table-layout: fixed
;
1241 .oo-ui-comboBoxInputWidget .oo-ui-inputWidget-input {
1242 display: table-cell
;
1243 vertical-align: middle
;
1247 .oo-ui-comboBoxInputWidget-dropdownButton {
1248 display: table-cell
;
1250 .oo-ui-comboBoxInputWidget-dropdownButton > .oo-ui-buttonElement-button {
1254 .oo-ui-comboBoxInputWidget.oo-ui-comboBoxInputWidget-empty .oo-ui-comboBoxInputWidget-dropdownButton {
1257 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1266 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1267 pointer-events: none
;
1269 .oo-ui-comboBoxInputWidget:last-child {
1272 .oo-ui-comboBoxInputWidget-dropdownButton {
1278 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button {
1281 .oo-ui-comboBoxInputWidget-dropdownButton .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator.oo-ui-indicator-down {
1282 visibility: visible
;
1285 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1289 .oo-ui-multioptionWidget {
1293 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1296 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1299 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1301 white-space: nowrap
;
1302 text-overflow: ellipsis
;
1305 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1308 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1311 .oo-ui-checkboxMultioptionWidget {
1314 .oo-ui-checkboxMultioptionWidget
.oo-ui-checkboxInputWidget
,
1315 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1316 display: inline-block
;
1317 vertical-align: middle
;
1319 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1320 padding-left: 0.5em;
1322 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1325 .oo-ui-progressBarWidget {
1327 background-color: #fff;
1328 border: 1px solid
#ccc;
1329 border-radius: 0.25em;
1332 .oo-ui-progressBarWidget-bar {
1334 border-right: 1px solid
#ccc;
1335 -webkit-transition: width
250ms ease
;
1336 -moz-transition: width
250ms ease
;
1337 transition: width
250ms ease
;
1338 background-color: #cde7f4;
1339 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
1340 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
1341 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
1342 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
1343 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
1345 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1346 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1347 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1348 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1350 -webkit-transform: translate
(-25%);
1351 -moz-transform: translate
(-25%);
1352 -ms-transform: translate
(-25%);
1353 transform: translate
(-25%);
1354 border-left: 1px solid
#a6cee1;
1356 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1359 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
1361 -webkit-transform: translate
(-100%);
1362 -moz-transform: translate
(-100%);
1363 -ms-transform: translate
(-100%);
1364 transform: translate
(-100%);
1367 -webkit-transform: translate
(350%);
1368 -moz-transform: translate
(350%);
1369 -ms-transform: translate
(350%);
1370 transform: translate
(350%);
1373 @-moz-keyframes oo-ui-progressBarWidget-slide
{
1375 -webkit-transform: translate
(-100%);
1376 -moz-transform: translate
(-100%);
1377 -ms-transform: translate
(-100%);
1378 transform: translate
(-100%);
1381 -webkit-transform: translate
(350%);
1382 -moz-transform: translate
(350%);
1383 -ms-transform: translate
(350%);
1384 transform: translate
(350%);
1387 @keyframes oo-ui-progressBarWidget-slide
{
1389 -webkit-transform: translate
(-100%);
1390 -moz-transform: translate
(-100%);
1391 -ms-transform: translate
(-100%);
1392 transform: translate
(-100%);
1395 -webkit-transform: translate
(350%);
1396 -moz-transform: translate
(350%);
1397 -ms-transform: translate
(350%);
1398 transform: translate
(350%);