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-body {
42 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
45 .oo-ui-frame-content {
46 font-family: sans-serif
;
52 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #f1f7fb));
53 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
54 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
55 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
56 background-image: -o-linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
57 background-image: linear-gradient
(top
, #ffffff 0%, #f1f7fb 100%);
58 border-bottom: solid
1px #ccc;
59 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#f1f7fb');
62 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
67 .oo-ui-toolbar-shadow {
70 background-image: /* @embed */ url
(images
/toolbar-shadow
.png
);
72 -webkit-transition: opacity
500ms ease-in-out
;
73 -moz-transition: opacity
500ms ease-in-out
;
74 -ms-transition: opacity
500ms ease-in-out
;
75 -o-transition: opacity
500ms ease-in-out
;
76 transition: opacity
500ms ease-in-out
;
80 border: solid
1px transparent
;
81 border-radius: 0.25em;
82 -webkit-transition: border-color
300ms ease-in-out
;
83 -moz-transition: border-color
300ms ease-in-out
;
84 -ms-transition: border-color
300ms ease-in-out
;
85 -o-transition: border-color
300ms ease-in-out
;
86 transition: border-color
300ms ease-in-out
;
89 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
90 border-color: rgba
(0, 0, 0, 0.1);
93 .oo-ui-toolGroup.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
108 .oo-ui-window-title {
113 .oo-ui-window-overlay {
114 font-family: sans-serif
;
119 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
123 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
124 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
130 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
131 /* Don't animate opacities for now, causes wiggling in Chrome (bug 63020) */
133 /*.oo-ui-transition(opacity 200ms);*/
137 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
138 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
142 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
143 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
147 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
151 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
155 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
159 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
160 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
162 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
163 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
164 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
165 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
166 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
167 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
168 border: 1px #c9c9c9 solid
;
169 border-radius: 0.3em;
170 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
171 -webkit-transition: border-color
100ms ease-in-out
;
172 -moz-transition: border-color
100ms ease-in-out
;
173 -ms-transition: border-color
100ms ease-in-out
;
174 -o-transition: border-color
100ms ease-in-out
;
175 transition: border-color
100ms ease-in-out
;
178 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
179 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
183 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
184 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
187 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
188 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
189 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
190 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
191 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
192 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
193 border-color: #c9c9c9;
194 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
195 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
198 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
200 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #eaf4fa), color-stop
(100%, #b0d9ee));
201 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
202 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
203 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
204 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
205 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
206 border: solid
1px #a6cee1;
207 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#eaf4fa', endColorstr
='#b0d9ee');
210 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
211 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
212 border-color: #9dc2d4;
215 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
216 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
218 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
219 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
220 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
221 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
222 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
223 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
224 border: solid
1px #a6cee1;
225 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
228 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
230 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f0fbe1), color-stop
(100%, #c3e59a));
231 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
232 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
233 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
234 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
235 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
236 border: solid
1px #b8d892;
237 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f0fbe1', endColorstr
='#c3e59a');
240 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
241 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
242 border-color: #adcb89;
245 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
246 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
248 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #c3e59a), color-stop
(100%, #f0fbe1));
249 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
250 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
251 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
252 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
253 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
254 border: solid
1px #b8d892;
255 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#c3e59a', endColorstr
='#f0fbe1');
258 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
262 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
263 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
264 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
272 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
273 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:hover
,
274 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-pressed:hover
,
275 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:focus
,
276 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active:focus
,
277 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed:focus {
282 .oo-ui-bookletLayout > .oo-ui-gridLayout > .oo-ui-panelLayout {
283 -webkit-transition: width
250ms ease-in-out
, height
250ms ease-in-out
, top
250ms ease-in-out
, left
250ms ease-in-out
;
284 -moz-transition: width
250ms ease-in-out
, height
250ms ease-in-out
, top
250ms ease-in-out
, left
250ms ease-in-out
;
285 -ms-transition: width
250ms ease-in-out
, height
250ms ease-in-out
, top
250ms ease-in-out
, left
250ms ease-in-out
;
286 -o-transition: width
250ms ease-in-out
, height
250ms ease-in-out
, top
250ms ease-in-out
, left
250ms ease-in-out
;
287 transition: width
250ms ease-in-out
, height
250ms ease-in-out
, top
250ms ease-in-out
, left
250ms ease-in-out
;
290 .oo-ui-bookletLayout-outlinePanel {
291 border-right: solid
1px #ddd;
294 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
295 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
298 .oo-ui-fieldLayout-disabled .oo-ui-labeledElement-label {
302 .oo-ui-fieldsetLayout {
306 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
310 .oo-ui-barToolGroup .oo-ui-tool {
311 margin: -1px 0 -1px -1px;
312 border: solid
1px transparent
;
315 .oo-ui-barToolGroup .oo-ui-tool:first-child {
316 border-bottom-left-radius: 0.25em;
317 border-top-left-radius: 0.25em;
320 .oo-ui-barToolGroup .oo-ui-tool:last-child {
322 border-top-right-radius: 0.25em;
323 border-bottom-right-radius: 0.25em;
326 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
330 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover {
331 border-color: rgba
(0, 0, 0, 0.2);
334 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled {
336 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
337 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
338 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
339 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
340 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
341 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
342 border-color: rgba
(0, 0, 0, 0.2);
343 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
344 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
347 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
348 border-left-color: rgba
(0, 0, 0, 0.1);
351 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
355 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
359 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
363 .oo-ui-barToolGroup.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
367 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
368 border-color: rgba
(0, 0, 0, 0.2);
371 .oo-ui-listToolGroup .oo-ui-tool {
373 border: solid
1px transparent
;
376 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled {
378 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
379 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
380 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
381 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
382 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
383 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
384 border-color: rgba
(0, 0, 0, 0.1);
385 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
386 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
389 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
390 border-top-color: rgba
(0, 0, 0, 0.1);
393 .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled:hover {
394 border-color: rgba
(0, 0, 0, 0.2);
397 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
398 border-color: rgba
(0, 0, 0, 0.2);
401 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
405 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconedElement-icon {
409 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
413 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
417 .oo-ui-listToolGroup.oo-ui-widget-disabled {
421 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
422 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
426 .oo-ui-menuToolGroup {
427 border-color: rgba
(0, 0, 0, 0.1);
430 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
431 border-color: rgba
(0, 0, 0, 0.2);
434 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
435 border-color: rgba
(0, 0, 0, 0.25);
438 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover {
439 background-color: #e1f3ff;
442 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
446 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
450 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
452 border-color: rgba
(0, 0, 0, 0.05);
455 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatedElement-indicator
,
456 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconedElement-icon {
460 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
461 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
465 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
466 background-color: white
;
467 border: solid
1px #ccc;
468 box-shadow: 0 0.25em 1em rgba
(0, 0, 0, 0.25);
471 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
473 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #f1f7fb), color-stop
(100%, #ffffff));
474 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
475 background-image: -moz-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
476 background-image: -ms-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
477 background-image: -o-linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
478 background-image: linear-gradient
(top
, #f1f7fb 0%, #ffffff 100%);
479 border-bottom-right-radius: 0;
480 border-bottom-left-radius: 0;
481 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#f1f7fb', endColorstr
='#ffffff');
482 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
485 .oo-ui-optionWidget {
486 padding: 0.5em 2em 0.5em 3em;
489 .oo-ui-optionWidget-highlighted {
490 background-color: #e1f3ff;
493 .oo-ui-selectWidget-depressed .oo-ui-optionWidget-selected {
494 background-color: #a7dcff;
497 .oo-ui-selectWidget-pressed .oo-ui-optionWidget-pressed {
498 background-color: #a7dcff;
501 .oo-ui-optionWidget.oo-ui-widget-disabled {
508 border: solid
1px #ccc;
509 border-radius: 0 0 0.25em 0.25em;
510 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
513 .oo-ui-popupWidget-popup {
514 background-color: #fff;
515 border: solid
1px #ccc;
516 border-radius: 0.25em;
517 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
520 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
524 background-image: /* @embed */ url
(images/tail.svg);
527 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
528 -webkit-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
529 -moz-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
530 -ms-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
531 -o-transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
532 transition: width
100ms ease-in-out
, height
100ms ease-in-out
, left
100ms ease-in-out
;
535 .oo-ui-popupWidget-body {
536 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
539 .oo-ui-buttonGroupWidget {
540 display: inline-block
;
544 .oo-ui-buttonOptionWidget {
548 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
549 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
550 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
551 background-color: transparent
;
554 .oo-ui-buttonSelectWidget {
555 border-radius: 0.3em;
558 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
563 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
565 border-bottom-left-radius: 0.3em;
566 border-top-left-radius: 0.3em;
569 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
570 border-top-right-radius: 0.3em;
571 border-bottom-right-radius: 0.3em;
574 .oo-ui-inlineMenuWidget-handle {
575 border: solid
1px rgba
(0, 0, 0, 0.1);
576 border-radius: 0.25em;
579 .oo-ui-inlineMenuWidget-handle:hover {
580 border-color: rgba
(0, 0, 0, 0.2);
583 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
584 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
588 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
590 text-shadow: 0 1px 1px #fff;
591 background-color: #f3f3f3;
595 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-indicatedElement-indicator {
599 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
600 background-color: transparent
;
603 .oo-ui-menuItemWidget
.oo-ui-optionWidget-highlighted
,
604 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
605 background-color: #e1f3ff;
608 .oo-ui-menuSectionItemWidget {
609 padding: 0.33em 0.75em;
613 .oo-ui-outlineControlsWidget {
614 background-color: #fff;
617 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
621 .oo-ui-outlineItemWidget {
625 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
626 padding-right: 1.5em;
629 .oo-ui-outlineItemWidget-level-0 {
633 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
637 .oo-ui-outlineItemWidget-level-1 {
641 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
645 .oo-ui-outlineItemWidget-level-2 {
649 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
653 .oo-ui-selectWidget-depressed .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
654 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
655 background-color: #a7dcff;
658 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-important {
662 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-placeholder {
666 .oo-ui-outlineItemWidget
.oo-ui-flaggableElement-empty
.oo-ui-iconedElement-icon
,
667 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-indicatedElement-indicator {
671 .oo-ui-outlineItemWidget.oo-ui-flaggableElement-empty .oo-ui-labeledElement-label {
675 .oo-ui-searchWidget-query {
676 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
679 .oo-ui-textInputWidget {
683 .oo-ui-textInputWidget input
,
684 .oo-ui-textInputWidget textarea {
686 font-family: sans-serif
;
688 background-color: #fff;
689 border: solid
1px #ccc;
690 border-radius: 0.25em;
691 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
692 -webkit-transition: border-color
200ms, box-shadow
200ms;
693 -moz-transition: border-color
200ms, box-shadow
200ms;
694 -ms-transition: border-color
200ms, box-shadow
200ms;
695 -o-transition: border-color
200ms, box-shadow
200ms;
696 transition: border-color
200ms, box-shadow
200ms;
699 .oo-ui-textInputWidget-decorated input
,
700 .oo-ui-textInputWidget-decorated textarea {
704 .oo-ui-textInputWidget-icon {
708 .oo-ui-textInputWidget
.oo-ui-widget-enabled
input:focus
,
709 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
710 border-color: #a7dcff;
712 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
715 .oo-ui-textInputWidget input
[readonly
],
716 .oo-ui-textInputWidget textarea[readonly] {
718 text-shadow: 0 1px 1px #fff;
721 .oo-ui-textInputWidget-pending input
,
722 .oo-ui-textInputWidget-pending textarea {
723 background-color: transparent
;
726 .oo-ui-textInputWidget
.oo-ui-widget-disabled input
,
727 .oo-ui-textInputWidget
.oo-ui-widget-disabled
input:focus
,
728 .oo-ui-textInputWidget
.oo-ui-widget-disabled textarea
,
729 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea:focus {
731 text-shadow: 0 1px 1px #fff;
732 background-color: #f3f3f3;
736 .oo-ui-toggleSwitchWidget {
738 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #dddddd), color-stop
(100%, #ffffff));
739 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
740 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
741 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
742 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
743 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
744 border: solid
1px #ccc;
746 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#dddddd', endColorstr
='#ffffff');
747 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
750 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
754 .oo-ui-toggleSwitchWidget-grip {
756 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #ffffff), color-stop
(100%, #dddddd));
757 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
758 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
759 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
760 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
761 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
762 border: 1px #c9c9c9 solid
;
764 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#ffffff', endColorstr
='#dddddd');
765 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
768 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
769 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
773 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
775 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0%, #b0d9ee), color-stop
(100%, #eaf4fa));
776 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
777 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
778 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
779 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
780 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
782 filter: progid:DXImageTransform
.Microsoft
.gradient
(GradientType
=0, startColorstr
='#b0d9ee', endColorstr
='#eaf4fa');
783 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
786 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
790 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {