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