2 * OOjs UI v0.1.0-pre-svg (7788dc6700)
3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2014 OOjs Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: Thu Feb 13 2014 13:56:07 GMT-0800 (PST)
11 /*csslint vendor-prefix:false */
15 .oo-ui-texture-pending {
17 background-image: url
(images/textures/pending.gif);
20 .oo-ui-texture-transparency {
22 background-image: url
(images/textures/transparency.png);
27 @-webkit-keyframes oo-ui-zoom-in
{
28 from
{ -webkit-transform: scale
(0.5); }
29 to
{ -webkit-transform: scale
(1); }
32 @-moz-keyframes oo-ui-zoom-in
{
33 from
{ -moz-transform: scale
(0.5); }
34 to
{ -moz-transform: scale
(1); }
37 @-o-keyframes oo-ui-zoom-in
{
38 from
{ -o-transform: scale
(0.5); }
39 to
{ -o-transform: scale
(1); }
42 @keyframes oo-ui-zoom-in
{
43 from
{ transform: scale
(0.5); }
44 to
{ transform: scale
(1); }
47 @-webkit-keyframes oo-ui-fade-in
{
52 @-moz-keyframes oo-ui-fade-in
{
57 @-o-keyframes oo-ui-fade-in
{
62 @keyframes oo-ui-fade-in
{
85 background-color: #fff;
86 background-color: rgba
(255,255,255,0.5);
87 -webkit-animation: oo-ui-fade-in
250ms ease-in-out
0 1 normal
;
88 -moz-animation: oo-ui-fade-in
250ms ease-in-out
0 1 normal
;
89 -o-animation: oo-ui-fade-in
250ms ease-in-out
0 1 normal
;
90 animation: oo-ui-fade-in
250ms ease-in-out
0 1 normal
;
93 .oo-ui-dialog-closing {
94 -webkit-animation: oo-ui-fade-in
250ms ease-in-out
0 1 reverse
;
95 -moz-animation: oo-ui-fade-in
250ms ease-in-out
0 1 reverse
;
96 -o-animation: oo-ui-fade-in
250ms ease-in-out
0 1 reverse
;
97 animation: oo-ui-fade-in
250ms ease-in-out
0 1 reverse
;
100 .oo-ui-dialog .oo-ui-window-frame {
110 background-color: #fff;
111 border: solid
1px #ccc;
112 border-radius: 0.5em;
113 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
115 -webkit-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 normal
;
116 -moz-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 normal
;
117 -o-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 normal
;
118 animation: oo-ui-zoom-in
250ms ease-in-out
0 1 normal
;
121 .oo-ui-dialog .oo-ui-window-frame.oo-ui-window-frame-small {
126 .oo-ui-dialog-closing .oo-ui-window-frame {
127 -webkit-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 reverse
;
128 -moz-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 reverse
;
129 -o-animation: oo-ui-zoom-in
250ms ease-in-out
0 1 reverse
;
130 animation: oo-ui-zoom-in
250ms ease-in-out
0 1 reverse
;
133 .oo-ui-dialog .oo-ui-frame {
138 .oo-ui-dialog-content
.oo-ui-window-head
,
139 .oo-ui-dialog-content
.oo-ui-window-body
,
140 .oo-ui-dialog-content .oo-ui-window-foot {
144 -webkit-box-sizing: border-box
;
145 -moz-box-sizing: border-box
;
146 box-sizing: border-box
;
150 .oo-ui-dialog-content .oo-ui-window-head {
156 .oo-ui-dialog-content .oo-ui-window-foot {
162 .oo-ui-dialog-content .oo-ui-window-body {
163 box-shadow: 0 0 0.66em rgba
(0,0,0,0.25);
168 .oo-ui-dialog-content-footless .oo-ui-window-body {
172 .oo-ui-dialog-content-footless .oo-ui-window-foot {
176 .oo-ui-dialog-content .oo-ui-window-icon {
182 .oo-ui-dialog-content .oo-ui-window-title {
186 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
188 margin: 0.125em 0.25em;
191 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
,
192 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
,
193 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive {
197 .oo-ui-dialog-content .oo-ui-window-closeButton {
199 margin: 0.25em 0.25em;
202 /* OO.ui.ButtonedElement */
204 a
.oo-ui-buttonedElement-button
{
207 display: inline-block
;
208 vertical-align: middle
;
209 -webkit-touch-callout: none
;
210 -webkit-user-select: none
;
211 -moz-user-select: none
;
212 -ms-user-select: none
;
216 .oo-ui-buttonedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
217 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
221 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
222 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
224 display: inline-block
;
225 vertical-align: middle
;
226 background-position: center center
;
227 background-repeat: no-repeat
;
232 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
236 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
237 margin-right: -0.75em;
239 .oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button {
243 .oo-ui-buttonedElement-frameless {
244 display: inline-block
;
246 -webkit-transition: opacity
200ms;
247 -moz-transition: opacity
200ms;
248 -o-transition: opacity
200ms;
249 transition: opacity
200ms;
252 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-iconedElement-icon
,
253 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-iconedElement-icon {
257 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
261 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
262 display: inline-block
;
263 vertical-align: middle
;
268 .oo-ui-buttonedElement-frameless
.oo-ui-buttonedElement-button:hover
> .oo-ui-labeledElement-label
,
269 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button:focus > .oo-ui-labeledElement-label {
273 .oo-ui-buttonedElement-frameless.oo-ui-widget-disabled .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
277 /* OO.ui.ButtonWidget */
279 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
280 display: inline-block
;
283 padding: 0.2em 0.8em;
284 border-radius: 0.3em;
286 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
290 -webkit-transition: border-color
100ms;
291 -moz-transition: border-color
100ms;
292 -o-transition: border-color
100ms;
293 transition: border-color
100ms;
296 border: 1px #c9c9c9 solid
;
297 background-color: #dddddd;
298 filter: progid:DXImageTransform
.Microsoft
.gradient
(
299 GradientType
=0,startColorstr
=#ffffff, endColorstr
=#dddddd
301 background-image: -webkit-gradient
(
302 linear
, right top
, right bottom
, color-stop
(0%,#ffffff), color-stop
(100%,#dddddd)
304 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
305 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
306 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
307 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
308 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
311 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:hover
,
312 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button:focus {
316 .oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button:active
,
317 .oo-ui-buttonedElement-framed.oo-ui-buttonedElement-active .oo-ui-buttonedElement-button {
318 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
322 border-color: #c9c9c9;
323 background-color: #dddddd;
324 filter: progid:DXImageTransform
.Microsoft
.gradient
(
325 GradientType
=0,startColorstr
=#dddddd, endColorstr
=#ffffff
327 background-image: -webkit-gradient
(
328 linear
, right top
, right bottom
, color-stop
(0%,#dddddd), color-stop
(100%,#ffffff)
330 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
331 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
332 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
333 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
334 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
337 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
339 margin-right: -0.5em;
342 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
347 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
348 display: inline-block
;
349 vertical-align: middle
;
353 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-destructive .oo-ui-buttonedElement-button {
358 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
360 border: solid
1px #b8d892;
361 background-color: #f0fbe1;
362 filter: progid:DXImageTransform
.Microsoft
.gradient
(
363 GradientType
=0,startColorstr
=#f0fbe1, endColorstr
=#c3e59a
365 background-image: -webkit-gradient
(
366 linear
, right top
, right bottom
, color-stop
(0%,#f0fbe1), color-stop
(100%,#c3e59a)
368 background-image: -webkit-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
369 background-image: -moz-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
370 background-image: -ms-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
371 background-image: -o-linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
372 background-image: linear-gradient
(top
, #f0fbe1 0%, #c3e59a 100%);
375 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:hover
,
376 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button:focus {
377 border-color: #adcb89;
380 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-constructive
.oo-ui-buttonedElement-button:active
,
381 .oo-ui-buttonedElement-framed.oo-ui-buttonedElement-active.oo-ui-flaggableElement-constructive .oo-ui-buttonedElement-button {
383 border: solid
1px #b8d892;
384 background-color: #c3e59a;
385 filter: progid:DXImageTransform
.Microsoft
.gradient
(
386 GradientType
=0,startColorstr
=#c3e59a, endColorstr
=#f0fbe1
388 background-image: -webkit-gradient
(
389 linear
, right top
, right bottom
, color-stop
(0%,#c3e59a), color-stop
(100%,#f0fbe1)
391 background-image: -webkit-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
392 background-image: -moz-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
393 background-image: -ms-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
394 background-image: -o-linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
395 background-image: linear-gradient
(top
, #c3e59a 0%, #f0fbe1 100%);
398 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
400 border: solid
1px #a6cee1;
401 background-color: #eaf4fa;
402 filter: progid:DXImageTransform
.Microsoft
.gradient
(
403 GradientType
=0,startColorstr
=#eaf4fa, endColorstr
=#b0d9ee
405 background-image: -webkit-gradient
(
406 linear
, right top
, right bottom
, color-stop
(0%,#eaf4fa), color-stop
(100%,#b0d9ee)
408 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
409 background-image: -moz-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
410 background-image: -ms-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
411 background-image: -o-linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
412 background-image: linear-gradient
(top
, #eaf4fa 0%, #b0d9ee 100%);
415 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:hover
,
416 .oo-ui-buttonedElement-framed.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button:focus {
417 border-color: #9dc2d4;
420 .oo-ui-buttonedElement-framed
.oo-ui-flaggableElement-primary
.oo-ui-buttonedElement-button:active
,
421 .oo-ui-buttonedElement-framed.oo-ui-buttonedElement-active.oo-ui-flaggableElement-primary .oo-ui-buttonedElement-button {
423 border: solid
1px #a6cee1;
424 background-color: #b0d9ee;
425 filter: progid:DXImageTransform
.Microsoft
.gradient
(
426 GradientType
=0,startColorstr
=#b0d9ee, endColorstr
=#eaf4fa
428 background-image: -webkit-gradient
(
429 linear
, right top
, right bottom
, color-stop
(0%,#b0d9ee), color-stop
(100%,#eaf4fa)
431 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
432 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
433 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
434 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
435 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
438 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
439 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:active
,
440 .oo-ui-buttonedElement-framed.oo-ui-buttonedElement-active.oo-ui-widget-disabled .oo-ui-buttonedElement-button:active {
448 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button:hover
,
449 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button:focus {
454 /* OO.ui.LabeledElement */
456 .oo-ui-labeledElement-label {
460 .oo-ui-clippableElement-clippable {
461 -webkit-box-sizing: border-box
;
462 -moz-box-sizing: border-box
;
463 box-sizing: border-box
;
476 .oo-ui-frame-content {
477 font-family: sans-serif
;
480 /* OO.ui.GridLayout */
481 /* OO.ui.PanelLayout */
492 .oo-ui-panelLayout-scrollable {
496 .oo-ui-panelLayout-padded {
500 /* OO.ui.FieldsetLayout */
502 .oo-ui-fieldsetLayout {
508 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
512 .oo-ui-fieldsetLayout-labeled {
516 .oo-ui-fieldsetLayout > legend.oo-ui-labeledElement-label {
518 margin-bottom: 0.5em;
521 .oo-ui-fieldsetLayout-decorated > legend.oo-ui-labeledElement-label {
522 padding-left: 1.75em;
523 background-position: left center
;
524 background-repeat: no-repeat
;
527 /* OO.ui.BookletLayout */
529 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
532 -webkit-box-sizing: border-box
;
533 -moz-box-sizing: border-box
;
534 box-sizing: border-box
;
537 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
541 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
545 .oo-ui-bookletLayout-outlinePanel {
546 border-right: solid
1px #ddd;
549 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
558 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
563 box-shadow: 0 0 0.25em rgba
(0,0,0,0.25);
566 .oo-ui-stackLayout > .oo-ui-panelLayout {
570 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
574 box-shadow: 0 0 0.5em rgba
(0,0,0,0.25);
577 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout:last-child {
580 /* OO.ui.PopupTool */
582 .oo-ui-popupTool .oo-ui-popupWidget {
587 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
588 .oo-ui-popupTool .oo-ui-popupWidget-tail {
596 border-bottom: solid
1px #ccc;
597 background-color: white
;
599 background-image: url
(images
/fade-up
.png
);
600 background-position: left bottom
;
601 background-repeat: repeat-x
;
606 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
611 .oo-ui-toolbar-bottom .oo-ui-toolbar-bar {
615 .oo-ui-toolbar-actions {
619 .oo-ui-toolbar-tools {
623 .oo-ui-toolbar-tools
,
624 .oo-ui-toolbar-actions
,
625 .oo-ui-toolbar-shadow {
626 -webkit-user-select: none
;
627 -moz-user-select: none
;
628 -ms-user-select: none
;
629 -o-user-select: none
;
633 .oo-ui-toolbar-actions .oo-ui-popupWidget {
634 -webkit-touch-callout: default
;
635 -webkit-user-select: all
;
636 -moz-user-select: all
;
637 -ms-user-select: all
;
641 .oo-ui-toolbar-shadow {
643 background-image: url
(images
/toolbar-shadow
.png
);
644 background-position: left top
;
645 background-repeat: repeat-x
;
650 pointer-events: none
;
651 -webkit-transition: opacity
500ms ease-in-out
;
652 -moz-transition: opacity
500ms ease-in-out
;
653 -o-transition: opacity
500ms ease-in-out
;
654 transition: opacity
500ms ease-in-out
;
657 /* OO.ui.ToolGroup */
660 display: inline-block
;
662 vertical-align: middle
;
663 border-radius: 0.25em;
664 border: solid
1px transparent
;
665 -webkit-transition: border-color
300ms;
666 -moz-transition: border-color
300ms;
667 -o-transition: border-color
300ms;
668 transition: border-color
300ms;
671 .oo-ui-toolGroup:hover {
672 border-color: rgba
(0,0,0,0.1);
675 .oo-ui-toolGroup-empty {
679 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-tool-title {
683 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
684 background-position: center center
;
685 background-repeat: no-repeat
;
688 /* OO.ui.BarToolGroup */
690 .oo-ui-barToolGroup
> .oo-ui-iconedElement-icon
,
691 .oo-ui-barToolGroup > .oo-ui-iconedElement-label {
695 .oo-ui-barToolGroup .oo-ui-tool {
696 display: inline-block
;
699 margin: -1px 0 -1px -1px;
700 border: solid
1px transparent
;
703 .oo-ui-barToolGroup .oo-ui-tool-link {
711 .oo-ui-tool-active:not
(.oo-ui-widget-disabled
) +
712 .oo-ui-tool-active:not
(.oo-ui-widget-disabled
)
714 border-left-color: rgba
(0,0,0,0.1);
717 .oo-ui-barToolGroup .oo-ui-tool:first-child {
718 border-top-left-radius: 0.25em;
719 border-bottom-left-radius: 0.25em;
722 .oo-ui-barToolGroup .oo-ui-tool:last-child {
724 border-top-right-radius: 0.25em;
725 border-bottom-right-radius: 0.25em;
728 .oo-ui-barToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) {
729 border-color: rgba
(0,0,0,0.2);
732 .oo-ui-barToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) {
733 border-color: rgba
(0,0,0,0.2);
736 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
743 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
747 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
751 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
755 .oo-ui-barToolGroup .oo-ui-tool:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon {
759 .oo-ui-barToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon {
763 .oo-ui-barToolGroup .oo-ui-tool-title {
767 /* OO.ui.PopupToolGroup */
769 .oo-ui-popupToolGroup {
775 .oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement {
779 .oo-ui-popupToolGroup-handle {
784 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
785 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
790 background-position: center center
;
791 background-repeat: no-repeat
;
795 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator {
799 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
803 .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
809 .oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
813 .oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
814 margin-right: 2.25em;
817 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
823 border: solid
1px #ccc;
824 background-color: white
;
825 box-shadow: 0 0.25em 1em rgba
(0,0,0,0.25);
828 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon {
829 background-repeat: no-repeat
;
830 background-position: center center
;
833 .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) > .oo-ui-toolGroup-tools {
837 .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) {
838 border-bottom-left-radius: 0;
839 border-bottom-right-radius: 0;
842 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
843 display: inline-block
;
844 vertical-align: middle
;
850 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
851 display: inline-block
;
852 vertical-align: middle
;
857 .oo-ui-popupToolGroup .oo-ui-tool-accel {
861 /* OO.ui.ListToolGroup */
863 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
867 .oo-ui-listToolGroup .oo-ui-tool {
868 display: inline-block
;
870 -webkit-box-sizing: border-box
;
871 -moz-box-sizing: border-box
;
872 box-sizing: border-box
;
873 border: solid
1px transparent
;
877 .oo-ui-listToolGroup .oo-ui-tool-link {
881 padding-right: 0.5em;
884 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
885 border-color: rgba
(0,0,0,0.2);
889 .oo-ui-tool-active:not
(.oo-ui-widget-disabled
) +
890 .oo-ui-tool-active:not
(.oo-ui-widget-disabled
)
892 border-top-color: rgba
(0,0,0,0.1);
895 .oo-ui-listToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) {
896 border-color: rgba
(0,0,0,0.2);
899 .oo-ui-listToolGroup .oo-ui-tool-active:not(.oo-ui-widget-disabled) {
900 border-color: rgba
(0,0,0,0.2);
903 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
907 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
911 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconedElement-icon {
915 .oo-ui-listToolGroup .oo-ui-tool:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon {
919 .oo-ui-listToolGroup .oo-ui-tool:hover:not(.oo-ui-widget-disabled) .oo-ui-tool-link .oo-ui-iconedElement-icon {
923 /* OO.ui.MenuToolGroup */
925 .oo-ui-menuToolGroup {
926 border-color: rgba
(0,0,0,0.1);
929 .oo-ui-menuToolGroup:hover {
930 border-color: rgba
(0,0,0,0.2);
933 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
934 border-color: rgba
(0,0,0,0.25);
937 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
941 .oo-ui-menuToolGroup .oo-ui-tool {
945 .oo-ui-menuToolGroup .oo-ui-tool-link {
949 padding: 0.25em 1em 0.25em 0.25em;
952 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
953 background-image: none
;
956 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
958 background-image: url
(images/icons/check.png);
961 .oo-ui-menuToolGroup .oo-ui-tool:hover {
962 background-color: #e1f3ff;
967 .oo-ui-barToolGroup
.oo-ui-tool-active:not
(.oo-ui-widget-disabled
),
968 .oo-ui-listToolGroup
.oo-ui-tool-active:not
(.oo-ui-widget-disabled
),
969 .oo-ui-popupToolGroup-active:not(.oo-ui-widget-disabled) {
971 background-image: url
(images
/fade-down
.png
);
972 background-position: left top
;
973 background-repeat: repeat-x
;
974 box-shadow: inset
0 0.07em 0.07em 0 rgba
(0, 0, 0, 0.07);
976 /* OO.ui.ButtonWidget */
978 .oo-ui-buttonWidget {
979 display: inline-block
;
980 vertical-align: middle
;
983 /* OO.ui.PopupButtonWidget */
985 .oo-ui-popupButtonWidget {
989 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
995 /* OO.ui.ButtonGroupWidget */
997 .oo-ui-buttonGroupWidget {
998 display: inline-block
;
999 border-radius: 0.3em;
1002 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
1004 margin-bottom: -1px;
1008 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
1009 border-bottom-left-radius: 0.3em;
1010 border-top-left-radius: 0.3em;
1014 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
1015 border-bottom-right-radius: 0.3em;
1016 border-top-right-radius: 0.3em;
1019 /* OO.ui.SelectWidget */
1021 .oo-ui-selectWidget {
1027 /* OO.ui.OptionWidget */
1029 .oo-ui-optionWidget {
1035 padding: 0.5em 2em 0.5em 3em;
1039 .oo-ui-optionWidget .oo-ui-labeledElement-label {
1041 white-space: nowrap
;
1042 text-overflow: ellipsis
;
1046 .oo-ui-optionWidget-highlighted {
1047 background-color: #e1f3ff;
1050 .oo-ui-optionWidget-selected {
1051 background-color: #a7dcff;
1054 .oo-ui-optionWidget.oo-ui-widget-disabled {
1058 .oo-ui-optionWidget
.oo-ui-iconedElement-icon
,
1059 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
1065 background-repeat: no-repeat
;
1066 background-position: center center
;
1069 .oo-ui-optionWidget .oo-ui-iconedElement-icon {
1073 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
1077 /* OO.ui.OutlineItemWidget */
1079 .oo-ui-outlineItemWidget {
1081 padding: 0.75em 0.75em 0.75em 3.5em;
1082 -webkit-user-select: none
;
1083 -moz-user-select: none
;
1084 -ms-user-select: none
;
1090 .oo-ui-outlineItemWidget-level-1 {
1094 .oo-ui-outlineItemWidget-level-2 {
1095 padding-left: 6.5em;
1098 .oo-ui-outlineItemWidget.oo-ui-optionWidget-selected {
1099 background-color: #a7dcff;
1100 text-shadow: 0 1px 1px rgba
(255,255,255,0.5);
1103 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
1107 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
1111 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
1115 /* OO.ui.OutlineControlsWidget */
1117 .oo-ui-outlineControlsWidget {
1119 background-color: #fff;
1122 .oo-ui-outlineControlsWidget-adders
,
1123 .oo-ui-outlineControlsWidget-movers {
1125 -webkit-box-sizing: border-box
;
1126 -moz-box-sizing: border-box
;
1127 box-sizing: border-box
;
1132 .oo-ui-outlineControlsWidget-adders {
1135 .oo-ui-outlineControlsWidget-movers {
1139 .oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget {
1143 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
1147 .oo-ui-outlineControlsWidget-adders
.oo-ui-buttonWidget:first-child
,
1148 .oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget:first-child:hover {
1153 /* OO.ui.InputLabelWidget */
1155 .oo-ui-inputLabelWidget {
1159 /* OO.ui.TextInputWidget */
1161 .oo-ui-textInputWidget {
1162 -webkit-box-sizing: border-box
;
1163 -moz-box-sizing: border-box
;
1164 box-sizing: border-box
;
1169 .oo-ui-textInputWidget input
,
1170 .oo-ui-textInputWidget
input:focus
[readonly
],
1171 .oo-ui-widget-disabled
.oo-ui-textInputWidget
input:focus
,
1172 .oo-ui-textInputWidget textarea
,
1173 .oo-ui-textInputWidget
textarea:focus
[readonly
],
1174 .oo-ui-widget-disabled.oo-ui-textInputWidget textarea:focus {
1175 display: inline-block
;
1177 font-family: sans-serif
;
1178 background-color: #fff;
1179 border: solid
1px #ccc;
1180 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
1182 border-radius: 0.25em;
1183 -webkit-box-sizing: border-box
;
1184 -moz-box-sizing: border-box
;
1185 box-sizing: border-box
;
1190 -webkit-transition: border-color
200ms, box-shadow
200ms;
1191 -moz-transition: border-color
200ms, box-shadow
200ms;
1192 -o-transition: border-color
200ms, box-shadow
200ms;
1193 transition: border-color
200ms, box-shadow
200ms;
1196 .oo-ui-textInputWidget-pending input
,
1197 .oo-ui-textInputWidget-pending textarea {
1198 background-color: transparent
;
1201 .oo-ui-textInputWidget
input:focus
,
1202 .oo-ui-textInputWidget textarea:focus {
1204 border-color: #a7dcff;
1205 box-shadow: 0 0 0.3em #a7dcff, 0 0 0 white
;
1208 .oo-ui-textInputWidget input
[readonly
],
1209 .oo-ui-textInputWidget textarea[readonly] {
1211 text-shadow: 0 1px 1px #fff;
1214 .oo-ui-widget-disabled
.oo-ui-textInputWidget input
,
1215 .oo-ui-widget-disabled
.oo-ui-textInputWidget
input:focus
,
1216 .oo-ui-widget-disabled
.oo-ui-textInputWidget textarea
,
1217 .oo-ui-widget-disabled.oo-ui-textInputWidget textarea:focus {
1220 text-shadow: 0 1px 1px #fff;
1223 .oo-ui-textInputWidget-decorated input
,
1224 .oo-ui-textInputWidget-decorated textarea {
1228 .oo-ui-textInputWidget-icon {
1234 background-position: right center
;
1235 background-repeat: no-repeat
;
1238 /* OO.ui.CheckboxWidget */
1239 .oo-ui-checkboxWidget .oo-ui-labeledElement-label {
1240 display: inline-block
;
1241 vertical-align: middle
;
1242 padding-left: 0.5em;
1245 .oo-ui-checkboxWidget input {
1246 vertical-align: middle
;
1249 .oo-ui-checkboxWidget.oo-ui-widget-disabled .oo-ui-labeledElement-label {
1253 /* OO.ui.MenuWidget */
1259 border: solid
1px #ccc;
1260 border-radius: 0 0 0.25em 0.25em;
1261 box-shadow: 0 0.15em 1em 0 rgba
(0, 0, 0, 0.2);
1264 .oo-ui-menuWidget input {
1272 /* OO.ui.MenuItemWidget */
1274 .oo-ui-menuItemWidget {
1278 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
1282 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
1286 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
1287 background-color: transparent
;
1290 .oo-ui-menuItemWidget.oo-ui-optionWidget-highlighted {
1291 background-color: #e1f3ff;
1294 /* OO.ui.MenuSectionItemWidget */
1296 .oo-ui-menuSectionItemWidget {
1297 padding: 0.33em 0.75em;
1302 /* OO.ui.ButtonSelectWidget */
1304 .oo-ui-buttonSelectWidget {
1305 display: inline-block
;
1306 border-radius: 0.3em;
1309 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
1314 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonedElement-button {
1315 border-bottom-left-radius: 0.3em;
1316 border-top-left-radius: 0.3em;
1320 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonedElement-button {
1321 border-bottom-right-radius: 0.3em;
1322 border-top-right-radius: 0.3em;
1325 /* OO.ui.ButtonOptionWidget */
1327 .oo-ui-buttonOptionWidget {
1328 display: inline-block
;
1330 background-color: transparent
;
1333 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
1338 .oo-ui-buttonOptionWidget
.oo-ui-iconedElement
.oo-ui-iconedElement-icon
,
1339 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
1341 display: inline-block
;
1342 vertical-align: middle
;
1347 /* OO.ui.PopupWidget */
1349 .oo-ui-popupWidget-popup {
1352 border: solid
1px #ccc;
1353 border-radius: 0.25em;
1354 background-color: #fff;
1355 box-shadow: 0 0.15em 0.5em 0 rgba
(0, 0, 0, 0.2);
1358 .oo-ui-popupWidget-tail {
1362 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup {
1366 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
1370 background-image: url
(images/tail.svg);
1371 background-repeat: no-repeat
;
1377 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
1378 -webkit-transition: width
100ms, height
100ms, left
100ms;
1379 -moz-transition: width
100ms, height
100ms, left
100ms;
1380 -o-transition: width
100ms, height
100ms, left
100ms;
1381 transition: width
100ms, height
100ms, left
100ms;
1382 -webkit-transition-timing-function: ease-in-out
;
1383 -moz-transition-timing-function: ease-in-out
;
1384 -o-transition-timing-function: ease-in-out
;
1385 transition-timing-function: ease-in-out
;
1388 .oo-ui-popupWidget-head {
1390 -webkit-touch-callout: none
;
1391 -webkit-user-select: none
;
1392 -moz-user-select: none
;
1393 -ms-user-select: none
;
1397 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
1402 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
1408 .oo-ui-popupWidget-body {
1409 box-shadow: 0 0 0.66em rgba
(0,0,0,0.25);
1412 /* OO.ui.SearchWidget */
1414 .oo-ui-searchWidget-query {
1421 box-shadow: 0 0 0.5em rgba
(0,0,0,0.2);
1424 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1429 .oo-ui-searchWidget-results {
1441 /* OO.ui.ToggleSwitchWidget */
1443 .oo-ui-toggleSwitchWidget {
1445 display: inline-block
;
1446 vertical-align: middle
;
1451 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #ddd;
1452 border: solid
1px #ccc;
1454 -webkit-box-sizing: border-box
;
1455 -moz-box-sizing: border-box
;
1456 box-sizing: border-box
;
1457 -webkit-transform: translateZ
(0px);
1458 -moz-transform: translateZ
(0px);
1459 -ms-transform: translateZ
(0px);
1460 -o-transform: translateZ
(0px);
1461 transform: translateZ
(0px);
1464 background-color: #dddddd;
1465 filter: progid:DXImageTransform
.Microsoft
.gradient
(
1466 GradientType
=0,startColorstr
=#dddddd, endColorstr
=#ffffff
1468 background-image: -webkit-gradient
(
1469 linear
, right top
, right bottom
, color-stop
(0%,#dddddd), color-stop
(100%,#ffffff)
1471 background-image: -webkit-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
1472 background-image: -moz-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
1473 background-image: -ms-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
1474 background-image: -o-linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
1475 background-image: linear-gradient
(top
, #dddddd 0%, #ffffff 100%);
1478 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1483 .oo-ui-toggleSwitchWidget-grip {
1484 -webkit-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1485 -moz-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1486 -o-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1487 transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1490 .oo-ui-toggleSwitchWidget-grip {
1498 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
1499 -webkit-box-sizing: border-box
;
1500 -moz-box-sizing: border-box
;
1501 box-sizing: border-box
;
1504 border: 1px #c9c9c9 solid
;
1505 background-color: #ffffff;
1506 filter: progid:DXImageTransform
.Microsoft
.gradient
(
1507 GradientType
=0,startColorstr
=#ffffff, endColorstr
=#dddddd
1509 background-image: -webkit-gradient
(
1510 linear
, right top
, right bottom
, color-stop
(0%,#ffffff), color-stop
(100%,#dddddd)
1512 background-image: -webkit-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
1513 background-image: -moz-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
1514 background-image: -ms-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
1515 background-image: -o-linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
1516 background-image: linear-gradient
(top
, #ffffff 0%, #dddddd 100%);
1519 .oo-ui-toggleSwitchWidget:not
(.oo-ui-widget-disabled
):hover
,
1520 .oo-ui-toggleSwitchWidget:not(.oo-ui-widget-disabled):hover .oo-ui-toggleSwitchWidget-grip {
1524 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1529 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1534 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-on {
1541 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
1542 -webkit-touch-callout: none
;
1543 -webkit-user-select: none
;
1544 -moz-user-select: none
;
1545 -ms-user-select: none
;
1548 -webkit-transition: opacity
200ms ease-in-out
;
1549 -moz-transition: opacity
200ms ease-in-out
;
1550 -o-transition: opacity
200ms ease-in-out
;
1551 transition: opacity
200ms ease-in-out
;
1554 background-color: #eaf4fa;
1555 filter: progid:DXImageTransform
.Microsoft
.gradient
(
1556 GradientType
=0,startColorstr
=#b0d9ee, endColorstr
=#eaf4fa
1558 background-image: -webkit-gradient
(
1559 linear
, right top
, right bottom
, color-stop
(0%,#b0d9ee), color-stop
(100%,#eaf4fa)
1561 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
1562 background-image: -moz-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
1563 background-image: -ms-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
1564 background-image: -o-linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
1565 background-image: linear-gradient
(top
, #b0d9ee 0%, #eaf4fa 100%);
1568 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-on {
1572 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-on {
1575 .oo-ui-window-head {
1576 -webkit-touch-callout: none
;
1577 -webkit-user-select: none
;
1578 -moz-user-select: none
;
1579 -ms-user-select: none
;
1583 .oo-ui-window-body {
1587 .oo-ui-window-icon {
1592 margin-right: 0.5em;
1593 background-position: right center
;
1594 background-repeat: no-repeat
;
1597 .oo-ui-window-title {
1601 white-space: nowrap
;
1605 .oo-ui-window-overlay {
1606 font-family: sans-serif
;
1615 .oo-ui-icon-add-item {
1617 background-image: url
(images
/icons
/add-item
.svg
);
1620 .oo-ui-icon-advanced {
1622 background-image: url
(images/icons/advanced.svg);
1627 background-image: url
(images/icons/alert.svg);
1632 background-image: url
(images/icons/check.svg);
1637 background-image: url
(images/icons/clear.svg);
1642 background-image: url
(images/icons/close.svg);
1647 background-image: url
(images/icons/code.svg);
1650 .oo-ui-icon-collapse {
1652 background-image: url
(images/icons/collapse.svg);
1655 .oo-ui-icon-comment {
1657 background-image: url
(images/icons/comment.svg);
1660 .oo-ui-icon-expand {
1662 background-image: url
(images/icons/expand.svg);
1667 background-image: url
(images/icons/help.svg);
1672 background-image: url
(images/icons/link.svg);
1677 background-image: url
(images/icons/menu.svg);
1682 background-image: url
(images
/icons
/move-ltr
.svg
);
1685 .oo-ui-icon-picture {
1687 background-image: url
(images/icons/picture.svg);
1690 .oo-ui-icon-previous {
1692 background-image: url
(images
/icons
/move-rtl
.svg
);
1697 background-image: url
(images
/icons
/arched-arrow-ltr
.svg
);
1700 .oo-ui-icon-remove {
1702 background-image: url
(images/icons/remove.svg);
1705 .oo-ui-icon-search {
1707 background-image: url
(images/icons/search.svg);
1710 .oo-ui-icon-settings {
1712 background-image: url
(images/icons/settings.svg);
1717 background-image: url
(images/icons/tag.svg);
1722 background-image: url
(images
/icons
/arched-arrow-rtl
.svg
);
1725 .oo-ui-icon-window {
1727 background-image: url
(images/icons/window.svg);
1732 .oo-ui-indicator-down {
1734 background-image: url
(images/indicators/down.svg);
1737 .oo-ui-indicator-required {
1739 background-image: url
(images/indicators/required.svg);
1742 .oo-ui-indicator-up {
1744 background-image: url
(images/indicators/up.svg);