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-overlay {
114 .oo-ui-frame-content {
115 font-family: sans-serif
;
121 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f1f7fb));
122 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
123 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
124 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
125 background-image: -o-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
126 background-image: linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
127 border-bottom: solid
1px #ccc;
128 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#f1f7fb');
131 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
136 .oo-ui-toolbar-shadow {
139 background-image: /* @embed */ url
(images
/toolbar-shadow
.png
);
141 -webkit-transition: opacity
500ms ease-in-out
;
142 -moz-transition: opacity
500ms ease-in-out
;
143 -ms-transition: opacity
500ms ease-in-out
;
144 -o-transition: opacity
500ms ease-in-out
;
145 transition: opacity
500ms ease-in-out
;
149 border: solid
1px transparent
;
150 border-radius: 0.25em;
151 -webkit-transition: border-color
300ms ease-in-out
;
152 -moz-transition: border-color
300ms ease-in-out
;
153 -ms-transition: border-color
300ms ease-in-out
;
154 -o-transition: border-color
300ms ease-in-out
;
155 transition: border-color
300ms ease-in-out
;
158 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
159 border-color: rgba
(0, 0, 0, 0.1);
162 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
177 .oo-ui-window-title {
182 .oo-ui-window-overlay {
183 font-family: sans-serif
;
188 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
192 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
193 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
199 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
200 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
202 /*.oo-ui-transition(opacity 200ms);*/
206 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
207 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
211 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
212 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
216 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
220 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
224 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
228 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
229 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
231 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
232 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
233 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
234 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
235 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
236 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
237 border: 1px #c9c9c9 solid
;
238 border-radius: 0.3em;
239 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
240 -webkit-transition: border-color
100ms ease-in-out
;
241 -moz-transition: border-color
100ms ease-in-out
;
242 -ms-transition: border-color
100ms ease-in-out
;
243 -o-transition: border-color
100ms ease-in-out
;
244 transition: border-color
100ms ease-in-out
;
247 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
248 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
252 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
253 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
256 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
257 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
258 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
259 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
260 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
261 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
262 border-color: #c9c9c9;
263 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
264 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
267 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
269 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #eaf4fa), color-stop
(100%, #b0d9ee));
270 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
271 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
272 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
273 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
274 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
275 border: solid
1px #a6cee1;
276 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#eaf4fa', endColorstr
='#b0d9ee');
279 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
280 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
281 border-color: #9dc2d4;
284 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
285 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
287 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
288 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
289 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
290 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
291 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
292 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
293 border: solid
1px #a6cee1;
294 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
297 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
299 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f0fbe1), color-stop
(100%, #c3e59a));
300 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
301 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
302 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
303 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
304 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
305 border: solid
1px #b8d892;
306 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f0fbe1', endColorstr
='#c3e59a');
309 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
310 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
311 border-color: #adcb89;
314 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
315 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
317 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #c3e59a), color-stop
(100%, #f0fbe1));
318 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
319 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
320 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
321 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
322 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
323 border: solid
1px #b8d892;
324 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#c3e59a', endColorstr
='#f0fbe1');
327 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
331 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
332 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
333 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
341 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
342 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:hover
,
343 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-pressed:hover
,
344 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:focus
,
345 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:focus
,
346 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
351 .oo-ui-bookletLayout-outlinePanel {
352 border-right: solid
1px #ddd;
355 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
356 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
359 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
363 .oo-ui-fieldsetLayout {
367 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
379 .oo-ui-panelLayout-padded {
383 .oo-ui-barToolGroup .oo-ui-tool {
384 margin: -1px 0 -1px -1px;
385 border: solid
1px transparent
;
388 .oo-ui-barToolGroup .oo-ui-tool:first-child {
389 border-bottom-left-radius: 0.25em;
390 border-top-left-radius: 0.25em;
393 .oo-ui-barToolGroup .oo-ui-tool:last-child {
395 border-top-right-radius: 0.25em;
396 border-bottom-right-radius: 0.25em;
399 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
403 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
404 border-color: rgba
(0, 0, 0, 0.2);
407 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
409 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
410 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
411 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
412 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
413 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
414 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
415 border-color: rgba
(0, 0, 0, 0.2);
416 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
417 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
420 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
421 border-left-color: rgba
(0, 0, 0, 0.1);
424 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
428 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
432 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
436 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
440 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
441 border-color: rgba
(0, 0, 0, 0.2);
444 .oo-ui-listToolGroup .oo-ui-tool {
446 border: solid
1px transparent
;
449 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
451 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
452 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
453 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
454 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
455 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
456 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
457 border-color: rgba
(0, 0, 0, 0.1);
458 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
459 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
462 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
463 border-top-color: rgba
(0, 0, 0, 0.1);
466 .oo-ui-listToolGroup .oo-ui-tool-active.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:hover {
471 border-color: rgba
(0, 0, 0, 0.2);
474 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
478 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
482 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
486 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
490 .oo-ui-listToolGroup.oo-ui-widget-disabled {
494 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
495 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
499 .oo-ui-menuToolGroup {
500 border-color: rgba
(0, 0, 0, 0.1);
503 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
504 border-color: rgba
(0, 0, 0, 0.2);
507 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
508 border-color: rgba
(0, 0, 0, 0.25);
511 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
512 background-color: #e1f3ff;
515 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
519 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
523 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
525 border-color: rgba
(0, 0, 0, 0.05);
528 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
529 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
533 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
534 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
538 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
539 background-color: white
;
540 border: solid
1px #ccc;
541 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
544 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
546 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
547 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
548 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
549 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
550 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
551 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
552 border-bottom-right-radius: 0;
553 border-bottom-left-radius: 0;
554 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
555 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
558 .oo-ui-optionWidget {
559 padding: 0.5em 2em 0.5em 3em;
562 .oo-ui-optionWidget-highlighted {
563 background-color: #e1f3ff;
566 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
567 background-color: #a7dcff;
570 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
571 background-color: #a7dcff;
574 .oo-ui-optionWidget.oo-ui-widget-disabled {
581 border: solid
1px #ccc;
582 border-radius: 0 0 0.25em 0.25em;
583 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
586 .oo-ui-popupWidget-popup {
587 background-color: #fff;
588 border: solid
1px #ccc;
589 border-radius: 0.25em;
590 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
593 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
597 background-image: /* @embed */ url
(images/tail.svg);
600 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
601 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
602 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
603 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
604 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
605 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
608 .oo-ui-popupWidget-body {
609 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
612 .oo-ui-buttonGroupWidget {
613 display: inline-block
;
617 .oo-ui-buttonOptionWidget {
621 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
622 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
623 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
624 background-color: transparent
;
627 .oo-ui-buttonSelectWidget {
628 border-radius: 0.3em;
631 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
636 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
638 border-bottom-left-radius: 0.3em;
639 border-top-left-radius: 0.3em;
642 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
643 border-top-right-radius: 0.3em;
644 border-bottom-right-radius: 0.3em;
647 .oo-ui-inlineMenuWidget-handle {
648 border: solid
1px rgba
(0, 0, 0, 0.1);
649 border-radius: 0.25em;
652 .oo-ui-inlineMenuWidget-handle:hover {
653 border-color: rgba
(0, 0, 0, 0.2);
656 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
657 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
661 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
663 text-shadow: 0 1px 1px #fff;
664 background-color: #f3f3f3;
668 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
672 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
673 background-color: transparent
;
676 .oo-ui-menuItemWidget
.oo-ui-optionWidget-highlighted
,
677 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
678 background-color: #e1f3ff;
681 .oo-ui-menuSectionItemWidget {
682 padding: 0.33em 0.75em;
686 .oo-ui-outlineControlsWidget {
687 background-color: #fff;
690 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
694 .oo-ui-outlineItemWidget {
698 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
699 padding-right: 1.5em;
702 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
706 .oo-ui-outlineItemWidget-level-0 {
710 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
714 .oo-ui-outlineItemWidget-level-1 {
718 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
722 .oo-ui-outlineItemWidget-level-2 {
726 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
730 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
731 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
732 background-color: #a7dcff;
735 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
739 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
743 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-iconedElement-icon {
747 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
751 .oo-ui-searchWidget-query {
752 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
755 .oo-ui-textInputWidget {
759 .oo-ui-textInputWidget input
,
760 .oo-ui-textInputWidget textarea {
762 font-family: sans-serif
;
764 background-color: #fff;
765 border: solid
1px #ccc;
766 border-radius: 0.25em;
767 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
768 -webkit-transition: border-color
200ms, box-shadow
200ms;
769 -moz-transition: border-color
200ms, box-shadow
200ms;
770 -ms-transition: border-color
200ms, box-shadow
200ms;
771 -o-transition: border-color
200ms, box-shadow
200ms;
772 transition: border-color
200ms, box-shadow
200ms;
775 .oo-ui-textInputWidget-decorated input
,
776 .oo-ui-textInputWidget-decorated textarea {
780 .oo-ui-textInputWidget-icon {
784 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
785 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
786 border-color: #a7dcff;
788 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
791 .oo-ui-textInputWidget input
[readonly
],
792 .oo-ui-textInputWidget textarea[readonly] {
794 text-shadow: 0 1px 1px #fff;
797 .oo-ui-textInputWidget-pending input
,
798 .oo-ui-textInputWidget-pending textarea {
799 background-color: transparent
;
802 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
803 .oo-ui-textInputWidget
.oo-ui-widget-disabled
input:focus
,
804 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
805 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
807 text-shadow: 0 1px 1px #fff;
808 background-color: #f3f3f3;
812 .oo-ui-toggleSwitchWidget {
814 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
815 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
816 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
817 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
818 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
819 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
820 border: solid
1px #ccc;
822 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
823 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
826 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
830 .oo-ui-toggleSwitchWidget-grip {
832 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
833 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
834 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
835 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
836 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
837 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
838 border: 1px #c9c9c9 solid
;
840 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
841 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
844 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
845 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
849 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
851 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
852 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
853 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
854 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
855 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
856 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
858 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
859 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
862 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
866 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {