2 * OOjs UI v0.1.0-pre (8ac38a5c31)
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: Tue Mar 04 2014 11:26:29 GMT-0800 (PST)
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);
46 .oo-ui-dialog .oo-ui-window-frame {
59 .oo-ui-dialog .oo-ui-window-frame-small {
64 .oo-ui-dialog .oo-ui-frame {
69 .oo-ui-dialog-content
.oo-ui-window-head
,
70 .oo-ui-dialog-content
.oo-ui-window-body
,
71 .oo-ui-dialog-content .oo-ui-window-foot {
76 -webkit-box-sizing: border-box
;
77 -moz-box-sizing: border-box
;
78 box-sizing: border-box
;
81 .oo-ui-dialog-content .oo-ui-window-head {
87 .oo-ui-dialog-content .oo-ui-window-title {
91 .oo-ui-dialog-content .oo-ui-window-icon {
97 .oo-ui-dialog-content .oo-ui-window-closeButton {
99 margin: 0.25em 0.25em;
102 .oo-ui-dialog-content .oo-ui-window-body {
107 .oo-ui-dialog-content .oo-ui-window-foot {
113 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-buttonedElement-framed {
115 margin: 0.125em 0.25em;
118 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-flaggableElement-primary
,
119 .oo-ui-dialog-content
.oo-ui-window-foot
.oo-ui-flaggableElement-constructive
,
120 .oo-ui-dialog-content .oo-ui-window-foot .oo-ui-flaggableElement-destructive {
124 .oo-ui-dialog-content-footless .oo-ui-window-body {
128 .oo-ui-dialog-content-footless .oo-ui-window-foot {
143 .oo-ui-frame-content {
144 font-family: sans-serif
;
156 .oo-ui-toolbar-bottom .oo-ui-toolbar-bar {
160 .oo-ui-toolbar-actions {
164 .oo-ui-toolbar-tools {
168 .oo-ui-toolbar-tools
,
169 .oo-ui-toolbar-actions
,
170 .oo-ui-toolbar-shadow {
171 -webkit-user-select: none
;
172 -moz-user-select: none
;
173 -ms-user-select: none
;
175 -webkit-touch-callout: none
;
178 .oo-ui-toolbar-actions .oo-ui-popupWidget {
179 -webkit-user-select: all
;
180 -moz-user-select: all
;
181 -ms-user-select: all
;
183 -webkit-touch-callout: default
;
186 .oo-ui-toolbar-shadow {
189 pointer-events: none
;
190 background-position: left top
;
191 background-repeat: repeat-x
;
195 display: inline-block
;
197 vertical-align: middle
;
200 .oo-ui-toolGroup-empty {
204 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
205 background-position: center center
;
206 background-repeat: no-repeat
;
210 -webkit-user-select: none
;
211 -moz-user-select: none
;
212 -ms-user-select: none
;
214 -webkit-touch-callout: none
;
227 background-position: right center
;
228 background-repeat: no-repeat
;
231 .oo-ui-window-title {
238 .oo-ui-window-overlay {
244 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
245 display: inline-block
;
246 vertical-align: middle
;
248 -webkit-user-select: none
;
249 -moz-user-select: none
;
250 -ms-user-select: none
;
252 -webkit-touch-callout: none
;
255 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
260 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
262 margin-right: -0.75em;
265 .oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button {
269 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
270 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
271 display: inline-block
;
274 vertical-align: middle
;
275 background-position: center center
;
276 background-repeat: no-repeat
;
279 .oo-ui-buttonedElement-frameless {
281 display: inline-block
;
284 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
285 display: inline-block
;
287 vertical-align: middle
;
290 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
291 display: inline-block
;
292 padding: 0.2em 0.8em;
298 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
299 display: inline-block
;
301 vertical-align: middle
;
304 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
305 margin-right: -0.5em;
309 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
314 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
,
315 .oo-ui-buttonedElement-framed
.oo-ui-widget-disabled
.oo-ui-buttonedElement-button
.oo-ui-buttonedElement-active
,
316 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
320 .oo-ui-clippableElement-clippable {
321 -webkit-box-sizing: border-box
;
322 -moz-box-sizing: border-box
;
323 box-sizing: border-box
;
326 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
330 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
333 -webkit-box-sizing: border-box
;
334 -moz-box-sizing: border-box
;
335 box-sizing: border-box
;
338 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
342 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
346 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
355 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
366 .oo-ui-fieldLayout:last-child {
370 .oo-ui-fieldLayout:before
,
371 .oo-ui-fieldLayout:after {
376 .oo-ui-fieldLayout:after {
380 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-labeledElement-label
,
381 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
389 .oo-ui-fieldLayout
.oo-ui-fieldLayout-align-left
> .oo-ui-fieldLayout-field
,
390 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
396 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
400 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labeledElement-label {
401 display: inline-block
;
402 padding: 0.75em 0.5em 0.5em 0.5em;
403 vertical-align: middle
;
406 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
407 display: inline-block
;
409 vertical-align: middle
;
412 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labeledElement-label {
416 .oo-ui-fieldsetLayout {
422 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
426 .oo-ui-fieldsetLayout-labeled {
430 .oo-ui-fieldsetLayout > legend.oo-ui-labeledElement-label {
432 margin-bottom: 0.5em;
435 .oo-ui-fieldsetLayout.oo-ui-iconedElement > legend.oo-ui-labeledElement-label {
436 padding-left: 1.75em;
439 .oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-iconedElement-icon {
446 background-position: center center
;
447 background-repeat: no-repeat
;
470 .oo-ui-panelLayout-scrollable {
474 .oo-ui-panelLayout-padded {
478 .oo-ui-stackLayout > .oo-ui-panelLayout {
482 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
487 .oo-ui-barToolGroup
> .oo-ui-iconedElement-icon
,
488 .oo-ui-barToolGroup > .oo-ui-labeledElement-label {
492 .oo-ui-barToolGroup .oo-ui-tool {
494 display: inline-block
;
498 .oo-ui-barToolGroup .oo-ui-tool-link {
505 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
511 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
515 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
519 .oo-ui-barToolGroup
.oo-ui-tool-title
,
520 .oo-ui-barToolGroup .oo-ui-tool-accel {
524 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
528 .oo-ui-listToolGroup .oo-ui-tool {
529 display: inline-block
;
531 -webkit-box-sizing: border-box
;
532 -moz-box-sizing: border-box
;
533 box-sizing: border-box
;
536 .oo-ui-listToolGroup .oo-ui-tool-link {
538 padding-right: 0.5em;
543 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
547 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
551 .oo-ui-menuToolGroup .oo-ui-tool {
555 .oo-ui-menuToolGroup .oo-ui-tool-link {
557 padding: 0.25em 1em 0.25em 0.25em;
562 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
563 background-image: none
;
566 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
567 background-image: /* @embed */ url
(images/icons/check.png);
570 .oo-ui-popupToolGroup {
576 .oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement {
580 .oo-ui-popupToolGroup-handle {
585 .oo-ui-popupToolGroup-handle
.oo-ui-indicatedElement-indicator
,
586 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
591 background-position: center center
;
592 background-repeat: no-repeat
;
595 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator {
599 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
603 .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
609 .oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
613 .oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
614 margin-right: 2.25em;
617 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
625 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon {
626 background-position: center center
;
627 background-repeat: no-repeat
;
630 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
634 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
635 display: inline-block
;
639 vertical-align: middle
;
642 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
643 display: inline-block
;
646 vertical-align: middle
;
649 .oo-ui-popupToolGroup .oo-ui-tool-accel {
653 .oo-ui-popupTool .oo-ui-popupWidget {
658 .oo-ui-popupTool
.oo-ui-popupWidget-popup
,
659 .oo-ui-popupTool .oo-ui-popupWidget-tail {
663 .oo-ui-selectWidget {
669 .oo-ui-optionWidget {
672 padding: 0.5em 2em 0.5em 3em;
679 .oo-ui-optionWidget.oo-ui-widget-disabled {
683 .oo-ui-optionWidget .oo-ui-labeledElement-label {
686 text-overflow: ellipsis
;
690 .oo-ui-optionWidget
.oo-ui-iconedElement-icon
,
691 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
697 background-position: center center
;
698 background-repeat: no-repeat
;
701 .oo-ui-optionWidget .oo-ui-iconedElement-icon {
705 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
713 .oo-ui-menuWidget input {
721 .oo-ui-popupWidget-popup {
726 .oo-ui-popupWidget-tail {
730 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup {
734 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
737 background-repeat: no-repeat
;
740 .oo-ui-popupWidget-head {
742 -webkit-user-select: none
;
743 -moz-user-select: none
;
744 -ms-user-select: none
;
746 -webkit-touch-callout: none
;
749 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
754 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
760 .oo-ui-buttonGroupWidget {
761 border-radius: 0.3em;
764 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
770 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
772 border-bottom-left-radius: 0.3em;
773 border-top-left-radius: 0.3em;
776 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
777 border-top-right-radius: 0.3em;
778 border-bottom-right-radius: 0.3em;
781 .oo-ui-buttonOptionWidget {
782 display: inline-block
;
784 background-color: transparent
;
787 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
792 .oo-ui-buttonOptionWidget
.oo-ui-iconedElement
.oo-ui-iconedElement-icon
,
793 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
795 display: inline-block
;
798 vertical-align: middle
;
801 .oo-ui-buttonSelectWidget {
802 display: inline-block
;
806 .oo-ui-buttonWidget {
807 display: inline-block
;
808 vertical-align: middle
;
811 .oo-ui-inlineMenuWidget {
813 display: inline-block
;
818 .oo-ui-inlineMenuWidget-handle {
819 display: inline-block
;
823 -webkit-box-sizing: border-box
;
824 -moz-box-sizing: border-box
;
825 box-sizing: border-box
;
826 -webkit-user-select: none
;
827 -moz-user-select: none
;
828 -ms-user-select: none
;
830 -webkit-touch-callout: none
;
833 .oo-ui-inlineMenuWidget-handle
.oo-ui-indicatedElement-indicator
,
834 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
839 background-position: center center
;
840 background-repeat: no-repeat
;
843 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator {
847 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
851 .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
856 .oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
860 .oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
864 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
868 .oo-ui-menuItemWidget {
872 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
876 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
877 background-color: transparent
;
880 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
884 .oo-ui-outlineControlsWidget {
888 .oo-ui-outlineControlsWidget-adders
,
889 .oo-ui-outlineControlsWidget-movers {
894 -webkit-box-sizing: border-box
;
895 -moz-box-sizing: border-box
;
896 box-sizing: border-box
;
899 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
903 margin: 0.5em 0 0.5em 0.5em;
904 background-position: right center
;
905 background-repeat: no-repeat
;
908 .oo-ui-outlineControlsWidget-adders {
913 .oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget {
917 .oo-ui-outlineControlsWidget-movers {
921 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
925 .oo-ui-outlineItemWidget {
929 -webkit-user-select: none
;
930 -moz-user-select: none
;
931 -ms-user-select: none
;
933 -webkit-touch-callout: none
;
936 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
937 padding-right: 1.5em;
940 .oo-ui-outlineItemWidget-level-0 {
944 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
948 .oo-ui-outlineItemWidget-level-1 {
952 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
956 .oo-ui-outlineItemWidget-level-2 {
960 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
964 .oo-ui-popupButtonWidget {
968 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
974 .oo-ui-searchWidget-query {
983 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
988 .oo-ui-searchWidget-results {
1000 .oo-ui-textInputWidget {
1003 -webkit-box-sizing: border-box
;
1004 -moz-box-sizing: border-box
;
1005 box-sizing: border-box
;
1008 .oo-ui-textInputWidget input
,
1009 .oo-ui-textInputWidget textarea {
1010 display: inline-block
;
1013 -webkit-box-sizing: border-box
;
1014 -moz-box-sizing: border-box
;
1015 box-sizing: border-box
;
1019 .oo-ui-textInputWidget-decorated input
,
1020 .oo-ui-textInputWidget-decorated textarea {
1024 .oo-ui-textInputWidget-icon {
1030 background-position: right center
;
1031 background-repeat: no-repeat
;
1034 .oo-ui-toggleSwitchWidget {
1036 display: inline-block
;
1040 vertical-align: middle
;
1042 -webkit-transform: translateZ
(0);
1043 -moz-transform: translateZ
(0);
1044 -ms-transform: translateZ
(0);
1045 -o-transform: translateZ
(0);
1046 transform: translateZ
(0);
1047 -webkit-box-sizing: border-box
;
1048 -moz-box-sizing: border-box
;
1049 box-sizing: border-box
;
1052 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1056 .oo-ui-toggleSwitchWidget-grip {
1063 -webkit-box-sizing: border-box
;
1064 -moz-box-sizing: border-box
;
1065 box-sizing: border-box
;
1066 -webkit-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1067 -moz-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1068 -ms-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1069 -o-transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1070 transition: left
200ms ease-in-out
, margin-left
200ms ease-in-out
;
1073 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1079 -webkit-transition: opacity
200ms ease-in-out
;
1080 -moz-transition: opacity
200ms ease-in-out
;
1081 -ms-transition: opacity
200ms ease-in-out
;
1082 -o-transition: opacity
200ms ease-in-out
;
1083 transition: opacity
200ms ease-in-out
;
1084 -webkit-user-select: none
;
1085 -moz-user-select: none
;
1086 -ms-user-select: none
;
1088 -webkit-touch-callout: none
;
1091 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1096 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1101 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1107 .oo-ui-icon-add-item {
1108 background-image: /* @embed */ url
(images
/icons
/add-item
.svg
);
1111 .oo-ui-icon-advanced {
1112 background-image: /* @embed */ url
(images/icons/advanced.svg);
1116 background-image: /* @embed */ url
(images/icons/alert.svg);
1120 background-image: /* @embed */ url
(images/icons/check.svg);
1124 background-image: /* @embed */ url
(images/icons/clear.svg);
1128 background-image: /* @embed */ url
(images/icons/close.svg);
1132 background-image: /* @embed */ url
(images/icons/code.svg);
1135 .oo-ui-icon-collapse {
1136 background-image: /* @embed */ url
(images/icons/collapse.svg);
1139 .oo-ui-icon-comment {
1140 background-image: /* @embed */ url
(images/icons/comment.svg);
1143 .oo-ui-icon-expand {
1144 background-image: /* @embed */ url
(images/icons/expand.svg);
1148 background-image: /* @embed */ url
(images/icons/help.svg);
1152 background-image: /* @embed */ url
(images/icons/link.svg);
1156 background-image: /* @embed */ url
(images/icons/menu.svg);
1160 background-image: /* @embed */ url
(images
/icons
/move-ltr
.svg
);
1163 .oo-ui-icon-picture {
1164 background-image: /* @embed */ url
(images/icons/picture.svg);
1167 .oo-ui-icon-previous {
1168 background-image: /* @embed */ url
(images
/icons
/move-rtl
.svg
);
1172 background-image: /* @embed */ url
(images
/icons
/arched-arrow-ltr
.svg
);
1175 .oo-ui-icon-remove {
1176 background-image: /* @embed */ url
(images/icons/remove.svg);
1179 .oo-ui-icon-search {
1180 background-image: /* @embed */ url
(images/icons/search.svg);
1183 .oo-ui-icon-settings {
1184 background-image: /* @embed */ url
(images/icons/settings.svg);
1188 background-image: /* @embed */ url
(images/icons/tag.svg);
1192 background-image: /* @embed */ url
(images
/icons
/arched-arrow-rtl
.svg
);
1195 .oo-ui-icon-window {
1196 background-image: /* @embed */ url
(images/icons/window.svg);
1201 .oo-ui-indicator-down {
1202 background-image: /* @embed */ url
(images/indicators/down.svg);
1205 .oo-ui-indicator-required {
1206 background-image: /* @embed */ url
(images/indicators/required.svg);
1209 .oo-ui-indicator-up {
1210 background-image: /* @embed */ url
(images/indicators/up.svg);