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-16T00:05:16Z
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 {
141 .oo-ui-buttonElement-frameless
> .oo-ui-buttonElement-button:hover
,
142 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
145 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
148 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
151 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
155 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
162 .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
,
163 .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
,
164 .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 {
168 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
169 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
172 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .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-button:active
> .oo-ui-labelElement-label
,
176 .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
,
177 .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 {
181 .oo-ui-buttonElement-frameless
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-buttonElement-button:hover
> .oo-ui-labelElement-label
,
182 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
185 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
188 .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
,
189 .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
,
190 .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 {
194 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
196 padding: 0.2em 0.8em;
198 -webkit-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
199 -moz-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
200 -ms-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
201 -o-transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
202 transition: background
0.1s ease-in-out
, color
0.1s ease-in-out
, box-shadow
0.1s ease-in-out
;
204 .oo-ui-buttonElement-framed
> .oo-ui-buttonElement-button:hover
,
205 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
208 .oo-ui-buttonElement-framed
> input
.oo-ui-buttonElement-button
,
209 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
212 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
214 margin-right: -0.5em;
216 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
220 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
225 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
227 background-color: #ffffff;
228 border: solid
1px #cdcdcd;
230 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
231 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);
232 border-color: #aaaaaa;
234 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
235 box-shadow: inset
0 0 0 1px rgba
(0, 0, 0, 0.2);
237 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
> .oo-ui-buttonElement-button:active
,
238 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
240 background-color: #d0d0d0;
241 border-color: #d0d0d0;
244 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
248 box-shadow: inset
0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
249 border-bottom-color: #015ccc;
251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
252 box-shadow: inset
0 0 0 1px #015ccc;
253 border-color: #015ccc;
255 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
256 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
257 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
259 border-color: #d0d0d0;
262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
265 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
266 box-shadow: inset
0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
267 border-bottom-color: #008c6d;
269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
270 box-shadow: inset
0 0 0 1px #008c6d;
271 border-color: #008c6d;
273 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
274 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-constructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
277 border-color: #d0d0d0;
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
283 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
284 box-shadow: inset
0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
285 border-bottom-color: #a7170f;
287 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
288 box-shadow: inset
0 0 0 1px #a7170f;
289 border-color: #a7170f;
291 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-button:active
,
292 .oo-ui-buttonElement-framed
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-widget-enabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
293 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
295 border-color: #d0d0d0;
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
300 background-color: #0274ff;
301 border-color: #0274ff;
303 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
304 box-shadow: inset
0 -0.2em 0 0 #015ccc, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
305 border-bottom-color: #015ccc;
307 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
308 box-shadow: inset
0 0 0 1px #015ccc;
309 border-color: #015ccc;
311 .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
,
312 .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
,
313 .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 {
314 background-color: #015ccc;
315 border-color: #015ccc;
318 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
320 background-color: #00af89;
321 border-color: #00af89;
323 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
324 box-shadow: inset
0 -0.2em 0 0 #008c6d, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
325 border-bottom-color: #008c6d;
327 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
328 box-shadow: inset
0 0 0 1px #008c6d;
329 border-color: #008c6d;
331 .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
,
332 .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
,
333 .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 {
334 background-color: #008c6d;
335 border-color: #008c6d;
338 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
340 background-color: #d11d13;
341 border-color: #d11d13;
343 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
344 box-shadow: inset
0 -0.2em 0 0 #a7170f, 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
345 border-bottom-color: #a7170f;
347 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
348 box-shadow: inset
0 0 0 1px #a7170f;
349 border-color: #a7170f;
351 .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
,
352 .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
,
353 .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 {
354 background-color: #a7170f;
355 border-color: #a7170f;
358 .oo-ui-clippableElement-clippable {
359 -webkit-box-sizing: border-box
;
360 -moz-box-sizing: border-box
;
361 box-sizing: border-box
;
363 .oo-ui-draggableElement {
364 cursor: -webkit-grab
-moz-grab
, url
(images/grab.cur), move
;
366 * HACK: In order to style horizontally, we must override
367 * OO.ui.OptionWidget's display rule that is currently set
371 .oo-ui-draggableElement-dragging {
372 cursor: -webkit-grabbing
-moz-grabbing
, url
(images/grabbing.cur), move
;
373 background: rgba
(0, 0, 0, 0.2);
376 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
377 display: inline-block
;
379 .oo-ui-draggableGroupElement-placeholder {
382 background: rgba
(0, 0, 0, 0.4);
384 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
388 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
391 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
393 -webkit-box-sizing: border-box
;
394 -moz-box-sizing: border-box
;
395 box-sizing: border-box
;
397 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
400 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
403 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
411 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
417 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
420 .oo-ui-bookletLayout-outlinePanel {
421 border-right: solid
1px #dddddd;
423 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
424 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
430 .oo-ui-fieldLayout:before
,
431 .oo-ui-fieldLayout:after {
435 .oo-ui-fieldLayout:after {
438 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
439 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-right
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
440 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
441 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
445 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
448 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
451 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-inline
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
452 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
454 vertical-align: middle
;
456 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
457 display: inline-block
;
459 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
462 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
465 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
466 padding: 0.5em 0.75em;
469 .oo-ui-fieldLayout:last-child {
472 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
.oo-ui-labelElement
> .oo-ui-fieldLayout-body
> .oo-ui-labelElement-label
,
473 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
478 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-body
> .oo-ui-fieldLayout-field
,
479 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
482 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
485 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
488 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
491 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
494 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
497 .oo-ui-actionFieldLayout-field {
502 .oo-ui-actionFieldLayout-input
,
503 .oo-ui-actionFieldLayout-button {
505 vertical-align: middle
;
507 .oo-ui-actionFieldLayout-input {
510 .oo-ui-actionFieldLayout-button {
513 .oo-ui-fieldsetLayout {
519 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
522 background-position: center center
;
523 background-repeat: no-repeat
;
525 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
526 display: inline-block
;
528 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
531 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
533 margin-bottom: 0.5em;
537 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
538 padding-left: 1.75em;
541 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
557 .oo-ui-panelLayout-scrollable {
560 .oo-ui-panelLayout-expanded {
567 .oo-ui-panelLayout-padded {
570 .oo-ui-stackLayout > .oo-ui-panelLayout {
573 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
577 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
578 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
581 .oo-ui-popupTool .oo-ui-popupWidget {
587 display: inline-block
;
588 vertical-align: middle
;
591 .oo-ui-toolGroup-empty {
594 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
595 background-position: center center
;
596 background-repeat: no-repeat
;
598 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
601 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-accel {
604 .oo-ui-barToolGroup
> .oo-ui-iconElement-icon
,
605 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
608 .oo-ui-barToolGroup .oo-ui-tool {
609 display: inline-block
;
613 .oo-ui-barToolGroup .oo-ui-tool-link {
616 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
619 .oo-ui-barToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
620 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
623 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
626 .oo-ui-barToolGroup
.oo-ui-tool-title
,
627 .oo-ui-barToolGroup .oo-ui-tool-accel {
630 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
633 .oo-ui-barToolGroup .oo-ui-tool-link {
637 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
642 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
643 background-color: #eeeeee;
645 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
648 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
651 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
654 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
657 .oo-ui-popupToolGroup {
662 .oo-ui-popupToolGroup-handle {
666 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
667 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
669 background-position: center center
;
670 background-repeat: no-repeat
;
672 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
675 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
680 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
681 background-repeat: no-repeat
;
682 background-position: center center
;
684 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
687 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
690 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
693 .oo-ui-popupToolGroup .oo-ui-tool-link {
696 vertical-align: middle
;
698 text-decoration: none
;
700 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-iconElement-icon
,
701 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
702 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
704 vertical-align: middle
;
706 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
709 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
712 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
715 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
720 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
723 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
724 margin-right: 2.25em;
726 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
727 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
733 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
736 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
739 .oo-ui-popupToolGroup-header {
745 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
747 background-color: white
;
749 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
754 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
755 padding-left: 0.25em;
757 .oo-ui-popupToolGroup
.oo-ui-tool-link
.oo-ui-tool-accel
,
758 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
762 .oo-ui-listToolGroup .oo-ui-tool {
764 -webkit-box-sizing: border-box
;
765 -moz-box-sizing: border-box
;
766 box-sizing: border-box
;
768 .oo-ui-listToolGroup .oo-ui-tool-link {
771 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
774 .oo-ui-listToolGroup .oo-ui-tool {
775 padding: 0 0.5em 0 0.25em;
777 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
778 background-color: #eeeeee;
780 .oo-ui-listToolGroup
.oo-ui-tool-active
.oo-ui-widget-enabled
,
781 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
782 background-color: #d0d0d0;
784 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
787 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
790 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
793 .oo-ui-listToolGroup.oo-ui-widget-disabled {
796 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
797 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
800 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
801 padding: 0.25em 0 0.25em 0;
802 border: 1px solid
#aaaaaa;
803 border-radius: 0.2em;
804 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
806 .oo-ui-menuToolGroup {
807 border: solid
1px #cccccc;
808 border-radius: 0.1em;
810 .oo-ui-menuToolGroup .oo-ui-tool {
813 .oo-ui-menuToolGroup .oo-ui-tool-link {
816 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
819 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
822 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
824 padding: 0.25em 0 0.25em 0;
825 border: 1px solid
#aaaaaa;
826 border-radius: 0.2em;
827 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2), 0 0.1em 0 0 rgba
(0, 0, 0, 0.1);
829 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
830 border-color: #aaaaaa;
832 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
833 border-color: #aaaaaa;
835 .oo-ui-menuToolGroup .oo-ui-tool {
836 padding: 0 0.75em 0 0.25em;
838 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
839 background-image: none
;
841 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
842 background-image: /* @embed */ url
(themes/mediawiki/images/icons/check.svg);
844 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
845 background-color: #eeeeee;
847 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
850 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
853 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
855 border-color: #cccccc;
857 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
858 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
867 .oo-ui-toolbar-actions {
870 .oo-ui-toolbar-tools {
873 .oo-ui-toolbar-tools
,
874 .oo-ui-toolbar-actions
,
875 .oo-ui-toolbar-shadow {
876 -webkit-touch-callout: none
;
877 -webkit-user-select: none
;
878 -moz-user-select: none
;
879 -ms-user-select: none
;
882 .oo-ui-toolbar-actions .oo-ui-popupWidget {
883 -webkit-touch-callout: default
;
884 -webkit-user-select: all
;
885 -moz-user-select: all
;
886 -ms-user-select: all
;
889 .oo-ui-toolbar-shadow {
890 background-position: left top
;
891 background-repeat: repeat-x
;
894 pointer-events: none
;
897 border-bottom: solid
4px rgba
(0, 0, 0, 0.15);
900 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
904 .oo-ui-toolbar-shadow {
907 .oo-ui-selectWidget {
910 .oo-ui-selectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
914 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
915 border-bottom-left-radius: 2px;
916 border-top-left-radius: 2px;
919 .oo-ui-selectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
920 border-bottom-right-radius: 2px;
921 border-top-right-radius: 2px;
923 .oo-ui-optionWidget {
927 padding: 0.25em 0.5em;
930 .oo-ui-optionWidget.oo-ui-widget-disabled {
933 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
936 text-overflow: ellipsis
;
939 .oo-ui-optionWidget-highlighted {
940 background-color: #eeeeee;
942 .oo-ui-optionWidget .oo-ui-labelElement-label {
945 .oo-ui-selectWidget-depressed
.oo-ui-optionWidget-selected
,
946 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
947 background-color: #d0d0d0;
949 .oo-ui-optionWidget.oo-ui-widget-disabled {
952 .oo-ui-decoratedOptionWidget {
953 padding: 0.5em 2em 0.5em 3em;
955 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
956 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
958 background-repeat: no-repeat
;
959 background-position: center center
;
961 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
962 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
968 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
971 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
974 .oo-ui-buttonSelectWidget {
975 display: inline-block
;
979 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
983 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
984 border-bottom-left-radius: 2px;
985 border-top-left-radius: 2px;
988 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
989 border-bottom-right-radius: 2px;
990 border-top-right-radius: 2px;
992 .oo-ui-radioSelectWidget {
993 padding: 0.75em 0 0.5em 0;
995 .oo-ui-buttonOptionWidget {
996 display: inline-block
;
998 background-color: transparent
;
1000 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1003 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1004 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1006 display: inline-block
;
1007 vertical-align: middle
;
1009 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1012 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
1013 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1017 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
1018 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
1019 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1020 background-color: transparent
;
1022 .oo-ui-radioOptionWidget {
1025 background-color: transparent
;
1027 .oo-ui-radioOptionWidget
.oo-ui-radioInputWidget
,
1028 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1029 display: inline-block
;
1030 vertical-align: middle
;
1032 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-selected
,
1033 .oo-ui-radioOptionWidget
.oo-ui-optionWidget-pressed
,
1034 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1035 background-color: transparent
;
1037 .oo-ui-radioOptionWidget > .oo-ui-labelElement-label {
1040 .oo-ui-labelWidget {
1041 display: inline-block
;
1044 display: inline-block
;
1045 vertical-align: middle
;
1046 background-position: center center
;
1047 background-repeat: no-repeat
;
1052 .oo-ui-iconWidget.oo-ui-widget-disabled {
1055 .oo-ui-indicatorWidget {
1056 display: inline-block
;
1057 vertical-align: middle
;
1058 background-position: center center
;
1059 background-repeat: no-repeat
;
1064 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1067 .oo-ui-buttonWidget {
1068 display: inline-block
;
1069 vertical-align: middle
;
1071 .oo-ui-buttonGroupWidget {
1072 display: inline-block
;
1073 white-space: nowrap
;
1076 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1080 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1081 border-bottom-left-radius: 2px;
1082 border-top-left-radius: 2px;
1085 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1086 border-bottom-right-radius: 2px;
1087 border-top-right-radius: 2px;
1089 .oo-ui-toggleSwitchWidget {
1091 display: inline-block
;
1092 vertical-align: middle
;
1095 -webkit-box-sizing: border-box
;
1096 -moz-box-sizing: border-box
;
1097 box-sizing: border-box
;
1098 -webkit-transform: translateZ
(0px);
1099 -moz-transform: translateZ
(0px);
1100 -ms-transform: translateZ
(0px);
1101 -o-transform: translateZ
(0px);
1102 transform: translateZ
(0px);
1106 border: 1px #dddddd solid
;
1108 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1111 .oo-ui-toggleSwitchWidget-grip {
1114 -webkit-box-sizing: border-box
;
1115 -moz-box-sizing: border-box
;
1116 box-sizing: border-box
;
1118 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1124 -webkit-touch-callout: none
;
1125 -webkit-user-select: none
;
1126 -moz-user-select: none
;
1127 -ms-user-select: none
;
1130 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1133 .oo-ui-toggleSwitchWidget-grip {
1140 border: 1px #dddddd solid
;
1141 background-color: #f7f7f7;
1142 -webkit-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1143 -moz-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1144 -ms-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1145 -o-transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1146 transition: left
0.1s ease-in-out
, margin-left
0.1s ease-in-out
;
1148 .oo-ui-toggleSwitchWidget-glow {
1150 background-color: #f7f7f7;
1151 -webkit-transition: background-color
0.1s ease-in-out
;
1152 -moz-transition: background-color
0.1s ease-in-out
;
1153 -ms-transition: background-color
0.1s ease-in-out
;
1154 -o-transition: background-color
0.1s ease-in-out
;
1155 transition: background-color
0.1s ease-in-out
;
1157 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1161 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1164 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1168 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1169 border: 1px #cccccc solid
;
1171 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1172 border-color: #aaaaaa;
1174 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1175 background-color: #ffffff;
1176 border-color: #aaaaaa;
1178 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1179 background-color: #d0d0d0;
1181 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1182 background-color: #ffffff;
1184 .oo-ui-progressBarWidget {
1186 border: solid
1px #0274ff;
1187 border-radius: 0.1em;
1190 .oo-ui-progressBarWidget-bar {
1192 background: #0274ff;
1193 -webkit-transition: width
200ms, margin-left
200ms;
1194 -moz-transition: width
200ms, margin-left
200ms;
1195 -ms-transition: width
200ms, margin-left
200ms;
1196 -o-transition: width
200ms, margin-left
200ms;
1197 transition: width
200ms, margin-left
200ms;
1199 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1200 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1201 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1202 -ms-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1203 -o-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1204 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
1207 border-left-width: 1px;
1209 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1212 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1213 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
1215 .oo-ui-popupWidget {
1220 .oo-ui-popupWidget-popup {
1225 .oo-ui-popupWidget-anchor {
1229 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1235 background-repeat: no-repeat
;
1237 .oo-ui-popupWidget-head {
1238 -webkit-touch-callout: none
;
1239 -webkit-user-select: none
;
1240 -moz-user-select: none
;
1241 -ms-user-select: none
;
1244 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1247 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1251 .oo-ui-popupWidget-body {
1255 .oo-ui-popupWidget-popup {
1256 border: solid
1px #aaaaaa;
1257 border-radius: 0.2em;
1258 background-color: #ffffff;
1259 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
1261 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1264 .oo-ui-popupWidget-anchored
.oo-ui-popupWidget-anchor:before
,
1265 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1270 border-style: solid
;
1271 border-color: transparent
;
1274 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1277 border-bottom-color: #888888;
1280 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1283 border-bottom-color: #ffffff;
1286 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1287 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1288 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1289 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1290 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1291 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
1293 .oo-ui-popupWidget-head {
1296 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1299 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1302 .oo-ui-popupWidget-body-padded {
1305 .oo-ui-popupButtonWidget {
1308 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1312 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1315 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1318 .oo-ui-checkboxInputWidget {
1321 white-space: nowrap
;
1323 .oo-ui-checkboxInputWidget * {
1325 vertical-align: middle
;
1327 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1334 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1338 .oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
1339 -webkit-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1340 -moz-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1341 -ms-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1342 -o-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1343 transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1345 -webkit-box-sizing: border-box
;
1346 -moz-box-sizing: border-box
;
1347 box-sizing: border-box
;
1353 background-color: white
;
1354 border: 1px solid
#777777;
1355 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-constructive
.svg
);
1356 background-size: 2em, 2em;
1357 background-repeat: no-repeat
;
1358 background-position: center center
;
1359 background-origin: border-box
;
1360 background-size: 0 0;
1362 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
1363 background-size: 100% 100%;
1365 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::before {
1366 background-color: #dddddd;
1367 border-color: #dddddd;
1369 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::before {
1372 .oo-ui-checkboxInputWidget input
[type
="checkbox"]:focus:hover
+ span::before
,
1373 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span::before {
1374 border-bottom-width: 3px;
1376 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
1378 background-color: #eeeeee;
1379 border-color: #eeeeee;
1381 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span::before {
1382 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-invert
.svg
);
1384 .oo-ui-radioInputWidget {
1387 white-space: nowrap
;
1389 .oo-ui-radioInputWidget * {
1391 vertical-align: middle
;
1393 .oo-ui-radioInputWidget input[type="radio"] {
1400 .oo-ui-radioInputWidget input[type="radio"] + span {
1404 .oo-ui-radioInputWidget input[type="radio"] + span::before {
1405 -webkit-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1406 -moz-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1407 -ms-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1408 -o-transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1409 transition: background-size
0.2s cubic-bezier
(0.175, 0.885, 0.32, 1.275);
1411 -webkit-box-sizing: border-box
;
1412 -moz-box-sizing: border-box
;
1413 box-sizing: border-box
;
1416 border-radius: 100%;
1420 border: 1px solid
#777777;
1421 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-constructive
.svg
);
1422 background-repeat: no-repeat
;
1423 background-position: center center
;
1424 background-origin: border-box
;
1425 background-size: 0 0;
1427 .oo-ui-radioInputWidget input[type="radio"]:checked + span::before {
1428 background-size: 100% 100%;
1430 .oo-ui-radioInputWidget input[type="radio"]:active + span::before {
1431 background-color: #dddddd;
1432 border-color: #dddddd;
1434 .oo-ui-radioInputWidget input[type="radio"]:focus + span::before {
1437 .oo-ui-radioInputWidget input
[type
="radio"]:focus:hover
+ span::before
,
1438 .oo-ui-radioInputWidget input[type="radio"]:hover + span::before {
1439 border-bottom-width: 3px;
1441 .oo-ui-radioInputWidget input[type="radio"]:disabled + span::before {
1443 background-color: #eeeeee;
1444 border-color: #eeeeee;
1446 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span::before {
1447 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-invert
.svg
);
1449 .oo-ui-textInputWidget {
1451 vertical-align: middle
;
1452 -webkit-box-sizing: border-box
;
1453 -moz-box-sizing: border-box
;
1454 box-sizing: border-box
;
1458 .oo-ui-textInputWidget input
,
1459 .oo-ui-textInputWidget textarea {
1460 display: inline-block
;
1463 -webkit-box-sizing: border-box
;
1464 -moz-box-sizing: border-box
;
1465 box-sizing: border-box
;
1467 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
1468 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1472 background-repeat: no-repeat
;
1474 -webkit-touch-callout: none
;
1475 -webkit-user-select: none
;
1476 -moz-user-select: none
;
1477 -ms-user-select: none
;
1480 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1483 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1486 .oo-ui-textInputWidget input
,
1487 .oo-ui-textInputWidget textarea {
1488 padding: 0.5em 0.5em 0.5em 0.9em;
1491 font-family: sans-serif
;
1492 background-color: #ffffff;
1494 border: solid
1px #cccccc;
1495 box-shadow: inset
0 0 0 0 #0274ff;
1496 border-radius: 0.1em;
1497 -webkit-transition: box-shadow
0.1s;
1498 -moz-transition: box-shadow
0.1s;
1499 -ms-transition: box-shadow
0.1s;
1500 -o-transition: box-shadow
0.1s;
1501 transition: box-shadow
0.1s;
1502 -webkit-box-sizing: border-box
;
1503 -moz-box-sizing: border-box
;
1504 box-sizing: border-box
;
1506 .oo-ui-textInputWidget-decorated input
,
1507 .oo-ui-textInputWidget-decorated textarea {
1510 .oo-ui-textInputWidget-icon {
1513 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
1514 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1516 border-color: #aaaaaa;
1517 box-shadow: inset
0.4em 0 0 0 #0274ff;
1519 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
],
1520 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1522 text-shadow: 0 1px 1px #ffffff;
1524 .oo-ui-textInputWidget
.oo-ui-widget-enabled input
[readonly
]:focus
,
1525 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1526 box-shadow: inset
0.4em 0 0 0 #cccccc;
1528 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
1529 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1531 text-shadow: 0 1px 1px #ffffff;
1532 border-color: #dddddd;
1533 background-color: #f3f3f3;
1535 .oo-ui-textInputWidget
.oo-ui-pendingElement-pending input
,
1536 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1537 background-color: transparent
;
1538 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
1540 .oo-ui-textInputWidget
.oo-ui-iconElement input
,
1541 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1542 padding-left: 2.4em;
1544 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1548 background-position: right center
;
1550 .oo-ui-textInputWidget
.oo-ui-indicatorElement input
,
1551 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1552 padding-right: 1.9em;
1554 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1557 background-position: left center
;
1559 .oo-ui-menuSelectWidget {
1561 background: #ffffff;
1563 border: solid
1px #aaaaaa;
1564 border-radius: 0 0 0.1em 0.1em;
1565 padding-bottom: 0.25em;
1566 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);
1568 .oo-ui-menuSelectWidget input {
1575 .oo-ui-menuOptionWidget {
1578 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1581 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1582 background-color: transparent
;
1584 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1587 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1588 background-color: transparent
;
1590 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1591 background-color: #eeeeee;
1593 .oo-ui-menuSectionOptionWidget {
1595 padding: 0.33em 0.75em;
1598 .oo-ui-dropdownWidget {
1599 display: inline-block
;
1605 .oo-ui-dropdownWidget-handle {
1607 display: inline-block
;
1609 -webkit-touch-callout: none
;
1610 -webkit-user-select: none
;
1611 -moz-user-select: none
;
1612 -ms-user-select: none
;
1614 -webkit-box-sizing: border-box
;
1615 -moz-box-sizing: border-box
;
1616 box-sizing: border-box
;
1618 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1619 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1621 background-position: center center
;
1622 background-repeat: no-repeat
;
1624 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1628 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1631 .oo-ui-dropdownWidget-handle {
1633 border: solid
1px #cccccc;
1634 border-radius: 0.1em;
1636 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1639 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1642 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1646 .oo-ui-dropdownWidget-handle
.oo-ui-indicatorElement-indicator
,
1647 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1652 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1653 border-color: #aaaaaa;
1655 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1657 text-shadow: 0 1px 1px #ffffff;
1658 border-color: #dddddd;
1659 background-color: #f3f3f3;
1661 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1664 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1667 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1670 .oo-ui-dropdownWidget .oo-ui-selectWidget {
1671 border-top-color: #ffffff;
1673 .oo-ui-outlineOptionWidget {
1676 -webkit-touch-callout: none
;
1677 -webkit-user-select: none
;
1678 -moz-user-select: none
;
1679 -ms-user-select: none
;
1684 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1685 padding-right: 1.5em;
1687 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1690 .oo-ui-outlineOptionWidget-level-0 {
1691 padding-left: 3.5em;
1693 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1696 .oo-ui-outlineOptionWidget-level-1 {
1699 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1702 .oo-ui-outlineOptionWidget-level-2 {
1703 padding-left: 6.5em;
1705 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1708 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1709 background-color: #d0d0d0;
1710 text-shadow: 0 1px 1px #ffffff;
1712 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1715 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1718 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1721 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1724 .oo-ui-outlineControlsWidget {
1726 background-color: #ffffff;
1728 .oo-ui-outlineControlsWidget-items
,
1729 .oo-ui-outlineControlsWidget-movers {
1731 -webkit-box-sizing: border-box
;
1732 -moz-box-sizing: border-box
;
1733 box-sizing: border-box
;
1735 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1737 background-position: right center
;
1738 background-repeat: no-repeat
;
1740 .oo-ui-outlineControlsWidget-items {
1743 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1746 .oo-ui-outlineControlsWidget-movers {
1749 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1752 .oo-ui-outlineControlsWidget-items
,
1753 .oo-ui-outlineControlsWidget-movers {
1755 margin: 0.5em 0.5em 0.5em 0;
1758 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1761 margin: 0.5em 0 0.5em 0.5em;
1764 .oo-ui-comboBoxWidget {
1765 display: inline-block
;
1770 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
1774 .oo-ui-comboBoxWidget
.oo-ui-textInputWidget input
,
1775 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
1778 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement {
1779 padding-right: 1.9em;
1781 .oo-ui-comboBoxWidget .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1783 background-position: center center
;
1784 border: solid
1px #cccccc;
1786 -webkit-box-sizing: border-box
;
1787 -moz-box-sizing: border-box
;
1788 box-sizing: border-box
;
1790 .oo-ui-searchWidget {
1791 border: solid
1px #cccccc;
1793 .oo-ui-searchWidget-query {
1799 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1802 .oo-ui-searchWidget-results {
1810 .oo-ui-searchWidget-query {
1813 border-bottom: solid
1px #cccccc;
1815 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1818 .oo-ui-searchWidget-results {
1826 .oo-ui-window-frame {
1827 -webkit-box-sizing: border-box
;
1828 -moz-box-sizing: border-box
;
1829 box-sizing: border-box
;
1831 .oo-ui-window-frame > iframe {
1837 .oo-ui-window-content:focus {
1841 .oo-ui-window-foot {
1842 -webkit-touch-callout: none
;
1843 -webkit-user-select: none
;
1844 -moz-user-select: none
;
1845 -ms-user-select: none
;
1848 .oo-ui-window-body {
1853 .oo-ui-window-overlay
,
1854 .oo-ui-window-inner-overlay {
1861 .oo-ui-window-isolated {
1862 background: transparent
;
1863 font-family: sans-serif
;
1866 .oo-ui-dialog-content
> .oo-ui-window-head
,
1867 .oo-ui-dialog-content
> .oo-ui-window-body
,
1868 .oo-ui-dialog-content > .oo-ui-window-foot {
1873 -webkit-box-sizing: border-box
;
1874 -moz-box-sizing: border-box
;
1875 box-sizing: border-box
;
1877 .oo-ui-dialog-content > .oo-ui-window-head {
1881 .oo-ui-dialog-content > .oo-ui-window-body {
1886 .oo-ui-dialog-content > .oo-ui-window-foot {
1890 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
1893 .oo-ui-dialog-content > .oo-ui-window-body {
1894 outline: 1px solid
#aaaaaa;
1896 .oo-ui-messageDialog-actions-horizontal {
1898 table-layout: fixed
;
1901 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1902 display: table-cell
;
1905 .oo-ui-messageDialog-actions-vertical {
1908 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1911 text-overflow: ellipsis
;
1913 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1917 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1920 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1925 white-space: nowrap
;
1927 .oo-ui-messageDialog-title
,
1928 .oo-ui-messageDialog-message {
1933 .oo-ui-messageDialog-title {
1938 .oo-ui-messageDialog-message {
1940 line-height: 1.25em;
1943 .oo-ui-messageDialog-message-verbose {
1948 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1949 border-right: solid
1px #e5e5e5;
1951 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1952 border-right-width: 0;
1954 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1955 border-bottom: solid
1px #e5e5e5;
1957 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1958 border-bottom-width: 0;
1960 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1963 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1968 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1969 background-color: rgba
(0, 0, 0, 0.05);
1971 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1972 background-color: rgba
(0, 0, 0, 0.1);
1974 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
1975 background-color: rgba
(8, 126, 204, 0.05);
1977 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
1978 background-color: rgba
(8, 126, 204, 0.1);
1980 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
1983 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1984 background-color: rgba
(118, 171, 54, 0.05);
1986 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1987 background-color: rgba
(118, 171, 54, 0.1);
1989 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1990 background-color: rgba
(212, 83, 83, 0.05);
1992 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1993 background-color: rgba
(212, 83, 83, 0.1);
1995 .oo-ui-processDialog-location {
1997 text-overflow: ellipsis
;
1998 white-space: nowrap
;
2000 .oo-ui-processDialog-title {
2004 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
2005 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
2006 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2007 white-space: nowrap
;
2009 .oo-ui-processDialog-actions-safe
,
2010 .oo-ui-processDialog-actions-primary {
2015 .oo-ui-processDialog-actions-safe {
2018 .oo-ui-processDialog-actions-primary {
2021 .oo-ui-processDialog-errors {
2032 .oo-ui-processDialog-content .oo-ui-window-head {
2035 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
2036 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
2038 .oo-ui-processDialog-content .oo-ui-window-body {
2040 outline: 1px solid rgba
(0, 0, 0, 0.2);
2042 .oo-ui-processDialog-navigation {
2047 .oo-ui-processDialog-location {
2053 .oo-ui-processDialog-title {
2057 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
2058 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
2059 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2063 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
2064 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
2065 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2068 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
2069 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
2070 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2071 margin-top: -0.125em;
2073 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2074 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2075 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2076 margin: 0.75em 0 0.75em 0.75em;
2078 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2079 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2080 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2082 vertical-align: middle
;
2084 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
2085 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2086 background-color: rgba
(0, 0, 0, 0.05);
2088 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
2089 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2090 background-color: rgba
(0, 0, 0, 0.1);
2092 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
2093 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2096 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
2097 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2098 /* Adjust for border so text aligns with title */
2101 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
2102 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2103 background-color: rgba
(8, 126, 204, 0.05);
2105 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
2106 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2107 background-color: rgba
(8, 126, 204, 0.1);
2109 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
2110 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2113 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
2114 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2115 background-color: rgba
(118, 171, 54, 0.05);
2117 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
2118 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2119 background-color: rgba
(118, 171, 54, 0.1);
2121 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
2122 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2123 background-color: rgba
(212, 83, 83, 0.05);
2125 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
2126 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2127 background-color: rgba
(212, 83, 83, 0.1);
2129 .oo-ui-processDialog > .oo-ui-window-frame {
2132 .oo-ui-processDialog-errors {
2133 background-color: rgba
(255, 255, 255, 0.9);
2134 padding: 3em 3em 1.5em 3em;
2137 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2138 margin: 2em 1em 2em 1em;
2140 .oo-ui-processDialog-errors-title {
2145 .oo-ui-processDialog-error {
2149 border: solid
1px #ff9e9e;
2150 background-color: #fff7f7;
2151 border-radius: 0.25em;
2153 .oo-ui-windowManager-modal > .oo-ui-dialog {
2159 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2168 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2176 visibility: visible
;
2178 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
2182 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2185 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2191 .oo-ui-windowManager-modal > .oo-ui-dialog {
2192 background-color: rgba
(255, 255, 255, 0.5);
2194 -webkit-transition: opacity
250ms ease-in-out
;
2195 -moz-transition: opacity
250ms ease-in-out
;
2196 -ms-transition: opacity
250ms ease-in-out
;
2197 -o-transition: opacity
250ms ease-in-out
;
2198 transition: opacity
250ms ease-in-out
;
2200 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2203 background-color: #ffffff;
2204 -webkit-transform: scale
(0.5);
2205 -moz-transform: scale
(0.5);
2206 -ms-transform: scale
(0.5);
2207 -o-transform: scale
(0.5);
2208 transform: scale
(0.5);
2209 -webkit-transition: all
250ms ease-in-out
;
2210 -moz-transition: all
250ms ease-in-out
;
2211 -ms-transition: all
250ms ease-in-out
;
2212 -o-transition: all
250ms ease-in-out
;
2213 transition: all
250ms ease-in-out
;
2215 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2218 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2219 -webkit-transform: scale
(1);
2220 -moz-transform: scale
(1);
2221 -ms-transform: scale
(1);
2222 -o-transform: scale
(1);
2223 transform: scale
(1);
2225 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2226 border: solid
1px #aaaaaa;
2227 border-radius: 0.2em;
2228 box-shadow: inset
0 -0.2em 0 0 rgba
(0, 0, 0, 0.2);
2232 background-image: /* @embed */ url
(themes/mediawiki/images/icons/add.svg);
2234 .oo-ui-image-constructive
.oo-ui-icon-add
,
2235 .oo-ui-image-constructive.oo-ui-icon-add {
2236 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/add-constructive
.svg
);
2238 .oo-ui-image-invert
.oo-ui-icon-add
,
2239 .oo-ui-image-invert.oo-ui-icon-add {
2240 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/add-invert
.svg
);
2242 .oo-ui-icon-advanced {
2243 background-image: /* @embed */ url
(themes/mediawiki/images/icons/advanced.svg);
2245 .oo-ui-image-invert
.oo-ui-icon-advanced
,
2246 .oo-ui-image-invert.oo-ui-icon-advanced {
2247 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/advanced-invert
.svg
);
2250 background-image: /* @embed */ url
(themes/mediawiki/images/icons/alert.svg);
2252 .oo-ui-image-invert
.oo-ui-icon-alert
,
2253 .oo-ui-image-invert.oo-ui-icon-alert {
2254 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/alert-invert
.svg
);
2257 background-image: /* @embed */ url
(themes/mediawiki/images/icons/check.svg);
2259 .oo-ui-image-constructive
.oo-ui-icon-check
,
2260 .oo-ui-image-constructive.oo-ui-icon-check {
2261 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-constructive
.svg
);
2263 .oo-ui-image-invert
.oo-ui-icon-check
,
2264 .oo-ui-image-invert.oo-ui-icon-check {
2265 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/check-invert
.svg
);
2268 background-image: /* @embed */ url
(themes/mediawiki/images/icons/clear.svg);
2270 .oo-ui-image-invert
.oo-ui-icon-clear
,
2271 .oo-ui-image-invert.oo-ui-icon-clear {
2272 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/clear-invert
.svg
);
2275 background-image: /* @embed */ url
(themes/mediawiki/images/icons/close.svg);
2277 .oo-ui-image-invert
.oo-ui-icon-close
,
2278 .oo-ui-image-invert.oo-ui-icon-close {
2279 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/close-invert
.svg
);
2282 background-image: /* @embed */ url
(themes/mediawiki/images/icons/code.svg);
2284 .oo-ui-image-invert
.oo-ui-icon-code
,
2285 .oo-ui-image-invert.oo-ui-icon-code {
2286 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/code-invert
.svg
);
2288 .oo-ui-icon-collapse {
2289 background-image: /* @embed */ url
(themes/mediawiki/images/icons/collapse.svg);
2291 .oo-ui-image-invert
.oo-ui-icon-collapse
,
2292 .oo-ui-image-invert.oo-ui-icon-collapse {
2293 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/collapse-invert
.svg
);
2295 .oo-ui-icon-comment {
2296 background-image: /* @embed */ url
(themes/mediawiki/images/icons/comment.svg);
2298 .oo-ui-image-invert
.oo-ui-icon-comment
,
2299 .oo-ui-image-invert.oo-ui-icon-comment {
2300 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/comment-invert
.svg
);
2302 .oo-ui-icon-expand {
2303 background-image: /* @embed */ url
(themes/mediawiki/images/icons/expand.svg);
2305 .oo-ui-image-invert
.oo-ui-icon-expand
,
2306 .oo-ui-image-invert.oo-ui-icon-expand {
2307 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/expand-invert
.svg
);
2310 background-image: /* @embed */ url
(themes/mediawiki/images/icons/help.svg);
2312 .oo-ui-image-invert
.oo-ui-icon-help
,
2313 .oo-ui-image-invert.oo-ui-icon-help {
2314 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/help-invert
.svg
);
2317 background-image: /* @embed */ url
(themes/mediawiki/images/icons/info.svg);
2319 .oo-ui-image-invert
.oo-ui-icon-info
,
2320 .oo-ui-image-invert.oo-ui-icon-info {
2321 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/info-invert
.svg
);
2324 background-image: /* @embed */ url
(themes/mediawiki/images/icons/link.svg);
2326 .oo-ui-image-invert
.oo-ui-icon-link
,
2327 .oo-ui-image-invert.oo-ui-icon-link {
2328 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/link-invert
.svg
);
2331 background-image: /* @embed */ url
(themes/mediawiki/images/icons/lock.svg);
2333 .oo-ui-image-invert
.oo-ui-icon-lock
,
2334 .oo-ui-image-invert.oo-ui-icon-lock {
2335 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/lock-invert
.svg
);
2338 background-image: /* @embed */ url
(themes/mediawiki/images/icons/menu.svg);
2340 .oo-ui-image-invert
.oo-ui-icon-menu
,
2341 .oo-ui-image-invert.oo-ui-icon-menu {
2342 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/menu-invert
.svg
);
2345 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-ltr
.svg
);
2347 .oo-ui-image-invert
.oo-ui-icon-next
,
2348 .oo-ui-image-invert.oo-ui-icon-next {
2349 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-ltr-invert
.svg
);
2351 .oo-ui-icon-picture {
2352 background-image: /* @embed */ url
(themes/mediawiki/images/icons/picture.svg);
2354 .oo-ui-image-invert
.oo-ui-icon-picture
,
2355 .oo-ui-image-invert.oo-ui-icon-picture {
2356 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/picture-invert
.svg
);
2358 .oo-ui-icon-previous {
2359 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-rtl
.svg
);
2361 .oo-ui-image-invert
.oo-ui-icon-previous
,
2362 .oo-ui-image-invert.oo-ui-icon-previous {
2363 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/move-rtl-invert
.svg
);
2365 .oo-ui-icon-circle {
2366 background-image: /* @embed */ url
(themes/mediawiki/images/icons/circle.svg);
2368 .oo-ui-image-constructive
.oo-ui-icon-circle
,
2369 .oo-ui-image-constructive.oo-ui-icon-circle {
2370 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-constructive
.svg
);
2372 .oo-ui-image-invert
.oo-ui-icon-circle
,
2373 .oo-ui-image-invert.oo-ui-icon-circle {
2374 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/circle-invert
.svg
);
2377 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-ltr
.svg
);
2379 .oo-ui-image-invert
.oo-ui-icon-redo
,
2380 .oo-ui-image-invert.oo-ui-icon-redo {
2381 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-ltr-invert
.svg
);
2383 .oo-ui-icon-remove {
2384 background-image: /* @embed */ url
(themes/mediawiki/images/icons/remove.svg);
2386 .oo-ui-image-destructive
.oo-ui-icon-remove
,
2387 .oo-ui-image-destructive.oo-ui-icon-remove {
2388 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/remove-destructive
.svg
);
2390 .oo-ui-image-invert
.oo-ui-icon-remove
,
2391 .oo-ui-image-invert.oo-ui-icon-remove {
2392 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/remove-invert
.svg
);
2394 .oo-ui-icon-search {
2395 background-image: /* @embed */ url
(themes/mediawiki/images/icons/search.svg);
2397 .oo-ui-image-invert
.oo-ui-icon-search
,
2398 .oo-ui-image-invert.oo-ui-icon-search {
2399 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/search-invert
.svg
);
2401 .oo-ui-icon-settings {
2402 background-image: /* @embed */ url
(themes/mediawiki/images/icons/settings.svg);
2404 .oo-ui-image-invert
.oo-ui-icon-settings
,
2405 .oo-ui-image-invert.oo-ui-icon-settings {
2406 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/settings-invert
.svg
);
2409 background-image: /* @embed */ url
(themes/mediawiki/images/icons/tag.svg);
2411 .oo-ui-image-invert
.oo-ui-icon-tag
,
2412 .oo-ui-image-invert.oo-ui-icon-tag {
2413 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/tag-invert
.svg
);
2416 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-rtl
.svg
);
2418 .oo-ui-image-invert
.oo-ui-icon-undo
,
2419 .oo-ui-image-invert.oo-ui-icon-undo {
2420 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/arched-arrow-rtl-invert
.svg
);
2422 .oo-ui-icon-window {
2423 background-image: /* @embed */ url
(themes/mediawiki/images/icons/window.svg);
2425 .oo-ui-image-invert
.oo-ui-icon-window
,
2426 .oo-ui-image-invert.oo-ui-icon-window {
2427 background-image: /* @embed */ url
(themes
/mediawiki
/images
/icons
/window-invert
.svg
);
2429 .oo-ui-indicator-alert {
2430 background-image: /* @embed */ url
(themes/mediawiki/images/indicators/alert.svg);
2432 .oo-ui-image-invert
.oo-ui-indicator-alert
,
2433 .oo-ui-image-invert.oo-ui-indicator-alert {
2434 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/alert-invert
.svg
);
2436 .oo-ui-indicator-up {
2437 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-up
.svg
);
2439 .oo-ui-image-invert
.oo-ui-indicator-up
,
2440 .oo-ui-image-invert.oo-ui-indicator-up {
2441 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-up-invert
.svg
);
2443 .oo-ui-indicator-down {
2444 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-down
.svg
);
2446 .oo-ui-image-invert
.oo-ui-indicator-down
,
2447 .oo-ui-image-invert.oo-ui-indicator-down {
2448 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-down-invert
.svg
);
2450 .oo-ui-indicator-next {
2451 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-ltr
.svg
);
2453 .oo-ui-image-invert
.oo-ui-indicator-next
,
2454 .oo-ui-image-invert.oo-ui-indicator-next {
2455 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-ltr-invert
.svg
);
2457 .oo-ui-indicator-previous {
2458 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-rtl
.svg
);
2460 .oo-ui-image-invert
.oo-ui-indicator-previous
,
2461 .oo-ui-image-invert.oo-ui-indicator-previous {
2462 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/arrow-rtl-invert
.svg
);
2464 .oo-ui-indicator-required {
2465 background-image: /* @embed */ url
(themes/mediawiki/images/indicators/required.svg);
2467 .oo-ui-image-invert
.oo-ui-indicator-required
,
2468 .oo-ui-image-invert.oo-ui-indicator-required {
2469 background-image: /* @embed */ url
(themes
/mediawiki
/images
/indicators
/required-invert
.svg
);
2471 .oo-ui-texture-pending {
2472 background-image: /* @embed */ url
(themes/mediawiki/images/textures/pending.gif);
2474 .oo-ui-texture-transparency {
2475 background-image: /* @embed */ url
(themes/mediawiki/images/textures/transparency.svg);