2 background-color: #fff;
3 background-color: rgba
(255, 255, 255, 0.5);
5 -webkit-transition: all
250ms ease-in-out
;
6 -moz-transition: all
250ms ease-in-out
;
7 -ms-transition: all
250ms ease-in-out
;
8 -o-transition: all
250ms ease-in-out
;
9 transition: all
250ms ease-in-out
;
12 .oo-ui-dialog-content
.oo-ui-window-head
,
13 .oo-ui-dialog-content
.oo-ui-window-body
,
14 .oo-ui-dialog-content .oo-ui-window-foot {
19 -webkit-box-sizing: border-box
;
20 -moz-box-sizing: border-box
;
21 box-sizing: border-box
;
24 .oo-ui-dialog-content .oo-ui-window-head {
30 .oo-ui-dialog-content .oo-ui-window-title {
34 .oo-ui-dialog-content .oo-ui-window-icon {
40 .oo-ui-dialog-content .oo-ui-window-closeButton {
42 margin: 0.25em 0.25em;
45 .oo-ui-dialog-content .oo-ui-window-body {
50 .oo-ui-dialog-content-footless .oo-ui-window-body {
54 .oo-ui-dialog > .oo-ui-window-frame {
57 background-color: #fff;
58 border: solid
1px #ccc;
60 -webkit-transform: scale
(0.5);
61 -moz-transform: scale
(0.5);
62 -ms-transform: scale
(0.5);
63 -o-transform: scale
(0.5);
64 transform: scale
(0.5);
65 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
66 -webkit-transition: all
250ms ease-in-out
;
67 -moz-transition: all
250ms ease-in-out
;
68 -ms-transition: all
250ms ease-in-out
;
69 -o-transition: all
250ms ease-in-out
;
70 transition: all
250ms ease-in-out
;
73 .oo-ui-dialog-small > .oo-ui-window-frame {
78 .oo-ui-dialog-medium > .oo-ui-window-frame {
83 .oo-ui-dialog-large > .oo-ui-window-frame {
92 .oo-ui-dialog-open > .oo-ui-window-frame {
93 -webkit-transform: scale
(1);
94 -moz-transform: scale
(1);
95 -ms-transform: scale
(1);
96 -o-transform: scale
(1);
100 .oo-ui-dialog-content
.oo-ui-window-head
,
101 .oo-ui-dialog-content .oo-ui-window-foot {
105 .oo-ui-dialog-content .oo-ui-window-body {
107 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
110 .oo-ui-dialog-content .oo-ui-window-foot {
116 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
117 margin: 0.125em 0.25em;
120 .oo-ui-dialog-content .oo-ui-window-overlay {
124 .oo-ui-frame-content {
125 font-family: sans-serif
;
131 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f1f7fb));
132 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
133 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
134 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
135 background-image: -o-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
136 background-image: linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
137 border-bottom: solid
1px #ccc;
138 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#f1f7fb');
141 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
146 .oo-ui-toolbar-shadow {
149 background-image: /* @embed */ url
(images
/toolbar-shadow
.png
);
151 -webkit-transition: opacity
500ms ease-in-out
;
152 -moz-transition: opacity
500ms ease-in-out
;
153 -ms-transition: opacity
500ms ease-in-out
;
154 -o-transition: opacity
500ms ease-in-out
;
155 transition: opacity
500ms ease-in-out
;
159 border: solid
1px transparent
;
160 border-radius: 0.25em;
161 -webkit-transition: border-color
300ms ease-in-out
;
162 -moz-transition: border-color
300ms ease-in-out
;
163 -ms-transition: border-color
300ms ease-in-out
;
164 -o-transition: border-color
300ms ease-in-out
;
165 transition: border-color
300ms ease-in-out
;
168 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
169 border-color: rgba
(0, 0, 0, 0.1);
172 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
187 .oo-ui-window-title {
192 .oo-ui-window-overlay {
193 font-family: sans-serif
;
198 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
202 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
203 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
209 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
210 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
212 /*.oo-ui-transition(opacity 200ms);*/
216 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
217 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
221 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
222 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
226 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
230 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
234 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
238 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
239 padding: 0.2em 0.8em;
241 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
243 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
244 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
245 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
246 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
247 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
248 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
249 border: 1px #c9c9c9 solid
;
250 border-radius: 0.3em;
251 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
252 -webkit-transition: border-color
100ms ease-in-out
;
253 -moz-transition: border-color
100ms ease-in-out
;
254 -ms-transition: border-color
100ms ease-in-out
;
255 -o-transition: border-color
100ms ease-in-out
;
256 transition: border-color
100ms ease-in-out
;
259 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
260 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
264 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
265 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
268 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
269 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
270 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
271 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
272 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
273 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
274 border-color: #c9c9c9;
275 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
276 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
279 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
280 margin-right: -0.5em;
284 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
289 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
291 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #eaf4fa), color-stop
(100%, #b0d9ee));
292 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
293 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
294 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
295 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
296 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
297 border: solid
1px #a6cee1;
298 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#eaf4fa', endColorstr
='#b0d9ee');
301 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
302 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
303 border-color: #9dc2d4;
306 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
307 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
309 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
310 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
311 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
312 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
313 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
314 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
315 border: solid
1px #a6cee1;
316 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
319 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
321 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f0fbe1), color-stop
(100%, #c3e59a));
322 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
323 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
324 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
325 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
326 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
327 border: solid
1px #b8d892;
328 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f0fbe1', endColorstr
='#c3e59a');
331 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
332 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
333 border-color: #adcb89;
336 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
337 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
339 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #c3e59a), color-stop
(100%, #f0fbe1));
340 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
341 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
342 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
343 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
344 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
345 border: solid
1px #b8d892;
346 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#c3e59a', endColorstr
='#f0fbe1');
349 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
353 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
354 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
355 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
363 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
364 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:hover
,
365 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-pressed:hover
,
366 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:focus
,
367 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:focus
,
368 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
373 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
377 .oo-ui-bookletLayout-outlinePanel {
378 border-right: solid
1px #ddd;
381 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
382 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
385 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
389 .oo-ui-fieldsetLayout {
393 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
405 .oo-ui-panelLayout-padded {
409 .oo-ui-barToolGroup .oo-ui-tool {
410 margin: -1px 0 -1px -1px;
411 border: solid
1px transparent
;
414 .oo-ui-barToolGroup .oo-ui-tool:first-child {
415 border-bottom-left-radius: 0.25em;
416 border-top-left-radius: 0.25em;
419 .oo-ui-barToolGroup .oo-ui-tool:last-child {
421 border-top-right-radius: 0.25em;
422 border-bottom-right-radius: 0.25em;
425 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
429 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
430 border-color: rgba
(0, 0, 0, 0.2);
433 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
435 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
436 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
437 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
438 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
439 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
440 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
441 border-color: rgba
(0, 0, 0, 0.2);
442 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
443 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
446 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
447 border-left-color: rgba
(0, 0, 0, 0.1);
450 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
454 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
458 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
462 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
466 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
467 border-color: rgba
(0, 0, 0, 0.2);
470 .oo-ui-listToolGroup .oo-ui-tool {
472 border: solid
1px transparent
;
475 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
477 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
478 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
479 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
480 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
481 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
482 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
483 border-color: rgba
(0, 0, 0, 0.1);
484 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
485 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
488 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
489 border-top-color: rgba
(0, 0, 0, 0.1);
492 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
493 border-color: rgba
(0, 0, 0, 0.2);
496 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
497 border-color: rgba
(0, 0, 0, 0.2);
500 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
504 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
508 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
512 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
516 .oo-ui-listToolGroup.oo-ui-widget-disabled {
520 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
521 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
525 .oo-ui-menuToolGroup {
526 border-color: rgba
(0, 0, 0, 0.1);
529 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
530 border-color: rgba
(0, 0, 0, 0.2);
533 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
534 border-color: rgba
(0, 0, 0, 0.25);
537 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
538 background-color: #e1f3ff;
541 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
545 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
549 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
551 border-color: rgba
(0, 0, 0, 0.05);
554 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
555 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
559 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
560 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
564 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
565 background-color: white
;
566 border: solid
1px #ccc;
567 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
570 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
572 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
573 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
574 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
575 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
576 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
577 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
578 border-bottom-right-radius: 0;
579 border-bottom-left-radius: 0;
580 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
581 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
584 .oo-ui-optionWidget {
585 padding: 0.5em 2em 0.5em 3em;
588 .oo-ui-optionWidget-highlighted {
589 background-color: #e1f3ff;
592 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
593 background-color: #a7dcff;
596 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
597 background-color: #a7dcff;
600 .oo-ui-optionWidget.oo-ui-widget-disabled {
607 border: solid
1px #ccc;
608 border-radius: 0 0 0.25em 0.25em;
609 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
612 .oo-ui-popupWidget-popup {
613 background-color: #fff;
614 border: solid
1px #ccc;
615 border-radius: 0.25em;
616 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
619 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
623 background-image: /* @embed */ url
(images/tail.svg);
626 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
627 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
628 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
629 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
630 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
631 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
634 .oo-ui-popupWidget-body {
635 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
638 .oo-ui-buttonGroupWidget {
639 display: inline-block
;
643 .oo-ui-buttonOptionWidget {
647 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
648 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
649 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
650 background-color: transparent
;
653 .oo-ui-buttonSelectWidget {
654 border-radius: 0.3em;
657 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
662 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
664 border-bottom-left-radius: 0.3em;
665 border-top-left-radius: 0.3em;
668 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
669 border-top-right-radius: 0.3em;
670 border-bottom-right-radius: 0.3em;
673 .oo-ui-inlineMenuWidget-handle {
674 border: solid
1px rgba
(0, 0, 0, 0.1);
675 border-radius: 0.25em;
678 .oo-ui-inlineMenuWidget-handle:hover {
679 border-color: rgba
(0, 0, 0, 0.2);
682 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
683 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
687 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
689 text-shadow: 0 1px 1px #fff;
690 background-color: #f3f3f3;
694 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
698 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
699 background-color: transparent
;
702 .oo-ui-menuItemWidget
.oo-ui-optionWidget-highlighted
,
703 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
704 background-color: #e1f3ff;
707 .oo-ui-menuSectionItemWidget {
708 padding: 0.33em 0.75em;
712 .oo-ui-outlineControlsWidget {
713 background-color: #fff;
716 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
720 .oo-ui-outlineItemWidget {
724 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
725 padding-right: 1.5em;
728 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
732 .oo-ui-outlineItemWidget-level-0 {
736 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
740 .oo-ui-outlineItemWidget-level-1 {
744 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
748 .oo-ui-outlineItemWidget-level-2 {
752 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
756 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
757 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
758 background-color: #a7dcff;
761 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
765 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
769 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-iconedElement-icon {
773 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
777 .oo-ui-searchWidget-query {
778 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
781 .oo-ui-textInputWidget {
785 .oo-ui-textInputWidget input
,
786 .oo-ui-textInputWidget textarea {
788 font-family: sans-serif
;
790 background-color: #fff;
791 border: solid
1px #ccc;
792 border-radius: 0.25em;
793 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
794 -webkit-transition: border-color
200ms, box-shadow
200ms;
795 -moz-transition: border-color
200ms, box-shadow
200ms;
796 -ms-transition: border-color
200ms, box-shadow
200ms;
797 -o-transition: border-color
200ms, box-shadow
200ms;
798 transition: border-color
200ms, box-shadow
200ms;
801 .oo-ui-textInputWidget-decorated input
,
802 .oo-ui-textInputWidget-decorated textarea {
806 .oo-ui-textInputWidget-icon {
810 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
811 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
812 border-color: #a7dcff;
814 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
817 .oo-ui-textInputWidget input
[readonly
],
818 .oo-ui-textInputWidget textarea[readonly] {
820 text-shadow: 0 1px 1px #fff;
823 .oo-ui-textInputWidget-pending input
,
824 .oo-ui-textInputWidget-pending textarea {
825 background-color: transparent
;
828 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
829 .oo-ui-textInputWidget
.oo-ui-widget-disabled
input:focus
,
830 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
831 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
833 text-shadow: 0 1px 1px #fff;
834 background-color: #f3f3f3;
838 .oo-ui-toggleSwitchWidget {
840 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
841 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
842 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
843 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
844 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
845 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
846 border: solid
1px #ccc;
848 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
849 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
852 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
856 .oo-ui-toggleSwitchWidget-grip {
858 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
859 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
860 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
861 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
862 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
863 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
864 border: 1px #c9c9c9 solid
;
866 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
867 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
870 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
871 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
875 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
877 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
878 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
879 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
880 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
881 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
882 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
884 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
885 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
888 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
892 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {