2 * OOjs UI v0.1.0-pre (e6edd86d37)
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: Fri May 02 2014 10:42:43 GMT-0700 (PDT)
14 .oo-ui-texture-pending {
15 background-image: /* @embed */ url
(images/textures/pending.gif);
18 .oo-ui-texture-transparency {
19 background-image: /* @embed */ url
(images/textures/transparency.png);
44 /* Fix for strange opacity-related rendering issues.
45 CAUTION: -webkit-backface-visibility: hidden; is EXTREMELY DANGEROUS.
46 If applied to a VE surface directly, it will break selection of
47 FocusableNodes, and in the past it's caused transparent PNGs to
48 render as opaque black images. For some reason applying it to the dialog
49 wrapper in the main document fixes opacity-related behavior in the iframe
50 document, but doesn't break the surface inside the iframe. */
52 -webkit-backface-visibility: hidden
;
53 backface-visibility: hidden
;
56 .oo-ui-dialog > .oo-ui-window-frame {
65 .oo-ui-dialog > .oo-ui-window-frame .oo-ui-frame {
70 .oo-ui-dialog-content .oo-ui-window-foot {
76 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
78 margin: 0.125em 0.25em;
81 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-flaggableElement-primary
,
82 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-flaggableElement-constructive
,
83 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-destructive {
87 .oo-ui-dialog-content-footless .oo-ui-window-body {
91 .oo-ui-dialog-content-footless .oo-ui-window-foot {
106 .oo-ui-frame-content:focus {
118 .oo-ui-toolbar-bottom .oo-ui-toolbar-bar {
122 .oo-ui-toolbar-actions {
126 .oo-ui-toolbar-tools {
130 .oo-ui-toolbar-tools
,
131 .oo-ui-toolbar-actions
,
132 .oo-ui-toolbar-shadow {
133 -webkit-user-select: none
;
134 -moz-user-select: none
;
135 -ms-user-select: none
;
137 -webkit-touch-callout: none
;
140 .oo-ui-toolbar-actions .oo-ui-popupWidget {
141 -webkit-user-select: all
;
142 -moz-user-select: all
;
143 -ms-user-select: all
;
145 -webkit-touch-callout: default
;
148 .oo-ui-toolbar-shadow {
151 pointer-events: none
;
152 background-position: left top
;
153 background-repeat: repeat-x
;
157 display: inline-block
;
159 vertical-align: middle
;
162 .oo-ui-toolGroup-empty {
166 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
167 background-position: center center
;
168 background-repeat: no-repeat
;
172 -webkit-user-select: none
;
173 -moz-user-select: none
;
174 -ms-user-select: none
;
176 -webkit-touch-callout: none
;
181 background-position: center center
;
182 background-repeat: no-repeat
;
185 .oo-ui-window-title {
191 .oo-ui-window-overlay {
197 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
198 display: inline-block
;
199 vertical-align: middle
;
201 -webkit-user-select: none
;
202 -moz-user-select: none
;
203 -ms-user-select: none
;
205 -webkit-touch-callout: none
;
208 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
213 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
215 margin-right: -0.75em;
218 .oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button {
222 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
223 .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
;
230 .oo-ui-buttonedElement-frameless {
232 display: inline-block
;
235 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
236 display: inline-block
;
238 vertical-align: middle
;
241 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
242 display: inline-block
;
243 padding: 0.2em 0.8em;
249 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
250 display: inline-block
;
252 vertical-align: middle
;
255 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
256 margin-right: -0.5em;
260 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
265 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
266 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
267 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
271 .oo-ui-clippableElement-clippable {
272 -webkit-box-sizing: border-box
;
273 -moz-box-sizing: border-box
;
274 box-sizing: border-box
;
277 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
281 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
284 -webkit-box-sizing: border-box
;
285 -moz-box-sizing: border-box
;
286 box-sizing: border-box
;
289 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
293 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
297 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
306 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
317 .oo-ui-fieldLayout:last-child {
321 .oo-ui-fieldLayout:before
,
322 .oo-ui-fieldLayout:after {
327 .oo-ui-fieldLayout:after {
331 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-labeledElement-label
,
332 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
340 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-field
,
341 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
347 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
351 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labeledElement-label {
352 display: inline-block
;
353 padding: 0.75em 0.5em 0.5em 0.5em;
354 vertical-align: middle
;
357 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
358 display: inline-block
;
360 vertical-align: middle
;
363 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labeledElement-label {
367 .oo-ui-fieldsetLayout {
373 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
377 .oo-ui-fieldsetLayout-labeled {
381 .oo-ui-fieldsetLayout > .oo-ui-labeledElement-label {
383 margin-bottom: 0.5em;
386 .oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-labeledElement-label {
387 padding-left: 1.75em;
391 .oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-iconedElement-icon {
398 background-position: center center
;
399 background-repeat: no-repeat
;
414 .oo-ui-panelLayout-scrollable {
418 .oo-ui-stackLayout > .oo-ui-panelLayout {
422 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
427 .oo-ui-barToolGroup
> .oo-ui-iconedElement-icon
,
428 .oo-ui-barToolGroup > .oo-ui-labeledElement-label {
432 .oo-ui-barToolGroup .oo-ui-tool {
434 display: inline-block
;
438 .oo-ui-barToolGroup .oo-ui-tool-link {
444 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
450 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
454 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
458 .oo-ui-barToolGroup
.oo-ui-tool-title
,
459 .oo-ui-barToolGroup .oo-ui-tool-accel {
463 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
467 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
471 .oo-ui-listToolGroup .oo-ui-tool {
472 display: inline-block
;
474 -webkit-box-sizing: border-box
;
475 -moz-box-sizing: border-box
;
476 box-sizing: border-box
;
479 .oo-ui-listToolGroup .oo-ui-tool-link {
481 padding-right: 0.5em;
486 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
490 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
494 .oo-ui-menuToolGroup .oo-ui-tool {
498 .oo-ui-menuToolGroup .oo-ui-tool-link {
500 padding: 0.25em 1em 0.25em 0.25em;
505 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
506 background-image: none
;
509 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
510 background-image: /* @embed */ url
(images/icons/check.png);
513 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
517 .oo-ui-popupToolGroup {
523 .oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement {
527 .oo-ui-popupToolGroup-handle {
532 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
533 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
538 background-position: center center
;
539 background-repeat: no-repeat
;
542 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator {
546 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
550 .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
556 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
560 .oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
564 .oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
565 margin-right: 2.25em;
568 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
576 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon {
577 background-position: center center
;
578 background-repeat: no-repeat
;
581 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
585 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
586 display: inline-block
;
589 margin-right: 0.25em;
590 vertical-align: middle
;
593 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
594 display: inline-block
;
597 vertical-align: middle
;
600 .oo-ui-popupToolGroup .oo-ui-tool-accel {
604 .oo-ui-popupTool .oo-ui-popupWidget {
609 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
610 .oo-ui-popupTool .oo-ui-popupWidget-tail {
615 display: inline-block
;
619 vertical-align: middle
;
620 background-position: center center
;
621 background-repeat: no-repeat
;
625 .oo-ui-iconWidget.oo-ui-widget-disabled {
629 .oo-ui-indicatorWidget {
630 display: inline-block
;
634 vertical-align: middle
;
635 background-position: center center
;
636 background-repeat: no-repeat
;
640 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
644 .oo-ui-selectWidget {
650 .oo-ui-optionWidget {
659 .oo-ui-optionWidget.oo-ui-widget-disabled {
663 .oo-ui-optionWidget .oo-ui-labeledElement-label {
667 text-overflow: ellipsis
;
671 .oo-ui-optionWidget
.oo-ui-iconedElement-icon
,
672 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
678 background-position: center center
;
679 background-repeat: no-repeat
;
682 .oo-ui-optionWidget .oo-ui-iconedElement-icon {
686 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
694 .oo-ui-menuWidget input {
702 .oo-ui-popupWidget-popup {
707 .oo-ui-popupWidget-tail {
711 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup {
715 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
718 background-repeat: no-repeat
;
721 .oo-ui-popupWidget-head {
723 -webkit-user-select: none
;
724 -moz-user-select: none
;
725 -ms-user-select: none
;
727 -webkit-touch-callout: none
;
730 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
735 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
741 .oo-ui-popupWidget-body {
745 .oo-ui-buttonGroupWidget {
746 border-radius: 0.3em;
749 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
755 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
757 border-bottom-left-radius: 0.3em;
758 border-top-left-radius: 0.3em;
761 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
762 border-top-right-radius: 0.3em;
763 border-bottom-right-radius: 0.3em;
766 .oo-ui-buttonOptionWidget {
767 display: inline-block
;
768 background-color: transparent
;
771 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
776 .oo-ui-buttonOptionWidget
.oo-ui-iconedElement
.oo-ui-iconedElement-icon
,
777 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
779 display: inline-block
;
782 vertical-align: middle
;
785 .oo-ui-buttonSelectWidget {
786 display: inline-block
;
790 .oo-ui-buttonWidget {
791 display: inline-block
;
792 vertical-align: middle
;
795 .oo-ui-inlineMenuWidget {
797 display: inline-block
;
802 .oo-ui-inlineMenuWidget-handle {
803 display: inline-block
;
807 -webkit-box-sizing: border-box
;
808 -moz-box-sizing: border-box
;
809 box-sizing: border-box
;
810 -webkit-user-select: none
;
811 -moz-user-select: none
;
812 -ms-user-select: none
;
814 -webkit-touch-callout: none
;
817 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
818 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
823 background-position: center center
;
824 background-repeat: no-repeat
;
827 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator {
831 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
835 .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
840 .oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
844 .oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
848 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
853 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
857 .oo-ui-menuItemWidget {
861 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
865 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
866 background-color: transparent
;
869 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
873 .oo-ui-menuSectionItemWidget {
877 .oo-ui-outlineControlsWidget {
881 .oo-ui-outlineControlsWidget-adders
,
882 .oo-ui-outlineControlsWidget-movers {
887 -webkit-box-sizing: border-box
;
888 -moz-box-sizing: border-box
;
889 box-sizing: border-box
;
892 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
896 margin: 0.5em 0 0.5em 0.5em;
897 background-position: right center
;
898 background-repeat: no-repeat
;
901 .oo-ui-outlineControlsWidget-adders {
906 .oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget {
910 .oo-ui-outlineControlsWidget-movers {
914 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
918 .oo-ui-outlineItemWidget {
922 -webkit-user-select: none
;
923 -moz-user-select: none
;
924 -ms-user-select: none
;
926 -webkit-touch-callout: none
;
929 .oo-ui-popupButtonWidget {
933 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
939 .oo-ui-searchWidget-query {
948 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
953 .oo-ui-searchWidget-results {
965 .oo-ui-textInputWidget {
967 -webkit-box-sizing: border-box
;
968 -moz-box-sizing: border-box
;
969 box-sizing: border-box
;
972 .oo-ui-textInputWidget input
,
973 .oo-ui-textInputWidget textarea {
974 display: inline-block
;
976 -webkit-box-sizing: border-box
;
977 -moz-box-sizing: border-box
;
978 box-sizing: border-box
;
982 .oo-ui-textInputWidget-icon {
987 background-position: right center
;
988 background-repeat: no-repeat
;
991 .oo-ui-toggleSwitchWidget {
993 display: inline-block
;
997 vertical-align: middle
;
999 -webkit-transform: translateZ
(0);
1000 -moz-transform: translateZ
(0);
1001 -ms-transform: translateZ
(0);
1002 -o-transform: translateZ
(0);
1003 transform: translateZ
(0);
1004 -webkit-box-sizing: border-box
;
1005 -moz-box-sizing: border-box
;
1006 box-sizing: border-box
;
1009 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1013 .oo-ui-toggleSwitchWidget-grip {
1020 -webkit-box-sizing: border-box
;
1021 -moz-box-sizing: border-box
;
1022 box-sizing: border-box
;
1023 -webkit-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1024 -moz-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1025 -ms-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1026 -o-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1027 transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1030 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1036 -webkit-transition: opacity
200ms ease-in-out
;
1037 -moz-transition: opacity
200ms ease-in-out
;
1038 -ms-transition: opacity
200ms ease-in-out
;
1039 -o-transition: opacity
200ms ease-in-out
;
1040 transition: opacity
200ms ease-in-out
;
1041 -webkit-user-select: none
;
1042 -moz-user-select: none
;
1043 -ms-user-select: none
;
1045 -webkit-touch-callout: none
;
1048 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1053 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1058 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1064 .oo-ui-icon-add-item {
1065 background-image: /* @embed */ url
(images
/icons
/add-item
.svg
);
1068 .oo-ui-icon-advanced {
1069 background-image: /* @embed */ url
(images/icons/advanced.svg);
1073 background-image: /* @embed */ url
(images/icons/alert.svg);
1077 background-image: /* @embed */ url
(images/icons/check.svg);
1081 background-image: /* @embed */ url
(images/icons/clear.svg);
1085 background-image: /* @embed */ url
(images/icons/close.svg);
1089 background-image: /* @embed */ url
(images/icons/code.svg);
1092 .oo-ui-icon-collapse {
1093 background-image: /* @embed */ url
(images/icons/collapse.svg);
1096 .oo-ui-icon-comment {
1097 background-image: /* @embed */ url
(images/icons/comment.svg);
1100 .oo-ui-icon-expand {
1101 background-image: /* @embed */ url
(images/icons/expand.svg);
1105 background-image: /* @embed */ url
(images/icons/help.svg);
1109 background-image: /* @embed */ url
(images/icons/info.svg);
1113 background-image: /* @embed */ url
(images/icons/link.svg);
1117 background-image: /* @embed */ url
(images/icons/menu.svg);
1121 background-image: /* @embed */ url
(images
/icons
/move-ltr
.svg
);
1124 .oo-ui-icon-picture {
1125 background-image: /* @embed */ url
(images/icons/picture.svg);
1128 .oo-ui-icon-previous {
1129 background-image: /* @embed */ url
(images
/icons
/move-rtl
.svg
);
1133 background-image: /* @embed */ url
(images
/icons
/arched-arrow-ltr
.svg
);
1136 .oo-ui-icon-remove {
1137 background-image: /* @embed */ url
(images/icons/remove.svg);
1140 .oo-ui-icon-search {
1141 background-image: /* @embed */ url
(images/icons/search.svg);
1144 .oo-ui-icon-settings {
1145 background-image: /* @embed */ url
(images/icons/settings.svg);
1149 background-image: /* @embed */ url
(images/icons/tag.svg);
1153 background-image: /* @embed */ url
(images
/icons
/arched-arrow-rtl
.svg
);
1156 .oo-ui-icon-window {
1157 background-image: /* @embed */ url
(images/icons/window.svg);
1162 .oo-ui-indicator-alert {
1163 background-image: /* @embed */ url
(images/indicators/alert.svg);
1166 .oo-ui-indicator-down {
1167 background-image: /* @embed */ url
(images/indicators/down.svg);
1170 .oo-ui-indicator-required {
1171 background-image: /* @embed */ url
(images/indicators/required.svg);
1174 .oo-ui-indicator-up {
1175 background-image: /* @embed */ url
(images/indicators/up.svg);