2 * OOjs UI v0.1.0-pre (97dbb50137)
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-07-16T22:59:48Z
11 .oo-ui-dialog-content
> .oo-ui-window-head
,
12 .oo-ui-dialog-content
> .oo-ui-window-body
,
13 .oo-ui-dialog-content > .oo-ui-window-foot {
18 -webkit-box-sizing: border-box
;
19 -moz-box-sizing: border-box
;
20 box-sizing: border-box
;
23 .oo-ui-dialog-content > .oo-ui-window-head {
28 .oo-ui-dialog-content > .oo-ui-window-body {
34 .oo-ui-dialog-content > .oo-ui-window-foot {
39 .oo-ui-dialog-content > .oo-ui-window-overlay {
43 .oo-ui-windowManager-modal > .oo-ui-dialog {
44 background-color: rgba
(255, 255, 255, 0.5);
46 -webkit-transition: opacity
250ms ease-in-out
;
47 -moz-transition: opacity
250ms ease-in-out
;
48 -ms-transition: opacity
250ms ease-in-out
;
49 -o-transition: opacity
250ms ease-in-out
;
50 transition: opacity
250ms ease-in-out
;
53 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
56 background-color: #fff;
57 -webkit-transform: translate3d
(0, -200%, 0);
58 -moz-transform: translate3d
(0, -200%, 0);
59 -ms-transform: translate3d
(0, -200%, 0);
60 -o-transform: translate3d
(0, -200%, 0);
61 transform: translate3d
(0, -200%, 0);
62 -webkit-transition: transform
250ms ease-in-out
;
63 -moz-transition: transform
250ms ease-in-out
;
64 -ms-transition: transform
250ms ease-in-out
;
65 -o-transition: transform
250ms ease-in-out
;
66 transition: transform
250ms ease-in-out
;
69 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
73 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
74 -webkit-transform: translate3d
(0, 0, 0);
75 -moz-transform: translate3d
(0, 0, 0);
76 -ms-transform: translate3d
(0, 0, 0);
77 -o-transform: translate3d
(0, 0, 0);
78 transform: translate3d
(0, 0, 0);
81 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
82 border: solid
1px #ccc;
84 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);
87 .oo-ui-messageDialog-title
,
88 .oo-ui-messageDialog-message {
94 .oo-ui-messageDialog-title {
100 .oo-ui-messageDialog-message {
106 .oo-ui-messageDialog-message-verbose {
112 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
113 border-right: solid
1px #e5e5e5;
116 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
117 border-right-width: 0;
120 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
121 border-bottom: solid
1px #e5e5e5;
124 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
125 border-bottom-width: 0;
128 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labeledElement-label {
134 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
135 background-color: rgba
(0, 0, 0, 0.05);
138 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
139 background-color: rgba
(0, 0, 0, 0.1);
142 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover {
143 background-color: rgba
(8, 126, 204, 0.05);
146 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active {
147 background-color: rgba
(8, 126, 204, 0.1);
150 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
154 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover {
155 background-color: rgba
(118, 171, 54, 0.05);
158 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active {
159 background-color: rgba
(118, 171, 54, 0.1);
162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover {
163 background-color: rgba
(212, 83, 83, 0.05);
166 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active {
167 background-color: rgba
(212, 83, 83, 0.1);
170 .oo-ui-processDialog-content .oo-ui-window-head {
172 border-bottom: 1px solid
#dddddd;
173 -webkit-box-sizing: border-box
;
174 -moz-box-sizing: border-box
;
175 box-sizing: border-box
;
178 .oo-ui-processDialog-content .oo-ui-window-body {
183 .oo-ui-processDialog-navigation {
189 .oo-ui-processDialog-location {
196 .oo-ui-processDialog-title {
201 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonedElement-button
,
202 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonedElement-button
,
203 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonedElement-button {
207 padding-bottom: 0.75em;
210 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labeledElement-label
,
211 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labeledElement-label
,
212 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labeledElement-label {
217 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconedElement-icon
,
218 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconedElement-icon
,
219 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconedElement-icon {
221 margin-top: -0.125em;
224 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
,
225 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
,
226 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
228 vertical-align: middle
;
231 .oo-ui-processDialog-actions-safe
.oo-ui-buttonedElement-framed
.oo-ui-buttonedElement-button
,
232 .oo-ui-processDialog-actions-primary.oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
236 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
237 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
238 background-color: rgba
(0, 0, 0, 0.05);
241 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
242 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
243 background-color: rgba
(0, 0, 0, 0.1);
246 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-primary:hover
,
247 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:hover {
248 background-color: rgba
(8, 126, 204, 0.05);
251 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-primary:active
,
252 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary:active {
253 background-color: rgba
(8, 126, 204, 0.1);
256 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-primary
.oo-ui-labeledElement-label
,
257 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-primary .oo-ui-labeledElement-label {
261 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-constructive:hover
,
262 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:hover {
263 background-color: rgba
(118, 171, 54, 0.05);
266 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-constructive:active
,
267 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-constructive:active {
268 background-color: rgba
(118, 171, 54, 0.1);
271 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive:hover
,
272 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:hover {
273 background-color: rgba
(212, 83, 83, 0.05);
276 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggableElement-destructive:active
,
277 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggableElement-destructive:active {
278 background-color: rgba
(212, 83, 83, 0.1);
281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
285 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
286 padding-left: 2.25em;
289 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon {
293 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconedElement .oo-ui-labeledElement-label {
294 padding-right: 2.25em;
297 .oo-ui-processDialog-actions-other:not(:empty) {
301 .oo-ui-processDialog-actions-other:not(:empty) .oo-ui-actionWidget {
302 margin: 0 0.75em 0 0;
303 border: solid
1px #ccc;
304 border-radius: 0.25em;
307 .oo-ui-processDialog > .oo-ui-window-frame {
311 .oo-ui-processDialog-errors {
312 padding: 3em 3em 1.5em 3em;
314 background-color: rgba
(255, 255, 255, 0.9);
317 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
318 margin: 2em 1em 2em 1em;
321 .oo-ui-processDialog-errors-title {
327 .oo-ui-processDialog-error {
331 background-color: #fff7f7;
332 border: solid
1px #ff9e9e;
333 border-radius: 0.25em;
336 .oo-ui-buttonedElement
.oo-ui-indicatedElement
.oo-ui-buttonedElement-button
> .oo-ui-indicatedElement-indicator
,
337 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
340 background-size: 2em auto
;
343 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
347 .oo-ui-optionWidget {
348 padding: 0.8em 1em 0.8em 3.35em;
350 border-bottom: 1px solid
#dddddd;
353 .oo-ui-optionWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
354 padding-right: 1.5em;
357 .oo-ui-optionWidget-level-0 {
361 .oo-ui-optionWidget-level-0 .oo-ui-iconedElement-icon {
365 .oo-ui-optionWidget-level-1 {
369 .oo-ui-optionWidget-level-1 .oo-ui-iconedElement-icon {
373 .oo-ui-optionWidget-level-2 {
377 .oo-ui-optionWidget-level-2 .oo-ui-iconedElement-icon {
381 .oo-ui-buttonOptionWidget {
385 .oo-ui-lookupWidget-menu {
386 background-color: #fff;
389 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
394 .oo-ui-menuSectionItemWidget {
400 .oo-ui-textInputWidget input
,
401 .oo-ui-textInputWidget textarea {
409 background-image: /* @embed */ url
(themes/agora/images/icons/check.svg);