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 .oo-ui-window-frame {
13 background-color: #fff;
14 border: solid
1px #ccc;
16 -webkit-transform: scale
(0.5);
17 -moz-transform: scale
(0.5);
18 -ms-transform: scale
(0.5);
19 -o-transform: scale
(0.5);
20 transform: scale
(0.5);
21 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
22 -webkit-transition: all
250ms ease-in-out
;
23 -moz-transition: all
250ms ease-in-out
;
24 -ms-transition: all
250ms ease-in-out
;
25 -o-transition: all
250ms ease-in-out
;
26 transition: all
250ms ease-in-out
;
33 .oo-ui-dialog-open .oo-ui-window-frame {
34 -webkit-transform: scale
(1);
35 -moz-transform: scale
(1);
36 -ms-transform: scale
(1);
37 -o-transform: scale
(1);
41 .oo-ui-dialog-content
.oo-ui-window-head
,
42 .oo-ui-dialog-content .oo-ui-window-foot {
46 .oo-ui-dialog-content .oo-ui-window-body {
48 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
51 .oo-ui-dialog-content .oo-ui-window-overlay {
55 .oo-ui-frame-content {
56 font-family: sans-serif
;
62 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f1f7fb));
63 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
64 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
65 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
66 background-image: -o-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
67 background-image: linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
68 border-bottom: solid
1px #ccc;
69 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#f1f7fb');
72 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
77 .oo-ui-toolbar-shadow {
80 background-image: /* @embed */ url
(images
/toolbar-shadow
.png
);
82 -webkit-transition: opacity
500ms ease-in-out
;
83 -moz-transition: opacity
500ms ease-in-out
;
84 -ms-transition: opacity
500ms ease-in-out
;
85 -o-transition: opacity
500ms ease-in-out
;
86 transition: opacity
500ms ease-in-out
;
90 border: solid
1px transparent
;
91 border-radius: 0.25em;
92 -webkit-transition: border-color
300ms ease-in-out
;
93 -moz-transition: border-color
300ms ease-in-out
;
94 -ms-transition: border-color
300ms ease-in-out
;
95 -o-transition: border-color
300ms ease-in-out
;
96 transition: border-color
300ms ease-in-out
;
99 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
100 border-color: rgba
(0, 0, 0, 0.1);
103 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
118 .oo-ui-window-title {
123 .oo-ui-window-overlay {
124 font-family: sans-serif
;
129 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
133 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
134 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
140 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
141 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
143 /*.oo-ui-transition(opacity 200ms);*/
147 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
148 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
152 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
153 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
157 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
161 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
165 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
169 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
170 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
172 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
173 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
174 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
175 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
176 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
177 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
178 border: 1px #c9c9c9 solid
;
179 border-radius: 0.3em;
180 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
181 -webkit-transition: border-color
100ms ease-in-out
;
182 -moz-transition: border-color
100ms ease-in-out
;
183 -ms-transition: border-color
100ms ease-in-out
;
184 -o-transition: border-color
100ms ease-in-out
;
185 transition: border-color
100ms ease-in-out
;
188 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
189 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
193 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
194 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
197 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
198 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
199 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
200 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
201 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
202 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
203 border-color: #c9c9c9;
204 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
205 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
208 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
210 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #eaf4fa), color-stop
(100%, #b0d9ee));
211 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
212 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
213 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
214 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
215 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
216 border: solid
1px #a6cee1;
217 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#eaf4fa', endColorstr
='#b0d9ee');
220 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
221 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
222 border-color: #9dc2d4;
225 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
226 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
228 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
229 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
230 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
231 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
232 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
233 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
234 border: solid
1px #a6cee1;
235 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
238 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
240 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f0fbe1), color-stop
(100%, #c3e59a));
241 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
242 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
243 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
244 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
245 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
246 border: solid
1px #b8d892;
247 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f0fbe1', endColorstr
='#c3e59a');
250 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
251 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
252 border-color: #adcb89;
255 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
256 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
258 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #c3e59a), color-stop
(100%, #f0fbe1));
259 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
260 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
261 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
262 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
263 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
264 border: solid
1px #b8d892;
265 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#c3e59a', endColorstr
='#f0fbe1');
268 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
272 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
273 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
274 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
282 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
283 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:hover
,
284 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-pressed:hover
,
285 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:focus
,
286 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:focus
,
287 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
292 .oo-ui-bookletLayout-outlinePanel {
293 border-right: solid
1px #ddd;
296 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
297 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
300 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
304 .oo-ui-fieldsetLayout {
308 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
312 .oo-ui-barToolGroup .oo-ui-tool {
313 margin: -1px 0 -1px -1px;
314 border: solid
1px transparent
;
317 .oo-ui-barToolGroup .oo-ui-tool:first-child {
318 border-bottom-left-radius: 0.25em;
319 border-top-left-radius: 0.25em;
322 .oo-ui-barToolGroup .oo-ui-tool:last-child {
324 border-top-right-radius: 0.25em;
325 border-bottom-right-radius: 0.25em;
328 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
332 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
333 border-color: rgba
(0, 0, 0, 0.2);
336 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
338 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
339 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
340 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
341 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
342 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
343 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
344 border-color: rgba
(0, 0, 0, 0.2);
345 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
346 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
349 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
350 border-left-color: rgba
(0, 0, 0, 0.1);
353 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
357 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
361 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
365 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
369 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
370 border-color: rgba
(0, 0, 0, 0.2);
373 .oo-ui-listToolGroup .oo-ui-tool {
375 border: solid
1px transparent
;
378 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
380 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
381 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
382 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
383 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
384 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
385 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
386 border-color: rgba
(0, 0, 0, 0.1);
387 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
388 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
391 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
392 border-top-color: rgba
(0, 0, 0, 0.1);
395 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
396 border-color: rgba
(0, 0, 0, 0.2);
399 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
400 border-color: rgba
(0, 0, 0, 0.2);
403 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
407 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
411 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
415 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
419 .oo-ui-listToolGroup.oo-ui-widget-disabled {
423 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
424 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
428 .oo-ui-menuToolGroup {
429 border-color: rgba
(0, 0, 0, 0.1);
432 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
433 border-color: rgba
(0, 0, 0, 0.2);
436 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
437 border-color: rgba
(0, 0, 0, 0.25);
440 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
441 background-color: #e1f3ff;
444 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
448 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
452 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
454 border-color: rgba
(0, 0, 0, 0.05);
457 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
458 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
462 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
463 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
467 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
468 background-color: white
;
469 border: solid
1px #ccc;
470 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
473 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
475 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
476 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
477 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
478 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
479 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
480 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
481 border-bottom-right-radius: 0;
482 border-bottom-left-radius: 0;
483 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
484 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
487 .oo-ui-optionWidget {
488 padding: 0.5em 2em 0.5em 3em;
491 .oo-ui-optionWidget-highlighted {
492 background-color: #e1f3ff;
495 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
496 background-color: #a7dcff;
499 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
500 background-color: #a7dcff;
503 .oo-ui-optionWidget.oo-ui-widget-disabled {
510 border: solid
1px #ccc;
511 border-radius: 0 0 0.25em 0.25em;
512 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
515 .oo-ui-popupWidget-popup {
516 background-color: #fff;
517 border: solid
1px #ccc;
518 border-radius: 0.25em;
519 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
522 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
526 background-image: /* @embed */ url
(images/tail.svg);
529 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
530 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
531 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
532 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
533 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
534 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
537 .oo-ui-popupWidget-body {
538 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
541 .oo-ui-buttonGroupWidget {
542 display: inline-block
;
546 .oo-ui-buttonOptionWidget {
550 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
551 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
552 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
553 background-color: transparent
;
556 .oo-ui-buttonSelectWidget {
557 border-radius: 0.3em;
560 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
565 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
567 border-bottom-left-radius: 0.3em;
568 border-top-left-radius: 0.3em;
571 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
572 border-top-right-radius: 0.3em;
573 border-bottom-right-radius: 0.3em;
576 .oo-ui-inlineMenuWidget-handle {
577 border: solid
1px rgba
(0, 0, 0, 0.1);
578 border-radius: 0.25em;
581 .oo-ui-inlineMenuWidget-handle:hover {
582 border-color: rgba
(0, 0, 0, 0.2);
585 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
586 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
590 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
592 text-shadow: 0 1px 1px #fff;
593 background-color: #f3f3f3;
597 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
601 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
602 background-color: transparent
;
605 .oo-ui-menuItemWidget
.oo-ui-optionWidget-highlighted
,
606 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
607 background-color: #e1f3ff;
610 .oo-ui-menuSectionItemWidget {
611 padding: 0.33em 0.75em;
615 .oo-ui-outlineControlsWidget {
616 background-color: #fff;
619 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
623 .oo-ui-outlineItemWidget {
627 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
628 padding-right: 1.5em;
631 .oo-ui-outlineItemWidget-level-0 {
635 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
639 .oo-ui-outlineItemWidget-level-1 {
643 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
647 .oo-ui-outlineItemWidget-level-2 {
651 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
655 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
656 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
657 background-color: #a7dcff;
660 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
664 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
668 .oo-ui-outlineItemWidget
.oo-ui-flaggableElement-empty
.oo-ui-iconedElement-icon
,
669 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-indicatedElement-indicator {
673 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
677 .oo-ui-searchWidget-query {
678 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
681 .oo-ui-textInputWidget {
685 .oo-ui-textInputWidget input
,
686 .oo-ui-textInputWidget textarea {
688 font-family: sans-serif
;
690 background-color: #fff;
691 border: solid
1px #ccc;
692 border-radius: 0.25em;
693 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
694 -webkit-transition: border-color
200ms, box-shadow
200ms;
695 -moz-transition: border-color
200ms, box-shadow
200ms;
696 -ms-transition: border-color
200ms, box-shadow
200ms;
697 -o-transition: border-color
200ms, box-shadow
200ms;
698 transition: border-color
200ms, box-shadow
200ms;
701 .oo-ui-textInputWidget-decorated input
,
702 .oo-ui-textInputWidget-decorated textarea {
706 .oo-ui-textInputWidget-icon {
710 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
711 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
712 border-color: #a7dcff;
714 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
717 .oo-ui-textInputWidget input
[readonly
],
718 .oo-ui-textInputWidget textarea[readonly] {
720 text-shadow: 0 1px 1px #fff;
723 .oo-ui-textInputWidget-pending input
,
724 .oo-ui-textInputWidget-pending textarea {
725 background-color: transparent
;
728 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
729 .oo-ui-textInputWidget
.oo-ui-widget-disabled
input:focus
,
730 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
731 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
733 text-shadow: 0 1px 1px #fff;
734 background-color: #f3f3f3;
738 .oo-ui-toggleSwitchWidget {
740 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
741 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
742 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
743 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
744 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
745 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
746 border: solid
1px #ccc;
748 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
749 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
752 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
756 .oo-ui-toggleSwitchWidget-grip {
758 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
759 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
760 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
761 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
762 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
763 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
764 border: 1px #c9c9c9 solid
;
766 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
767 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
770 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
771 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
775 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
777 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
778 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
779 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
780 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
781 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
782 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
784 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
785 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
788 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
792 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {