Check that file is executable in Installer::locateExecutable
[mediawiki.git] / resources / lib / oojs-ui / oojs-ui-core-mediawiki.css
blob05f383850ef18daec4f183f4584928a2e40764c5
1 /*!
2 * OOjs UI v0.17.4
3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-05-31T21:50:56Z
11 .oo-ui-element-hidden {
12 display: none !important;
14 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
15 cursor: pointer;
16 display: inline-block;
17 vertical-align: middle;
18 font: inherit;
19 line-height: normal;
20 white-space: nowrap;
21 -webkit-touch-callout: none;
22 -webkit-user-select: none;
23 -moz-user-select: none;
24 -ms-user-select: none;
25 user-select: none;
27 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
28 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
29 display: none;
31 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
32 cursor: default;
34 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
35 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
36 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
37 display: inline-block;
38 vertical-align: middle;
40 .oo-ui-buttonElement-frameless {
41 position: relative;
43 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
44 vertical-align: top;
45 text-align: center;
47 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
48 font-weight: bold;
49 text-decoration: none;
51 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
52 outline: 0;
54 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
55 margin-left: 0;
57 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
58 margin-left: 0.46875em;
60 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
61 margin-right: 0;
63 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
64 margin-left: 0.25em;
65 margin-right: 0.25em;
67 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
68 padding-left: 0.25em;
69 padding-right: 0.25em;
70 color: #333333;
72 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
73 box-shadow: inset 0 0 0 1px #347bff, 0 0 0 1px #347bff;
75 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button,
76 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
77 color: #555555;
79 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
80 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
81 color: #444444;
83 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
84 color: #347bff;
86 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
87 color: #2962cc;
89 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
90 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
91 color: #1f4999;
92 box-shadow: none;
94 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
95 color: #347bff;
97 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
98 color: #2962cc;
100 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
101 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
102 color: #1f4999;
103 box-shadow: none;
105 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
106 color: #d11d13;
108 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
109 color: #8c130d;
111 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
112 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
113 color: #73100a;
114 box-shadow: none;
116 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
117 color: #cccccc;
119 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
120 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
121 opacity: 0.2;
123 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
124 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
125 padding-left: 2.4em;
127 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
128 padding: 0.5em 1em;
129 min-height: 1.2em;
130 min-width: 1em;
131 border-radius: 2px;
132 position: relative;
133 -webkit-transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
134 -moz-transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
135 transition: background 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
137 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
138 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
139 line-height: 1.2em;
141 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
142 position: absolute;
143 top: 0.2em;
144 left: 0.5625em;
146 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
147 margin-left: 0.3em;
149 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
150 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
151 margin-left: 0.46875em;
152 margin-right: -0.275em;
154 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
155 position: relative;
156 left: 0.2em;
158 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
159 background-color: #dddddd;
160 color: #ffffff;
161 border: 1px solid #dddddd;
163 .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
164 border-left-color: #ffffff;
166 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
167 color: #555555;
168 background-color: #ffffff;
169 border: 1px solid #cccccc;
171 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
172 background-color: #ebebeb;
174 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
175 border-color: #347bff;
176 box-shadow: inset 0 0 0 1px #347bff;
178 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
179 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
180 background-color: #d9d9d9;
181 border-color: #d9d9d9;
182 box-shadow: none;
184 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
185 background-color: #999999;
186 color: #ffffff;
188 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
189 color: #347bff;
191 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
192 background-color: #ebf2ff;
193 border-color: #859dcc;
195 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
196 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
197 color: #1f4999;
198 border-color: #1f4999;
199 box-shadow: none;
201 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
202 background-color: #999999;
203 color: #ffffff;
205 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
206 border-color: #347bff;
207 box-shadow: inset 0 0 0 1px #347bff;
209 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
210 color: #347bff;
212 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
213 background-color: #ebf2ff;
214 border-color: #859dcc;
216 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
217 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
218 color: #1f4999;
219 border-color: #1f4999;
220 box-shadow: none;
222 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
223 background-color: #999999;
224 color: #ffffff;
226 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
227 border-color: #347bff;
228 box-shadow: inset 0 0 0 1px #347bff;
230 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
231 color: #d11d13;
233 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
234 background-color: #fbe8e7;
235 border-color: #b77c79;
237 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
238 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
239 color: #73100a;
240 border-color: #73100a;
241 box-shadow: none;
243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
244 background-color: #999999;
245 color: #ffffff;
247 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
248 border-color: #d11d13;
249 box-shadow: inset 0 0 0 1px #d11d13;
251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
252 color: #ffffff;
253 background-color: #347bff;
254 border-color: #347bff;
256 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
257 background-color: #2962cc;
258 border-color: #2962cc;
260 .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,
261 .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 {
262 color: #ffffff;
263 background-color: #1f4999;
264 border-color: #1f4999;
265 box-shadow: none;
267 .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 {
268 background-color: #999999;
269 color: #ffffff;
271 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
272 border-color: #347bff;
273 box-shadow: inset 0 0 0 1px #ffffff;
275 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
276 color: #ffffff;
277 background-color: #347bff;
278 border-color: #347bff;
280 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
281 background-color: #2962cc;
282 border-color: #2962cc;
284 .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,
285 .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 {
286 color: #ffffff;
287 background-color: #1f4999;
288 border-color: #1f4999;
289 box-shadow: none;
291 .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 {
292 background-color: #999999;
293 color: #ffffff;
295 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
296 border-color: #347bff;
297 box-shadow: inset 0 0 0 1px #ffffff;
299 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
300 color: #ffffff;
301 background-color: #d11d13;
302 border-color: #d11d13;
304 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
305 background-color: #8c130d;
306 border-color: #8c130d;
308 .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,
309 .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 {
310 color: #ffffff;
311 background-color: #73100a;
312 border-color: #73100a;
313 box-shadow: none;
315 .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 {
316 background-color: #999999;
317 color: #ffffff;
319 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
320 border-color: #d11d13;
321 box-shadow: inset 0 0 0 1px #ffffff;
323 .oo-ui-clippableElement-clippable {
324 -webkit-box-sizing: border-box;
325 -moz-box-sizing: border-box;
326 box-sizing: border-box;
328 .oo-ui-floatableElement-hidden {
329 display: none;
331 .oo-ui-iconElement .oo-ui-iconElement-icon,
332 .oo-ui-iconElement.oo-ui-iconElement-icon {
333 background-size: contain;
334 background-position: center center;
335 background-repeat: no-repeat;
336 min-width: 24px;
337 width: 1.875em;
338 min-height: 24px;
339 height: 1.875em;
341 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
342 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
343 background-size: contain;
344 background-position: center center;
345 background-repeat: no-repeat;
346 min-width: 12px;
347 width: 0.9375em;
348 min-height: 12px;
349 height: 0.9375em;
351 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
352 font-weight: bold;
354 .oo-ui-pendingElement-pending {
355 background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
357 .oo-ui-fieldLayout {
358 display: block;
359 margin-bottom: 1em;
361 .oo-ui-fieldLayout:before,
362 .oo-ui-fieldLayout:after {
363 content: " ";
364 display: table;
366 .oo-ui-fieldLayout:after {
367 clear: both;
369 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
370 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
371 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
372 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
373 display: block;
374 float: left;
376 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
377 text-align: right;
379 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
380 display: table;
382 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
383 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
384 display: table-cell;
385 vertical-align: middle;
387 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
388 display: inline-block;
390 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
391 float: right;
393 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
394 z-index: 1;
396 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
397 padding: 0.5em 0.75em;
398 line-height: 1.5em;
400 .oo-ui-fieldLayout:last-child {
401 margin-bottom: 0;
403 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
404 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
405 padding-top: 0.5em;
406 margin-right: 5%;
407 width: 35%;
409 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
410 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
411 width: 60%;
413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
414 margin-bottom: 1.25em;
416 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
417 padding: 0.25em 0.25em 0.25em 1em;
419 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
420 padding-top: 0.25em;
421 padding-bottom: 0.5em;
423 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
424 margin-right: 0;
426 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
427 margin-right: 0;
429 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
430 color: #cccccc;
432 .oo-ui-fieldLayout-messages {
433 list-style: none none;
434 margin: 0.25em 0 0 0.25em;
435 padding: 0;
437 .oo-ui-fieldLayout-messages > li {
438 margin: 0;
439 padding: 0;
440 display: table;
442 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
443 display: table-cell;
444 border-right: 0.5em solid transparent;
446 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
447 display: table-cell;
448 padding: 0;
449 line-height: 1.875em;
450 vertical-align: middle;
452 .oo-ui-actionFieldLayout {
453 max-width: 50em;
455 .oo-ui-actionFieldLayout-input,
456 .oo-ui-actionFieldLayout-button {
457 display: table-cell;
458 vertical-align: middle;
460 .oo-ui-actionFieldLayout-input {
461 padding-right: 1em;
463 .oo-ui-actionFieldLayout-button {
464 width: 1%;
465 white-space: nowrap;
467 .oo-ui-fieldsetLayout {
468 position: relative;
469 margin: 0;
470 padding: 0;
471 border: 0;
473 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
474 display: block;
475 position: absolute;
477 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
478 display: inline-block;
480 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
481 float: right;
483 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
484 z-index: 1;
486 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
487 padding: 0.5em 0.75em;
488 line-height: 1.5em;
490 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
491 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
492 margin-top: 2em;
494 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
495 font-size: 1.1em;
496 margin-bottom: 0.5em;
497 padding: 0.25em 0;
498 font-weight: bold;
500 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
501 padding-left: 2em;
502 line-height: 1.8em;
504 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
505 left: 0;
506 top: 0.25em;
508 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
509 margin-right: 0;
511 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
512 margin-right: 0;
514 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
515 .oo-ui-formLayout + .oo-ui-formLayout {
516 margin-top: 2em;
518 .oo-ui-panelLayout {
519 position: relative;
521 .oo-ui-panelLayout-scrollable {
522 overflow-y: auto;
524 .oo-ui-panelLayout-expanded {
525 position: absolute;
526 top: 0;
527 left: 0;
528 right: 0;
529 bottom: 0;
531 .oo-ui-panelLayout-padded {
532 padding: 1.25em;
534 .oo-ui-panelLayout-framed {
535 border: 1px solid #aaaaaa;
536 border-radius: 2px;
537 box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
539 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
540 margin: 1em 0;
542 .oo-ui-horizontalLayout > .oo-ui-widget {
543 display: inline-block;
544 vertical-align: middle;
546 .oo-ui-horizontalLayout > .oo-ui-layout {
547 display: inline-block;
549 .oo-ui-horizontalLayout > .oo-ui-layout,
550 .oo-ui-horizontalLayout > .oo-ui-widget {
551 margin-right: 0.5em;
553 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
554 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
555 margin-right: 0;
557 .oo-ui-horizontalLayout > .oo-ui-layout {
558 margin-bottom: 0;
560 .oo-ui-optionWidget {
561 position: relative;
562 display: block;
563 padding: 0.25em 0.5em;
564 border: 0;
566 .oo-ui-optionWidget.oo-ui-widget-enabled {
567 cursor: pointer;
569 .oo-ui-optionWidget.oo-ui-widget-disabled {
570 cursor: default;
572 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
573 display: block;
574 white-space: nowrap;
575 text-overflow: ellipsis;
576 overflow: hidden;
578 .oo-ui-optionWidget-highlighted {
579 background-color: #eeeeee;
581 .oo-ui-optionWidget .oo-ui-labelElement-label {
582 line-height: 1.5em;
584 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected,
585 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed,
586 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted,
587 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
588 background-color: #d0d0d0;
590 .oo-ui-optionWidget.oo-ui-widget-disabled {
591 color: #cccccc;
593 .oo-ui-decoratedOptionWidget {
594 padding: 0.5em 2em 0.5em 3em;
596 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
597 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
598 position: absolute;
600 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
601 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
602 top: 0;
603 height: 100%;
605 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
606 left: 0.5em;
608 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
609 right: 0.5em;
611 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
612 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
613 opacity: 0.2;
615 .oo-ui-radioSelectWidget:focus {
616 outline: 0;
618 .oo-ui-radioSelectWidget:focus .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected .oo-ui-radioInputWidget [type="radio"] + span {
619 border-width: 2px;
621 .oo-ui-radioOptionWidget {
622 cursor: default;
623 padding: 0.25em 0;
624 background-color: transparent;
626 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
627 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
628 display: inline-block;
629 vertical-align: middle;
631 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
632 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
633 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
634 background-color: transparent;
636 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
637 padding: 0.25em 0.25em 0.25em 1em;
639 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
640 margin-right: 0;
642 .oo-ui-labelWidget {
643 display: inline-block;
645 .oo-ui-iconWidget {
646 display: inline-block;
647 vertical-align: middle;
648 line-height: 2.5em;
650 .oo-ui-iconWidget.oo-ui-widget-disabled {
651 opacity: 0.2;
653 .oo-ui-indicatorWidget {
654 display: inline-block;
655 vertical-align: middle;
656 line-height: 2.5em;
657 margin: 0.46875em;
659 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
660 opacity: 0.2;
662 .oo-ui-buttonWidget {
663 display: inline-block;
664 vertical-align: middle;
665 margin-right: 0.5em;
667 .oo-ui-buttonWidget:last-child {
668 margin-right: 0;
670 .oo-ui-buttonGroupWidget {
671 display: inline-block;
672 white-space: nowrap;
673 border-radius: 2px;
674 margin-right: 0.5em;
676 .oo-ui-buttonGroupWidget:last-child {
677 margin-right: 0;
679 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
680 margin-right: 0;
682 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
683 margin-right: 0;
685 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
686 border-radius: 0;
687 margin-left: -1px;
689 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button:focus {
690 z-index: 2;
692 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
693 border-bottom-left-radius: 2px;
694 border-top-left-radius: 2px;
695 margin-left: 0;
697 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
698 border-bottom-right-radius: 2px;
699 border-top-right-radius: 2px;
701 .oo-ui-popupWidget {
702 position: absolute;
703 /* @noflip */
704 left: 0;
706 .oo-ui-popupWidget-popup {
707 position: relative;
708 overflow: hidden;
709 z-index: 1;
711 .oo-ui-popupWidget-anchor {
712 display: none;
713 z-index: 1;
715 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
716 display: block;
717 position: absolute;
718 top: 0;
719 /* @noflip */
720 left: 0;
721 background-repeat: no-repeat;
723 .oo-ui-popupWidget-head {
724 -webkit-touch-callout: none;
725 -webkit-user-select: none;
726 -moz-user-select: none;
727 -ms-user-select: none;
728 user-select: none;
730 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
731 float: right;
733 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
734 float: left;
735 cursor: default;
737 .oo-ui-popupWidget-body {
738 clear: both;
739 overflow: hidden;
741 .oo-ui-popupWidget-popup {
742 background-color: #ffffff;
743 border: 1px solid #aaaaaa;
744 border-radius: 2px;
745 box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
747 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
748 margin-top: 9px;
750 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
751 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
752 content: "";
753 position: absolute;
754 width: 0;
755 height: 0;
756 border-style: solid;
757 border-color: transparent;
758 border-top: 0;
760 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
761 bottom: -10px;
762 left: -9px;
763 border-bottom-color: #888888;
764 border-width: 10px;
766 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
767 bottom: -10px;
768 left: -8px;
769 border-bottom-color: #ffffff;
770 border-width: 9px;
772 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
773 -webkit-transition: width 100ms, height 100ms, left 100ms;
774 -moz-transition: width 100ms, height 100ms, left 100ms;
775 transition: width 100ms, height 100ms, left 100ms;
777 .oo-ui-popupWidget-head {
778 height: 2.5em;
780 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
781 margin: 0.25em;
783 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
784 margin: 0.75em 1em;
786 .oo-ui-popupWidget-body-padded {
787 padding: 0 1em;
789 .oo-ui-popupButtonWidget {
790 position: relative;
792 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
793 position: absolute;
794 cursor: auto;
796 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
797 /* @noflip */
798 left: 0.9375em;
800 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
801 /* @noflip */
802 left: 1.5em;
804 .oo-ui-inputWidget {
805 margin-right: 0.5em;
807 .oo-ui-inputWidget:last-child {
808 margin-right: 0;
810 .oo-ui-buttonInputWidget {
811 display: inline-block;
812 vertical-align: middle;
814 .oo-ui-buttonInputWidget > button,
815 .oo-ui-buttonInputWidget > input {
816 border: 0;
817 padding: 0;
818 background-color: transparent;
820 .oo-ui-checkboxInputWidget {
821 position: relative;
822 line-height: 1.6em;
823 white-space: nowrap;
825 .oo-ui-checkboxInputWidget * {
826 font: inherit;
827 vertical-align: middle;
829 .oo-ui-checkboxInputWidget [type="checkbox"] {
830 opacity: 0;
831 z-index: 1;
832 position: relative;
833 cursor: pointer;
834 margin: 0;
835 width: 1.6em;
836 height: 1.6em;
837 max-width: none;
839 .oo-ui-checkboxInputWidget [type="checkbox"] + span {
840 -webkit-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
841 -moz-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
842 transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
843 -webkit-box-sizing: border-box;
844 -moz-box-sizing: border-box;
845 box-sizing: border-box;
846 position: absolute;
847 left: 0;
848 width: 1.6em;
849 height: 1.6em;
850 background-color: #ffffff;
851 background-image: url("themes/mediawiki/images/icons/check-constructive-deprecated.png");
852 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
853 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-constructive-deprecated.svg");
854 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-constructive-deprecated.png");
855 background-repeat: no-repeat;
856 background-position: center center;
857 background-origin: border-box;
858 background-size: 0 0;
859 border: 1px solid #777777;
860 border-radius: 2px;
862 .oo-ui-checkboxInputWidget [type="checkbox"]:checked + span {
863 background-size: 100% 100%;
865 .oo-ui-checkboxInputWidget [type="checkbox"]:active + span {
866 background-color: #cccccc;
867 border-color: #cccccc;
869 .oo-ui-checkboxInputWidget [type="checkbox"]:focus + span {
870 border-width: 2px;
872 .oo-ui-checkboxInputWidget [type="checkbox"]:focus:hover + span,
873 .oo-ui-checkboxInputWidget [type="checkbox"]:hover + span {
874 border-bottom-width: 3px;
876 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled {
877 cursor: default;
879 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span {
880 background-color: #dddddd;
881 border-color: #dddddd;
883 .oo-ui-checkboxInputWidget [type="checkbox"]:disabled:checked + span {
884 background-image: url("themes/mediawiki/images/icons/check-invert.png");
885 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
886 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/check-invert.svg");
887 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/check-invert.png");
889 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
890 margin-bottom: 0;
892 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
893 padding: 0.25em 0;
895 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
896 line-height: 1.5em;
898 .oo-ui-dropdownInputWidget {
899 position: relative;
900 vertical-align: middle;
901 -webkit-box-sizing: border-box;
902 -moz-box-sizing: border-box;
903 box-sizing: border-box;
904 width: 100%;
905 max-width: 50em;
907 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
908 .oo-ui-dropdownInputWidget select {
909 display: block;
911 .oo-ui-dropdownInputWidget select {
912 width: 100%;
913 cursor: pointer;
914 -webkit-box-sizing: border-box;
915 -moz-box-sizing: border-box;
916 box-sizing: border-box;
918 .oo-ui-dropdownInputWidget select {
919 background-color: #ffffff;
920 height: 2.275em;
921 font-size: inherit;
922 font-family: inherit;
923 -webkit-box-sizing: border-box;
924 -moz-box-sizing: border-box;
925 box-sizing: border-box;
926 border: 1px solid #cccccc;
927 border-radius: 2px;
928 padding-left: 1em;
929 vertical-align: middle;
931 .oo-ui-dropdownInputWidget option {
932 font-size: inherit;
933 font-family: inherit;
934 height: 1.5em;
935 padding: 0.5em 1em;
937 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
938 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
939 border-color: #aaaaaa;
940 outline: 0;
942 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
943 color: #cccccc;
944 border-color: #dddddd;
945 background-color: #f3f3f3;
947 .oo-ui-radioInputWidget {
948 position: relative;
949 line-height: 1.6em;
950 white-space: nowrap;
952 .oo-ui-radioInputWidget * {
953 font: inherit;
954 vertical-align: middle;
956 .oo-ui-radioInputWidget [type="radio"] {
957 opacity: 0;
958 z-index: 1;
959 position: relative;
960 cursor: pointer;
961 margin: 0;
962 width: 1.6em;
963 height: 1.6em;
964 max-width: none;
966 .oo-ui-radioInputWidget [type="radio"] + span {
967 -webkit-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
968 -moz-transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
969 transition: background-size 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
970 -webkit-box-sizing: border-box;
971 -moz-box-sizing: border-box;
972 box-sizing: border-box;
973 position: absolute;
974 left: 0;
975 width: 1.6em;
976 height: 1.6em;
977 background-color: #ffffff;
978 background-image: url("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
979 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
980 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-constructive-deprecated.svg");
981 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-constructive-deprecated.png");
982 background-repeat: no-repeat;
983 background-position: center center;
984 background-origin: border-box;
985 background-size: 0 0;
986 border: 1px solid #777777;
987 border-radius: 100%;
989 .oo-ui-radioInputWidget [type="radio"]:checked + span {
990 background-size: 100% 100%;
992 .oo-ui-radioInputWidget [type="radio"]:active + span {
993 background-color: #cccccc;
994 border-color: #cccccc;
996 .oo-ui-radioInputWidget [type="radio"]:focus + span {
997 border-width: 2px;
999 .oo-ui-radioInputWidget [type="radio"]:focus:hover + span,
1000 .oo-ui-radioInputWidget [type="radio"]:hover + span {
1001 border-bottom-width: 3px;
1003 .oo-ui-radioInputWidget [type="radio"]:disabled {
1004 cursor: default;
1006 .oo-ui-radioInputWidget [type="radio"]:disabled + span {
1007 background-color: #dddddd;
1008 border-color: #dddddd;
1010 .oo-ui-radioInputWidget [type="radio"]:disabled:checked + span {
1011 background-image: url("themes/mediawiki/images/icons/circle-invert.png");
1012 background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1013 background-image: linear-gradient(transparent, transparent), /* @embed */ url("themes/mediawiki/images/icons/circle-invert.svg");
1014 background-image: -o-linear-gradient(transparent, transparent), url("themes/mediawiki/images/icons/circle-invert.png");
1016 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1017 margin-bottom: 0;
1019 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1020 padding: 0.25em 0;
1022 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1023 line-height: 1.5em;
1025 .oo-ui-textInputWidget {
1026 position: relative;
1027 vertical-align: middle;
1028 -webkit-box-sizing: border-box;
1029 -moz-box-sizing: border-box;
1030 box-sizing: border-box;
1031 width: 100%;
1032 max-width: 50em;
1034 .oo-ui-textInputWidget input,
1035 .oo-ui-textInputWidget textarea {
1036 display: block;
1037 width: 100%;
1038 resize: none;
1039 -webkit-box-sizing: border-box;
1040 -moz-box-sizing: border-box;
1041 box-sizing: border-box;
1043 .oo-ui-textInputWidget textarea {
1044 overflow: auto;
1046 .oo-ui-textInputWidget [type="search"] {
1047 -webkit-appearance: textfield;
1049 .oo-ui-textInputWidget [type="search"]::-ms-clear {
1050 display: none;
1052 .oo-ui-textInputWidget [type="search"]::-webkit-search-decoration,
1053 .oo-ui-textInputWidget [type="search"]::-webkit-search-cancel-button {
1054 display: none;
1056 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1057 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1058 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1059 display: none;
1061 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1062 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1063 display: block;
1064 position: absolute;
1065 top: 0;
1066 height: 100%;
1067 -webkit-touch-callout: none;
1068 -webkit-user-select: none;
1069 -moz-user-select: none;
1070 -ms-user-select: none;
1071 user-select: none;
1073 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1074 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1075 cursor: text;
1077 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1078 cursor: pointer;
1080 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1081 display: block;
1083 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1084 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1085 left: 0;
1087 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1088 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1089 right: 0;
1091 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1092 position: absolute;
1093 top: 0;
1095 .oo-ui-textInputWidget input,
1096 .oo-ui-textInputWidget textarea {
1097 padding: 0.5em;
1098 line-height: 1.275em;
1099 margin: 0;
1100 font-size: inherit;
1101 font-family: inherit;
1102 background-color: #ffffff;
1103 color: #000000;
1104 border: 1px solid #cccccc;
1105 border-radius: 2px;
1106 -webkit-box-sizing: border-box;
1107 -moz-box-sizing: border-box;
1108 box-sizing: border-box;
1110 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1111 background-color: transparent;
1113 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1114 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1115 box-shadow: inset 0 0 0 0.1em #ffffff;
1116 -webkit-transition: border 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1117 -moz-transition: border 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1118 transition: border 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
1120 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1121 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1122 outline: 0;
1123 border-color: #347bff;
1124 box-shadow: inset 0 0 0 1px #347bff;
1126 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1127 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1128 color: #777777;
1129 text-shadow: 0 1px 1px #ffffff;
1131 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1132 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1133 border-color: #cccccc;
1134 box-shadow: inset 0 0 0 0.1em #cccccc;
1136 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1137 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1138 border-color: #ff0000;
1140 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1141 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1142 border-color: #ff0000;
1143 box-shadow: inset 0 0 0 0.1em #ff0000;
1145 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1146 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1147 color: #cccccc;
1148 text-shadow: 0 1px 1px #ffffff;
1149 border-color: #dddddd;
1150 background-color: #f3f3f3;
1152 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1153 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1154 opacity: 0.2;
1156 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1157 color: #cccccc;
1158 text-shadow: 0 1px 1px #ffffff;
1160 .oo-ui-textInputWidget.oo-ui-iconElement input,
1161 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1162 padding-left: 2.875em;
1164 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1165 left: 0;
1166 height: 100%;
1167 max-height: 2.375em;
1168 margin-left: 0.5em;
1169 background-position: right center;
1171 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1172 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1173 padding-right: 2.4875em;
1175 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1176 height: 100%;
1177 max-height: 2.375em;
1178 margin: 0 0.775em;
1180 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1181 padding: 0.4em;
1182 line-height: 1.5em;
1183 color: #888888;
1185 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1186 margin-right: 2.0875em;
1188 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1189 margin-left: 2.475em;
1191 .oo-ui-menuSelectWidget {
1192 position: absolute;
1193 background-color: #ffffff;
1194 margin-top: -1px;
1195 border: 1px solid #aaaaaa;
1196 border-radius: 0 0 2px 2px;
1197 box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
1199 .oo-ui-menuSelectWidget input {
1200 position: absolute;
1201 width: 0;
1202 height: 0;
1203 overflow: hidden;
1204 opacity: 0;
1206 .oo-ui-menuOptionWidget {
1207 position: relative;
1208 padding: 0.5em 1em;
1210 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1211 display: none;
1213 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1214 background-color: transparent;
1216 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1217 display: block;
1219 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1220 background-color: #d8e6fe;
1221 color: rgba(0, 0, 0, 0.8);
1223 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1224 display: none;
1226 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1227 background-color: #eeeeee;
1228 color: #000000;
1230 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1231 background-color: #d8e6fe;
1233 .oo-ui-menuSectionOptionWidget {
1234 cursor: default;
1235 padding: 0.33em 0.75em;
1236 color: #888888;
1238 .oo-ui-dropdownWidget {
1239 display: inline-block;
1240 position: relative;
1241 width: 100%;
1242 max-width: 50em;
1243 background-color: #ffffff;
1244 margin-right: 0.5em;
1246 .oo-ui-dropdownWidget-handle {
1247 width: 100%;
1248 display: block;
1249 white-space: nowrap;
1250 overflow: hidden;
1251 text-overflow: ellipsis;
1252 -webkit-touch-callout: none;
1253 -webkit-user-select: none;
1254 -moz-user-select: none;
1255 -ms-user-select: none;
1256 user-select: none;
1257 -webkit-box-sizing: border-box;
1258 -moz-box-sizing: border-box;
1259 box-sizing: border-box;
1261 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1262 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1263 position: absolute;
1265 .oo-ui-dropdownWidget > .oo-ui-menuSelectWidget {
1266 z-index: 1;
1267 width: 100%;
1269 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1270 cursor: pointer;
1272 .oo-ui-dropdownWidget:last-child {
1273 margin-right: 0;
1275 .oo-ui-dropdownWidget-handle {
1276 padding: 0.5em 0;
1277 height: 2.275em;
1278 line-height: 1.275;
1279 border: 1px solid #cccccc;
1280 border-radius: 2px;
1282 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1283 top: 0;
1284 right: 0;
1285 margin: 0.775em;
1287 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1288 top: 0;
1289 left: 0.25em;
1290 margin: 0.3em;
1292 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1293 margin: 0 1em;
1295 .oo-ui-dropdownWidget:hover .oo-ui-dropdownWidget-handle {
1296 border-color: #aaaaaa;
1298 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1299 color: #cccccc;
1300 text-shadow: 0 1px 1px #ffffff;
1301 border-color: #dddddd;
1302 background-color: #f3f3f3;
1304 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1305 outline: 0;
1307 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1308 opacity: 0.2;
1310 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1311 margin-left: 3em;
1313 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1314 margin-right: 2em;
1316 .oo-ui-comboBoxInputWidget {
1317 display: inline-block;
1318 position: relative;
1319 width: 100%;
1320 max-width: 50em;
1321 margin-right: 0.5em;
1323 .oo-ui-comboBoxInputWidget > .oo-ui-menuSelectWidget {
1324 z-index: 1;
1325 width: 100%;
1327 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1328 cursor: pointer;
1330 .oo-ui-comboBoxInputWidget-php input::-webkit-calendar-picker-indicator {
1331 opacity: 0 !important;
1332 position: absolute;
1333 right: 0;
1334 top: 0;
1335 height: 2.5em;
1336 width: 2.5em;
1337 padding: 0;
1339 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1340 pointer-events: none;
1342 .oo-ui-comboBoxInputWidget:last-child {
1343 margin-right: 0;
1345 .oo-ui-comboBoxInputWidget input,
1346 .oo-ui-comboBoxInputWidget textarea {
1347 height: 2.35em;
1349 .oo-ui-multioptionWidget {
1350 position: relative;
1351 display: block;
1353 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1354 cursor: pointer;
1356 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1357 cursor: default;
1359 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1360 display: block;
1361 white-space: nowrap;
1362 text-overflow: ellipsis;
1363 overflow: hidden;
1365 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1366 line-height: 1.5em;
1368 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1369 color: #cccccc;
1371 .oo-ui-checkboxMultioptionWidget {
1372 cursor: default;
1373 padding: 0.25em 0;
1375 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1376 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1377 display: inline-block;
1378 vertical-align: middle;
1380 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1381 padding: 0.25em 0.25em 0.25em 1em;
1383 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1384 margin-right: 0;