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