275607957bd37b88abb086952f5ec40915ce6acd
[lhc/web/wiklou.git] / resources / lib / oojs-ui / oojs-ui-apex.css
1 /*!
2 * OOjs UI v0.2.4
3 * https://www.mediawiki.org/wiki/OOjs_UI
4 *
5 * Copyright 2011–2014 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
8 *
9 * Date: 2014-12-02T18:45:30Z
10 */
11 .oo-ui-progressBarWidget-slide-frames from {
12 margin-left: -40%;
13 }
14 .oo-ui-progressBarWidget-slide-frames to {
15 margin-left: 100%;
16 }
17 @-webkit-keyframes oo-ui-progressBarWidget-slide {
18 from {
19 margin-left: -40%;
20 }
21 to {
22 margin-left: 100%;
23 }
24 }
25 @-moz-keyframes oo-ui-progressBarWidget-slide {
26 from {
27 margin-left: -40%;
28 }
29 to {
30 margin-left: 100%;
31 }
32 }
33 @-ms-keyframes oo-ui-progressBarWidget-slide {
34 from {
35 margin-left: -40%;
36 }
37 to {
38 margin-left: 100%;
39 }
40 }
41 @-o-keyframes oo-ui-progressBarWidget-slide {
42 from {
43 margin-left: -40%;
44 }
45 to {
46 margin-left: 100%;
47 }
48 }
49 @keyframes oo-ui-progressBarWidget-slide {
50 from {
51 margin-left: -40%;
52 }
53 to {
54 margin-left: 100%;
55 }
56 }
57 /* @noflip */
58 .oo-ui-rtl {
59 direction: rtl;
60 }
61 /* @noflip */
62 .oo-ui-ltr {
63 direction: ltr;
64 }
65 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
66 cursor: pointer;
67 display: inline-block;
68 vertical-align: middle;
69 font-family: inherit;
70 -webkit-touch-callout: none;
71 -webkit-user-select: none;
72 -moz-user-select: none;
73 -ms-user-select: none;
74 user-select: none;
75 }
76 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
77 display: none;
78 }
79 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
80 display: none;
81 }
82 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
83 cursor: default;
84 }
85 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
86 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
87 display: inline-block;
88 vertical-align: middle;
89 background-position: center center;
90 background-repeat: no-repeat;
91 }
92 .oo-ui-buttonElement-frameless {
93 display: inline-block;
94 position: relative;
95 }
96 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
97 display: inline-block;
98 vertical-align: middle;
99 }
100 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
101 display: inline-block;
102 vertical-align: top;
103 text-align: center;
104 }
105 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
106 display: inline-block;
107 vertical-align: middle;
108 }
109 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
110 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
111 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
112 cursor: default;
113 }
114 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
115 color: #333333;
116 }
117 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
118 margin-left: 0;
119 }
120 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
121 margin-right: -0.75em;
122 margin-left: -0.75em;
123 }
124 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
125 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
126 margin-left: 0;
127 }
128 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
129 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
130 opacity: 0.8;
131 width: 1.9em;
132 height: 1.9em;
133 }
134 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
135 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
136 /*.oo-ui-transition(opacity 200ms);*/
137 }
138 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover,
139 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus {
140 outline: none;
141 }
142 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
143 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-iconElement-icon {
144 opacity: 1;
145 }
146 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label,
147 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button:focus > .oo-ui-labelElement-label {
148 color: #000000;
149 }
150 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
151 color: #333333;
152 }
153 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
154 margin-left: 0.25em;
155 }
156 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
157 color: #087ecc;
158 }
159 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
160 color: #76ab36;
161 }
162 .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
163 color: #d45353;
164 }
165 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
166 opacity: 0.2;
167 }
168 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
169 color: #cccccc;
170 }
171 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
172 margin: 0.1em 0;
173 padding: 0.2em 0.8em;
174 border-radius: 0.3em;
175 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
176 border: 1px #c9c9c9 solid;
177 -webkit-transition: border-color 100ms ease-in-out;
178 -moz-transition: border-color 100ms ease-in-out;
179 -ms-transition: border-color 100ms ease-in-out;
180 -o-transition: border-color 100ms ease-in-out;
181 transition: border-color 100ms ease-in-out;
182 background: #eeeeee;
183 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
184 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
185 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
186 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
187 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
188 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
189 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
190 }
191 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
192 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:focus {
193 border-color: #aaaaaa;
194 outline: none;
195 }
196 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
197 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
198 line-height: 1.9em;
199 }
200 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
201 .oo-ui-buttonElement-framed.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
202 .oo-ui-buttonElement-framed.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
203 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
204 color: black;
205 border-color: #c9c9c9;
206 background: #eeeeee;
207 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
208 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
209 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
210 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
211 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
212 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
213 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
214 }
215 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
216 margin-left: -0.5em;
217 margin-right: -0.5em;
218 }
219 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
220 margin-left: -0.5em;
221 margin-right: 0.3em;
222 }
223 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button {
224 border: solid 1px #a6cee1;
225 background: #cde7f4;
226 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
227 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
228 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
229 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
230 background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
231 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
232 background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
233 }
234 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover,
235 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:focus {
236 border-color: #9dc2d4;
237 }
238 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
239 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
240 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
241 border: solid 1px #a6cee1;
242 background: #cde7f4;
243 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
244 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
245 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
246 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
247 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
248 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
249 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
250 }
251 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
252 border: solid 1px #b8d892;
253 background: #daf0be;
254 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f0fbe1', endColorstr='#c3e59a');
255 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f0fbe1), color-stop(100%, #c3e59a));
256 background-image: -webkit-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
257 background-image: -moz-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
258 background-image: -ms-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
259 background-image: -o-linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
260 background-image: linear-gradient(top, #f0fbe1 0%, #c3e59a 100%);
261 }
262 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover,
263 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus {
264 border-color: #adcb89;
265 }
266 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
267 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
268 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-constructive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
269 border: solid 1px #b8d892;
270 background: #daf0be;
271 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#c3e59a', endColorstr='#f0fbe1');
272 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #c3e59a), color-stop(100%, #f0fbe1));
273 background-image: -webkit-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
274 background-image: -moz-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
275 background-image: -ms-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
276 background-image: -o-linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
277 background-image: linear-gradient(top, #c3e59a 0%, #f0fbe1 100%);
278 }
279 .oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
280 color: #d45353;
281 }
282 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
283 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
284 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
285 opacity: 0.5;
286 -webkit-transform: translate3d(0, 0, 0);
287 box-shadow: none;
288 color: #333333;
289 background: #eeeeee;
290 border-color: #cccccc;
291 }
292 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:hover,
293 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
294 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:hover,
295 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button:focus,
296 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus,
297 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:focus {
298 border-color: #cccccc;
299 box-shadow: none;
300 }
301 .oo-ui-clippableElement-clippable {
302 -webkit-box-sizing: border-box;
303 -moz-box-sizing: border-box;
304 box-sizing: border-box;
305 }
306 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
307 overflow-y: hidden;
308 }
309 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
310 width: 100%;
311 -webkit-box-sizing: border-box;
312 -moz-box-sizing: border-box;
313 box-sizing: border-box;
314 }
315 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
316 overflow-y: auto;
317 }
318 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
319 padding: 2em;
320 }
321 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineSelectWidget {
322 position: absolute;
323 top: 0;
324 left: 0;
325 right: 0;
326 bottom: 3em;
327 overflow-y: auto;
328 }
329 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
330 position: absolute;
331 bottom: 0;
332 left: 0;
333 right: 0;
334 }
335 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
336 padding: 1.5em;
337 }
338 .oo-ui-bookletLayout-outlinePanel {
339 border-right: solid 1px #dddddd;
340 }
341 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
342 box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.25);
343 }
344 .oo-ui-fieldLayout {
345 display: block;
346 margin-bottom: 1em;
347 }
348 .oo-ui-fieldLayout:before,
349 .oo-ui-fieldLayout:after {
350 content: " ";
351 display: table;
352 }
353 .oo-ui-fieldLayout:after {
354 clear: both;
355 }
356 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
357 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
358 display: block;
359 float: left;
360 }
361 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
362 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
363 display: block;
364 float: left;
365 }
366 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
367 text-align: right;
368 }
369 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
370 display: inline-block;
371 vertical-align: middle;
372 }
373 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
374 display: inline-block;
375 vertical-align: middle;
376 }
377 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
378 display: inline-block;
379 }
380 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
381 z-index: 1;
382 }
383 .oo-ui-fieldLayout .oo-ui-fieldLayout-help {
384 float: right;
385 }
386 .oo-ui-fieldLayout .oo-ui-fieldLayout-help-content {
387 padding: 0.5em 0.75em;
388 line-height: 1.5em;
389 }
390 .oo-ui-fieldLayout:last-child {
391 margin-bottom: 0;
392 }
393 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
394 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
395 padding-top: 0.5em;
396 margin-right: 5%;
397 width: 35%;
398 }
399 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
400 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
401 width: 60%;
402 }
403 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
404 padding: 0.75em 0.5em 0.5em 0.5em;
405 }
406 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
407 padding: 0.5em 0;
408 }
409 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
410 padding: 0.5em 0;
411 }
412 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
413 margin-top: 0.25em;
414 }
415 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
416 color: #cccccc;
417 }
418 .oo-ui-fieldsetLayout {
419 position: relative;
420 margin: 0;
421 padding: 0;
422 border: none;
423 }
424 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
425 display: block;
426 position: absolute;
427 background-position: center center;
428 background-repeat: no-repeat;
429 }
430 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
431 display: inline-block;
432 }
433 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
434 margin-top: 2em;
435 }
436 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
437 font-size: 1.5em;
438 margin-bottom: 0.5em;
439 padding: 0.25em 0;
440 }
441 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
442 padding-left: 1.75em;
443 line-height: 1.33em;
444 }
445 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
446 left: 0;
447 top: 0.25em;
448 width: 2em;
449 height: 2em;
450 }
451 .oo-ui-gridLayout {
452 position: absolute;
453 top: 0;
454 left: 0;
455 right: 0;
456 bottom: 0;
457 }
458 .oo-ui-panelLayout {
459 position: relative;
460 }
461 .oo-ui-panelLayout-scrollable {
462 overflow-y: auto;
463 }
464 .oo-ui-panelLayout-expanded {
465 position: absolute;
466 top: 0;
467 left: 0;
468 right: 0;
469 bottom: 0;
470 }
471 .oo-ui-panelLayout-padded {
472 padding: 1.25em;
473 }
474 .oo-ui-stackLayout > .oo-ui-panelLayout {
475 display: none;
476 }
477 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
478 display: block;
479 position: relative;
480 }
481 .oo-ui-popupTool .oo-ui-popupWidget-popup,
482 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
483 z-index: 4;
484 }
485 .oo-ui-popupTool .oo-ui-popupWidget {
486 /* @noflip */
487 margin-left: 1.25em;
488 font-size: 0.8em;
489 }
490 .oo-ui-toolGroup {
491 display: inline-block;
492 vertical-align: middle;
493 margin: 0.3em;
494 border-radius: 0.25em;
495 border: solid 1px transparent;
496 -webkit-transition: border-color 300ms ease-in-out;
497 -moz-transition: border-color 300ms ease-in-out;
498 -ms-transition: border-color 300ms ease-in-out;
499 -o-transition: border-color 300ms ease-in-out;
500 transition: border-color 300ms ease-in-out;
501 }
502 .oo-ui-toolGroup-empty {
503 display: none;
504 }
505 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
506 background-position: center center;
507 background-repeat: no-repeat;
508 }
509 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
510 border-color: rgba(0, 0, 0, 0.1);
511 }
512 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
513 color: #000000;
514 }
515 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
516 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
517 display: none;
518 }
519 .oo-ui-barToolGroup .oo-ui-tool {
520 display: inline-block;
521 position: relative;
522 vertical-align: top;
523 }
524 .oo-ui-barToolGroup .oo-ui-tool-link {
525 display: block;
526 }
527 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
528 display: block;
529 }
530 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
531 display: none;
532 }
533 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
534 cursor: default;
535 }
536 .oo-ui-barToolGroup .oo-ui-tool-title,
537 .oo-ui-barToolGroup .oo-ui-tool-accel {
538 display: none;
539 }
540 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
541 cursor: pointer;
542 }
543 .oo-ui-barToolGroup .oo-ui-tool {
544 margin: -1px 0 -1px -1px;
545 border: solid 1px transparent;
546 }
547 .oo-ui-barToolGroup .oo-ui-tool:first-child {
548 border-top-left-radius: 0.25em;
549 border-bottom-left-radius: 0.25em;
550 }
551 .oo-ui-barToolGroup .oo-ui-tool:last-child {
552 margin-right: -1px;
553 border-top-right-radius: 0.25em;
554 border-bottom-right-radius: 0.25em;
555 }
556 .oo-ui-barToolGroup .oo-ui-tool-link {
557 height: 1.5em;
558 padding: 0.25em;
559 }
560 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
561 height: 1.5em;
562 width: 1.5em;
563 opacity: 0.8;
564 }
565 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
566 border-color: rgba(0, 0, 0, 0.2);
567 }
568 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
569 border-color: rgba(0, 0, 0, 0.2);
570 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
571 background: #f8fbfd;
572 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
573 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
574 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
575 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
576 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
577 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
578 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
579 }
580 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
581 border-left-color: rgba(0, 0, 0, 0.1);
582 }
583 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
584 opacity: 0.2;
585 }
586 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
587 opacity: 0.8;
588 }
589 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
590 opacity: 1;
591 }
592 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
593 opacity: 0.2;
594 }
595 .oo-ui-popupToolGroup {
596 position: relative;
597 height: 2em;
598 min-width: 2.5em;
599 }
600 .oo-ui-popupToolGroup-handle {
601 display: block;
602 cursor: pointer;
603 }
604 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
605 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
606 position: absolute;
607 background-position: center center;
608 background-repeat: no-repeat;
609 }
610 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
611 cursor: default;
612 }
613 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
614 display: none;
615 position: absolute;
616 z-index: 4;
617 }
618 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
619 background-repeat: no-repeat;
620 background-position: center center;
621 }
622 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
623 display: block;
624 }
625 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
626 left: 0;
627 }
628 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
629 right: 0;
630 }
631 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
632 display: inline-block;
633 vertical-align: middle;
634 }
635 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
636 display: inline-table;
637 vertical-align: middle;
638 width: 100%;
639 margin-right: -2.5em;
640 }
641 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-title-text,
642 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel {
643 display: table-cell;
644 }
645 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-title-text {
646 width: 100%;
647 }
648 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel {
649 text-align: right;
650 padding-right: 2.5em;
651 }
652 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel:not(:empty) {
653 padding-left: 3em;
654 }
655 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
656 min-width: 3.5em;
657 }
658 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
659 line-height: 2.6em;
660 font-size: 0.8em;
661 margin: 0 1em;
662 }
663 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
664 margin-left: 3em;
665 }
666 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
667 margin-right: 2.25em;
668 }
669 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
670 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
671 top: 0;
672 width: 2em;
673 height: 2em;
674 opacity: 0.8;
675 }
676 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
677 right: 0;
678 }
679 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
680 left: 0.25em;
681 }
682 .oo-ui-popupToolGroup-header {
683 line-height: 2.6em;
684 font-size: 0.8em;
685 margin: 0 0.6em;
686 font-weight: bold;
687 }
688 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
689 border-bottom-left-radius: 0;
690 border-bottom-right-radius: 0;
691 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
692 background: #f8fbfd;
693 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
694 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
695 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
696 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
697 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
698 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
699 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
700 }
701 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
702 top: 2em;
703 margin: 0 -1px;
704 border: solid 1px #cccccc;
705 background-color: white;
706 box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
707 }
708 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
709 height: 2em;
710 width: 2em;
711 margin-right: 0.25em;
712 }
713 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
714 line-height: 2em;
715 font-size: 0.8em;
716 }
717 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel {
718 color: #888888;
719 }
720 .oo-ui-listToolGroup .oo-ui-tool {
721 display: inline-block;
722 width: 100%;
723 -webkit-box-sizing: border-box;
724 -moz-box-sizing: border-box;
725 box-sizing: border-box;
726 }
727 .oo-ui-listToolGroup .oo-ui-tool-link {
728 display: block;
729 cursor: pointer;
730 white-space: nowrap;
731 }
732 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
733 cursor: default;
734 }
735 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
736 padding: 0.25em;
737 }
738 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
739 border-color: rgba(0, 0, 0, 0.2);
740 }
741 .oo-ui-listToolGroup .oo-ui-tool {
742 border: solid 1px transparent;
743 margin: -1px 0;
744 }
745 .oo-ui-listToolGroup .oo-ui-tool-link {
746 padding-right: 0.5em;
747 }
748 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
749 border-color: rgba(0, 0, 0, 0.1);
750 box-shadow: inset 0 0.07em 0.07em 0 rgba(0, 0, 0, 0.07);
751 background: #f8fbfd;
752 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f1f7fb', endColorstr='#ffffff');
753 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #f1f7fb), color-stop(100%, #ffffff));
754 background-image: -webkit-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
755 background-image: -moz-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
756 background-image: -ms-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
757 background-image: -o-linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
758 background-image: linear-gradient(top, #f1f7fb 0%, #ffffff 100%);
759 }
760 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
761 border-top-color: rgba(0, 0, 0, 0.1);
762 }
763 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
764 border-color: rgba(0, 0, 0, 0.2);
765 }
766 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
767 border-color: rgba(0, 0, 0, 0.2);
768 }
769 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconElement-icon {
770 opacity: 0.8;
771 }
772 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
773 opacity: 1;
774 }
775 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
776 color: #cccccc;
777 }
778 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title .oo-ui-tool-accel {
779 color: #dddddd;
780 }
781 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
782 opacity: 0.2;
783 }
784 .oo-ui-listToolGroup.oo-ui-widget-disabled {
785 color: #cccccc;
786 }
787 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
788 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
789 opacity: 0.2;
790 }
791 .oo-ui-menuToolGroup {
792 border-color: rgba(0, 0, 0, 0.1);
793 }
794 .oo-ui-menuToolGroup .oo-ui-tool {
795 display: block;
796 }
797 .oo-ui-menuToolGroup .oo-ui-tool-link {
798 display: block;
799 cursor: pointer;
800 white-space: nowrap;
801 }
802 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
803 cursor: default;
804 }
805 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
806 min-width: 8em;
807 }
808 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
809 padding: 0.25em 0 0.25em 0;
810 }
811 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
812 border-color: rgba(0, 0, 0, 0.2);
813 }
814 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
815 border-color: rgba(0, 0, 0, 0.25);
816 }
817 .oo-ui-menuToolGroup .oo-ui-tool-link {
818 padding: 0 1em 0 0.25em;
819 display: block;
820 cursor: pointer;
821 white-space: nowrap;
822 }
823 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
824 background-image: none;
825 }
826 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
827 background-image: /* @embed */ url(themes/apex/images/icons/check.svg);
828 }
829 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
830 background-color: #e1f3ff;
831 }
832 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
833 color: #cccccc;
834 }
835 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
836 opacity: 0.2;
837 }
838 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
839 color: #cccccc;
840 border-color: rgba(0, 0, 0, 0.05);
841 }
842 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
843 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
844 opacity: 0.2;
845 }
846 .oo-ui-toolbar {
847 clear: both;
848 }
849 .oo-ui-toolbar-bar {
850 line-height: 1em;
851 }
852 .oo-ui-toolbar-actions {
853 float: right;
854 }
855 .oo-ui-toolbar-tools {
856 display: inline;
857 }
858 .oo-ui-toolbar-tools,
859 .oo-ui-toolbar-actions,
860 .oo-ui-toolbar-shadow {
861 -webkit-touch-callout: none;
862 -webkit-user-select: none;
863 -moz-user-select: none;
864 -ms-user-select: none;
865 user-select: none;
866 }
867 .oo-ui-toolbar-actions .oo-ui-popupWidget {
868 -webkit-touch-callout: default;
869 -webkit-user-select: all;
870 -moz-user-select: all;
871 -ms-user-select: all;
872 user-select: all;
873 }
874 .oo-ui-toolbar-shadow {
875 background-position: left top;
876 background-repeat: repeat-x;
877 position: absolute;
878 width: 100%;
879 pointer-events: none;
880 }
881 .oo-ui-toolbar-bar {
882 border-bottom: solid 1px #cccccc;
883 background: #f8fbfd;
884 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f1f7fb');
885 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f7fb));
886 background-image: -webkit-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
887 background-image: -moz-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
888 background-image: -ms-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
889 background-image: -o-linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
890 background-image: linear-gradient(top, #ffffff 0%, #f1f7fb 100%);
891 }
892 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
893 border: none;
894 background: none;
895 }
896 .oo-ui-toolbar-shadow {
897 background-image: /* @embed */ url(themes/apex/images/toolbar-shadow.png);
898 bottom: -9px;
899 height: 9px;
900 opacity: 0.125;
901 -webkit-transition: opacity 500ms ease-in-out;
902 -moz-transition: opacity 500ms ease-in-out;
903 -ms-transition: opacity 500ms ease-in-out;
904 -o-transition: opacity 500ms ease-in-out;
905 transition: opacity 500ms ease-in-out;
906 }
907 .oo-ui-optionWidget {
908 position: relative;
909 display: block;
910 cursor: pointer;
911 padding: 0.25em 0.5em;
912 border: none;
913 }
914 .oo-ui-optionWidget.oo-ui-widget-disabled {
915 cursor: default;
916 }
917 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
918 display: block;
919 white-space: nowrap;
920 text-overflow: ellipsis;
921 overflow: hidden;
922 }
923 .oo-ui-optionWidget-highlighted {
924 background-color: #e1f3ff;
925 }
926 .oo-ui-optionWidget .oo-ui-labelElement-label {
927 line-height: 1.5em;
928 }
929 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
930 background-color: #a7dcff;
931 }
932 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
933 background-color: #a7dcff;
934 }
935 .oo-ui-optionWidget.oo-ui-widget-disabled {
936 color: #cccccc;
937 }
938 .oo-ui-decoratedOptionWidget {
939 padding: 0.5em 2em 0.5em 3em;
940 }
941 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
942 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
943 position: absolute;
944 background-repeat: no-repeat;
945 background-position: center center;
946 }
947 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
948 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
949 top: 50%;
950 width: 2em;
951 height: 2em;
952 margin-top: -1em;
953 }
954 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
955 left: 0.5em;
956 }
957 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
958 right: 0.5em;
959 }
960 .oo-ui-buttonSelectWidget {
961 display: inline-block;
962 white-space: nowrap;
963 border-radius: 0.3em;
964 }
965 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
966 border-radius: 0;
967 margin-left: -1px;
968 }
969 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
970 border-bottom-left-radius: 0.3em;
971 border-top-left-radius: 0.3em;
972 margin-left: 0;
973 }
974 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
975 border-bottom-right-radius: 0.3em;
976 border-top-right-radius: 0.3em;
977 }
978 .oo-ui-radioSelectWidget {
979 padding: 0.75em 0 0.5em 0;
980 }
981 .oo-ui-buttonOptionWidget {
982 display: inline-block;
983 padding: 0;
984 background-color: transparent;
985 }
986 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
987 position: relative;
988 }
989 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
990 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
991 position: static;
992 display: inline-block;
993 vertical-align: middle;
994 }
995 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
996 height: 1.9em;
997 }
998 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
999 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1000 height: 1.9em;
1001 margin-top: 0;
1002 }
1003 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
1004 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
1005 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
1006 background-color: transparent;
1007 }
1008 .oo-ui-radioOptionWidget {
1009 cursor: default;
1010 padding: 0;
1011 background-color: transparent;
1012 }
1013 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
1014 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1015 display: inline-block;
1016 vertical-align: middle;
1017 }
1018 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
1019 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
1020 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
1021 background-color: transparent;
1022 }
1023 .oo-ui-radioOptionWidget > .oo-ui-labelElement-label {
1024 padding: 0 0.5em;
1025 }
1026 .oo-ui-labelWidget {
1027 display: inline-block;
1028 padding: 0.5em 0;
1029 }
1030 .oo-ui-iconWidget {
1031 display: inline-block;
1032 vertical-align: middle;
1033 background-position: center center;
1034 background-repeat: no-repeat;
1035 line-height: 2.5em;
1036 height: 1.9em;
1037 width: 1.9em;
1038 opacity: 0.8;
1039 }
1040 .oo-ui-iconWidget.oo-ui-widget-disabled {
1041 opacity: 0.2;
1042 }
1043 .oo-ui-indicatorWidget {
1044 display: inline-block;
1045 vertical-align: middle;
1046 background-position: center center;
1047 background-repeat: no-repeat;
1048 line-height: 2.5em;
1049 height: 1.9em;
1050 width: 1.9em;
1051 opacity: 0.8;
1052 }
1053 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
1054 opacity: 0.2;
1055 }
1056 .oo-ui-buttonWidget {
1057 display: inline-block;
1058 vertical-align: middle;
1059 }
1060 .oo-ui-buttonGroupWidget {
1061 display: inline-block;
1062 white-space: nowrap;
1063 border-radius: 0.3em;
1064 }
1065 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1066 border-radius: 0;
1067 margin-bottom: -1px;
1068 margin-left: -1px;
1069 }
1070 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
1071 border-bottom-left-radius: 0.3em;
1072 border-top-left-radius: 0.3em;
1073 margin-left: 0;
1074 }
1075 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
1076 border-bottom-right-radius: 0.3em;
1077 border-top-right-radius: 0.3em;
1078 }
1079 .oo-ui-toggleSwitchWidget {
1080 position: relative;
1081 display: inline-block;
1082 vertical-align: middle;
1083 overflow: hidden;
1084 cursor: pointer;
1085 -webkit-box-sizing: border-box;
1086 -moz-box-sizing: border-box;
1087 box-sizing: border-box;
1088 -webkit-transform: translateZ(0px);
1089 -moz-transform: translateZ(0px);
1090 -ms-transform: translateZ(0px);
1091 -o-transform: translateZ(0px);
1092 transform: translateZ(0px);
1093 height: 2em;
1094 width: 4em;
1095 border-radius: 1em;
1096 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1097 border: solid 1px #cccccc;
1098 background: #eeeeee;
1099 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dddddd', endColorstr='#ffffff');
1100 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
1101 background-image: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1102 background-image: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1103 background-image: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1104 background-image: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
1105 background-image: linear-gradient(top, #dddddd 0%, #ffffff 100%);
1106 }
1107 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1108 cursor: default;
1109 }
1110 .oo-ui-toggleSwitchWidget-grip {
1111 position: absolute;
1112 display: block;
1113 -webkit-box-sizing: border-box;
1114 -moz-box-sizing: border-box;
1115 box-sizing: border-box;
1116 }
1117 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1118 position: absolute;
1119 top: 0;
1120 bottom: 0;
1121 right: 0;
1122 left: 0;
1123 -webkit-touch-callout: none;
1124 -webkit-user-select: none;
1125 -moz-user-select: none;
1126 -ms-user-select: none;
1127 user-select: none;
1128 }
1129 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1130 display: none;
1131 }
1132 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1133 opacity: 0.5;
1134 }
1135 .oo-ui-toggleSwitchWidget-grip {
1136 top: 0.25em;
1137 left: 0.25em;
1138 width: 1.5em;
1139 height: 1.5em;
1140 margin-top: -1px;
1141 border-radius: 1em;
1142 box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
1143 border: 1px #c9c9c9 solid;
1144 -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1145 -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1146 -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1147 -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1148 transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1149 background: #eeeeee;
1150 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
1151 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
1152 background-image: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1153 background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1154 background-image: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1155 background-image: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
1156 background-image: linear-gradient(top, #ffffff 0%, #dddddd 100%);
1157 }
1158 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
1159 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
1160 border-color: #aaaaaa;
1161 }
1162 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1163 border-radius: 1em;
1164 box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
1165 -webkit-transition: opacity 200ms ease-in-out;
1166 -moz-transition: opacity 200ms ease-in-out;
1167 -ms-transition: opacity 200ms ease-in-out;
1168 -o-transition: opacity 200ms ease-in-out;
1169 transition: opacity 200ms ease-in-out;
1170 background: #cde7f4;
1171 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b0d9ee', endColorstr='#eaf4fa');
1172 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #b0d9ee), color-stop(100%, #eaf4fa));
1173 background-image: -webkit-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1174 background-image: -moz-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1175 background-image: -ms-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1176 background-image: -o-linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1177 background-image: linear-gradient(top, #b0d9ee 0%, #eaf4fa 100%);
1178 }
1179 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
1180 opacity: 1;
1181 }
1182 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1183 left: 2.25em;
1184 margin-left: -2px;
1185 }
1186 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1187 display: block;
1188 opacity: 0;
1189 }
1190 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1191 left: 0.25em;
1192 margin-left: 0;
1193 }
1194 .oo-ui-progressBarWidget {
1195 max-width: 50em;
1196 border: solid 1px #a6cee1;
1197 border-radius: 0.25em;
1198 overflow: hidden;
1199 }
1200 .oo-ui-progressBarWidget-bar {
1201 height: 1em;
1202 border-right: solid 1px #a6cee1;
1203 -webkit-transition: width 200ms, margin-left 200ms;
1204 -moz-transition: width 200ms, margin-left 200ms;
1205 -ms-transition: width 200ms, margin-left 200ms;
1206 -o-transition: width 200ms, margin-left 200ms;
1207 transition: width 200ms, margin-left 200ms;
1208 background: #cde7f4;
1209 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee');
1210 background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%, #eaf4fa), color-stop(100%, #b0d9ee));
1211 background-image: -webkit-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1212 background-image: -moz-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1213 background-image: -ms-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1214 background-image: -o-linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1215 background-image: linear-gradient(top, #eaf4fa 0%, #b0d9ee 100%);
1216 }
1217 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1218 -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1219 -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1220 -ms-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1221 -o-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1222 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1223 width: 40%;
1224 margin-left: -10%;
1225 border-left: solid 1px #a6cee1;
1226 }
1227 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1228 opacity: 0.6;
1229 }
1230 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
1231 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1232 }
1233 .oo-ui-popupWidget {
1234 position: absolute;
1235 /* @noflip */
1236 left: 0;
1237 }
1238 .oo-ui-popupWidget-popup {
1239 position: relative;
1240 overflow: hidden;
1241 z-index: 1;
1242 }
1243 .oo-ui-popupWidget-anchor {
1244 display: none;
1245 z-index: 1;
1246 }
1247 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
1248 display: block;
1249 position: absolute;
1250 top: 0;
1251 /* @noflip */
1252 left: 0;
1253 background-repeat: no-repeat;
1254 }
1255 .oo-ui-popupWidget-head {
1256 -webkit-touch-callout: none;
1257 -webkit-user-select: none;
1258 -moz-user-select: none;
1259 -ms-user-select: none;
1260 user-select: none;
1261 }
1262 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1263 float: right;
1264 }
1265 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1266 float: left;
1267 cursor: default;
1268 }
1269 .oo-ui-popupWidget-body {
1270 clear: both;
1271 overflow: hidden;
1272 }
1273 .oo-ui-popupWidget-popup {
1274 border: solid 1px #cccccc;
1275 border-radius: 0.25em;
1276 background-color: #ffffff;
1277 box-shadow: 0 0.15em 0.5em 0 rgba(0, 0, 0, 0.2);
1278 }
1279 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
1280 margin-top: 7px;
1281 }
1282 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
1283 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1284 content: "";
1285 position: absolute;
1286 width: 0;
1287 height: 0;
1288 border-style: solid;
1289 border-color: transparent;
1290 border-top: 0;
1291 }
1292 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
1293 bottom: -8px;
1294 left: -7px;
1295 border-bottom-color: #aaaaaa;
1296 border-width: 7px;
1297 }
1298 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
1299 bottom: -8px;
1300 left: -6px;
1301 border-bottom-color: #ffffff;
1302 border-width: 6px;
1303 }
1304 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1305 -webkit-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1306 -moz-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1307 -ms-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1308 -o-transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1309 transition: width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out;
1310 }
1311 .oo-ui-popupWidget-head {
1312 height: 2.5em;
1313 }
1314 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1315 margin: 0.25em;
1316 }
1317 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
1318 margin: 0.75em 1em;
1319 }
1320 .oo-ui-popupWidget-body {
1321 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1322 }
1323 .oo-ui-popupWidget-body-padded {
1324 padding: 0 1em;
1325 }
1326 .oo-ui-popupButtonWidget {
1327 position: relative;
1328 }
1329 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1330 position: absolute;
1331 cursor: auto;
1332 }
1333 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
1334 left: 1em;
1335 }
1336 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
1337 left: 1.25em;
1338 }
1339 .oo-ui-textInputWidget {
1340 position: relative;
1341 -webkit-box-sizing: border-box;
1342 -moz-box-sizing: border-box;
1343 box-sizing: border-box;
1344 width: 100%;
1345 max-width: 50em;
1346 }
1347 .oo-ui-textInputWidget input,
1348 .oo-ui-textInputWidget textarea {
1349 display: inline-block;
1350 width: 100%;
1351 resize: none;
1352 -webkit-box-sizing: border-box;
1353 -moz-box-sizing: border-box;
1354 box-sizing: border-box;
1355 }
1356 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1357 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1358 position: absolute;
1359 top: 0;
1360 height: 100%;
1361 background-repeat: no-repeat;
1362 cursor: pointer;
1363 -webkit-touch-callout: none;
1364 -webkit-user-select: none;
1365 -moz-user-select: none;
1366 -ms-user-select: none;
1367 user-select: none;
1368 }
1369 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
1370 left: 0;
1371 }
1372 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
1373 right: 0;
1374 }
1375 .oo-ui-textInputWidget input,
1376 .oo-ui-textInputWidget textarea {
1377 padding: 0.5em;
1378 font-size: 1em;
1379 font-family: sans-serif;
1380 background-color: #ffffff;
1381 color: black;
1382 border: solid 1px #cccccc;
1383 box-shadow: 0 0 0 white, inset 0 0.1em 0.2em #dddddd;
1384 border-radius: 0.25em;
1385 -webkit-transition: border-color 200ms, box-shadow 200ms;
1386 -moz-transition: border-color 200ms, box-shadow 200ms;
1387 -ms-transition: border-color 200ms, box-shadow 200ms;
1388 -o-transition: border-color 200ms, box-shadow 200ms;
1389 transition: border-color 200ms, box-shadow 200ms;
1390 }
1391 .oo-ui-textInputWidget-decorated input,
1392 .oo-ui-textInputWidget-decorated textarea {
1393 padding-left: 2em;
1394 }
1395 .oo-ui-textInputWidget-icon {
1396 width: 2em;
1397 }
1398 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1399 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1400 outline: none;
1401 border-color: #a7dcff;
1402 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white;
1403 }
1404 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1405 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1406 color: #777777;
1407 }
1408 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1409 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1410 color: #cccccc;
1411 text-shadow: 0 1px 1px #ffffff;
1412 border-color: #dddddd;
1413 background-color: #f3f3f3;
1414 }
1415 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
1416 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
1417 background-color: transparent;
1418 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1419 }
1420 .oo-ui-textInputWidget .oo-ui-iconElement-icon,
1421 .oo-ui-textInputWidget .oo-ui-indicatorElement-indicator {
1422 opacity: 0.8;
1423 }
1424 .oo-ui-textInputWidget.oo-ui-iconElement input,
1425 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1426 padding-left: 2em;
1427 }
1428 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1429 width: 2em;
1430 background-position: right center;
1431 }
1432 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1433 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1434 padding-right: 1.5em;
1435 }
1436 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1437 width: 1.5em;
1438 background-position: left center;
1439 }
1440 .oo-ui-menuSelectWidget {
1441 position: absolute;
1442 background: #ffffff;
1443 margin-top: -1px;
1444 border: solid 1px #cccccc;
1445 border-radius: 0 0 0.25em 0.25em;
1446 box-shadow: 0 0.15em 1em 0 rgba(0, 0, 0, 0.2);
1447 }
1448 .oo-ui-menuSelectWidget input {
1449 position: absolute;
1450 width: 0;
1451 height: 0;
1452 overflow: hidden;
1453 opacity: 0;
1454 }
1455 .oo-ui-menuOptionWidget {
1456 position: relative;
1457 }
1458 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1459 display: none;
1460 }
1461 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1462 background-color: transparent;
1463 }
1464 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1465 display: block;
1466 }
1467 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1468 background-color: transparent;
1469 }
1470 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1471 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
1472 background-color: #e1f3ff;
1473 }
1474 .oo-ui-menuSectionOptionWidget {
1475 cursor: default;
1476 padding: 0.33em 0.75em;
1477 color: #888888;
1478 }
1479 .oo-ui-dropdownWidget {
1480 position: relative;
1481 display: inline-block;
1482 margin: 0.25em 0;
1483 width: 100%;
1484 max-width: 50em;
1485 }
1486 .oo-ui-dropdownWidget-handle {
1487 width: 100%;
1488 display: inline-block;
1489 cursor: pointer;
1490 -webkit-touch-callout: none;
1491 -webkit-user-select: none;
1492 -moz-user-select: none;
1493 -ms-user-select: none;
1494 user-select: none;
1495 -webkit-box-sizing: border-box;
1496 -moz-box-sizing: border-box;
1497 box-sizing: border-box;
1498 }
1499 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1500 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1501 position: absolute;
1502 background-position: center center;
1503 background-repeat: no-repeat;
1504 }
1505 .oo-ui-dropdownWidget .oo-ui-menuSelectWidget {
1506 z-index: 1;
1507 width: 100%;
1508 }
1509 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1510 cursor: default;
1511 }
1512 .oo-ui-dropdownWidget-handle {
1513 height: 2.5em;
1514 border: solid 1px rgba(0, 0, 0, 0.1);
1515 border-radius: 0.25em;
1516 }
1517 .oo-ui-dropdownWidget-handle:hover {
1518 border-color: rgba(0, 0, 0, 0.2);
1519 }
1520 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1521 right: 0;
1522 }
1523 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1524 left: 0.25em;
1525 }
1526 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1527 line-height: 2.5em;
1528 margin: 0 0.5em;
1529 }
1530 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1531 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1532 top: 0;
1533 width: 2.5em;
1534 height: 2.5em;
1535 opacity: 0.8;
1536 }
1537 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1538 color: #cccccc;
1539 text-shadow: 0 1px 1px #ffffff;
1540 border-color: #dddddd;
1541 background-color: #f3f3f3;
1542 }
1543 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1544 opacity: 0.2;
1545 }
1546 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1547 margin-left: 3em;
1548 }
1549 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1550 margin-right: 2em;
1551 }
1552 .oo-ui-outlineOptionWidget {
1553 position: relative;
1554 cursor: pointer;
1555 -webkit-touch-callout: none;
1556 -webkit-user-select: none;
1557 -moz-user-select: none;
1558 -ms-user-select: none;
1559 user-select: none;
1560 font-size: 1.1em;
1561 padding: 0.75em;
1562 }
1563 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
1564 padding-right: 1.5em;
1565 }
1566 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1567 opacity: 0.5;
1568 }
1569 .oo-ui-outlineOptionWidget-level-0 {
1570 padding-left: 3.5em;
1571 }
1572 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
1573 left: 1em;
1574 }
1575 .oo-ui-outlineOptionWidget-level-1 {
1576 padding-left: 5em;
1577 }
1578 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
1579 left: 2.5em;
1580 }
1581 .oo-ui-outlineOptionWidget-level-2 {
1582 padding-left: 6.5em;
1583 }
1584 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
1585 left: 4em;
1586 }
1587 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
1588 background-color: #a7dcff;
1589 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
1590 }
1591 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
1592 font-weight: bold;
1593 }
1594 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
1595 font-style: italic;
1596 }
1597 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
1598 opacity: 0.5;
1599 }
1600 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
1601 color: #777777;
1602 }
1603 .oo-ui-outlineControlsWidget {
1604 height: 3em;
1605 background-color: #ffffff;
1606 }
1607 .oo-ui-outlineControlsWidget-items,
1608 .oo-ui-outlineControlsWidget-movers {
1609 float: left;
1610 -webkit-box-sizing: border-box;
1611 -moz-box-sizing: border-box;
1612 box-sizing: border-box;
1613 }
1614 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1615 float: left;
1616 background-position: right center;
1617 background-repeat: no-repeat;
1618 }
1619 .oo-ui-outlineControlsWidget-items {
1620 float: left;
1621 }
1622 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
1623 float: left;
1624 }
1625 .oo-ui-outlineControlsWidget-movers {
1626 float: right;
1627 }
1628 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1629 float: right;
1630 }
1631 .oo-ui-outlineControlsWidget-items,
1632 .oo-ui-outlineControlsWidget-movers {
1633 height: 2em;
1634 margin: 0.5em;
1635 padding: 0;
1636 }
1637 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
1638 width: 1.5em;
1639 height: 2em;
1640 margin: 0.5em 0 0.5em 0.5em;
1641 opacity: 0.2;
1642 }
1643 .oo-ui-outlineControlsWidget-items {
1644 margin-left: 0;
1645 }
1646 .oo-ui-comboBoxWidget {
1647 display: inline-block;
1648 position: relative;
1649 width: 100%;
1650 max-width: 50em;
1651 }
1652 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1653 width: 100%;
1654 z-index: 1;
1655 }
1656 .oo-ui-comboBoxWidget-handle {
1657 border: solid 1px rgba(0, 0, 0, 0.1);
1658 border-radius: 0.25em;
1659 }
1660 .oo-ui-comboBoxWidget-handle:hover {
1661 border-color: rgba(0, 0, 0, 0.2);
1662 }
1663 .oo-ui-comboBoxWidget.oo-ui-widget-disabled .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
1664 .oo-ui-comboBoxWidget-empty .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1665 cursor: default;
1666 opacity: 0.2;
1667 }
1668 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
1669 margin-top: -3px;
1670 }
1671 .oo-ui-searchWidget-query {
1672 position: absolute;
1673 top: 0;
1674 left: 0;
1675 right: 0;
1676 }
1677 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1678 width: 100%;
1679 }
1680 .oo-ui-searchWidget-results {
1681 position: absolute;
1682 bottom: 0;
1683 left: 0;
1684 right: 0;
1685 overflow-x: hidden;
1686 overflow-y: auto;
1687 }
1688 .oo-ui-searchWidget-query {
1689 height: 4em;
1690 padding: 0 1em;
1691 box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
1692 }
1693 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1694 margin: 0.75em 0;
1695 }
1696 .oo-ui-searchWidget-results {
1697 top: 4em;
1698 padding: 1em;
1699 line-height: 0;
1700 }
1701 .oo-ui-window {
1702 line-height: 1em;
1703 }
1704 .oo-ui-window-frame {
1705 -webkit-box-sizing: border-box;
1706 -moz-box-sizing: border-box;
1707 box-sizing: border-box;
1708 }
1709 .oo-ui-window-frame > iframe {
1710 width: 100%;
1711 height: 100%;
1712 margin: 0;
1713 padding: 0;
1714 }
1715 .oo-ui-window-content:focus {
1716 outline: none;
1717 }
1718 .oo-ui-window-head,
1719 .oo-ui-window-foot {
1720 -webkit-touch-callout: none;
1721 -webkit-user-select: none;
1722 -moz-user-select: none;
1723 -ms-user-select: none;
1724 user-select: none;
1725 }
1726 .oo-ui-window-body {
1727 margin: 0;
1728 padding: 0;
1729 background: none;
1730 }
1731 .oo-ui-window-overlay,
1732 .oo-ui-window-inner-overlay {
1733 position: absolute;
1734 top: 0;
1735 /* @noflip */
1736 left: 0;
1737 }
1738 .oo-ui-window,
1739 .oo-ui-window-isolated {
1740 background-color: transparent;
1741 background-image: none;
1742 font-family: sans-serif;
1743 font-size: 0.8em;
1744 }
1745 .oo-ui-dialog-content > .oo-ui-window-head,
1746 .oo-ui-dialog-content > .oo-ui-window-body,
1747 .oo-ui-dialog-content > .oo-ui-window-foot {
1748 position: absolute;
1749 left: 0;
1750 right: 0;
1751 overflow: hidden;
1752 -webkit-box-sizing: border-box;
1753 -moz-box-sizing: border-box;
1754 box-sizing: border-box;
1755 }
1756 .oo-ui-dialog-content > .oo-ui-window-head {
1757 z-index: 1;
1758 top: 0;
1759 }
1760 .oo-ui-dialog-content > .oo-ui-window-body {
1761 z-index: 2;
1762 top: 0;
1763 bottom: 0;
1764 }
1765 .oo-ui-dialog-content > .oo-ui-window-foot {
1766 z-index: 1;
1767 bottom: 0;
1768 }
1769 .oo-ui-dialog-content > .oo-ui-window-inner-overlay {
1770 z-index: 3;
1771 }
1772 .oo-ui-dialog-content > .oo-ui-window-body {
1773 box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
1774 }
1775 .oo-ui-messageDialog-actions-horizontal {
1776 display: table;
1777 table-layout: fixed;
1778 width: 100%;
1779 }
1780 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1781 display: table-cell;
1782 width: 1%;
1783 }
1784 .oo-ui-messageDialog-actions-vertical {
1785 display: block;
1786 }
1787 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1788 display: block;
1789 overflow: hidden;
1790 text-overflow: ellipsis;
1791 }
1792 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1793 position: relative;
1794 text-align: center;
1795 }
1796 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1797 display: block;
1798 }
1799 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1800 position: relative;
1801 top: auto;
1802 bottom: auto;
1803 display: inline;
1804 white-space: nowrap;
1805 }
1806 .oo-ui-messageDialog-content .oo-ui-window-body {
1807 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1808 }
1809 .oo-ui-messageDialog-title,
1810 .oo-ui-messageDialog-message {
1811 display: block;
1812 text-align: center;
1813 padding-top: 0.5em;
1814 }
1815 .oo-ui-messageDialog-title {
1816 font-size: 1.5em;
1817 line-height: 1em;
1818 color: #000000;
1819 }
1820 .oo-ui-messageDialog-message {
1821 font-size: 0.9em;
1822 line-height: 1.25em;
1823 color: #666666;
1824 }
1825 .oo-ui-messageDialog-message-verbose {
1826 font-size: 1.1em;
1827 line-height: 1.5em;
1828 text-align: left;
1829 }
1830 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1831 border-right: solid 1px #e5e5e5;
1832 }
1833 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1834 border-right-width: 0;
1835 }
1836 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1837 border-bottom: solid 1px #e5e5e5;
1838 }
1839 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1840 border-bottom-width: 0;
1841 }
1842 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1843 height: 3.4em;
1844 }
1845 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1846 text-align: center;
1847 line-height: 3.4em;
1848 padding: 0 2em;
1849 }
1850 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1851 background-color: rgba(0, 0, 0, 0.05);
1852 }
1853 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1854 background-color: rgba(0, 0, 0, 0.1);
1855 }
1856 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1857 background-color: rgba(8, 126, 204, 0.05);
1858 }
1859 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1860 background-color: rgba(8, 126, 204, 0.1);
1861 }
1862 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1863 font-weight: bold;
1864 }
1865 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1866 background-color: rgba(118, 171, 54, 0.05);
1867 }
1868 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1869 background-color: rgba(118, 171, 54, 0.1);
1870 }
1871 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1872 background-color: rgba(212, 83, 83, 0.05);
1873 }
1874 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1875 background-color: rgba(212, 83, 83, 0.1);
1876 }
1877 .oo-ui-processDialog-location {
1878 overflow: hidden;
1879 text-overflow: ellipsis;
1880 white-space: nowrap;
1881 }
1882 .oo-ui-processDialog-title {
1883 display: inline;
1884 padding: 0;
1885 }
1886 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1887 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1888 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1889 white-space: nowrap;
1890 }
1891 .oo-ui-processDialog-actions-safe,
1892 .oo-ui-processDialog-actions-primary {
1893 position: absolute;
1894 top: 0;
1895 bottom: 0;
1896 }
1897 .oo-ui-processDialog-actions-safe {
1898 left: 0;
1899 }
1900 .oo-ui-processDialog-actions-primary {
1901 right: 0;
1902 }
1903 .oo-ui-processDialog-errors {
1904 display: none;
1905 position: absolute;
1906 top: 0;
1907 left: 0;
1908 right: 0;
1909 bottom: 0;
1910 z-index: 2;
1911 overflow-x: hidden;
1912 overflow-y: auto;
1913 }
1914 .oo-ui-processDialog-content .oo-ui-window-head {
1915 height: 3.4em;
1916 }
1917 .oo-ui-processDialog-content .oo-ui-window-head.oo-ui-pendingElement-pending {
1918 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
1919 }
1920 .oo-ui-processDialog-content .oo-ui-window-body {
1921 top: 3.4em;
1922 box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
1923 }
1924 .oo-ui-processDialog-navigation {
1925 position: relative;
1926 height: 3.4em;
1927 padding: 0 1em;
1928 }
1929 .oo-ui-processDialog-location {
1930 padding: 0.75em 0;
1931 height: 1.9em;
1932 cursor: default;
1933 text-align: center;
1934 }
1935 .oo-ui-processDialog-title {
1936 font-weight: bold;
1937 line-height: 1.9em;
1938 }
1939 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1940 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1941 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1942 min-width: 1.9em;
1943 min-height: 1.9em;
1944 }
1945 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1946 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1947 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1948 line-height: 1.9em;
1949 }
1950 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1951 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
1952 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1953 margin-top: -0.125em;
1954 }
1955 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1956 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1957 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1958 margin: 0.75em 0 0.75em 0.75em;
1959 }
1960 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1961 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1962 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1963 padding: 0 1em;
1964 vertical-align: middle;
1965 }
1966 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
1967 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
1968 background-color: rgba(0, 0, 0, 0.05);
1969 }
1970 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
1971 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
1972 background-color: rgba(0, 0, 0, 0.1);
1973 }
1974 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
1975 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed {
1976 margin: 0.75em;
1977 }
1978 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1979 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1980 /* Adjust for border so text aligns with title */
1981 margin: -1px;
1982 }
1983 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover,
1984 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1985 background-color: rgba(8, 126, 204, 0.05);
1986 }
1987 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active,
1988 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1989 background-color: rgba(8, 126, 204, 0.1);
1990 }
1991 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1992 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1993 font-weight: bold;
1994 }
1995 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover,
1996 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1997 background-color: rgba(118, 171, 54, 0.05);
1998 }
1999 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active,
2000 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
2001 background-color: rgba(118, 171, 54, 0.1);
2002 }
2003 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover,
2004 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
2005 background-color: rgba(212, 83, 83, 0.05);
2006 }
2007 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active,
2008 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
2009 background-color: rgba(212, 83, 83, 0.1);
2010 }
2011 .oo-ui-processDialog > .oo-ui-window-frame {
2012 min-height: 5em;
2013 }
2014 .oo-ui-processDialog-errors {
2015 background-color: rgba(255, 255, 255, 0.9);
2016 padding: 3em 3em 1.5em 3em;
2017 text-align: center;
2018 }
2019 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
2020 margin: 2em 1em 2em 1em;
2021 }
2022 .oo-ui-processDialog-errors-title {
2023 font-size: 1.5em;
2024 color: #000000;
2025 margin-bottom: 2em;
2026 }
2027 .oo-ui-processDialog-error {
2028 text-align: left;
2029 margin: 1em;
2030 padding: 1em;
2031 border: solid 1px #ff9e9e;
2032 background-color: #fff7f7;
2033 border-radius: 0.25em;
2034 }
2035 .oo-ui-windowManager-modal > .oo-ui-dialog {
2036 position: fixed;
2037 width: 0;
2038 height: 0;
2039 overflow: hidden;
2040 }
2041 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2042 width: auto;
2043 height: auto;
2044 top: 0;
2045 right: 0;
2046 bottom: 0;
2047 left: 0;
2048 padding: 1em;
2049 }
2050 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2051 position: absolute;
2052 right: 0;
2053 left: 0;
2054 margin: auto;
2055 overflow: hidden;
2056 max-width: 100%;
2057 max-height: 100%;
2058 visibility: visible;
2059 }
2060 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
2061 width: 100%;
2062 height: 100%;
2063 }
2064 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2065 visibility: hidden;
2066 }
2067 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
2068 width: 100%;
2069 height: 100%;
2070 top: 0;
2071 bottom: 0;
2072 }
2073 .oo-ui-windowManager-modal > .oo-ui-dialog {
2074 background-color: rgba(255, 255, 255, 0.5);
2075 opacity: 0;
2076 -webkit-transition: opacity 250ms ease-in-out;
2077 -moz-transition: opacity 250ms ease-in-out;
2078 -ms-transition: opacity 250ms ease-in-out;
2079 -o-transition: opacity 250ms ease-in-out;
2080 transition: opacity 250ms ease-in-out;
2081 }
2082 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
2083 top: 1em;
2084 bottom: 1em;
2085 background-color: #ffffff;
2086 -webkit-transform: scale(0.5);
2087 -moz-transform: scale(0.5);
2088 -ms-transform: scale(0.5);
2089 -o-transform: scale(0.5);
2090 transform: scale(0.5);
2091 -webkit-transition: all 250ms ease-in-out;
2092 -moz-transition: all 250ms ease-in-out;
2093 -ms-transition: all 250ms ease-in-out;
2094 -o-transition: all 250ms ease-in-out;
2095 transition: all 250ms ease-in-out;
2096 }
2097 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-load {
2098 opacity: 1;
2099 }
2100 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
2101 -webkit-transform: scale(1);
2102 -moz-transform: scale(1);
2103 -ms-transform: scale(1);
2104 -o-transform: scale(1);
2105 transform: scale(1);
2106 }
2107 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
2108 border: solid 1px #cccccc;
2109 border-radius: 0.5em;
2110 box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
2111 }
2112
2113 .oo-ui-icon-add {
2114 background-image: /* @embed */ url(themes/apex/images/icons/add.png);
2115 }
2116 .oo-ui-icon-advanced {
2117 background-image: /* @embed */ url(themes/apex/images/icons/advanced.png);
2118 }
2119 .oo-ui-icon-alert {
2120 background-image: /* @embed */ url(themes/apex/images/icons/alert.png);
2121 }
2122 .oo-ui-icon-check {
2123 background-image: /* @embed */ url(themes/apex/images/icons/check.png);
2124 }
2125 .oo-ui-icon-clear {
2126 background-image: /* @embed */ url(themes/apex/images/icons/clear.png);
2127 }
2128 .oo-ui-icon-close {
2129 background-image: /* @embed */ url(themes/apex/images/icons/close.png);
2130 }
2131 .oo-ui-icon-code {
2132 background-image: /* @embed */ url(themes/apex/images/icons/code.png);
2133 }
2134 .oo-ui-icon-collapse {
2135 background-image: /* @embed */ url(themes/apex/images/icons/collapse.png);
2136 }
2137 .oo-ui-icon-comment {
2138 background-image: /* @embed */ url(themes/apex/images/icons/comment.png);
2139 }
2140 .oo-ui-icon-expand {
2141 background-image: /* @embed */ url(themes/apex/images/icons/expand.png);
2142 }
2143 .oo-ui-icon-help {
2144 background-image: /* @embed */ url(themes/apex/images/icons/help.png);
2145 }
2146 .oo-ui-icon-info {
2147 background-image: /* @embed */ url(themes/apex/images/icons/info.png);
2148 }
2149 .oo-ui-icon-link {
2150 background-image: /* @embed */ url(themes/apex/images/icons/link.png);
2151 }
2152 .oo-ui-icon-menu {
2153 background-image: /* @embed */ url(themes/apex/images/icons/menu.png);
2154 }
2155 .oo-ui-icon-next {
2156 background-image: /* @embed */ url(themes/apex/images/icons/move-ltr.png);
2157 }
2158 .oo-ui-icon-picture {
2159 background-image: /* @embed */ url(themes/apex/images/icons/picture.png);
2160 }
2161 .oo-ui-icon-previous {
2162 background-image: /* @embed */ url(themes/apex/images/icons/move-rtl.png);
2163 }
2164 .oo-ui-icon-redo {
2165 background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-ltr.png);
2166 }
2167 .oo-ui-icon-remove {
2168 background-image: /* @embed */ url(themes/apex/images/icons/remove.png);
2169 }
2170 .oo-ui-icon-search {
2171 background-image: /* @embed */ url(themes/apex/images/icons/search.png);
2172 }
2173 .oo-ui-icon-settings {
2174 background-image: /* @embed */ url(themes/apex/images/icons/settings.png);
2175 }
2176 .oo-ui-icon-tag {
2177 background-image: /* @embed */ url(themes/apex/images/icons/tag.png);
2178 }
2179 .oo-ui-icon-undo {
2180 background-image: /* @embed */ url(themes/apex/images/icons/arched-arrow-rtl.png);
2181 }
2182 .oo-ui-icon-window {
2183 background-image: /* @embed */ url(themes/apex/images/icons/window.png);
2184 }
2185 .oo-ui-indicator-alert {
2186 background-image: /* @embed */ url(themes/apex/images/indicators/alert.png);
2187 }
2188 .oo-ui-indicator-up {
2189 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-up.png);
2190 }
2191 .oo-ui-indicator-down {
2192 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-down.png);
2193 }
2194 .oo-ui-indicator-next {
2195 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-ltr.png);
2196 }
2197 .oo-ui-indicator-previous {
2198 background-image: /* @embed */ url(themes/apex/images/indicators/arrow-rtl.png);
2199 }
2200 .oo-ui-indicator-required {
2201 background-image: /* @embed */ url(themes/apex/images/indicators/required.png);
2202 }
2203 .oo-ui-texture-pending {
2204 background-image: /* @embed */ url(themes/apex/images/textures/pending.gif);
2205 }
2206 .oo-ui-texture-transparency {
2207 background-image: /* @embed */ url(themes/apex/images/textures/transparency.png);
2208 }