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