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 > .oo-ui-window-frame {
53 background-color: #fff;
54 border: solid
1px #ccc;
56 -webkit-transform: scale
(0.5);
57 -moz-transform: scale
(0.5);
58 -ms-transform: scale
(0.5);
59 -o-transform: scale
(0.5);
60 transform: scale
(0.5);
61 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
62 -webkit-transition: all
250ms ease-in-out
;
63 -moz-transition: all
250ms ease-in-out
;
64 -ms-transition: all
250ms ease-in-out
;
65 -o-transition: all
250ms ease-in-out
;
66 transition: all
250ms ease-in-out
;
69 .oo-ui-dialog-small .oo-ui-window-frame {
74 .oo-ui-dialog-medium .oo-ui-window-frame {
79 .oo-ui-dialog-large .oo-ui-window-frame {
88 .oo-ui-dialog-open > .oo-ui-window-frame {
89 -webkit-transform: scale
(1);
90 -moz-transform: scale
(1);
91 -ms-transform: scale
(1);
92 -o-transform: scale
(1);
96 .oo-ui-dialog-content
.oo-ui-window-head
,
97 .oo-ui-dialog-content .oo-ui-window-foot {
101 .oo-ui-dialog-content .oo-ui-window-body {
103 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
106 .oo-ui-dialog-content .oo-ui-window-overlay {
110 .oo-ui-frame-content {
111 font-family: sans-serif
;
117 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f1f7fb));
118 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
119 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
120 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
121 background-image: -o-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
122 background-image: linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
123 border-bottom: solid
1px #ccc;
124 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#f1f7fb');
127 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
132 .oo-ui-toolbar-shadow {
135 background-image: /* @embed */ url
(images
/toolbar-shadow
.png
);
137 -webkit-transition: opacity
500ms ease-in-out
;
138 -moz-transition: opacity
500ms ease-in-out
;
139 -ms-transition: opacity
500ms ease-in-out
;
140 -o-transition: opacity
500ms ease-in-out
;
141 transition: opacity
500ms ease-in-out
;
145 border: solid
1px transparent
;
146 border-radius: 0.25em;
147 -webkit-transition: border-color
300ms ease-in-out
;
148 -moz-transition: border-color
300ms ease-in-out
;
149 -ms-transition: border-color
300ms ease-in-out
;
150 -o-transition: border-color
300ms ease-in-out
;
151 transition: border-color
300ms ease-in-out
;
154 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
155 border-color: rgba
(0, 0, 0, 0.1);
158 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
173 .oo-ui-window-title {
178 .oo-ui-window-overlay {
179 font-family: sans-serif
;
184 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
188 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
189 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
195 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
196 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
198 /*.oo-ui-transition(opacity 200ms);*/
202 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
203 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
207 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
208 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
212 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
216 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
220 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
224 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
225 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
227 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
228 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
229 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
230 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
231 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
232 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
233 border: 1px #c9c9c9 solid
;
234 border-radius: 0.3em;
235 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
236 -webkit-transition: border-color
100ms ease-in-out
;
237 -moz-transition: border-color
100ms ease-in-out
;
238 -ms-transition: border-color
100ms ease-in-out
;
239 -o-transition: border-color
100ms ease-in-out
;
240 transition: border-color
100ms ease-in-out
;
243 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
244 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
248 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
249 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
252 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
253 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
254 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
255 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
256 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
257 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
258 border-color: #c9c9c9;
259 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
260 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
263 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
265 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #eaf4fa), color-stop
(100%, #b0d9ee));
266 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
267 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
268 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
269 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
270 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
271 border: solid
1px #a6cee1;
272 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#eaf4fa', endColorstr
='#b0d9ee');
275 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
276 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
277 border-color: #9dc2d4;
280 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
281 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
283 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
284 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
285 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
286 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
287 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
288 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
289 border: solid
1px #a6cee1;
290 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
293 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
295 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f0fbe1), color-stop
(100%, #c3e59a));
296 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
297 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
298 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
299 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
300 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
301 border: solid
1px #b8d892;
302 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f0fbe1', endColorstr
='#c3e59a');
305 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
306 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
307 border-color: #adcb89;
310 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
311 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
313 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #c3e59a), color-stop
(100%, #f0fbe1));
314 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
315 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
316 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
317 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
318 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
319 border: solid
1px #b8d892;
320 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#c3e59a', endColorstr
='#f0fbe1');
323 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
327 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
328 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
329 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
337 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
338 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:hover
,
339 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-pressed:hover
,
340 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:focus
,
341 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:focus
,
342 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
347 .oo-ui-bookletLayout-outlinePanel {
348 border-right: solid
1px #ddd;
351 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
352 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
355 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
359 .oo-ui-fieldsetLayout {
363 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
375 .oo-ui-panelLayout-padded {
379 .oo-ui-barToolGroup .oo-ui-tool {
380 margin: -1px 0 -1px -1px;
381 border: solid
1px transparent
;
384 .oo-ui-barToolGroup .oo-ui-tool:first-child {
385 border-bottom-left-radius: 0.25em;
386 border-top-left-radius: 0.25em;
389 .oo-ui-barToolGroup .oo-ui-tool:last-child {
391 border-top-right-radius: 0.25em;
392 border-bottom-right-radius: 0.25em;
395 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
399 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
400 border-color: rgba
(0, 0, 0, 0.2);
403 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
405 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
406 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
407 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
408 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
409 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
410 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
411 border-color: rgba
(0, 0, 0, 0.2);
412 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
413 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
416 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
417 border-left-color: rgba
(0, 0, 0, 0.1);
420 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
424 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
428 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
432 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
436 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
437 border-color: rgba
(0, 0, 0, 0.2);
440 .oo-ui-listToolGroup .oo-ui-tool {
442 border: solid
1px transparent
;
445 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
447 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
448 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
449 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
450 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
451 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
452 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
453 border-color: rgba
(0, 0, 0, 0.1);
454 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
455 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
458 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
459 border-top-color: rgba
(0, 0, 0, 0.1);
462 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
463 border-color: rgba
(0, 0, 0, 0.2);
466 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
467 border-color: rgba
(0, 0, 0, 0.2);
470 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
474 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
478 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
482 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
486 .oo-ui-listToolGroup.oo-ui-widget-disabled {
490 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
491 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
495 .oo-ui-menuToolGroup {
496 border-color: rgba
(0, 0, 0, 0.1);
499 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
500 border-color: rgba
(0, 0, 0, 0.2);
503 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
504 border-color: rgba
(0, 0, 0, 0.25);
507 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
508 background-color: #e1f3ff;
511 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
515 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
519 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
521 border-color: rgba
(0, 0, 0, 0.05);
524 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
525 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
529 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
530 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
534 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
535 background-color: white
;
536 border: solid
1px #ccc;
537 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
540 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
542 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
543 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
544 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
545 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
546 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
547 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
548 border-bottom-right-radius: 0;
549 border-bottom-left-radius: 0;
550 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
551 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
554 .oo-ui-optionWidget {
555 padding: 0.5em 2em 0.5em 3em;
558 .oo-ui-optionWidget-highlighted {
559 background-color: #e1f3ff;
562 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
563 background-color: #a7dcff;
566 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
567 background-color: #a7dcff;
570 .oo-ui-optionWidget.oo-ui-widget-disabled {
577 border: solid
1px #ccc;
578 border-radius: 0 0 0.25em 0.25em;
579 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
582 .oo-ui-popupWidget-popup {
583 background-color: #fff;
584 border: solid
1px #ccc;
585 border-radius: 0.25em;
586 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
589 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
593 background-image: /* @embed */ url
(images/tail.svg);
596 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
597 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
598 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
599 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
600 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
601 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
604 .oo-ui-popupWidget-body {
605 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
608 .oo-ui-buttonGroupWidget {
609 display: inline-block
;
613 .oo-ui-buttonOptionWidget {
617 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
618 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
619 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
620 background-color: transparent
;
623 .oo-ui-buttonSelectWidget {
624 border-radius: 0.3em;
627 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
632 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
634 border-bottom-left-radius: 0.3em;
635 border-top-left-radius: 0.3em;
638 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
639 border-top-right-radius: 0.3em;
640 border-bottom-right-radius: 0.3em;
643 .oo-ui-inlineMenuWidget-handle {
644 border: solid
1px rgba
(0, 0, 0, 0.1);
645 border-radius: 0.25em;
648 .oo-ui-inlineMenuWidget-handle:hover {
649 border-color: rgba
(0, 0, 0, 0.2);
652 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
653 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
657 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
659 text-shadow: 0 1px 1px #fff;
660 background-color: #f3f3f3;
664 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
668 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
669 background-color: transparent
;
672 .oo-ui-menuItemWidget
.oo-ui-optionWidget-highlighted
,
673 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
674 background-color: #e1f3ff;
677 .oo-ui-menuSectionItemWidget {
678 padding: 0.33em 0.75em;
682 .oo-ui-outlineControlsWidget {
683 background-color: #fff;
686 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
690 .oo-ui-outlineItemWidget {
694 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
695 padding-right: 1.5em;
698 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
702 .oo-ui-outlineItemWidget-level-0 {
706 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
710 .oo-ui-outlineItemWidget-level-1 {
714 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
718 .oo-ui-outlineItemWidget-level-2 {
722 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
726 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
727 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
728 background-color: #a7dcff;
731 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
735 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
739 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-iconedElement-icon {
743 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
747 .oo-ui-searchWidget-query {
748 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
751 .oo-ui-textInputWidget {
755 .oo-ui-textInputWidget input
,
756 .oo-ui-textInputWidget textarea {
758 font-family: sans-serif
;
760 background-color: #fff;
761 border: solid
1px #ccc;
762 border-radius: 0.25em;
763 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
764 -webkit-transition: border-color
200ms, box-shadow
200ms;
765 -moz-transition: border-color
200ms, box-shadow
200ms;
766 -ms-transition: border-color
200ms, box-shadow
200ms;
767 -o-transition: border-color
200ms, box-shadow
200ms;
768 transition: border-color
200ms, box-shadow
200ms;
771 .oo-ui-textInputWidget-decorated input
,
772 .oo-ui-textInputWidget-decorated textarea {
776 .oo-ui-textInputWidget-icon {
780 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
781 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
782 border-color: #a7dcff;
784 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
787 .oo-ui-textInputWidget input
[readonly
],
788 .oo-ui-textInputWidget textarea[readonly] {
790 text-shadow: 0 1px 1px #fff;
793 .oo-ui-textInputWidget-pending input
,
794 .oo-ui-textInputWidget-pending textarea {
795 background-color: transparent
;
798 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
799 .oo-ui-textInputWidget
.oo-ui-widget-disabled
input:focus
,
800 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
801 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
803 text-shadow: 0 1px 1px #fff;
804 background-color: #f3f3f3;
808 .oo-ui-toggleSwitchWidget {
810 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
811 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
812 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
813 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
814 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
815 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
816 border: solid
1px #ccc;
818 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
819 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
822 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
826 .oo-ui-toggleSwitchWidget-grip {
828 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
829 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
830 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
831 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
832 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
833 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
834 border: 1px #c9c9c9 solid
;
836 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
837 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
840 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
841 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
845 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
847 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
848 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
849 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
850 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
851 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
852 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
854 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
855 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
858 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
862 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {