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: 2014-09-11T19:39:50Z
14 * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
15 * additional rules to the base styles.
20 * Themes should include this file after defining their variables and mixins.
30 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
32 display: inline-block
;
33 vertical-align: middle
;
34 -webkit-touch-callout: none
;
35 -webkit-user-select: none
;
36 -moz-user-select: none
;
37 -ms-user-select: none
;
40 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
43 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
46 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
49 .oo-ui-buttonElement
.oo-ui-indicatorElement
> .oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
50 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
51 display: inline-block
;
52 vertical-align: middle
;
53 background-position: center center
;
54 background-repeat: no-repeat
;
56 .oo-ui-buttonElement-frameless {
57 display: inline-block
;
60 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
61 display: inline-block
;
62 vertical-align: middle
;
64 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
65 display: inline-block
;
69 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
70 display: inline-block
;
71 vertical-align: middle
;
73 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
> .oo-ui-buttonElement-button
,
74 .oo-ui-buttonElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonElement-active
> .oo-ui-buttonElement-button
,
75 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
78 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
81 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
84 .oo-ui-buttonElement
.oo-ui-indicatorElement
.oo-ui-buttonElement-button
> .oo-ui-indicatorElement-indicator
,
85 .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
88 background-size: 2em auto
;
90 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
93 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
96 .oo-ui-clippableElement-clippable {
97 -webkit-box-sizing: border-box
;
98 -moz-box-sizing: border-box
;
99 box-sizing: border-box
;
101 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
104 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
106 -webkit-box-sizing: border-box
;
107 -moz-box-sizing: border-box
;
108 box-sizing: border-box
;
110 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
113 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
116 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
124 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
130 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
136 .oo-ui-fieldLayout:before
,
137 .oo-ui-fieldLayout:after {
141 .oo-ui-fieldLayout:after {
144 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-labelElement-label
,
145 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
149 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-field
,
150 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
154 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
157 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
158 display: inline-block
;
159 vertical-align: middle
;
161 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
162 display: inline-block
;
163 vertical-align: middle
;
165 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
166 display: inline-block
;
168 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
171 .oo-ui-fieldLayout:last-child {
174 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-labelElement-label
,
175 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
180 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-field
,
181 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
184 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
185 padding: 0.75em 0.5em 0.5em 0.5em;
187 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
190 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
193 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
196 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
199 .oo-ui-fieldsetLayout {
204 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
207 background-position: center center
;
208 background-repeat: no-repeat
;
210 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
211 display: inline-block
;
213 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
216 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
217 margin-bottom: 0.5em;
220 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
221 padding-right: 1.75em;
224 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
241 .oo-ui-panelLayout-scrollable {
244 .oo-ui-panelLayout-expanded {
251 .oo-ui-stackLayout > .oo-ui-panelLayout {
254 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
258 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
259 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
262 .oo-ui-popupTool .oo-ui-popupWidget {
263 margin-right: 1.25em;
267 display: inline-block
;
268 vertical-align: middle
;
271 .oo-ui-toolGroup-empty {
274 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
275 background-position: center center
;
276 background-repeat: no-repeat
;
278 .oo-ui-barToolGroup
> .oo-ui-iconElement-icon
,
279 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
282 .oo-ui-barToolGroup .oo-ui-tool {
283 display: inline-block
;
287 .oo-ui-barToolGroup .oo-ui-tool-link {
290 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
293 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
296 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
299 .oo-ui-barToolGroup
.oo-ui-tool-title
,
300 .oo-ui-barToolGroup .oo-ui-tool-accel {
303 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
306 .oo-ui-barToolGroup .oo-ui-tool-link {
310 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
314 .oo-ui-popupToolGroup {
319 .oo-ui-popupToolGroup-handle {
323 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
324 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
326 background-position: center center
;
327 background-repeat: no-repeat
;
329 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
332 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
337 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
338 background-repeat: no-repeat
;
339 background-position: center center
;
341 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
344 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
347 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
350 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
351 display: inline-block
;
352 vertical-align: middle
;
354 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
355 display: inline-block
;
356 vertical-align: middle
;
358 .oo-ui-popupToolGroup .oo-ui-tool-accel {
361 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
364 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
365 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
370 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
373 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
376 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
381 .oo-ui-popupToolGroup-header {
387 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
390 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
393 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
396 border: solid
1px #dddddd;
397 background-color: white
;
399 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
404 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
408 .oo-ui-listToolGroup .oo-ui-tool {
409 display: inline-block
;
411 -webkit-box-sizing: border-box
;
412 -moz-box-sizing: border-box
;
413 box-sizing: border-box
;
415 .oo-ui-listToolGroup .oo-ui-tool-link {
420 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
423 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
426 .oo-ui-listToolGroup .oo-ui-tool-link {
429 .oo-ui-menuToolGroup .oo-ui-tool {
432 .oo-ui-menuToolGroup .oo-ui-tool-link {
437 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
438 background-image: none
;
440 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
441 background-image: /* @embed */ url
(images/icons/check.svg);
443 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
446 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
449 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
450 padding: 0.25em 0 0.25em 0;
452 .oo-ui-menuToolGroup .oo-ui-tool-link {
453 padding: 0 0.25em 0 1em;
461 .oo-ui-toolbar-actions {
464 .oo-ui-toolbar-tools {
467 .oo-ui-toolbar-tools
,
468 .oo-ui-toolbar-actions
,
469 .oo-ui-toolbar-shadow {
470 -webkit-touch-callout: none
;
471 -webkit-user-select: none
;
472 -moz-user-select: none
;
473 -ms-user-select: none
;
476 .oo-ui-toolbar-actions .oo-ui-popupWidget {
477 -webkit-touch-callout: default
;
478 -webkit-user-select: all
;
479 -moz-user-select: all
;
480 -ms-user-select: all
;
483 .oo-ui-toolbar-shadow {
484 background-position: right top
;
485 background-repeat: repeat-x
;
488 pointer-events: none
;
491 border-bottom: solid
1px #dddddd;
494 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
498 .oo-ui-selectWidget {
502 .oo-ui-optionWidget {
506 padding: 0.8em 3.35em 0.8em 1em;
510 .oo-ui-optionWidget.oo-ui-widget-disabled {
513 .oo-ui-optionWidget .oo-ui-labelElement-label {
516 text-overflow: ellipsis
;
519 .oo-ui-optionWidget .oo-ui-labelElement-label {
522 .oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
525 .oo-ui-optionWidget-level-0 {
526 padding-right: 3.5em;
528 .oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon {
531 .oo-ui-optionWidget-level-1 {
534 .oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon {
537 .oo-ui-optionWidget-level-2 {
538 padding-right: 6.5em;
540 .oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon {
543 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
544 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
546 background-repeat: no-repeat
;
547 background-position: center center
;
549 .oo-ui-decoratedOptionWidget
.oo-ui-iconElement-icon
,
550 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
556 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
559 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
562 .oo-ui-buttonSelectWidget {
563 display: inline-block
;
566 .oo-ui-buttonOptionWidget {
567 display: inline-block
;
569 background-color: transparent
;
571 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
574 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
575 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
577 display: inline-block
;
578 vertical-align: middle
;
580 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
583 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
584 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
589 display: inline-block
;
593 display: inline-block
;
594 vertical-align: middle
;
595 background-position: center center
;
596 background-repeat: no-repeat
;
602 .oo-ui-iconWidget.oo-ui-widget-disabled {
605 .oo-ui-indicatorWidget {
606 display: inline-block
;
607 vertical-align: middle
;
608 background-position: center center
;
609 background-repeat: no-repeat
;
615 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
618 .oo-ui-buttonWidget {
619 display: inline-block
;
620 vertical-align: middle
;
622 .oo-ui-buttonGroupWidget {
623 border-radius: 0.3em;
625 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
630 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
631 border-bottom-right-radius: 0.3em;
632 border-top-right-radius: 0.3em;
635 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
636 border-bottom-left-radius: 0.3em;
637 border-top-left-radius: 0.3em;
639 .oo-ui-toggleSwitchWidget {
641 display: inline-block
;
642 vertical-align: middle
;
645 -webkit-box-sizing: border-box
;
646 -moz-box-sizing: border-box
;
647 box-sizing: border-box
;
648 -webkit-transform: translateZ
(0px);
649 -moz-transform: translateZ
(0px);
650 -ms-transform: translateZ
(0px);
651 -o-transform: translateZ
(0px);
652 transform: translateZ
(0px);
656 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
659 .oo-ui-toggleSwitchWidget-grip {
662 -webkit-box-sizing: border-box
;
663 -moz-box-sizing: border-box
;
664 box-sizing: border-box
;
666 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
672 -webkit-touch-callout: none
;
673 -webkit-user-select: none
;
674 -moz-user-select: none
;
675 -ms-user-select: none
;
678 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
681 .oo-ui-toggleSwitchWidget-grip {
687 -webkit-transition: right
200ms ease-in-out
, margin-right
200ms ease-in-out
;
688 -moz-transition: right
200ms ease-in-out
, margin-right
200ms ease-in-out
;
689 -ms-transition: right
200ms ease-in-out
, margin-right
200ms ease-in-out
;
690 -o-transition: right
200ms ease-in-out
, margin-right
200ms ease-in-out
;
691 transition: right
200ms ease-in-out
, margin-right
200ms ease-in-out
;
693 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
694 -webkit-transition: opacity
200ms ease-in-out
;
695 -moz-transition: opacity
200ms ease-in-out
;
696 -ms-transition: opacity
200ms ease-in-out
;
697 -o-transition: opacity
200ms ease-in-out
;
698 transition: opacity
200ms ease-in-out
;
700 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
704 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
708 .oo-ui-popupWidget-popup {
713 .oo-ui-popupWidget-anchor {
717 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
720 background-repeat: no-repeat
;
722 .oo-ui-popupWidget-head {
723 -webkit-touch-callout: none
;
724 -webkit-user-select: none
;
725 -moz-user-select: none
;
726 -ms-user-select: none
;
729 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
732 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
736 .oo-ui-popupWidget-body {
740 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
743 .oo-ui-popupWidget-head {
746 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
749 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
752 .oo-ui-popupWidget-body-padded {
755 .oo-ui-popupButtonWidget {
758 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
763 .oo-ui-lookupInputWidget-menu {
764 background-color: #fff;
766 .oo-ui-textInputWidget {
768 -webkit-box-sizing: border-box
;
769 -moz-box-sizing: border-box
;
770 box-sizing: border-box
;
772 .oo-ui-textInputWidget input
,
773 .oo-ui-textInputWidget textarea {
774 display: inline-block
;
777 -webkit-box-sizing: border-box
;
778 -moz-box-sizing: border-box
;
779 box-sizing: border-box
;
781 .oo-ui-textInputWidget
> .oo-ui-iconElement-icon
,
782 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
786 background-repeat: no-repeat
;
788 -webkit-touch-callout: none
;
789 -webkit-user-select: none
;
790 -moz-user-select: none
;
791 -ms-user-select: none
;
794 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
797 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
800 .oo-ui-textInputWidget input
,
801 .oo-ui-textInputWidget textarea {
807 border: solid
1px #dddddd;
809 .oo-ui-menuWidget input {
816 .oo-ui-menuItemWidget {
819 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
822 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
823 background-color: transparent
;
825 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
828 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
832 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
833 background-size: 24px auto
;
835 .oo-ui-menuSectionItemWidget {
841 .oo-ui-inlineMenuWidget {
843 display: inline-block
;
847 .oo-ui-inlineMenuWidget-handle {
849 display: inline-block
;
851 -webkit-touch-callout: none
;
852 -webkit-user-select: none
;
853 -moz-user-select: none
;
854 -ms-user-select: none
;
856 -webkit-box-sizing: border-box
;
857 -moz-box-sizing: border-box
;
858 box-sizing: border-box
;
860 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatorElement-indicator
,
861 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
863 background-position: center center
;
864 background-repeat: no-repeat
;
866 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
870 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
873 .oo-ui-inlineMenuWidget-handle {
876 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatorElement-indicator
,
877 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
882 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator {
885 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
888 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
892 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
895 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
898 .oo-ui-outlineItemWidget {
901 -webkit-touch-callout: none
;
902 -webkit-user-select: none
;
903 -moz-user-select: none
;
904 -ms-user-select: none
;
908 .oo-ui-outlineControlsWidget {
911 .oo-ui-outlineControlsWidget-items
,
912 .oo-ui-outlineControlsWidget-movers {
914 -webkit-box-sizing: border-box
;
915 -moz-box-sizing: border-box
;
916 box-sizing: border-box
;
918 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
920 background-position: left center
;
921 background-repeat: no-repeat
;
923 .oo-ui-outlineControlsWidget-items {
926 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
929 .oo-ui-outlineControlsWidget-movers {
932 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
935 .oo-ui-outlineControlsWidget-items
,
936 .oo-ui-outlineControlsWidget-movers {
941 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
944 margin: 0.5em 0.5em 0.5em 0;
946 .oo-ui-outlineControlsWidget-items {
949 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
952 .oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget {
955 .oo-ui-searchWidget-query {
961 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
964 .oo-ui-searchWidget-results {
972 .oo-ui-searchWidget-query {
976 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
979 .oo-ui-searchWidget-results {
986 /* Content div takes focus when opened, so hide outline */
988 .oo-ui-window-frame {
989 -webkit-box-sizing: border-box
;
990 -moz-box-sizing: border-box
;
991 box-sizing: border-box
;
993 .oo-ui-window-frame > iframe {
999 .oo-ui-window-content:focus {
1003 .oo-ui-window-foot {
1004 -webkit-touch-callout: none
;
1005 -webkit-user-select: none
;
1006 -moz-user-select: none
;
1007 -ms-user-select: none
;
1010 .oo-ui-window-body {
1015 .oo-ui-window-overlay {
1020 .oo-ui-dialog-content
> .oo-ui-window-head
,
1021 .oo-ui-dialog-content
> .oo-ui-window-body
,
1022 .oo-ui-dialog-content > .oo-ui-window-foot {
1027 -webkit-box-sizing: border-box
;
1028 -moz-box-sizing: border-box
;
1029 box-sizing: border-box
;
1031 .oo-ui-dialog-content > .oo-ui-window-head {
1035 .oo-ui-dialog-content > .oo-ui-window-body {
1040 .oo-ui-dialog-content > .oo-ui-window-foot {
1044 .oo-ui-dialog-content > .oo-ui-window-overlay {
1047 .oo-ui-messageDialog-actions-horizontal {
1049 table-layout: fixed
;
1052 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1053 display: table-cell
;
1056 .oo-ui-messageDialog-actions-vertical {
1059 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1062 text-overflow: ellipsis
;
1064 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1068 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1071 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1076 white-space: nowrap
;
1078 .oo-ui-messageDialog-title
,
1079 .oo-ui-messageDialog-message {
1084 .oo-ui-messageDialog-title {
1089 .oo-ui-messageDialog-message {
1091 line-height: 1.25em;
1094 .oo-ui-messageDialog-message-verbose {
1099 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1100 border-left: solid
1px #e5e5e5;
1102 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1103 border-left-width: 0;
1105 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1106 border-bottom: solid
1px #e5e5e5;
1108 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1109 border-bottom-width: 0;
1111 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1116 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1117 background-color: rgba
(0, 0, 0, 0.05);
1119 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1120 background-color: rgba
(0, 0, 0, 0.1);
1122 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1123 background-color: rgba
(8, 126, 204, 0.05);
1125 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1126 background-color: rgba
(8, 126, 204, 0.1);
1128 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1131 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1132 background-color: rgba
(118, 171, 54, 0.05);
1134 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1135 background-color: rgba
(118, 171, 54, 0.1);
1137 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1138 background-color: rgba
(212, 83, 83, 0.05);
1140 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1141 background-color: rgba
(212, 83, 83, 0.1);
1143 .oo-ui-processDialog-location {
1145 text-overflow: ellipsis
;
1146 white-space: nowrap
;
1148 .oo-ui-processDialog-title {
1152 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
1153 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
1154 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1155 white-space: nowrap
;
1157 .oo-ui-processDialog-actions-safe
,
1158 .oo-ui-processDialog-actions-primary {
1163 .oo-ui-processDialog-actions-safe {
1166 .oo-ui-processDialog-actions-primary {
1169 .oo-ui-processDialog-errors {
1180 .oo-ui-processDialog-content .oo-ui-window-head {
1182 border-bottom: 1px solid
#dddddd;
1183 -webkit-box-sizing: border-box
;
1184 -moz-box-sizing: border-box
;
1185 box-sizing: border-box
;
1187 .oo-ui-processDialog-content .oo-ui-window-body {
1191 .oo-ui-processDialog-navigation {
1196 .oo-ui-processDialog-location {
1202 .oo-ui-processDialog-title {
1204 line-height: 1.85em;
1206 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
1207 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
1208 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1209 padding: 0.35em 0.75em;
1212 border: 1px solid
#dddddd;
1215 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
1216 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
1217 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1218 line-height: 1.85em;
1223 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement-icon
,
1224 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement-icon
,
1225 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1227 margin-top: -0.125em;
1229 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
1230 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
1231 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1232 vertical-align: middle
;
1234 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-button
,
1235 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive
.oo-ui-buttonElement-button
,
1236 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
1237 border: 1px solid transparent
;
1239 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive
.oo-ui-labelElement-label
,
1240 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive
.oo-ui-labelElement-label
,
1241 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label {
1244 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
1245 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button {
1246 padding: 0.75em 0.35em;
1250 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-primary
.oo-ui-buttonElement-button
,
1251 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button {
1252 background-color: #347bff;
1254 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-primary
.oo-ui-labelElement-label
,
1255 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1258 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1261 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1262 padding-right: 2.25em;
1264 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1268 padding-left: 2.25em;
1270 .oo-ui-processDialog-actions-other {
1274 .oo-ui-processDialog > .oo-ui-window-frame {
1277 .oo-ui-processDialog-errors {
1278 background-color: rgba
(255, 255, 255, 0.9);
1279 padding: 3em 3em 1.5em 3em;
1282 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1283 margin: 2em 1em 2em 1em;
1285 .oo-ui-processDialog-errors-title {
1290 .oo-ui-processDialog-error {
1294 border: solid
1px #ff9e9e;
1295 background-color: #fff7f7;
1296 border-radius: 0.25em;
1298 .oo-ui-windowManager-modal > .oo-ui-dialog {
1304 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1313 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1322 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1326 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1332 .oo-ui-windowManager-modal > .oo-ui-dialog {
1333 background-color: rgba
(255, 255, 255, 0.5);
1335 -webkit-transition: opacity
250ms ease-in-out
;
1336 -moz-transition: opacity
250ms ease-in-out
;
1337 -ms-transition: opacity
250ms ease-in-out
;
1338 -o-transition: opacity
250ms ease-in-out
;
1339 transition: opacity
250ms ease-in-out
;
1341 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1344 background-color: #fff;
1345 -webkit-transform: translate3d
(0, -200%, 0);
1346 -moz-transform: translate3d
(0, -200%, 0);
1347 -ms-transform: translate3d
(0, -200%, 0);
1348 -o-transform: translate3d
(0, -200%, 0);
1349 transform: translate3d
(0, -200%, 0);
1350 -webkit-transition: transform
250ms ease-in-out
;
1351 -moz-transition: transform
250ms ease-in-out
;
1352 -ms-transition: transform
250ms ease-in-out
;
1353 -o-transition: transform
250ms ease-in-out
;
1354 transition: transform
250ms ease-in-out
;
1356 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1359 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1360 -webkit-transform: translate3d
(0, 0, 0);
1361 -moz-transform: translate3d
(0, 0, 0);
1362 -ms-transform: translate3d
(0, 0, 0);
1363 -o-transform: translate3d
(0, 0, 0);
1364 transform: translate3d
(0, 0, 0);
1366 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1367 border: solid
1px #ccc;
1368 border-radius: 0.5em;
1369 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
1373 * Blank theme mixins.
1375 * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
1376 * additional rules to the base styles.
1379 background-image: /* @embed */ url
(themes/minerva/images/icons/check.png);
1380 background: #347bff;