3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2015 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2015-01-05T13:04:47Z
11 .oo-ui-progressBarWidget-slide-frames from {
14 .oo-ui-progressBarWidget-slide-frames to {
17 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
25 @-moz-keyframes oo-ui-progressBarWidget-slide
{
33 @-ms-keyframes oo-ui-progressBarWidget-slide
{
41 @-o-keyframes oo-ui-progressBarWidget-slide
{
49 @keyframes oo-ui-progressBarWidget-slide
{
65 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
67 display: inline-block
;
68 vertical-align: middle
;
70 -webkit-touch-callout: none
;
71 -webkit-user-select: none
;
72 -moz-user-select: none
;
73 -ms-user-select: none
;
76 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
79 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
82 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
85 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
86 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
87 display: inline-block
;
88 vertical-align: middle
;
89 background-position: center center
;
90 background-repeat: no-repeat
;
92 .oo-ui-buttonElement-frameless {
93 display: inline-block
;
96 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
97 display: inline-block
;
98 vertical-align: middle
;
100 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
101 display: inline-block
;
105 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
106 display: inline-block
;
107 vertical-align: middle
;
109 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
110 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
111 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
114 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
117 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
120 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
121 margin-right: -0.75em;
122 margin-left: -0.75em;
124 .oo-ui-buttonElement
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
125 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
128 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
129 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
133 .oo-ui-buttonElement
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
> .oo-ui-iconElement-icon
,
134 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
137 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
140 .oo-ui-buttonElement-frameless
> .oo-ui-buttonElement-button:hover
,
141 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
144 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
147 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
150 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
151 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
154 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
155 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
161 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
162 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
166 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
167 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
170 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
173 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
174 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
175 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
178 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
179 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
182 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
185 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
> .oo-ui-labelElement-label
,
186 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
187 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
190 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
192 padding: 0.2em 0.8em;
194 -webkit-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
195 -moz-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
196 -ms-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
197 -o-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
198 transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
200 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
201 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
204 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
205 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
208 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
210 margin-right: -0.5em;
212 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
216 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
219 border: solid
1px #cdcdcd;
221 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
223 background-color: #ffffff;
224 border: solid
1px #cdcdcd;
226 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:hover
,
227 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
228 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.2);
229 border-color: #aaaaaa;
231 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
232 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
233 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
234 background-color: #d0d0d0;
235 border-color: #d0d0d0;
237 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
240 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
,
241 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
242 box-shadow: inset
0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
243 border-bottom-color: #015ccc;
245 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
248 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
,
249 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
250 box-shadow: inset
0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
251 border-bottom-color: #008c6d;
253 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
256 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
,
257 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
258 box-shadow: inset
0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
259 border-bottom-color: #a7170f;
261 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
262 text-shadow: 1px 1px 0 rgba
(0, 0, 0, 0.2);
264 background-color: #0274ff;
265 border-color: #0274ff;
267 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
,
268 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
269 box-shadow: inset
0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
270 border-bottom-color: #015ccc;
272 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
273 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
274 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
275 background-color: #015ccc;
277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
278 text-shadow: 1px 1px 0 rgba
(0, 0, 0, 0.2);
280 background-color: #00af89;
281 border-color: #00af89;
283 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
,
284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
285 box-shadow: inset
0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
286 border-bottom-color: #008c6d;
288 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
289 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
291 background-color: #008c6d;
293 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
294 text-shadow: 1px 1px 0 rgba
(0, 0, 0, 0.2);
296 background-color: #d11d13;
297 border-color: #d11d13;
299 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
,
300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
301 box-shadow: inset
0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
302 border-bottom-color: #a7170f;
304 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
305 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
306 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
307 background-color: #a7170f;
309 .oo-ui-clippableElement-clippable {
310 -webkit-box-sizing: border-box
;
311 -moz-box-sizing: border-box
;
312 box-sizing: border-box
;
314 .oo-ui-draggableElement {
315 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
317 * HACK: In order to style horizontally, we must override
318 * OO.ui.OptionWidget's display rule that is currently set
322 .oo-ui-draggableElement-dragging {
323 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
324 background: rgba
(0, 0, 0, 0.2);
327 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
328 display: inline-block
;
330 .oo-ui-draggableGroupElement-placeholder {
333 background: rgba
(0, 0, 0, 0.4);
335 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
338 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
340 -webkit-box-sizing: border-box
;
341 -moz-box-sizing: border-box
;
342 box-sizing: border-box
;
344 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
347 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
350 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
358 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
364 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
367 .oo-ui-bookletLayout-outlinePanel {
368 border-right: solid
1px #dddddd;
370 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
371 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
377 .oo-ui-fieldLayout:before
,
378 .oo-ui-fieldLayout:after {
382 .oo-ui-fieldLayout:after {
385 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
386 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
387 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
388 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
392 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
395 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
398 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
399 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
401 vertical-align: middle
;
403 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
404 display: inline-block
;
406 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
409 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
412 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
413 padding: 0.5em 0.75em;
416 .oo-ui-fieldLayout:last-child {
419 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
425 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
426 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
429 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
432 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
435 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
438 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
441 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
444 .oo-ui-fieldsetLayout {
450 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
453 background-position: center center
;
454 background-repeat: no-repeat
;
456 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
457 display: inline-block
;
459 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
462 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
464 margin-bottom: 0.5em;
468 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
469 padding-left: 1.75em;
472 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
488 .oo-ui-panelLayout-scrollable {
491 .oo-ui-panelLayout-expanded {
498 .oo-ui-panelLayout-padded {
501 .oo-ui-stackLayout > .oo-ui-panelLayout {
504 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
508 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
509 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
512 .oo-ui-popupTool .oo-ui-popupWidget {
518 display: inline-block
;
519 vertical-align: middle
;
522 .oo-ui-toolGroup-empty {
525 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
526 background-position: center center
;
527 background-repeat: no-repeat
;
529 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
532 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel {
535 .oo-ui-barToolGroup
> .oo-ui-iconElement-icon
,
536 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
539 .oo-ui-barToolGroup .oo-ui-tool {
540 display: inline-block
;
544 .oo-ui-barToolGroup .oo-ui-tool-link {
547 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
550 .oo-ui-barToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
551 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
554 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
557 .oo-ui-barToolGroup
.oo-ui-tool-title
,
558 .oo-ui-barToolGroup .oo-ui-tool-accel {
561 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
564 .oo-ui-barToolGroup .oo-ui-tool-link {
568 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
573 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
574 background-color: #eeeeee;
576 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
579 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
582 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
585 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
588 .oo-ui-popupToolGroup {
593 .oo-ui-popupToolGroup-handle {
597 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
598 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
600 background-position: center center
;
601 background-repeat: no-repeat
;
603 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
606 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
611 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
612 background-repeat: no-repeat
;
613 background-position: center center
;
615 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
618 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
621 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
624 .oo-ui-popupToolGroup .oo-ui-tool-link {
627 vertical-align: middle
;
629 text-decoration: none
;
631 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-iconElement-icon
,
632 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
633 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
635 vertical-align: middle
;
637 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
640 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
643 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
646 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
651 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
654 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
655 margin-right: 2.25em;
657 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
658 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
664 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
667 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
670 .oo-ui-popupToolGroup-header {
676 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
678 background-color: white
;
680 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
685 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
686 padding-left: 0.25em;
688 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
689 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
693 .oo-ui-listToolGroup .oo-ui-tool {
695 -webkit-box-sizing: border-box
;
696 -moz-box-sizing: border-box
;
697 box-sizing: border-box
;
699 .oo-ui-listToolGroup .oo-ui-tool-link {
702 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
705 .oo-ui-listToolGroup .oo-ui-tool {
706 padding: 0 0.5em 0 0.25em;
708 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
709 background-color: #eeeeee;
711 .oo-ui-listToolGroup
.oo-ui-tool-active
.oo-ui-widget-enabled
,
712 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
713 background-color: #d0d0d0;
715 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
718 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
721 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
724 .oo-ui-listToolGroup.oo-ui-widget-disabled {
727 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
728 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
731 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
732 padding: 0.25em 0 0.25em 0;
733 border: 1px solid
#aaaaaa;
734 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.2);
736 .oo-ui-menuToolGroup {
737 border: solid
1px #cccccc;
738 border-radius: 0.1em;
740 .oo-ui-menuToolGroup .oo-ui-tool {
743 .oo-ui-menuToolGroup .oo-ui-tool-link {
746 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
749 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
752 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
754 padding: 0.25em 0 0.25em 0;
755 border: 1px solid
#aaaaaa;
756 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.2);
758 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
759 border-color: #aaaaaa;
761 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
762 border-color: #aaaaaa;
764 .oo-ui-menuToolGroup .oo-ui-tool {
765 padding: 0 0.75em 0 0.25em;
767 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
768 background-image: none
;
770 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
771 background-image: /* @embed */ url
(themes/mediawiki/images/icons/check.svg);
773 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
774 background-color: #eeeeee;
776 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
779 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
782 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
784 border-color: #cccccc;
786 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
787 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
796 .oo-ui-toolbar-actions {
799 .oo-ui-toolbar-tools {
802 .oo-ui-toolbar-tools
,
803 .oo-ui-toolbar-actions
,
804 .oo-ui-toolbar-shadow {
805 -webkit-touch-callout: none
;
806 -webkit-user-select: none
;
807 -moz-user-select: none
;
808 -ms-user-select: none
;
811 .oo-ui-toolbar-actions .oo-ui-popupWidget {
812 -webkit-touch-callout: default
;
813 -webkit-user-select: all
;
814 -moz-user-select: all
;
815 -ms-user-select: all
;
818 .oo-ui-toolbar-shadow {
819 background-position: left top
;
820 background-repeat: repeat-x
;
823 pointer-events: none
;
826 border-bottom: solid
4px rgba
(0, 0, 0, 0.15);
829 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
833 .oo-ui-toolbar-shadow {
836 .oo-ui-selectWidget {
839 .oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
843 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
844 border-bottom-left-radius: 2px;
845 border-top-left-radius: 2px;
848 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
849 border-bottom-right-radius: 2px;
850 border-top-right-radius: 2px;
852 .oo-ui-optionWidget {
856 padding: 0.25em 0.5em;
859 .oo-ui-optionWidget.oo-ui-widget-disabled {
862 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
865 text-overflow: ellipsis
;
868 .oo-ui-optionWidget-highlighted {
869 background-color: #eeeeee;
871 .oo-ui-optionWidget .oo-ui-labelElement-label {
874 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
875 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
876 background-color: #d0d0d0;
878 .oo-ui-optionWidget.oo-ui-widget-disabled {
881 .oo-ui-decoratedOptionWidget {
882 padding: 0.5em 2em 0.5em 3em;
884 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
885 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
887 background-repeat: no-repeat
;
888 background-position: center center
;
890 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
891 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
897 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
900 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
903 .oo-ui-buttonSelectWidget {
904 display: inline-block
;
908 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
912 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
913 border-bottom-left-radius: 2px;
914 border-top-left-radius: 2px;
917 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
918 border-bottom-right-radius: 2px;
919 border-top-right-radius: 2px;
921 .oo-ui-radioSelectWidget {
922 padding: 0.75em 0 0.5em 0;
924 .oo-ui-buttonOptionWidget {
925 display: inline-block
;
927 background-color: transparent
;
929 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
932 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
933 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
935 display: inline-block
;
936 vertical-align: middle
;
938 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
941 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
942 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
946 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
947 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
948 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
949 background-color: transparent
;
951 .oo-ui-radioOptionWidget {
954 background-color: transparent
;
956 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
957 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
958 display: inline-block
;
959 vertical-align: middle
;
961 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
962 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
963 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
964 background-color: transparent
;
966 .oo-ui-radioOptionWidget > .oo-ui-labelElement-label {
970 display: inline-block
;
973 display: inline-block
;
974 vertical-align: middle
;
975 background-position: center center
;
976 background-repeat: no-repeat
;
981 .oo-ui-iconWidget.oo-ui-widget-disabled {
984 .oo-ui-indicatorWidget {
985 display: inline-block
;
986 vertical-align: middle
;
987 background-position: center center
;
988 background-repeat: no-repeat
;
993 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
996 .oo-ui-buttonWidget {
997 display: inline-block
;
998 vertical-align: middle
;
1000 .oo-ui-buttonGroupWidget {
1001 display: inline-block
;
1002 white-space: nowrap
;
1005 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1009 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1010 border-bottom-left-radius: 2px;
1011 border-top-left-radius: 2px;
1014 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1015 border-bottom-right-radius: 2px;
1016 border-top-right-radius: 2px;
1018 .oo-ui-toggleSwitchWidget {
1020 display: inline-block
;
1021 vertical-align: middle
;
1024 -webkit-box-sizing: border-box
;
1025 -moz-box-sizing: border-box
;
1026 box-sizing: border-box
;
1027 -webkit-transform: translateZ
(0px);
1028 -moz-transform: translateZ
(0px);
1029 -ms-transform: translateZ
(0px);
1030 -o-transform: translateZ
(0px);
1031 transform: translateZ
(0px);
1035 border: 1px #dddddd solid
;
1037 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1040 .oo-ui-toggleSwitchWidget-grip {
1043 -webkit-box-sizing: border-box
;
1044 -moz-box-sizing: border-box
;
1045 box-sizing: border-box
;
1047 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1053 -webkit-touch-callout: none
;
1054 -webkit-user-select: none
;
1055 -moz-user-select: none
;
1056 -ms-user-select: none
;
1059 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1062 .oo-ui-toggleSwitchWidget-grip {
1069 border: 1px #dddddd solid
;
1070 background-color: #f7f7f7;
1071 -webkit-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1072 -moz-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1073 -ms-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1074 -o-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1075 transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1077 .oo-ui-toggleSwitchWidget-glow {
1079 background-color: #f7f7f7;
1080 -webkit-transition: background-color
0.1s ease-in-out
;
1081 -moz-transition: background-color
0.1s ease-in-out
;
1082 -ms-transition: background-color
0.1s ease-in-out
;
1083 -o-transition: background-color
0.1s ease-in-out
;
1084 transition: background-color
0.1s ease-in-out
;
1086 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1090 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1093 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1097 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1098 border: 1px #cccccc solid
;
1100 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1101 border-color: #aaaaaa;
1103 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1104 background-color: #ffffff;
1105 border-color: #aaaaaa;
1107 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1108 background-color: #d0d0d0;
1110 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1111 background-color: #ffffff;
1113 .oo-ui-progressBarWidget {
1115 border: solid
1px #0274ff;
1116 border-radius: 0.1em;
1119 .oo-ui-progressBarWidget-bar {
1121 background: #0274ff;
1122 -webkit-transition: width
200ms, margin-left
200ms;
1123 -moz-transition: width
200ms, margin-left
200ms;
1124 -ms-transition: width
200ms, margin-left
200ms;
1125 -o-transition: width
200ms, margin-left
200ms;
1126 transition: width
200ms, margin-left
200ms;
1128 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1129 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1130 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1131 -ms-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1132 -o-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1133 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1136 border-left-width: 1px;
1138 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1141 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1142 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
1144 .oo-ui-popupWidget {
1149 .oo-ui-popupWidget-popup {
1154 .oo-ui-popupWidget-anchor {
1158 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1164 background-repeat: no-repeat
;
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 {
1184 .oo-ui-popupWidget-popup {
1185 border: solid
1px #aaaaaa;
1186 border-radius: 0.2em;
1187 background-color: #ffffff;
1188 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
1190 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1193 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
1194 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1199 border-style: solid
;
1200 border-color: transparent
;
1203 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1206 border-bottom-color: #888888;
1209 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1212 border-bottom-color: #ffffff;
1215 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1216 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1217 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1218 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1219 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1220 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1222 .oo-ui-popupWidget-head {
1225 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1228 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1231 .oo-ui-popupWidget-body-padded {
1234 .oo-ui-popupButtonWidget {
1237 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1241 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1244 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1247 .oo-ui-checkboxInputWidget {
1250 white-space: nowrap
;
1252 .oo-ui-checkboxInputWidget * {
1254 vertical-align: middle
;
1256 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1263 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1267 .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
1269 -webkit-box-sizing: border-box
;
1270 -moz-box-sizing: border-box
;
1271 box-sizing: border-box
;
1277 background-color: white
;
1278 border: 1px solid
#777777;
1280 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
1281 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-constructive
.svg
);
1282 background-size: 2em, 2em;
1283 background-repeat: no-repeat
;
1284 background-position: center center
;
1285 background-origin: border-box
;
1287 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before {
1288 background-color: #dddddd;
1289 border-color: #dddddd;
1291 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before {
1294 .oo-ui-checkboxInputWidget input
[type
="checkbox"]:focus:hover
+ span::before
,
1295 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before {
1296 border-bottom-width: 3px;
1298 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
1300 background-color: #eeeeee;
1301 border-color: #eeeeee;
1303 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before {
1304 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-invert
.svg
);
1306 .oo-ui-radioInputWidget {
1309 white-space: nowrap
;
1311 .oo-ui-radioInputWidget * {
1313 vertical-align: middle
;
1315 .oo-ui-radioInputWidget input[type="radio"] {
1322 .oo-ui-radioInputWidget input[type="radio"] + span {
1326 .oo-ui-radioInputWidget input[type="radio"] + span::before {
1327 -webkit-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1328 -moz-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1329 -ms-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1330 -o-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1331 transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1333 -webkit-box-sizing: border-box
;
1334 -moz-box-sizing: border-box
;
1335 box-sizing: border-box
;
1338 border-radius: 100%;
1342 border: 1px solid
#777777;
1343 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-constructive
.svg
);
1344 background-repeat: no-repeat
;
1345 background-position: center center
;
1346 background-origin: border-box
;
1347 background-size: 0 0;
1349 .oo-ui-radioInputWidget input[type="radio"]:checked + span::before {
1350 background-size: 100% 100%;
1352 .oo-ui-radioInputWidget input[type="radio"]:active + span::before {
1353 background-color: #dddddd;
1354 border-color: #dddddd;
1356 .oo-ui-radioInputWidget input[type="radio"]:focus + span::before {
1359 .oo-ui-radioInputWidget input
[type
="radio"]:focus:hover
+ span::before
,
1360 .oo-ui-radioInputWidget input[type="radio"]:hover + span::before {
1361 border-bottom-width: 3px;
1363 .oo-ui-radioInputWidget input[type="radio"]:disabled + span::before {
1365 background-color: #eeeeee;
1366 border-color: #eeeeee;
1368 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before {
1369 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-invert
.svg
);
1371 .oo-ui-textInputWidget {
1373 vertical-align: middle
;
1374 -webkit-box-sizing: border-box
;
1375 -moz-box-sizing: border-box
;
1376 box-sizing: border-box
;
1380 .oo-ui-textInputWidget input
,
1381 .oo-ui-textInputWidget textarea {
1382 display: inline-block
;
1385 -webkit-box-sizing: border-box
;
1386 -moz-box-sizing: border-box
;
1387 box-sizing: border-box
;
1389 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1390 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1394 background-repeat: no-repeat
;
1396 -webkit-touch-callout: none
;
1397 -webkit-user-select: none
;
1398 -moz-user-select: none
;
1399 -ms-user-select: none
;
1402 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1405 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1408 .oo-ui-textInputWidget input
,
1409 .oo-ui-textInputWidget textarea {
1410 padding: 0.5em 0.5em 0.5em 0.9em;
1413 font-family: sans-serif
;
1414 background-color: #ffffff;
1416 border: solid
1px #cccccc;
1417 box-shadow: inset
0 0 0 0 #0274ff;
1418 border-radius: 0.1em;
1419 -webkit-transition: box-shadow
0.1s;
1420 -moz-transition: box-shadow
0.1s;
1421 -ms-transition: box-shadow
0.1s;
1422 -o-transition: box-shadow
0.1s;
1423 transition: box-shadow
0.1s;
1424 -webkit-box-sizing: border-box
;
1425 -moz-box-sizing: border-box
;
1426 box-sizing: border-box
;
1428 .oo-ui-textInputWidget-decorated input
,
1429 .oo-ui-textInputWidget-decorated textarea {
1432 .oo-ui-textInputWidget-icon {
1435 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1436 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1438 border-color: #aaaaaa;
1439 box-shadow: inset
0.4em 0 0 0 #0274ff;
1441 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1442 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1444 text-shadow: 0 1px 1px #ffffff;
1446 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1447 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1448 box-shadow: inset
0.4em 0 0 0 #cccccc;
1450 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1451 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1453 text-shadow: 0 1px 1px #ffffff;
1454 border-color: #dddddd;
1455 background-color: #f3f3f3;
1457 .oo-ui-textInputWidget
.oo-ui-pendingElement-pending input
,
1458 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1459 background-color: transparent
;
1460 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
1462 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1463 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1464 padding-left: 2.4em;
1466 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1470 background-position: right center
;
1472 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1473 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1474 padding-right: 1.9em;
1476 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1479 background-position: left center
;
1481 .oo-ui-menuSelectWidget {
1483 background: #ffffff;
1485 border: solid
1px #aaaaaa;
1486 border-radius: 0 0 0.1em 0.1em;
1487 padding-bottom: 0.25em;
1488 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.2);
1490 .oo-ui-menuSelectWidget input {
1497 .oo-ui-menuOptionWidget {
1500 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1503 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1504 background-color: transparent
;
1506 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1509 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1510 background-color: transparent
;
1512 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1513 background-color: #eeeeee;
1515 .oo-ui-menuSectionOptionWidget {
1517 padding: 0.33em 0.75em;
1520 .oo-ui-dropdownWidget {
1522 display: inline-block
;
1527 .oo-ui-dropdownWidget-handle {
1529 display: inline-block
;
1531 -webkit-touch-callout: none
;
1532 -webkit-user-select: none
;
1533 -moz-user-select: none
;
1534 -ms-user-select: none
;
1536 -webkit-box-sizing: border-box
;
1537 -moz-box-sizing: border-box
;
1538 box-sizing: border-box
;
1540 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1541 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1543 background-position: center center
;
1544 background-repeat: no-repeat
;
1546 .oo-ui-dropdownWidget .oo-ui-menuSelectWidget {
1550 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1553 .oo-ui-dropdownWidget-handle {
1555 border: solid
1px #cccccc;
1556 border-radius: 0.1em;
1558 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1561 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1564 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1568 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1569 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1574 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1575 border-color: #aaaaaa;
1577 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1579 text-shadow: 0 1px 1px #ffffff;
1580 border-color: #dddddd;
1581 background-color: #f3f3f3;
1583 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1586 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1589 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1592 .oo-ui-dropdownWidget .oo-ui-selectWidget {
1593 border-top-color: #ffffff;
1595 .oo-ui-outlineOptionWidget {
1598 -webkit-touch-callout: none
;
1599 -webkit-user-select: none
;
1600 -moz-user-select: none
;
1601 -ms-user-select: none
;
1606 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1607 padding-right: 1.5em;
1609 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1612 .oo-ui-outlineOptionWidget-level-0 {
1613 padding-left: 3.5em;
1615 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1618 .oo-ui-outlineOptionWidget-level-1 {
1621 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1624 .oo-ui-outlineOptionWidget-level-2 {
1625 padding-left: 6.5em;
1627 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1630 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1631 background-color: #d0d0d0;
1632 text-shadow: 0 1px 1px #ffffff;
1634 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1637 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1640 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1643 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1646 .oo-ui-outlineControlsWidget {
1648 background-color: #ffffff;
1650 .oo-ui-outlineControlsWidget-items
,
1651 .oo-ui-outlineControlsWidget-movers {
1653 -webkit-box-sizing: border-box
;
1654 -moz-box-sizing: border-box
;
1655 box-sizing: border-box
;
1657 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1659 background-position: right center
;
1660 background-repeat: no-repeat
;
1662 .oo-ui-outlineControlsWidget-items {
1665 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1668 .oo-ui-outlineControlsWidget-movers {
1671 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1674 .oo-ui-outlineControlsWidget-items
,
1675 .oo-ui-outlineControlsWidget-movers {
1677 margin: 0.5em 0.5em 0.5em 0;
1680 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1683 margin: 0.5em 0 0.5em 0.5em;
1686 .oo-ui-comboBoxWidget {
1687 display: inline-block
;
1692 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1696 .oo-ui-comboBoxWidget
.oo-ui-textInputWidget input
,
1697 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
1700 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement {
1701 padding-right: 1.9em;
1703 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1705 background-position: center center
;
1706 border: solid
1px #cccccc;
1708 -webkit-box-sizing: border-box
;
1709 -moz-box-sizing: border-box
;
1710 box-sizing: border-box
;
1712 .oo-ui-searchWidget {
1713 border: solid
1px #cccccc;
1715 .oo-ui-searchWidget-query {
1721 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1724 .oo-ui-searchWidget-results {
1732 .oo-ui-searchWidget-query {
1735 border-bottom: solid
1px #cccccc;
1737 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1740 .oo-ui-searchWidget-results {
1748 .oo-ui-window-frame {
1749 -webkit-box-sizing: border-box
;
1750 -moz-box-sizing: border-box
;
1751 box-sizing: border-box
;
1753 .oo-ui-window-frame > iframe {
1759 .oo-ui-window-content:focus {
1763 .oo-ui-window-foot {
1764 -webkit-touch-callout: none
;
1765 -webkit-user-select: none
;
1766 -moz-user-select: none
;
1767 -ms-user-select: none
;
1770 .oo-ui-window-body {
1775 .oo-ui-window-overlay
,
1776 .oo-ui-window-inner-overlay {
1783 .oo-ui-window-isolated {
1784 background: transparent
;
1785 font-family: sans-serif
;
1788 .oo-ui-dialog-content
> .oo-ui-window-head
,
1789 .oo-ui-dialog-content
> .oo-ui-window-body
,
1790 .oo-ui-dialog-content > .oo-ui-window-foot {
1795 -webkit-box-sizing: border-box
;
1796 -moz-box-sizing: border-box
;
1797 box-sizing: border-box
;
1799 .oo-ui-dialog-content > .oo-ui-window-head {
1803 .oo-ui-dialog-content > .oo-ui-window-body {
1808 .oo-ui-dialog-content > .oo-ui-window-foot {
1812 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
1815 .oo-ui-dialog-content > .oo-ui-window-body {
1816 box-shadow: 0 0 1px 0 #aaaaaa;
1818 .oo-ui-messageDialog-actions-horizontal {
1820 table-layout: fixed
;
1823 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1824 display: table-cell
;
1827 .oo-ui-messageDialog-actions-vertical {
1830 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1833 text-overflow: ellipsis
;
1835 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1839 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1842 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1847 white-space: nowrap
;
1849 .oo-ui-messageDialog-title
,
1850 .oo-ui-messageDialog-message {
1855 .oo-ui-messageDialog-title {
1860 .oo-ui-messageDialog-message {
1862 line-height: 1.25em;
1865 .oo-ui-messageDialog-message-verbose {
1870 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1871 border-right: solid
1px #e5e5e5;
1873 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1874 border-right-width: 0;
1876 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1877 border-bottom: solid
1px #e5e5e5;
1879 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1880 border-bottom-width: 0;
1882 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1885 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1890 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1891 background-color: rgba
(0, 0, 0, 0.05);
1893 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1894 background-color: rgba
(0, 0, 0, 0.1);
1896 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
1897 background-color: rgba
(8, 126, 204, 0.05);
1899 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
1900 background-color: rgba
(8, 126, 204, 0.1);
1902 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
1905 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1906 background-color: rgba
(118, 171, 54, 0.05);
1908 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1909 background-color: rgba
(118, 171, 54, 0.1);
1911 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1912 background-color: rgba
(212, 83, 83, 0.05);
1914 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1915 background-color: rgba
(212, 83, 83, 0.1);
1917 .oo-ui-processDialog-location {
1919 text-overflow: ellipsis
;
1920 white-space: nowrap
;
1922 .oo-ui-processDialog-title {
1926 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
1927 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
1928 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1929 white-space: nowrap
;
1931 .oo-ui-processDialog-actions-safe
,
1932 .oo-ui-processDialog-actions-primary {
1937 .oo-ui-processDialog-actions-safe {
1940 .oo-ui-processDialog-actions-primary {
1943 .oo-ui-processDialog-errors {
1954 .oo-ui-processDialog-content .oo-ui-window-head {
1957 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
1958 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
1960 .oo-ui-processDialog-content .oo-ui-window-body {
1962 box-shadow: 0 0 0 1px rgba
(0, 0, 0, 0.2);
1964 .oo-ui-processDialog-navigation {
1969 .oo-ui-processDialog-location {
1975 .oo-ui-processDialog-title {
1979 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
1980 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
1981 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1985 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
1986 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
1987 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1990 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1991 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1992 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1993 margin-top: -0.125em;
1995 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
1996 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
1997 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1998 margin: 0.75em 0 0.75em 0.75em;
2000 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2001 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2002 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2004 vertical-align: middle
;
2006 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
2007 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2008 background-color: rgba
(0, 0, 0, 0.05);
2010 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
2011 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2012 background-color: rgba
(0, 0, 0, 0.1);
2014 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2015 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2018 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2019 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2020 /* Adjust for border so text aligns with title */
2023 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
2024 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2025 background-color: rgba
(8, 126, 204, 0.05);
2027 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
2028 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2029 background-color: rgba
(8, 126, 204, 0.1);
2031 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
2032 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2035 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
2036 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2037 background-color: rgba
(118, 171, 54, 0.05);
2039 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
2040 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2041 background-color: rgba
(118, 171, 54, 0.1);
2043 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
2044 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2045 background-color: rgba
(212, 83, 83, 0.05);
2047 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
2048 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2049 background-color: rgba
(212, 83, 83, 0.1);
2051 .oo-ui-processDialog > .oo-ui-window-frame {
2054 .oo-ui-processDialog-errors {
2055 background-color: rgba
(255, 255, 255, 0.9);
2056 padding: 3em 3em 1.5em 3em;
2059 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2060 margin: 2em 1em 2em 1em;
2062 .oo-ui-processDialog-errors-title {
2067 .oo-ui-processDialog-error {
2071 border: solid
1px #ff9e9e;
2072 background-color: #fff7f7;
2073 border-radius: 0.25em;
2075 .oo-ui-windowManager-modal > .oo-ui-dialog {
2081 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2090 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2098 visibility: visible
;
2100 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
2104 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2107 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2113 .oo-ui-windowManager-modal > .oo-ui-dialog {
2114 background-color: rgba
(255, 255, 255, 0.5);
2116 -webkit-transition: opacity
250ms ease-in-out
;
2117 -moz-transition: opacity
250ms ease-in-out
;
2118 -ms-transition: opacity
250ms ease-in-out
;
2119 -o-transition: opacity
250ms ease-in-out
;
2120 transition: opacity
250ms ease-in-out
;
2122 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2125 background-color: #ffffff;
2126 -webkit-transform: scale
(0.5);
2127 -moz-transform: scale
(0.5);
2128 -ms-transform: scale
(0.5);
2129 -o-transform: scale
(0.5);
2130 transform: scale
(0.5);
2131 -webkit-transition: all
250ms ease-in-out
;
2132 -moz-transition: all
250ms ease-in-out
;
2133 -ms-transition: all
250ms ease-in-out
;
2134 -o-transition: all
250ms ease-in-out
;
2135 transition: all
250ms ease-in-out
;
2137 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2140 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2141 -webkit-transform: scale
(1);
2142 -moz-transform: scale
(1);
2143 -ms-transform: scale
(1);
2144 -o-transform: scale
(1);
2145 transform: scale
(1);
2147 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2148 border: solid
1px #aaaaaa;
2149 border-radius: 0.2em;
2150 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
2154 background-image: /* @embed */ url
(themes/mediawiki/images/icons/add.png);
2156 .oo-ui-image-constructive
.oo-ui-icon-add
,
2157 .oo-ui-image-constructive.oo-ui-icon-add {
2158 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/add-constructive
.png
);
2160 .oo-ui-image-invert
.oo-ui-icon-add
,
2161 .oo-ui-image-invert.oo-ui-icon-add {
2162 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/add-invert
.png
);
2164 .oo-ui-icon-advanced {
2165 background-image: /* @embed */ url
(themes/mediawiki/images/icons/advanced.png);
2167 .oo-ui-image-invert
.oo-ui-icon-advanced
,
2168 .oo-ui-image-invert.oo-ui-icon-advanced {
2169 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/advanced-invert
.png
);
2172 background-image: /* @embed */ url
(themes/mediawiki/images/icons/alert.png);
2174 .oo-ui-image-invert
.oo-ui-icon-alert
,
2175 .oo-ui-image-invert.oo-ui-icon-alert {
2176 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/alert-invert
.png
);
2179 background-image: /* @embed */ url
(themes/mediawiki/images/icons/check.png);
2181 .oo-ui-image-constructive
.oo-ui-icon-check
,
2182 .oo-ui-image-constructive.oo-ui-icon-check {
2183 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-constructive
.png
);
2185 .oo-ui-image-invert
.oo-ui-icon-check
,
2186 .oo-ui-image-invert.oo-ui-icon-check {
2187 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-invert
.png
);
2190 background-image: /* @embed */ url
(themes/mediawiki/images/icons/clear.png);
2192 .oo-ui-image-invert
.oo-ui-icon-clear
,
2193 .oo-ui-image-invert.oo-ui-icon-clear {
2194 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/clear-invert
.png
);
2197 background-image: /* @embed */ url
(themes/mediawiki/images/icons/close.png);
2199 .oo-ui-image-invert
.oo-ui-icon-close
,
2200 .oo-ui-image-invert.oo-ui-icon-close {
2201 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/close-invert
.png
);
2204 background-image: /* @embed */ url
(themes/mediawiki/images/icons/code.png);
2206 .oo-ui-image-invert
.oo-ui-icon-code
,
2207 .oo-ui-image-invert.oo-ui-icon-code {
2208 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/code-invert
.png
);
2210 .oo-ui-icon-collapse {
2211 background-image: /* @embed */ url
(themes/mediawiki/images/icons/collapse.png);
2213 .oo-ui-image-invert
.oo-ui-icon-collapse
,
2214 .oo-ui-image-invert.oo-ui-icon-collapse {
2215 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/collapse-invert
.png
);
2217 .oo-ui-icon-comment {
2218 background-image: /* @embed */ url
(themes/mediawiki/images/icons/comment.png);
2220 .oo-ui-image-invert
.oo-ui-icon-comment
,
2221 .oo-ui-image-invert.oo-ui-icon-comment {
2222 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/comment-invert
.png
);
2224 .oo-ui-icon-expand {
2225 background-image: /* @embed */ url
(themes/mediawiki/images/icons/expand.png);
2227 .oo-ui-image-invert
.oo-ui-icon-expand
,
2228 .oo-ui-image-invert.oo-ui-icon-expand {
2229 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/expand-invert
.png
);
2232 background-image: /* @embed */ url
(themes/mediawiki/images/icons/help.png);
2234 .oo-ui-image-invert
.oo-ui-icon-help
,
2235 .oo-ui-image-invert.oo-ui-icon-help {
2236 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/help-invert
.png
);
2239 background-image: /* @embed */ url
(themes/mediawiki/images/icons/info.png);
2241 .oo-ui-image-invert
.oo-ui-icon-info
,
2242 .oo-ui-image-invert.oo-ui-icon-info {
2243 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/info-invert
.png
);
2246 background-image: /* @embed */ url
(themes/mediawiki/images/icons/link.png);
2248 .oo-ui-image-invert
.oo-ui-icon-link
,
2249 .oo-ui-image-invert.oo-ui-icon-link {
2250 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/link-invert
.png
);
2253 background-image: /* @embed */ url
(themes/mediawiki/images/icons/menu.png);
2255 .oo-ui-image-invert
.oo-ui-icon-menu
,
2256 .oo-ui-image-invert.oo-ui-icon-menu {
2257 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/menu-invert
.png
);
2260 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-ltr
.png
);
2262 .oo-ui-image-invert
.oo-ui-icon-next
,
2263 .oo-ui-image-invert.oo-ui-icon-next {
2264 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-ltr-invert
.png
);
2266 .oo-ui-icon-picture {
2267 background-image: /* @embed */ url
(themes/mediawiki/images/icons/picture.png);
2269 .oo-ui-image-invert
.oo-ui-icon-picture
,
2270 .oo-ui-image-invert.oo-ui-icon-picture {
2271 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/picture-invert
.png
);
2273 .oo-ui-icon-previous {
2274 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-rtl
.png
);
2276 .oo-ui-image-invert
.oo-ui-icon-previous
,
2277 .oo-ui-image-invert.oo-ui-icon-previous {
2278 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-rtl-invert
.png
);
2280 .oo-ui-icon-circle {
2281 background-image: /* @embed */ url
(themes/mediawiki/images/icons/circle.png);
2283 .oo-ui-image-constructive
.oo-ui-icon-circle
,
2284 .oo-ui-image-constructive.oo-ui-icon-circle {
2285 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-constructive
.png
);
2287 .oo-ui-image-invert
.oo-ui-icon-circle
,
2288 .oo-ui-image-invert.oo-ui-icon-circle {
2289 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-invert
.png
);
2292 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-ltr
.png
);
2294 .oo-ui-image-invert
.oo-ui-icon-redo
,
2295 .oo-ui-image-invert.oo-ui-icon-redo {
2296 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-ltr-invert
.png
);
2298 .oo-ui-icon-remove {
2299 background-image: /* @embed */ url
(themes/mediawiki/images/icons/remove.png);
2301 .oo-ui-image-destructive
.oo-ui-icon-remove
,
2302 .oo-ui-image-destructive.oo-ui-icon-remove {
2303 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/remove-destructive
.png
);
2305 .oo-ui-image-invert
.oo-ui-icon-remove
,
2306 .oo-ui-image-invert.oo-ui-icon-remove {
2307 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/remove-invert
.png
);
2309 .oo-ui-icon-search {
2310 background-image: /* @embed */ url
(themes/mediawiki/images/icons/search.png);
2312 .oo-ui-image-invert
.oo-ui-icon-search
,
2313 .oo-ui-image-invert.oo-ui-icon-search {
2314 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/search-invert
.png
);
2316 .oo-ui-icon-settings {
2317 background-image: /* @embed */ url
(themes/mediawiki/images/icons/settings.png);
2319 .oo-ui-image-invert
.oo-ui-icon-settings
,
2320 .oo-ui-image-invert.oo-ui-icon-settings {
2321 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/settings-invert
.png
);
2324 background-image: /* @embed */ url
(themes/mediawiki/images/icons/tag.png);
2326 .oo-ui-image-invert
.oo-ui-icon-tag
,
2327 .oo-ui-image-invert.oo-ui-icon-tag {
2328 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/tag-invert
.png
);
2331 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-rtl
.png
);
2333 .oo-ui-image-invert
.oo-ui-icon-undo
,
2334 .oo-ui-image-invert.oo-ui-icon-undo {
2335 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-rtl-invert
.png
);
2337 .oo-ui-icon-window {
2338 background-image: /* @embed */ url
(themes/mediawiki/images/icons/window.png);
2340 .oo-ui-image-invert
.oo-ui-icon-window
,
2341 .oo-ui-image-invert.oo-ui-icon-window {
2342 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/window-invert
.png
);
2344 .oo-ui-indicator-alert {
2345 background-image: /* @embed */ url
(themes/mediawiki/images/indicators/alert.png);
2347 .oo-ui-image-invert
.oo-ui-indicator-alert
,
2348 .oo-ui-image-invert.oo-ui-indicator-alert {
2349 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/alert-invert
.png
);
2351 .oo-ui-indicator-up {
2352 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-up
.png
);
2354 .oo-ui-image-invert
.oo-ui-indicator-up
,
2355 .oo-ui-image-invert.oo-ui-indicator-up {
2356 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-up-invert
.png
);
2358 .oo-ui-indicator-down {
2359 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-down
.png
);
2361 .oo-ui-image-invert
.oo-ui-indicator-down
,
2362 .oo-ui-image-invert.oo-ui-indicator-down {
2363 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-down-invert
.png
);
2365 .oo-ui-indicator-next {
2366 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-ltr
.png
);
2368 .oo-ui-image-invert
.oo-ui-indicator-next
,
2369 .oo-ui-image-invert.oo-ui-indicator-next {
2370 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-ltr-invert
.png
);
2372 .oo-ui-indicator-previous {
2373 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-rtl
.png
);
2375 .oo-ui-image-invert
.oo-ui-indicator-previous
,
2376 .oo-ui-image-invert.oo-ui-indicator-previous {
2377 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-rtl-invert
.png
);
2379 .oo-ui-indicator-required {
2380 background-image: /* @embed */ url
(themes/mediawiki/images/indicators/required.png);
2382 .oo-ui-image-invert
.oo-ui-indicator-required
,
2383 .oo-ui-image-invert.oo-ui-indicator-required {
2384 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/required-invert
.png
);
2386 .oo-ui-texture-pending {
2387 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
2389 .oo-ui-texture-transparency {
2390 background-image: /* @embed */ url
(themes/mediawiki/images/textures/transparency.png);