Merge "Revert "Use OOUI HTMLForm for Special:Watchlist""
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-mediawiki-noimages.css
1 /*!
2 * OOjs UI v0.12.2
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2015 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2015-07-28T23:01:40Z
10 */
11 @-webkit-keyframes oo-ui-progressBarWidget-slide {
12 from {
13 margin-left: -40%;
14 }
15 to {
16 margin-left: 100%;
17 }
18 }
19 @-moz-keyframes oo-ui-progressBarWidget-slide {
20 from {
21 margin-left: -40%;
22 }
23 to {
24 margin-left: 100%;
25 }
26 }
27 @-ms-keyframes oo-ui-progressBarWidget-slide {
28 from {
29 margin-left: -40%;
30 }
31 to {
32 margin-left: 100%;
33 }
34 }
35 @-o-keyframes oo-ui-progressBarWidget-slide {
36 from {
37 margin-left: -40%;
38 }
39 to {
40 margin-left: 100%;
41 }
42 }
43 @keyframes oo-ui-progressBarWidget-slide {
44 from {
45 margin-left: -40%;
46 }
47 to {
48 margin-left: 100%;
49 }
50 }
51 /* @noflip */
52 .oo-ui-rtl {
53 direction: rtl;
54 }
55 /* @noflip */
56 .oo-ui-ltr {
57 direction: ltr;
58 }
59 .oo-ui-element-hidden {
60 display: none !important;
61 }
62 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
63 cursor: pointer;
64 display: inline-block;
65 vertical-align: middle;
66 font: inherit;
67 white-space: nowrap;
68 -webkit-touch-callout: none;
69 -webkit-user-select: none;
70 -moz-user-select: none;
71 -ms-user-select: none;
72 user-select: none;
73 }
74 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
75 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
76 display: none;
77 }
78 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
79 cursor: default;
80 }
81 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
82 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
83 display: inline-block;
84 vertical-align: middle;
85 background-position: center center;
86 background-repeat: no-repeat;
87 }
88 .oo-ui-buttonElement-frameless {
89 display: inline-block;
90 position: relative;
91 }
92 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 display: inline-block;
94 vertical-align: middle;
95 }
96 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
97 display: inline-block;
98 vertical-align: top;
99 text-align: center;
100 }
101 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 display: inline-block;
103 vertical-align: middle;
104 }
105 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
106 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
107 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
108 cursor: default;
109 }
110 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
111 font-weight: bold;
112 }
113 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
114 margin-left: 0;
115 }
116 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
117 width: 0.9375em;
118 height: 0.9375em;
119 margin: 0.46875em;
120 }
121 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
122 margin-left: 0.46875em;
123 }
124 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
125 width: 1.875em;
126 height: 1.875em;
127 }
128 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
129 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.2);
130 outline: none;
131 }
132 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
133 margin-right: 0;
134 }
135 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
136 margin-left: 0.25em;
137 margin-right: 0.25em;
138 }
139 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
140 padding-left: 0.25em;
141 padding-right: 0.25em;
142 color: #333333;
143 }
144 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button,
145 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
146 color: #555555;
147 }
148 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
149 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
150 color: #444444;
151 }
152 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
153 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
154 color: #347bff;
155 }
156 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
157 color: #777777;
158 }
159 .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,
160 .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 {
161 color: #1f4999;
162 box-shadow: none;
163 }
164 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
165 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
166 color: #00af89;
167 }
168 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
169 color: #777777;
170 }
171 .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,
172 .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 {
173 color: #005946;
174 box-shadow: none;
175 }
176 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
177 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
178 color: #d11d13;
179 }
180 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
181 color: #777777;
182 }
183 .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,
184 .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 {
185 color: #73100a;
186 box-shadow: none;
187 }
188 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
189 color: #cccccc;
190 }
191 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
192 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
193 opacity: 0.2;
194 }
195 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
196 margin: 0.1em 0;
197 padding: 0.2em 0.8em;
198 border-radius: 2px;
199 -webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
200 -moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
201 -ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
202 -o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
203 transition: background 0.1s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
204 }
205 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
206 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
207 outline: none;
208 }
209 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
210 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
211 line-height: 1.875em;
212 }
213 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
214 margin-left: -0.5em;
215 margin-right: -0.5em;
216 }
217 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
218 margin-right: 0.3em;
219 }
220 .oo-ui-buttonElement-framed.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
221 /* -0.5 - 0.475 */
222 margin-left: -0.005em;
223 margin-right: -0.005em;
224 }
225 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
226 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
227 margin-left: 0.46875em;
228 margin-right: -0.275em;
229 }
230 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
231 color: #ffffff;
232 background: #dddddd;
233 border: 1px solid #dddddd;
234 }
235 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
236 color: #555555;
237 background-color: #ffffff;
238 border: 1px solid #cdcdcd;
239 }
240 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
241 background-color: #ebebeb;
242 }
243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
244 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
245 }
246 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
248 background-color: #d9d9d9;
249 border-color: #d9d9d9;
250 box-shadow: none;
251 }
252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
253 background-color: #999999;
254 color: #ffffff;
255 }
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
257 color: #347bff;
258 }
259 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
260 background-color: rgba(52, 123, 255, 0.1);
261 border-color: rgba(31, 73, 153, 0.5);
262 }
263 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
264 box-shadow: inset 0 0 0 1px #1f4999;
265 border-color: #1f4999;
266 }
267 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
268 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
269 color: #1f4999;
270 border-color: #1f4999;
271 box-shadow: none;
272 }
273 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
274 background-color: #999999;
275 color: #ffffff;
276 }
277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
278 color: #00af89;
279 }
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
281 background-color: rgba(0, 171, 137, 0.1);
282 border-color: rgba(0, 89, 70, 0.5);
283 }
284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
285 box-shadow: inset 0 0 0 1px #005946;
286 border-color: #005946;
287 }
288 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.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-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
290 color: #005946;
291 border-color: #005946;
292 box-shadow: none;
293 }
294 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
295 background-color: #999999;
296 color: #ffffff;
297 }
298 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
299 color: #d11d13;
300 }
301 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
302 background-color: rgba(209, 29, 19, 0.1);
303 border-color: rgba(115, 16, 10, 0.5);
304 }
305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
306 box-shadow: inset 0 0 0 1px #73100a;
307 border-color: #73100a;
308 }
309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled .oo-ui-buttonElement-button:active,
310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
311 color: #73100a;
312 border-color: #73100a;
313 box-shadow: none;
314 }
315 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
316 background-color: #999999;
317 color: #ffffff;
318 }
319 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
320 color: #ffffff;
321 background-color: #347bff;
322 border-color: #347bff;
323 }
324 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
325 background: #2962cc;
326 border-color: #2962cc;
327 }
328 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
329 box-shadow: inset 0 0 0 1px #ffffff;
330 border-color: #347bff;
331 }
332 .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,
333 .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 {
334 color: #ffffff;
335 background-color: #1f4999;
336 border-color: #1f4999;
337 box-shadow: none;
338 }
339 .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 {
340 background-color: #999999;
341 color: #ffffff;
342 }
343 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
344 color: #ffffff;
345 background-color: #00af89;
346 border-color: #00af89;
347 }
348 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
349 background: #008064;
350 border-color: #008064;
351 }
352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
353 box-shadow: inset 0 0 0 1px #ffffff;
354 border-color: #00af89;
355 }
356 .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,
357 .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 {
358 color: #ffffff;
359 background-color: #005946;
360 border-color: #005946;
361 box-shadow: none;
362 }
363 .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 {
364 background-color: #999999;
365 color: #ffffff;
366 }
367 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
368 color: #ffffff;
369 background-color: #d11d13;
370 border-color: #d11d13;
371 }
372 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
373 background: #8c130d;
374 border-color: #8c130d;
375 }
376 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
377 box-shadow: inset 0 0 0 1px #ffffff;
378 border-color: #d11d13;
379 }
380 .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,
381 .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 {
382 color: #ffffff;
383 background-color: #73100a;
384 border-color: #73100a;
385 box-shadow: none;
386 }
387 .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 {
388 background-color: #999999;
389 color: #ffffff;
390 }
391 .oo-ui-clippableElement-clippable {
392 -webkit-box-sizing: border-box;
393 -moz-box-sizing: border-box;
394 box-sizing: border-box;
395 }
396 .oo-ui-draggableElement {
397 cursor: -webkit-grab -moz-grab, url(images/grab.cur), move;
398 /*
399 * HACK: In order to style horizontally, we must override
400 * OO.ui.OptionWidget's display rule that is currently set
401 * to be 'block'
402 */
403 }
404 .oo-ui-draggableElement-dragging {
405 cursor: -webkit-grabbing -moz-grabbing, url(images/grabbing.cur), move;
406 background: rgba(0, 0, 0, 0.2);
407 opacity: 0.4;
408 }
409 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
410 display: inline-block;
411 }
412 .oo-ui-draggableGroupElement-placeholder {
413 position: absolute;
414 display: block;
415 background: rgba(0, 0, 0, 0.4);
416 }
417 .oo-ui-iconElement .oo-ui-iconElement-icon,
418 .oo-ui-iconElement.oo-ui-iconElement-icon {
419 background-size: contain;
420 background-position: center center;
421 }
422 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
423 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
424 background-size: contain;
425 background-position: center center;
426 }
427 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
428 z-index: 1;
429 width: 100%;
430 }
431 .oo-ui-pendingElement-pending {
432 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
433 }
434 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
435 overflow-y: hidden;
436 }
437 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
438 width: 100%;
439 -webkit-box-sizing: border-box;
440 -moz-box-sizing: border-box;
441 box-sizing: border-box;
442 }
443 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
444 overflow-y: auto;
445 }
446 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
447 padding: 2em;
448 }
449 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
450 position: absolute;
451 top: 0;
452 left: 0;
453 right: 0;
454 bottom: 3em;
455 overflow-y: auto;
456 }
457 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
458 position: absolute;
459 bottom: 0;
460 left: 0;
461 right: 0;
462 }
463 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
464 padding: 1.5em;
465 }
466 .oo-ui-bookletLayout-outlinePanel {
467 border-right: 1px solid #dddddd;
468 }
469 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
470 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
471 }
472 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
473 height: 3em;
474 }
475 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
476 top: 3em;
477 }
478 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
479 padding: 1.5em;
480 }
481 .oo-ui-fieldLayout {
482 display: block;
483 margin-bottom: 1em;
484 }
485 .oo-ui-fieldLayout:before,
486 .oo-ui-fieldLayout:after {
487 content: " ";
488 display: table;
489 }
490 .oo-ui-fieldLayout:after {
491 clear: both;
492 }
493 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
494 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
495 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
496 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
497 display: block;
498 float: left;
499 }
500 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
501 text-align: right;
502 }
503 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
504 display: table;
505 }
506 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
507 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
508 display: table-cell;
509 vertical-align: middle;
510 }
511 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
512 display: inline-block;
513 }
514 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
515 float: right;
516 }
517 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
518 z-index: 1;
519 }
520 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
521 padding: 0.5em 0.75em;
522 line-height: 1.5em;
523 }
524 .oo-ui-fieldLayout:last-child {
525 margin-bottom: 0;
526 }
527 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
528 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
529 padding-top: 0.5em;
530 margin-right: 5%;
531 width: 35%;
532 }
533 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
534 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
535 width: 60%;
536 }
537 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
538 padding: 0.5em;
539 padding-left: 1em;
540 }
541 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
542 padding: 0.5em 0;
543 }
544 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
545 padding: 0.5em 0;
546 }
547 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
548 margin-right: 0;
549 margin-top: 0.25em;
550 }
551 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
552 margin-right: 0;
553 }
554 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
555 color: #cccccc;
556 }
557 .oo-ui-actionFieldLayout-input,
558 .oo-ui-actionFieldLayout-button {
559 display: table-cell;
560 vertical-align: middle;
561 }
562 .oo-ui-actionFieldLayout-input {
563 padding-right: 1em;
564 }
565 .oo-ui-actionFieldLayout-button {
566 width: 1%;
567 white-space: nowrap;
568 }
569 .oo-ui-fieldsetLayout {
570 position: relative;
571 margin: 0;
572 padding: 0;
573 border: none;
574 }
575 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
576 display: block;
577 position: absolute;
578 background-position: center center;
579 background-repeat: no-repeat;
580 }
581 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
582 display: inline-block;
583 }
584 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
585 float: right;
586 }
587 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
588 z-index: 1;
589 }
590 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
591 padding: 0.5em 0.75em;
592 line-height: 1.5em;
593 }
594 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
595 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
596 margin-top: 2em;
597 }
598 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
599 font-size: 1.1em;
600 margin-bottom: 0.5em;
601 padding: 0.25em 0;
602 font-weight: bold;
603 }
604 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
605 padding-left: 2em;
606 line-height: 1.8em;
607 }
608 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
609 left: 0;
610 top: 0.25em;
611 width: 1.875em;
612 height: 1.875em;
613 }
614 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
615 margin-right: 0;
616 }
617 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
618 margin-right: 0;
619 }
620 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
621 .oo-ui-formLayout + .oo-ui-formLayout {
622 margin-top: 2em;
623 }
624 .oo-ui-menuLayout {
625 position: absolute;
626 top: 0;
627 left: 0;
628 right: 0;
629 bottom: 0;
630 }
631 .oo-ui-menuLayout-menu,
632 .oo-ui-menuLayout-content {
633 position: absolute;
634 -webkit-transition: all ease-in-out 200ms;
635 -moz-transition: all ease-in-out 200ms;
636 -ms-transition: all ease-in-out 200ms;
637 -o-transition: all ease-in-out 200ms;
638 transition: all ease-in-out 200ms;
639 }
640 .oo-ui-menuLayout-menu {
641 height: 18em;
642 width: 18em;
643 }
644 .oo-ui-menuLayout-content {
645 top: 18em;
646 left: 18em;
647 right: 18em;
648 bottom: 18em;
649 }
650 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-menu {
651 width: 0 !important;
652 height: 0 !important;
653 overflow: hidden;
654 }
655 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu .oo-ui-menuLayout-content {
656 top: 0 !important;
657 left: 0 !important;
658 right: 0 !important;
659 bottom: 0 !important;
660 }
661 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-menu {
662 width: auto !important;
663 left: 0;
664 top: 0;
665 right: 0;
666 }
667 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top .oo-ui-menuLayout-content {
668 right: 0 !important;
669 bottom: 0 !important;
670 left: 0 !important;
671 }
672 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-menu {
673 height: auto !important;
674 top: 0;
675 right: 0;
676 bottom: 0;
677 }
678 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after .oo-ui-menuLayout-content {
679 bottom: 0 !important;
680 left: 0 !important;
681 top: 0 !important;
682 }
683 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-menu {
684 width: auto !important;
685 right: 0;
686 bottom: 0;
687 left: 0;
688 }
689 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom .oo-ui-menuLayout-content {
690 left: 0 !important;
691 top: 0 !important;
692 right: 0 !important;
693 }
694 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-menu {
695 height: auto !important;
696 bottom: 0;
697 left: 0;
698 top: 0;
699 }
700 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before .oo-ui-menuLayout-content {
701 top: 0 !important;
702 right: 0 !important;
703 bottom: 0 !important;
704 }
705 .oo-ui-panelLayout {
706 position: relative;
707 }
708 .oo-ui-panelLayout-scrollable {
709 overflow-y: auto;
710 }
711 .oo-ui-panelLayout-expanded {
712 position: absolute;
713 top: 0;
714 left: 0;
715 right: 0;
716 bottom: 0;
717 }
718 .oo-ui-panelLayout-padded {
719 padding: 1.25em;
720 }
721 .oo-ui-panelLayout-framed {
722 border: 1px solid #aaaaaa;
723 border-radius: 0.2em;
724 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
725 }
726 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
727 margin: 1em 0;
728 }
729 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
730 display: block;
731 position: relative;
732 }
733 .oo-ui-popupTool .oo-ui-popupWidget-popup,
734 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
735 z-index: 4;
736 }
737 .oo-ui-popupTool .oo-ui-popupWidget {
738 /* @noflip */
739 margin-left: 1.25em;
740 }
741 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
742 border: 0;
743 border-radius: 0;
744 margin: 0;
745 }
746 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
747 border-right: none;
748 }
749 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
750 height: 2.5em;
751 padding: 0.3125em;
752 }
753 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
754 height: 2.5em;
755 width: 1.875em;
756 }
757 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
758 line-height: 2.1em;
759 }
760 .oo-ui-toolGroup {
761 display: inline-block;
762 vertical-align: middle;
763 border-radius: 0;
764 border-right: 1px solid #dddddd;
765 }
766 .oo-ui-toolGroup-empty {
767 display: none;
768 }
769 .oo-ui-toolGroup .oo-ui-tool-link {
770 text-decoration: none;
771 }
772 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
773 background-position: center center;
774 background-repeat: no-repeat;
775 }
776 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
777 margin-left: 0;
778 }
779 .oo-ui-toolGroup .oo-ui-toolGroup .oo-ui-widget-enabled {
780 border-right: none !important;
781 }
782 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
783 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
784 display: none;
785 }
786 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
787 cursor: pointer;
788 }
789 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool {
790 display: inline-block;
791 position: relative;
792 vertical-align: top;
793 }
794 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
795 display: block;
796 }
797 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
798 display: none;
799 }
800 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
801 display: inline-block;
802 vertical-align: top;
803 }
804 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
805 display: none;
806 }
807 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
808 display: inline;
809 }
810 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link {
811 cursor: default;
812 }
813 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
814 height: 1.875em;
815 padding: 0.625em;
816 }
817 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
818 height: 1.875em;
819 width: 1.875em;
820 }
821 .oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
822 line-height: 2.1em;
823 padding: 0 0.4em;
824 }
825 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
826 border-color: rgba(0, 0, 0, 0.2);
827 background-color: #eeeeee;
828 }
829 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
830 color: #555555;
831 }
832 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
833 border-color: rgba(0, 0, 0, 0.2);
834 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
835 background-color: #e5e5e5;
836 }
837 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled:hover {
838 background-color: #eeeeee;
839 }
840 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
841 border-left-color: rgba(0, 0, 0, 0.1);
842 }
843 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
844 color: #cccccc;
845 }
846 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
847 opacity: 0.2;
848 }
849 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
850 opacity: 0.7;
851 }
852 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
853 opacity: 0.9;
854 }
855 .oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:active {
856 background-color: #e7e7e7;
857 }
858 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-tool-title {
859 color: #cccccc;
860 }
861 .oo-ui-barToolGroup.oo-ui-widget-disabled > .oo-ui-toolGroup-tools > .oo-ui-tool > a.oo-ui-tool-link .oo-ui-iconElement-icon {
862 opacity: 0.2;
863 }
864 .oo-ui-popupToolGroup {
865 position: relative;
866 height: 3.125em;
867 min-width: 2em;
868 }
869 .oo-ui-popupToolGroup-handle {
870 display: block;
871 cursor: pointer;
872 }
873 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
874 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
875 position: absolute;
876 background-position: center center;
877 background-repeat: no-repeat;
878 }
879 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
880 cursor: default;
881 }
882 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
883 display: none;
884 position: absolute;
885 z-index: 4;
886 }
887 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
888 background-repeat: no-repeat;
889 background-position: center center;
890 }
891 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
892 display: block;
893 }
894 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
895 left: 0;
896 }
897 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
898 right: 0;
899 }
900 .oo-ui-popupToolGroup .oo-ui-tool-link {
901 display: table;
902 width: 100%;
903 vertical-align: middle;
904 white-space: nowrap;
905 }
906 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon,
907 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
908 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
909 display: table-cell;
910 vertical-align: middle;
911 }
912 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
913 text-align: right;
914 }
915 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel:not(:empty) {
916 padding-left: 3em;
917 }
918 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
919 min-width: 1.875em;
920 }
921 .oo-ui-popupToolGroup.oo-ui-iconElement {
922 min-width: 3.125em;
923 }
924 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
925 min-width: 2.5em;
926 }
927 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
928 min-width: 4.375em;
929 }
930 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
931 min-width: 3.75em;
932 }
933 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
934 line-height: 2.6em;
935 margin: 0 1em;
936 }
937 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
938 margin: 0 0.5em;
939 }
940 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
941 margin-left: 3em;
942 }
943 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
944 margin-left: 2.5em;
945 }
946 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
947 margin-right: 2em;
948 }
949 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
950 margin-right: 1.75em;
951 }
952 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:hover {
953 background-color: #eeeeee;
954 }
955 .oo-ui-popupToolGroup.oo-ui-widget-enabled .oo-ui-popupToolGroup-handle:active {
956 background-color: #e5e5e5;
957 }
958 .oo-ui-popupToolGroup-handle {
959 padding: 0.3125em;
960 height: 2.5em;
961 }
962 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
963 width: 0.9375em;
964 height: 1.625em;
965 margin: 0.78125em 0.5em;
966 top: 0;
967 right: 0;
968 opacity: 0.3;
969 }
970 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
971 right: -0.3125em;
972 }
973 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
974 width: 1.875em;
975 height: 2.6em;
976 margin: 0.25em;
977 top: 0;
978 left: 0.3125em;
979 opacity: 0.7;
980 }
981 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
982 left: 0;
983 }
984 .oo-ui-popupToolGroup-header {
985 line-height: 2.6em;
986 margin: 0 0.6em;
987 font-weight: bold;
988 }
989 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
990 border-bottom-left-radius: 0;
991 border-bottom-right-radius: 0;
992 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
993 background-color: #eeeeee;
994 }
995 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
996 top: 3.125em;
997 margin: 0 -1px;
998 border: 1px solid #cccccc;
999 background-color: #ffffff;
1000 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
1001 min-width: 16em;
1002 }
1003 .oo-ui-popupToolGroup .oo-ui-tool-link {
1004 padding: 0.4em 0.625em;
1005 box-sizing: border-box;
1006 }
1007 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1008 height: 2.5em;
1009 width: 1.875em;
1010 min-width: 1.875em;
1011 }
1012 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1013 padding-left: 0.5em;
1014 color: #555555;
1015 }
1016 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel,
1017 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
1018 line-height: 2em;
1019 }
1020 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel {
1021 color: #888888;
1022 }
1023 .oo-ui-listToolGroup .oo-ui-tool {
1024 display: block;
1025 -webkit-box-sizing: border-box;
1026 -moz-box-sizing: border-box;
1027 box-sizing: border-box;
1028 }
1029 .oo-ui-listToolGroup .oo-ui-tool-link {
1030 cursor: pointer;
1031 }
1032 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1033 cursor: default;
1034 }
1035 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
1036 border-color: rgba(0, 0, 0, 0.2);
1037 }
1038 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1039 border-color: rgba(0, 0, 0, 0.2);
1040 background-color: #eeeeee;
1041 }
1042 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:active {
1043 background-color: #e7e7e7;
1044 }
1045 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
1046 opacity: 0.9;
1047 }
1048 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
1049 border-color: rgba(0, 0, 0, 0.1);
1050 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
1051 background-color: #e5e5e5;
1052 }
1053 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
1054 border-top-color: rgba(0, 0, 0, 0.1);
1055 }
1056 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
1057 border-color: rgba(0, 0, 0, 0.2);
1058 background-color: #eeeeee;
1059 }
1060 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1061 color: #cccccc;
1062 }
1063 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
1064 color: #dddddd;
1065 }
1066 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1067 opacity: 0.2;
1068 }
1069 .oo-ui-listToolGroup.oo-ui-widget-disabled {
1070 color: #cccccc;
1071 }
1072 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1073 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1074 opacity: 0.2;
1075 }
1076 .oo-ui-menuToolGroup .oo-ui-tool {
1077 display: block;
1078 }
1079 .oo-ui-menuToolGroup .oo-ui-tool-link {
1080 cursor: pointer;
1081 }
1082 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
1083 cursor: default;
1084 }
1085 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1086 min-width: 10em;
1087 }
1088 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
1089 min-width: 8.125em;
1090 }
1091 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
1092 background-image: none;
1093 }
1094 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
1095 background-image: url("themes/mediawiki/images/icons/check.png");
1096 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1097 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check.svg");
1098 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check.png");
1099 }
1100 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
1101 background-color: #eeeeee;
1102 }
1103 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
1104 color: #cccccc;
1105 }
1106 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
1107 opacity: 0.2;
1108 }
1109 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
1110 color: #cccccc;
1111 }
1112 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
1113 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
1114 opacity: 0.2;
1115 }
1116 .oo-ui-toolbar {
1117 clear: both;
1118 }
1119 .oo-ui-toolbar-bar {
1120 line-height: 1em;
1121 position: relative;
1122 }
1123 .oo-ui-toolbar-actions {
1124 float: right;
1125 }
1126 .oo-ui-toolbar-actions .oo-ui-toolbar {
1127 display: inline-block;
1128 }
1129 .oo-ui-toolbar-tools {
1130 display: inline;
1131 white-space: nowrap;
1132 }
1133 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools {
1134 white-space: normal;
1135 }
1136 .oo-ui-toolbar-tools .oo-ui-tool {
1137 white-space: normal;
1138 }
1139 .oo-ui-toolbar-tools,
1140 .oo-ui-toolbar-actions,
1141 .oo-ui-toolbar-shadow {
1142 -webkit-touch-callout: none;
1143 -webkit-user-select: none;
1144 -moz-user-select: none;
1145 -ms-user-select: none;
1146 user-select: none;
1147 }
1148 .oo-ui-toolbar-actions .oo-ui-popupWidget {
1149 -webkit-touch-callout: default;
1150 -webkit-user-select: all;
1151 -moz-user-select: all;
1152 -ms-user-select: all;
1153 user-select: all;
1154 }
1155 .oo-ui-toolbar-shadow {
1156 background-position: left top;
1157 background-repeat: repeat-x;
1158 position: absolute;
1159 width: 100%;
1160 pointer-events: none;
1161 }
1162 .oo-ui-toolbar-bar {
1163 border-bottom: 1px solid #cccccc;
1164 background-color: #ffffff;
1165 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
1166 font-weight: 500;
1167 color: #555555;
1168 }
1169 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
1170 border: none;
1171 background: none;
1172 box-shadow: none;
1173 }
1174 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement {
1175 margin: 0;
1176 }
1177 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
1178 border: 0;
1179 border-radius: 0;
1180 margin: 0;
1181 padding: 1.0546875em 0.3125em;
1182 }
1183 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
1184 margin: 0 1em;
1185 line-height: inherit;
1186 }
1187 .oo-ui-optionWidget {
1188 position: relative;
1189 display: block;
1190 cursor: pointer;
1191 padding: 0.25em 0.5em;
1192 border: none;
1193 }
1194 .oo-ui-optionWidget.oo-ui-widget-disabled {
1195 cursor: default;
1196 }
1197 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1198 display: block;
1199 white-space: nowrap;
1200 text-overflow: ellipsis;
1201 overflow: hidden;
1202 }
1203 .oo-ui-optionWidget-highlighted {
1204 background-color: #eeeeee;
1205 }
1206 .oo-ui-optionWidget .oo-ui-labelElement-label {
1207 line-height: 1.5em;
1208 }
1209 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
1210 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
1211 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
1212 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1213 background-color: #d0d0d0;
1214 }
1215 .oo-ui-optionWidget.oo-ui-widget-disabled {
1216 color: #cccccc;
1217 }
1218 .oo-ui-decoratedOptionWidget {
1219 padding: 0.5em 2em 0.5em 3em;
1220 }
1221 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
1222 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
1223 position: absolute;
1224 background-repeat: no-repeat;
1225 background-position: center center;
1226 }
1227 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1228 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1229 top: 0;
1230 height: 100%;
1231 }
1232 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1233 width: 1.875em;
1234 left: 0.5em;
1235 }
1236 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1237 width: 0.9375em;
1238 right: 0.5em;
1239 }
1240 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1241 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1242 opacity: 0.2;
1243 }
1244 .oo-ui-buttonSelectWidget {
1245 display: inline-block;
1246 white-space: nowrap;
1247 border-radius: 2px;
1248 margin-right: 0.5em;
1249 }
1250 .oo-ui-buttonSelectWidget:last-child {
1251 margin-right: 0;
1252 }
1253 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1254 border-radius: 0;
1255 margin-left: -1px;
1256 }
1257 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
1258 border-bottom-left-radius: 2px;
1259 border-top-left-radius: 2px;
1260 margin-left: 0;
1261 }
1262 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
1263 border-bottom-right-radius: 2px;
1264 border-top-right-radius: 2px;
1265 }
1266 .oo-ui-buttonOptionWidget {
1267 display: inline-block;
1268 padding: 0;
1269 background-color: transparent;
1270 }
1271 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1272 position: relative;
1273 }
1274 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1275 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1276 position: static;
1277 display: inline-block;
1278 vertical-align: middle;
1279 }
1280 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
1281 height: 1.875em;
1282 }
1283 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1284 margin-top: 0;
1285 }
1286 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1287 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1288 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1289 background-color: transparent;
1290 }
1291 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1292 .oo-ui-buttonOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1293 opacity: 1;
1294 }
1295 .oo-ui-radioOptionWidget {
1296 cursor: default;
1297 padding: 0.25em 0;
1298 background-color: transparent;
1299 }
1300 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1301 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1302 display: inline-block;
1303 vertical-align: middle;
1304 }
1305 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1306 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1307 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1308 background-color: transparent;
1309 }
1310 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1311 padding: 0.25em;
1312 padding-left: 1em;
1313 }
1314 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
1315 margin-right: 0;
1316 }
1317 .oo-ui-labelWidget {
1318 display: inline-block;
1319 }
1320 .oo-ui-iconWidget {
1321 display: inline-block;
1322 vertical-align: middle;
1323 background-position: center center;
1324 background-repeat: no-repeat;
1325 line-height: 2.5em;
1326 height: 1.875em;
1327 width: 1.875em;
1328 }
1329 .oo-ui-iconWidget.oo-ui-widget-disabled {
1330 opacity: 0.2;
1331 }
1332 .oo-ui-indicatorWidget {
1333 display: inline-block;
1334 vertical-align: middle;
1335 background-position: center center;
1336 background-repeat: no-repeat;
1337 line-height: 2.5em;
1338 height: 0.9375em;
1339 width: 0.9375em;
1340 margin: 0.46875em;
1341 }
1342 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1343 opacity: 0.2;
1344 }
1345 .oo-ui-buttonWidget {
1346 display: inline-block;
1347 vertical-align: middle;
1348 margin-right: 0.5em;
1349 }
1350 .oo-ui-buttonWidget:last-child {
1351 margin-right: 0;
1352 }
1353 .oo-ui-buttonGroupWidget {
1354 display: inline-block;
1355 white-space: nowrap;
1356 border-radius: 2px;
1357 margin-right: 0.5em;
1358 }
1359 .oo-ui-buttonGroupWidget:last-child {
1360 margin-right: 0;
1361 }
1362 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
1363 margin-right: 0;
1364 }
1365 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
1366 margin-right: 0;
1367 }
1368 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1369 border-radius: 0;
1370 margin-left: -1px;
1371 }
1372 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1373 border-bottom-left-radius: 2px;
1374 border-top-left-radius: 2px;
1375 margin-left: 0;
1376 }
1377 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1378 border-bottom-right-radius: 2px;
1379 border-top-right-radius: 2px;
1380 }
1381 .oo-ui-toggleButtonWidget {
1382 display: inline-block;
1383 vertical-align: middle;
1384 margin-right: 0.5em;
1385 }
1386 .oo-ui-toggleButtonWidget:last-child {
1387 margin-right: 0;
1388 }
1389 .oo-ui-toggleSwitchWidget {
1390 position: relative;
1391 display: inline-block;
1392 vertical-align: middle;
1393 overflow: hidden;
1394 cursor: pointer;
1395 -webkit-box-sizing: border-box;
1396 -moz-box-sizing: border-box;
1397 box-sizing: border-box;
1398 -webkit-transform: translateZ(0px);
1399 -moz-transform: translateZ(0px);
1400 -ms-transform: translateZ(0px);
1401 -o-transform: translateZ(0px);
1402 transform: translateZ(0px);
1403 height: 2em;
1404 width: 4em;
1405 border-radius: 1em;
1406 border: 1px #dddddd solid;
1407 margin-right: 0.5em;
1408 }
1409 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1410 cursor: default;
1411 }
1412 .oo-ui-toggleSwitchWidget-grip {
1413 position: absolute;
1414 display: block;
1415 -webkit-box-sizing: border-box;
1416 -moz-box-sizing: border-box;
1417 box-sizing: border-box;
1418 }
1419 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1420 position: absolute;
1421 top: 0;
1422 bottom: 0;
1423 right: 0;
1424 left: 0;
1425 -webkit-touch-callout: none;
1426 -webkit-user-select: none;
1427 -moz-user-select: none;
1428 -ms-user-select: none;
1429 user-select: none;
1430 }
1431 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1432 display: none;
1433 }
1434 .oo-ui-toggleSwitchWidget:last-child {
1435 margin-right: 0;
1436 }
1437 .oo-ui-toggleSwitchWidget-grip {
1438 top: 0.25em;
1439 left: 0.25em;
1440 width: 1.5em;
1441 height: 1.5em;
1442 margin-top: -1px;
1443 border-radius: 1em;
1444 border: 1px #dddddd solid;
1445 background-color: #f7f7f7;
1446 -webkit-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1447 -moz-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1448 -ms-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1449 -o-transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1450 transition: left 0.1s ease-in-out, margin-left 0.1s ease-in-out;
1451 }
1452 .oo-ui-toggleSwitchWidget-glow {
1453 border-radius: 1em;
1454 background-color: #f7f7f7;
1455 -webkit-transition: background-color 0.1s ease-in-out;
1456 -moz-transition: background-color 0.1s ease-in-out;
1457 -ms-transition: background-color 0.1s ease-in-out;
1458 -o-transition: background-color 0.1s ease-in-out;
1459 transition: background-color 0.1s ease-in-out;
1460 }
1461 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1462 left: 2.25em;
1463 margin-left: -2px;
1464 }
1465 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1466 display: block;
1467 }
1468 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1469 left: 0.25em;
1470 margin-left: 0;
1471 }
1472 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
1473 border: 1px #cccccc solid;
1474 }
1475 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
1476 border-color: #aaaaaa;
1477 }
1478 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
1479 background-color: #ffffff;
1480 border-color: #aaaaaa;
1481 }
1482 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1483 background-color: #d0d0d0;
1484 }
1485 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1486 background-color: #ffffff;
1487 }
1488 .oo-ui-progressBarWidget {
1489 max-width: 50em;
1490 border: 1px solid #cccccc;
1491 border-radius: 0.1em;
1492 overflow: hidden;
1493 }
1494 .oo-ui-progressBarWidget-bar {
1495 height: 1em;
1496 background: #dddddd;
1497 -webkit-transition: width 200ms, margin-left 200ms;
1498 -moz-transition: width 200ms, margin-left 200ms;
1499 -ms-transition: width 200ms, margin-left 200ms;
1500 -o-transition: width 200ms, margin-left 200ms;
1501 transition: width 200ms, margin-left 200ms;
1502 }
1503 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1504 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1505 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1506 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1507 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1508 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1509 width: 40%;
1510 margin-left: -10%;
1511 border-left-width: 1px;
1512 }
1513 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1514 opacity: 0.6;
1515 }
1516 .oo-ui-popupWidget {
1517 position: absolute;
1518 /* @noflip */
1519 left: 0;
1520 }
1521 .oo-ui-popupWidget-popup {
1522 position: relative;
1523 overflow: hidden;
1524 z-index: 1;
1525 }
1526 .oo-ui-popupWidget-anchor {
1527 display: none;
1528 z-index: 1;
1529 }
1530 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1531 display: block;
1532 position: absolute;
1533 top: 0;
1534 /* @noflip */
1535 left: 0;
1536 background-repeat: no-repeat;
1537 }
1538 .oo-ui-popupWidget-head {
1539 -webkit-touch-callout: none;
1540 -webkit-user-select: none;
1541 -moz-user-select: none;
1542 -ms-user-select: none;
1543 user-select: none;
1544 }
1545 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1546 float: right;
1547 }
1548 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1549 float: left;
1550 cursor: default;
1551 }
1552 .oo-ui-popupWidget-body {
1553 clear: both;
1554 overflow: hidden;
1555 }
1556 .oo-ui-popupWidget-popup {
1557 border: 1px solid #aaaaaa;
1558 border-radius: 0.2em;
1559 background-color: #ffffff;
1560 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
1561 }
1562 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1563 margin-top: 9px;
1564 }
1565 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1566 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1567 content: "";
1568 position: absolute;
1569 width: 0;
1570 height: 0;
1571 border-style: solid;
1572 border-color: transparent;
1573 border-top: 0;
1574 }
1575 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1576 bottom: -10px;
1577 left: -9px;
1578 border-bottom-color: #888888;
1579 border-width: 10px;
1580 }
1581 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1582 bottom: -10px;
1583 left: -8px;
1584 border-bottom-color: #ffffff;
1585 border-width: 9px;
1586 }
1587 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1588 -webkit-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1589 -moz-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1590 -ms-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1591 -o-transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1592 transition: width 0.1s ease-in-out, height 0.1s ease-in-out, left 0.1s ease-in-out;
1593 }
1594 .oo-ui-popupWidget-head {
1595 height: 2.5em;
1596 }
1597 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
1598 margin: 0.25em;
1599 }
1600 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
1601 margin: 0.75em 1em;
1602 }
1603 .oo-ui-popupWidget-body-padded {
1604 padding: 0 1em;
1605 }
1606 .oo-ui-popupButtonWidget {
1607 position: relative;
1608 }
1609 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1610 position: absolute;
1611 cursor: auto;
1612 }
1613 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1614 /* @noflip */
1615 left: 1em;
1616 }
1617 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1618 /* @noflip */
1619 left: 1.75em;
1620 }
1621 .oo-ui-inputWidget {
1622 margin-right: 0.5em;
1623 }
1624 .oo-ui-inputWidget:last-child {
1625 margin-right: 0;
1626 }
1627 .oo-ui-buttonInputWidget {
1628 display: inline-block;
1629 vertical-align: middle;
1630 }
1631 .oo-ui-buttonInputWidget > button,
1632 .oo-ui-buttonInputWidget > input {
1633 border: 0;
1634 padding: 0;
1635 background-color: transparent;
1636 }
1637 .oo-ui-checkboxInputWidget {
1638 position: relative;
1639 line-height: 1.6em;
1640 white-space: nowrap;
1641 }
1642 .oo-ui-checkboxInputWidget * {
1643 font: inherit;
1644 vertical-align: middle;
1645 }
1646 .oo-ui-checkboxInputWidget input[type="checkbox"] {
1647 opacity: 0;
1648 z-index: 1;
1649 position: relative;
1650 margin: 0;
1651 width: 1.6em;
1652 height: 1.6em;
1653 max-width: none;
1654 }
1655 .oo-ui-checkboxInputWidget input[type="checkbox"] + span {
1656 cursor: pointer;
1657 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1658 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1659 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1660 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1661 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1662 -webkit-box-sizing: border-box;
1663 -moz-box-sizing: border-box;
1664 box-sizing: border-box;
1665 position: absolute;
1666 left: 0;
1667 border-radius: 2px;
1668 width: 1.6em;
1669 height: 1.6em;
1670 background-color: white;
1671 border: 1px solid #777777;
1672 background-image: url("themes/mediawiki/images/icons/check-constructive.png");
1673 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1674 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive.svg");
1675 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive.png");
1676 background-repeat: no-repeat;
1677 background-position: center center;
1678 background-origin: border-box;
1679 background-size: 0 0;
1680 }
1681 .oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span {
1682 background-size: 100% 100%;
1683 }
1684 .oo-ui-checkboxInputWidget input[type="checkbox"]:active + span {
1685 background-color: #dddddd;
1686 border-color: #dddddd;
1687 }
1688 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span {
1689 border-width: 2px;
1690 }
1691 .oo-ui-checkboxInputWidget input[type="checkbox"]:focus:hover + span,
1692 .oo-ui-checkboxInputWidget input[type="checkbox"]:hover + span {
1693 border-bottom-width: 3px;
1694 }
1695 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
1696 cursor: default;
1697 background-color: #eeeeee;
1698 border-color: #eeeeee;
1699 }
1700 .oo-ui-checkboxInputWidget input[type="checkbox"]:disabled:checked + span {
1701 background-image: url("themes/mediawiki/images/icons/check-invert.png");
1702 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1703 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
1704 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
1705 }
1706 .oo-ui-dropdownInputWidget {
1707 position: relative;
1708 vertical-align: middle;
1709 -webkit-box-sizing: border-box;
1710 -moz-box-sizing: border-box;
1711 box-sizing: border-box;
1712 width: 100%;
1713 max-width: 50em;
1714 }
1715 .oo-ui-dropdownInputWidget select {
1716 display: inline-block;
1717 width: 100%;
1718 resize: none;
1719 -webkit-box-sizing: border-box;
1720 -moz-box-sizing: border-box;
1721 box-sizing: border-box;
1722 }
1723 .oo-ui-dropdownInputWidget select {
1724 background: #ffffff;
1725 height: 2.275em;
1726 font-size: inherit;
1727 font-family: inherit;
1728 -webkit-box-sizing: border-box;
1729 -moz-box-sizing: border-box;
1730 box-sizing: border-box;
1731 border: 1px solid #cccccc;
1732 }
1733 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1734 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1735 border-color: #aaaaaa;
1736 outline: none;
1737 }
1738 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1739 color: #cccccc;
1740 border-color: #dddddd;
1741 background-color: #f3f3f3;
1742 }
1743 .oo-ui-radioInputWidget {
1744 position: relative;
1745 line-height: 1.6em;
1746 white-space: nowrap;
1747 }
1748 .oo-ui-radioInputWidget * {
1749 font: inherit;
1750 vertical-align: middle;
1751 }
1752 .oo-ui-radioInputWidget input[type="radio"] {
1753 opacity: 0;
1754 z-index: 1;
1755 position: relative;
1756 margin: 0;
1757 width: 1.6em;
1758 height: 1.6em;
1759 max-width: none;
1760 }
1761 .oo-ui-radioInputWidget input[type="radio"] + span {
1762 cursor: pointer;
1763 -webkit-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1764 -moz-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1765 -ms-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1766 -o-transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1767 transition: background-size 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
1768 -webkit-box-sizing: border-box;
1769 -moz-box-sizing: border-box;
1770 box-sizing: border-box;
1771 position: absolute;
1772 left: 0;
1773 border-radius: 100%;
1774 width: 1.6em;
1775 height: 1.6em;
1776 background: white;
1777 border: 1px solid #777777;
1778 background-image: url("themes/mediawiki/images/icons/circle-constructive.png");
1779 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1780 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive.svg");
1781 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive.png");
1782 background-repeat: no-repeat;
1783 background-position: center center;
1784 background-origin: border-box;
1785 background-size: 0 0;
1786 }
1787 .oo-ui-radioInputWidget input[type="radio"]:checked + span {
1788 background-size: 100% 100%;
1789 }
1790 .oo-ui-radioInputWidget input[type="radio"]:active + span {
1791 background-color: #dddddd;
1792 border-color: #dddddd;
1793 }
1794 .oo-ui-radioInputWidget input[type="radio"]:focus + span {
1795 border-width: 2px;
1796 }
1797 .oo-ui-radioInputWidget input[type="radio"]:focus:hover + span,
1798 .oo-ui-radioInputWidget input[type="radio"]:hover + span {
1799 border-bottom-width: 3px;
1800 }
1801 .oo-ui-radioInputWidget input[type="radio"]:disabled + span {
1802 cursor: default;
1803 background-color: #eeeeee;
1804 border-color: #eeeeee;
1805 }
1806 .oo-ui-radioInputWidget input[type="radio"]:disabled:checked + span {
1807 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
1808 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1809 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1810 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
1811 }
1812 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1813 margin-bottom: 0;
1814 }
1815 .oo-ui-textInputWidget {
1816 position: relative;
1817 vertical-align: middle;
1818 -webkit-box-sizing: border-box;
1819 -moz-box-sizing: border-box;
1820 box-sizing: border-box;
1821 width: 100%;
1822 max-width: 50em;
1823 }
1824 .oo-ui-textInputWidget input,
1825 .oo-ui-textInputWidget textarea {
1826 display: inline-block;
1827 width: 100%;
1828 resize: none;
1829 -webkit-box-sizing: border-box;
1830 -moz-box-sizing: border-box;
1831 box-sizing: border-box;
1832 }
1833 .oo-ui-textInputWidget input[type="search"] {
1834 -webkit-appearance: none;
1835 }
1836 .oo-ui-textInputWidget input[type="search"]::-ms-clear {
1837 display: none;
1838 }
1839 .oo-ui-textInputWidget input[type="search"]::-ms-reveal {
1840 display: none;
1841 }
1842 .oo-ui-textInputWidget input[type="search"]::-webkit-search-decoration,
1843 .oo-ui-textInputWidget input[type="search"]::-webkit-search-cancel-button,
1844 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-button,
1845 .oo-ui-textInputWidget input[type="search"]::-webkit-search-results-decoration {
1846 display: none;
1847 }
1848 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1849 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1850 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1851 display: none;
1852 }
1853 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1854 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1855 display: block;
1856 position: absolute;
1857 top: 0;
1858 height: 100%;
1859 background-repeat: no-repeat;
1860 -webkit-touch-callout: none;
1861 -webkit-user-select: none;
1862 -moz-user-select: none;
1863 -ms-user-select: none;
1864 user-select: none;
1865 }
1866 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1867 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1868 cursor: text;
1869 }
1870 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1871 cursor: pointer;
1872 }
1873 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1874 display: block;
1875 }
1876 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1877 left: 0;
1878 }
1879 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1880 right: 0;
1881 }
1882 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1883 position: absolute;
1884 top: 0;
1885 }
1886 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1887 right: 0;
1888 }
1889 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1890 left: 0;
1891 }
1892 .oo-ui-textInputWidget input,
1893 .oo-ui-textInputWidget textarea {
1894 padding: 0.5em;
1895 line-height: 1.275em;
1896 margin: 0;
1897 font-size: inherit;
1898 font-family: inherit;
1899 background-color: #ffffff;
1900 color: black;
1901 border: solid 1px #cccccc;
1902 box-shadow: inset 0 0 0 0 #347bff;
1903 border-radius: 0.1em;
1904 -webkit-transition: box-shadow 0.1s ease-in-out;
1905 -moz-transition: box-shadow 0.1s ease-in-out;
1906 -ms-transition: box-shadow 0.1s ease-in-out;
1907 -o-transition: box-shadow 0.1s ease-in-out;
1908 transition: box-shadow 0.1s ease-in-out;
1909 -webkit-box-sizing: border-box;
1910 -moz-box-sizing: border-box;
1911 box-sizing: border-box;
1912 }
1913 .oo-ui-textInputWidget input.oo-ui-pendingElement-pending,
1914 .oo-ui-textInputWidget textarea.oo-ui-pendingElement-pending {
1915 background-color: transparent;
1916 }
1917 .oo-ui-textInputWidget-decorated input,
1918 .oo-ui-textInputWidget-decorated textarea {
1919 padding-left: 2em;
1920 }
1921 .oo-ui-textInputWidget-icon {
1922 width: 2em;
1923 }
1924 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1925 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1926 -webkit-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1927 -moz-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1928 -ms-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1929 -o-transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1930 transition: border 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
1931 }
1932 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1933 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1934 outline: none;
1935 border-color: #347bff;
1936 box-shadow: inset 0 0 0 0.1em #347bff;
1937 }
1938 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1939 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1940 color: #777777;
1941 text-shadow: 0 1px 1px #ffffff;
1942 }
1943 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1944 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1945 border-color: #cccccc;
1946 box-shadow: inset 0 0 0 0.1em #cccccc;
1947 }
1948 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1949 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1950 border-color: red;
1951 box-shadow: inset 0 0 0 0 red;
1952 }
1953 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1954 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1955 border-color: red;
1956 box-shadow: inset 0 0 0 0.1em red;
1957 }
1958 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1959 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1960 color: #cccccc;
1961 text-shadow: 0 1px 1px #ffffff;
1962 border-color: #dddddd;
1963 background-color: #f3f3f3;
1964 }
1965 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1966 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1967 opacity: 0.2;
1968 }
1969 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1970 color: #dddddd;
1971 text-shadow: 0 1px 1px #ffffff;
1972 }
1973 .oo-ui-textInputWidget.oo-ui-iconElement input,
1974 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1975 padding-left: 2.75em;
1976 }
1977 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1978 left: 0.4em;
1979 width: 1.875em;
1980 margin-left: 0.1em;
1981 height: 100%;
1982 background-position: right center;
1983 }
1984 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1985 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1986 padding-right: 1.875em;
1987 }
1988 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1989 width: 0.9375em;
1990 margin: 0 0.775em;
1991 height: 100%;
1992 }
1993 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1994 padding: 0.4em;
1995 line-height: 1.5em;
1996 color: #888888;
1997 }
1998 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1999 margin-right: 2em;
2000 }
2001 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
2002 margin-left: 2.5em;
2003 }
2004 .oo-ui-menuSelectWidget {
2005 position: absolute;
2006 background: #ffffff;
2007 margin-top: -1px;
2008 border: 1px solid #aaaaaa;
2009 border-radius: 0 0 0.2em 0.2em;
2010 padding-bottom: 0.25em;
2011 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);
2012 }
2013 .oo-ui-menuSelectWidget input {
2014 position: absolute;
2015 width: 0;
2016 height: 0;
2017 overflow: hidden;
2018 opacity: 0;
2019 }
2020 .oo-ui-menuOptionWidget {
2021 position: relative;
2022 padding: 0.5em 1em;
2023 }
2024 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
2025 display: none;
2026 }
2027 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2028 background-color: transparent;
2029 }
2030 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2031 display: block;
2032 }
2033 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
2034 background-color: #d8e6fe;
2035 color: rgba(0, 0, 0, 0.8);
2036 }
2037 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
2038 display: none;
2039 }
2040 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2041 background-color: #eeeeee;
2042 color: black;
2043 }
2044 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
2045 background-color: #d8e6fe;
2046 }
2047 .oo-ui-menuSectionOptionWidget {
2048 cursor: default;
2049 padding: 0.33em 0.75em;
2050 color: #888888;
2051 }
2052 .oo-ui-dropdownWidget {
2053 display: inline-block;
2054 position: relative;
2055 margin: 0.25em 0;
2056 width: 100%;
2057 max-width: 50em;
2058 background: #ffffff;
2059 margin-right: 0.5em;
2060 }
2061 .oo-ui-dropdownWidget-handle {
2062 width: 100%;
2063 display: inline-block;
2064 cursor: pointer;
2065 -webkit-touch-callout: none;
2066 -webkit-user-select: none;
2067 -moz-user-select: none;
2068 -ms-user-select: none;
2069 user-select: none;
2070 -webkit-box-sizing: border-box;
2071 -moz-box-sizing: border-box;
2072 box-sizing: border-box;
2073 }
2074 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
2075 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2076 position: absolute;
2077 background-position: center center;
2078 background-repeat: no-repeat;
2079 }
2080 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
2081 z-index: 1;
2082 width: 100%;
2083 }
2084 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2085 cursor: default;
2086 }
2087 .oo-ui-dropdownWidget:last-child {
2088 margin-right: 0;
2089 }
2090 .oo-ui-dropdownWidget-handle {
2091 padding: 0.5em 0;
2092 border: 1px solid #cccccc;
2093 border-radius: 0.1em;
2094 }
2095 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2096 right: 0;
2097 }
2098 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2099 left: 0.25em;
2100 }
2101 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2102 line-height: 1.275em;
2103 margin: 0 1em;
2104 }
2105 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
2106 top: 0;
2107 width: 0.9375em;
2108 height: 0.9375em;
2109 margin: 0.775em;
2110 }
2111 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
2112 top: 0;
2113 width: 1.875em;
2114 height: 1.875em;
2115 margin: 0.3em;
2116 }
2117 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
2118 border-color: #aaaaaa;
2119 }
2120 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
2121 color: #cccccc;
2122 text-shadow: 0 1px 1px #ffffff;
2123 border-color: #dddddd;
2124 background-color: #f3f3f3;
2125 }
2126 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
2127 opacity: 0.2;
2128 }
2129 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2130 margin-left: 3em;
2131 }
2132 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
2133 margin-right: 2em;
2134 }
2135 .oo-ui-dropdownWidget .oo-ui-selectWidget {
2136 border-top-color: #ffffff;
2137 }
2138 .oo-ui-selectFileWidget {
2139 display: inline-block;
2140 position: relative;
2141 vertical-align: middle;
2142 margin: 0.25em 0;
2143 width: 100%;
2144 max-width: 50em;
2145 margin-right: 0.5em;
2146 }
2147 .oo-ui-selectFileWidget-handle {
2148 width: 100%;
2149 display: inline-block;
2150 cursor: pointer;
2151 overflow: hidden;
2152 -webkit-touch-callout: none;
2153 -webkit-user-select: none;
2154 -moz-user-select: none;
2155 -ms-user-select: none;
2156 user-select: none;
2157 -webkit-box-sizing: border-box;
2158 -moz-box-sizing: border-box;
2159 box-sizing: border-box;
2160 }
2161 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator,
2162 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2163 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2164 position: absolute;
2165 background-position: center center;
2166 background-repeat: no-repeat;
2167 }
2168 .oo-ui-selectFileWidget-handle > input[type="file"] {
2169 position: absolute;
2170 margin: 0;
2171 top: 0;
2172 bottom: 0;
2173 left: 0;
2174 right: 0;
2175 width: 100%;
2176 height: 100%;
2177 opacity: 0;
2178 z-index: 1;
2179 cursor: pointer;
2180 }
2181 .oo-ui-selectFileWidget-handle > .oo-ui-selectFileWidget-clearButton {
2182 z-index: 2;
2183 }
2184 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle,
2185 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2186 cursor: default;
2187 }
2188 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > input[type="file"],
2189 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle > input[type="file"] {
2190 display: none;
2191 }
2192 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
2193 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
2194 display: none;
2195 }
2196 .oo-ui-selectFileWidget:last-child {
2197 margin-right: 0;
2198 }
2199 .oo-ui-selectFileWidget-handle {
2200 height: 2.5em;
2201 border: 1px solid #cccccc;
2202 border-radius: 0.1em;
2203 padding: 0 1em;
2204 background: #ffffff;
2205 }
2206 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2207 right: 0;
2208 }
2209 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2210 left: 0.25em;
2211 }
2212 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-label {
2213 line-height: 2.5em;
2214 margin: 0;
2215 display: inline-block;
2216 overflow: hidden;
2217 width: 100%;
2218 white-space: nowrap;
2219 -webkit-box-sizing: border-box;
2220 -moz-box-sizing: border-box;
2221 box-sizing: border-box;
2222 text-overflow: ellipsis;
2223 }
2224 .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2225 top: 0;
2226 width: 1.875em;
2227 height: 1.875em;
2228 margin: 0.3em;
2229 }
2230 .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2231 top: 0;
2232 width: 0.9375em;
2233 height: 0.9375em;
2234 margin: 0.775em;
2235 }
2236 .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon {
2237 top: 0;
2238 width: 1.875em;
2239 height: 1.875em;
2240 margin: 0.3em;
2241 }
2242 .oo-ui-selectFileWidget:hover .oo-ui-selectFileWidget-handle {
2243 border-color: #aaaaaa;
2244 }
2245 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle {
2246 color: #cccccc;
2247 text-shadow: 0 1px 1px #ffffff;
2248 border-color: #dddddd;
2249 background-color: #f3f3f3;
2250 }
2251 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-iconElement-icon,
2252 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-handle > .oo-ui-indicatorElement-indicator {
2253 opacity: 0.2;
2254 }
2255 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
2256 color: #cccccc;
2257 }
2258 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-handle {
2259 padding-left: 3em;
2260 }
2261 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle {
2262 padding-right: 3em;
2263 }
2264 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2265 right: 0;
2266 }
2267 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2268 padding-right: 5em;
2269 }
2270 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle .oo-ui-selectFileWidget-clearButton {
2271 right: 2em;
2272 }
2273 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-handle,
2274 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-handle {
2275 padding-right: 1em;
2276 }
2277 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle,
2278 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-handle {
2279 padding-right: 2em;
2280 }
2281 .oo-ui-outlineOptionWidget {
2282 position: relative;
2283 cursor: pointer;
2284 -webkit-touch-callout: none;
2285 -webkit-user-select: none;
2286 -moz-user-select: none;
2287 -ms-user-select: none;
2288 user-select: none;
2289 font-size: 1.1em;
2290 padding: 0.75em;
2291 }
2292 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2293 padding-right: 1.5em;
2294 }
2295 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2296 opacity: 0.5;
2297 }
2298 .oo-ui-outlineOptionWidget-level-0 {
2299 padding-left: 3.5em;
2300 }
2301 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
2302 left: 1em;
2303 }
2304 .oo-ui-outlineOptionWidget-level-1 {
2305 padding-left: 5em;
2306 }
2307 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
2308 left: 2.5em;
2309 }
2310 .oo-ui-outlineOptionWidget-level-2 {
2311 padding-left: 6.5em;
2312 }
2313 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
2314 left: 4em;
2315 }
2316 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
2317 background-color: #d0d0d0;
2318 text-shadow: 0 1px 1px #ffffff;
2319 }
2320 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
2321 font-weight: bold;
2322 }
2323 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
2324 font-style: italic;
2325 }
2326 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
2327 opacity: 0.5;
2328 }
2329 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
2330 color: #777777;
2331 }
2332 .oo-ui-outlineControlsWidget {
2333 height: 3em;
2334 background-color: #ffffff;
2335 }
2336 .oo-ui-outlineControlsWidget-items,
2337 .oo-ui-outlineControlsWidget-movers {
2338 float: left;
2339 -webkit-box-sizing: border-box;
2340 -moz-box-sizing: border-box;
2341 box-sizing: border-box;
2342 }
2343 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2344 float: left;
2345 background-position: right center;
2346 background-repeat: no-repeat;
2347 }
2348 .oo-ui-outlineControlsWidget-items {
2349 float: left;
2350 }
2351 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
2352 float: left;
2353 }
2354 .oo-ui-outlineControlsWidget-movers {
2355 float: right;
2356 }
2357 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
2358 float: right;
2359 }
2360 .oo-ui-outlineControlsWidget-items,
2361 .oo-ui-outlineControlsWidget-movers {
2362 height: 2em;
2363 margin: 0.5em 0.5em 0.5em 0;
2364 padding: 0;
2365 }
2366 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
2367 width: 1.5em;
2368 height: 2em;
2369 margin: 0.5em 0 0.5em 0.5em;
2370 opacity: 0.2;
2371 }
2372 .oo-ui-tabSelectWidget {
2373 text-align: left;
2374 white-space: nowrap;
2375 overflow: hidden;
2376 background-color: #dddddd;
2377 }
2378 .oo-ui-tabOptionWidget {
2379 display: inline-block;
2380 vertical-align: bottom;
2381 padding: 0.35em 1em;
2382 margin: 0.5em 0 0 0.75em;
2383 border: 1px solid transparent;
2384 border-bottom: none;
2385 border-top-left-radius: 2px;
2386 border-top-right-radius: 2px;
2387 color: #666666;
2388 font-weight: bold;
2389 }
2390 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
2391 background-color: rgba(255, 255, 255, 0.3);
2392 }
2393 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
2394 background-color: rgba(255, 255, 255, 0.8);
2395 }
2396 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
2397 padding-right: 1.5em;
2398 }
2399 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
2400 opacity: 0.5;
2401 }
2402 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2403 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
2404 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
2405 background-color: #ffffff;
2406 color: #333333;
2407 }
2408 .oo-ui-comboBoxWidget {
2409 display: inline-block;
2410 position: relative;
2411 width: 100%;
2412 max-width: 50em;
2413 margin-right: 0.5em;
2414 }
2415 .oo-ui-comboBoxWidget > .oo-ui-menuSelectWidget {
2416 z-index: 1;
2417 width: 100%;
2418 }
2419 .oo-ui-comboBoxWidget > .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
2420 cursor: pointer;
2421 }
2422 .oo-ui-comboBoxWidget:last-child {
2423 margin-right: 0;
2424 }
2425 .oo-ui-comboBoxWidget .oo-ui-textInputWidget input,
2426 .oo-ui-comboBoxWidget .oo-ui-textInputWidget textarea {
2427 height: 2.35em;
2428 }
2429 .oo-ui-searchWidget-query {
2430 position: absolute;
2431 top: 0;
2432 left: 0;
2433 right: 0;
2434 }
2435 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2436 width: 100%;
2437 }
2438 .oo-ui-searchWidget-results {
2439 position: absolute;
2440 bottom: 0;
2441 left: 0;
2442 right: 0;
2443 overflow-x: hidden;
2444 overflow-y: auto;
2445 }
2446 .oo-ui-searchWidget-query {
2447 height: 4em;
2448 padding: 0 1em;
2449 border-bottom: 1px solid #cccccc;
2450 }
2451 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
2452 margin: 0.75em 0;
2453 }
2454 .oo-ui-searchWidget-results {
2455 top: 4em;
2456 padding: 1em;
2457 line-height: 0;
2458 }
2459 .oo-ui-numberInputWidget {
2460 display: inline-block;
2461 position: relative;
2462 max-width: 50em;
2463 }
2464 .oo-ui-numberInputWidget-field {
2465 display: table;
2466 table-layout: fixed;
2467 width: 100%;
2468 }
2469 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2470 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2471 display: table-cell;
2472 vertical-align: middle;
2473 }
2474 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
2475 width: 100%;
2476 }
2477 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
2478 white-space: nowrap;
2479 }
2480 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2481 box-sizing: border-box;
2482 }
2483 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
2484 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
2485 margin: 0;
2486 width: 2.5em;
2487 }
2488 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2489 border-top-right-radius: 0;
2490 border-bottom-right-radius: 0;
2491 border-right-width: 0;
2492 }
2493 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
2494 border-top-left-radius: 0;
2495 border-bottom-left-radius: 0;
2496 border-left-width: 0;
2497 }
2498 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {
2499 border-radius: 0;
2500 }
2501 .oo-ui-window {
2502 background: transparent;
2503 }
2504 .oo-ui-window-frame {
2505 -webkit-box-sizing: border-box;
2506 -moz-box-sizing: border-box;
2507 box-sizing: border-box;
2508 }
2509 .oo-ui-window-content:focus {
2510 outline: none;
2511 }
2512 .oo-ui-window-head,
2513 .oo-ui-window-foot {
2514 -webkit-touch-callout: none;
2515 -webkit-user-select: none;
2516 -moz-user-select: none;
2517 -ms-user-select: none;
2518 user-select: none;
2519 }
2520 .oo-ui-window-body {
2521 margin: 0;
2522 padding: 0;
2523 background: none;
2524 }
2525 .oo-ui-window-overlay {
2526 position: absolute;
2527 top: 0;
2528 /* @noflip */
2529 left: 0;
2530 }
2531 .oo-ui-dialog {
2532 z-index: 1000;
2533 }
2534 .oo-ui-dialog-content > .oo-ui-window-head,
2535 .oo-ui-dialog-content > .oo-ui-window-body,
2536 .oo-ui-dialog-content > .oo-ui-window-foot {
2537 position: absolute;
2538 left: 0;
2539 right: 0;
2540 overflow: hidden;
2541 -webkit-box-sizing: border-box;
2542 -moz-box-sizing: border-box;
2543 box-sizing: border-box;
2544 }
2545 .oo-ui-dialog-content > .oo-ui-window-head {
2546 z-index: 1;
2547 top: 0;
2548 }
2549 .oo-ui-dialog-content > .oo-ui-window-body {
2550 z-index: 2;
2551 top: 0;
2552 bottom: 0;
2553 }
2554 .oo-ui-dialog-content > .oo-ui-window-foot {
2555 z-index: 1;
2556 bottom: 0;
2557 }
2558 .oo-ui-dialog-content > .oo-ui-window-body {
2559 outline: 1px solid #aaaaaa;
2560 }
2561 .oo-ui-messageDialog-actions-horizontal {
2562 display: table;
2563 table-layout: fixed;
2564 width: 100%;
2565 }
2566 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2567 display: table-cell;
2568 width: 1%;
2569 }
2570 .oo-ui-messageDialog-actions-vertical {
2571 display: block;
2572 }
2573 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2574 display: block;
2575 overflow: hidden;
2576 text-overflow: ellipsis;
2577 }
2578 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2579 position: relative;
2580 text-align: center;
2581 }
2582 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
2583 display: block;
2584 }
2585 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
2586 position: relative;
2587 top: auto;
2588 bottom: auto;
2589 display: inline;
2590 white-space: nowrap;
2591 }
2592 .oo-ui-messageDialog-title,
2593 .oo-ui-messageDialog-message {
2594 display: block;
2595 text-align: center;
2596 padding-top: 0.5em;
2597 }
2598 .oo-ui-messageDialog-title {
2599 font-size: 1.5em;
2600 line-height: 1em;
2601 color: #000000;
2602 }
2603 .oo-ui-messageDialog-message {
2604 font-size: 0.9em;
2605 line-height: 1.25em;
2606 color: #666666;
2607 }
2608 .oo-ui-messageDialog-message-verbose {
2609 font-size: 1.1em;
2610 line-height: 1.5em;
2611 text-align: left;
2612 }
2613 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
2614 border-right: 1px solid #e5e5e5;
2615 margin: 0;
2616 }
2617 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
2618 border-right-width: 0;
2619 }
2620 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
2621 border-bottom: 1px solid #e5e5e5;
2622 margin: 0;
2623 }
2624 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
2625 border-bottom-width: 0;
2626 }
2627 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
2628 height: 3.4em;
2629 margin-right: 0;
2630 }
2631 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
2632 margin-right: 0;
2633 }
2634 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
2635 text-align: center;
2636 line-height: 3.4em;
2637 padding: 0 2em;
2638 }
2639 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
2640 background-color: rgba(0, 0, 0, 0.05);
2641 }
2642 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
2643 background-color: rgba(0, 0, 0, 0.1);
2644 }
2645 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2646 background-color: rgba(8, 126, 204, 0.05);
2647 }
2648 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2649 background-color: rgba(8, 126, 204, 0.1);
2650 }
2651 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2652 font-weight: bold;
2653 }
2654 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2655 background-color: rgba(118, 171, 54, 0.05);
2656 }
2657 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2658 background-color: rgba(118, 171, 54, 0.1);
2659 }
2660 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2661 background-color: rgba(212, 83, 83, 0.05);
2662 }
2663 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2664 background-color: rgba(212, 83, 83, 0.1);
2665 }
2666 .oo-ui-processDialog-location {
2667 overflow: hidden;
2668 text-overflow: ellipsis;
2669 white-space: nowrap;
2670 }
2671 .oo-ui-processDialog-title {
2672 display: inline;
2673 padding: 0;
2674 }
2675 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
2676 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
2677 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
2678 white-space: nowrap;
2679 }
2680 .oo-ui-processDialog-actions-safe,
2681 .oo-ui-processDialog-actions-primary {
2682 position: absolute;
2683 top: 0;
2684 bottom: 0;
2685 }
2686 .oo-ui-processDialog-actions-safe {
2687 left: 0;
2688 }
2689 .oo-ui-processDialog-actions-primary {
2690 right: 0;
2691 }
2692 .oo-ui-processDialog-errors {
2693 position: absolute;
2694 top: 0;
2695 left: 0;
2696 right: 0;
2697 bottom: 0;
2698 z-index: 2;
2699 overflow-x: hidden;
2700 overflow-y: auto;
2701 }
2702 .oo-ui-processDialog-content .oo-ui-window-head {
2703 height: 3.4em;
2704 }
2705 .oo-ui-processDialog-content .oo-ui-window-body {
2706 top: 3.4em;
2707 outline: 1px solid rgba(0, 0, 0, 0.2);
2708 }
2709 .oo-ui-processDialog-navigation {
2710 position: relative;
2711 height: 3.4em;
2712 padding: 0 1em;
2713 }
2714 .oo-ui-processDialog-location {
2715 padding: 0.75em 0;
2716 height: 1.875em;
2717 cursor: default;
2718 text-align: center;
2719 }
2720 .oo-ui-processDialog-title {
2721 font-weight: bold;
2722 line-height: 1.875em;
2723 }
2724 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
2725 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
2726 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
2727 min-width: 1.875em;
2728 min-height: 1.875em;
2729 }
2730 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
2731 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
2732 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
2733 line-height: 1.875em;
2734 }
2735 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2736 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
2737 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
2738 margin-top: -0.125em;
2739 }
2740 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2741 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
2742 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
2743 margin: 0.75em;
2744 }
2745 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2746 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
2747 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
2748 padding: 0 1em;
2749 vertical-align: middle;
2750 /* Adjust for border so text aligns with title */
2751 margin: -1px;
2752 }
2753 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2754 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
2755 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
2756 margin: 0;
2757 }
2758 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2759 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
2760 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
2761 padding: 0.75em 1em;
2762 vertical-align: middle;
2763 }
2764 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
2765 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
2766 background-color: rgba(0, 0, 0, 0.05);
2767 }
2768 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
2769 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
2770 background-color: rgba(0, 0, 0, 0.1);
2771 }
2772 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
2773 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
2774 background-color: rgba(8, 126, 204, 0.05);
2775 }
2776 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
2777 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
2778 background-color: rgba(8, 126, 204, 0.1);
2779 }
2780 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
2781 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
2782 font-weight: bold;
2783 }
2784 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
2785 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
2786 background-color: rgba(118, 171, 54, 0.05);
2787 }
2788 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2789 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2790 background-color: rgba(118, 171, 54, 0.1);
2791 }
2792 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2793 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2794 background-color: rgba(212, 83, 83, 0.05);
2795 }
2796 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2797 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2798 background-color: rgba(212, 83, 83, 0.1);
2799 }
2800 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
2801 margin-right: 0;
2802 }
2803 .oo-ui-processDialog > .oo-ui-window-frame {
2804 min-height: 5em;
2805 }
2806 .oo-ui-processDialog-errors {
2807 background-color: rgba(255, 255, 255, 0.9);
2808 padding: 3em 3em 1.5em 3em;
2809 text-align: center;
2810 }
2811 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2812 margin: 2em 1em 2em 1em;
2813 }
2814 .oo-ui-processDialog-errors-title {
2815 font-size: 1.5em;
2816 color: #000000;
2817 margin-bottom: 2em;
2818 }
2819 .oo-ui-processDialog-error {
2820 text-align: left;
2821 margin: 1em;
2822 padding: 1em;
2823 border: 1px solid #ff9e9e;
2824 background-color: #fff7f7;
2825 border-radius: 0.25em;
2826 }
2827 .oo-ui-windowManager-modal > .oo-ui-dialog {
2828 position: fixed;
2829 width: 0;
2830 height: 0;
2831 overflow: hidden;
2832 }
2833 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
2834 width: auto;
2835 height: auto;
2836 top: 0;
2837 right: 0;
2838 bottom: 0;
2839 left: 0;
2840 padding: 1em;
2841 }
2842 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2843 position: absolute;
2844 right: 0;
2845 left: 0;
2846 margin: auto;
2847 overflow: hidden;
2848 max-width: 100%;
2849 max-height: 100%;
2850 }
2851 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2852 width: 100%;
2853 height: 100%;
2854 top: 0;
2855 bottom: 0;
2856 }
2857 .oo-ui-windowManager-modal > .oo-ui-dialog {
2858 background-color: rgba(255, 255, 255, 0.5);
2859 opacity: 0;
2860 -webkit-transition: opacity 250ms ease-in-out;
2861 -moz-transition: opacity 250ms ease-in-out;
2862 -ms-transition: opacity 250ms ease-in-out;
2863 -o-transition: opacity 250ms ease-in-out;
2864 transition: opacity 250ms ease-in-out;
2865 }
2866 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2867 top: 1em;
2868 bottom: 1em;
2869 background-color: #ffffff;
2870 opacity: 0;
2871 -webkit-transform: scale(0.5);
2872 -moz-transform: scale(0.5);
2873 -ms-transform: scale(0.5);
2874 -o-transform: scale(0.5);
2875 transform: scale(0.5);
2876 -webkit-transition: all 250ms ease-in-out;
2877 -moz-transition: all 250ms ease-in-out;
2878 -ms-transition: all 250ms ease-in-out;
2879 -o-transition: all 250ms ease-in-out;
2880 transition: all 250ms ease-in-out;
2881 }
2882 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
2883 /* Fade window overlay */
2884 opacity: 1;
2885 }
2886 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
2887 /* Fade frame */
2888 opacity: 1;
2889 -webkit-transform: scale(1);
2890 -moz-transform: scale(1);
2891 -ms-transform: scale(1);
2892 -o-transform: scale(1);
2893 transform: scale(1);
2894 }
2895 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2896 border: 1px solid #aaaaaa;
2897 border-radius: 0.2em;
2898 box-shadow: inset 0 -0.2em 0 0 rgba(0, 0, 0, 0.2);
2899 }