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