3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2019 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2019-07-03T21:05:15Z
11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
15 .oo-ui-popupTool-popup.oo-ui-popupWidget {
19 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
24 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
25 border-top-left-radius: 3px;
26 border-bottom-left-radius: 3px;
28 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
29 border-top-right-radius: 3px;
30 border-bottom-right-radius: 3px;
32 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
35 border-color: transparent
;
40 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
45 display: inline-block
;
46 vertical-align: middle
;
49 border: 1px solid transparent
;
50 -webkit-transition: border-color
250ms;
51 -moz-transition: border-color
250ms;
52 transition: border-color
250ms;
54 .oo-ui-toolGroup-empty {
57 .oo-ui-toolGroup-tools .oo-ui-tool-link {
58 text-decoration: none
;
61 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
62 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
66 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
69 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
70 border-color: rgba
(0, 0, 0, 0.1);
73 .oo-ui-barToolGroup-tools > .oo-ui-tool {
74 display: inline-block
;
78 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
81 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
84 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
87 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
88 display: inline-block
;
90 .oo-ui-barToolGroup-tools > .oo-ui-tool {
91 margin: -1px 0 -1px -1px;
92 border: 1px solid transparent
;
94 .oo-ui-barToolGroup-tools > .oo-ui-tool:first-child {
95 border-top-left-radius: 3px;
96 border-bottom-left-radius: 3px;
98 .oo-ui-barToolGroup-tools > .oo-ui-tool:last-child {
100 border-top-right-radius: 3px;
101 border-bottom-right-radius: 3px;
103 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
108 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
109 display: inline-block
;
112 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon {
115 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
118 .oo-ui-barToolGroup-tools > .oo-ui-tool:not( .oo-ui-tool-with-icon ) > .oo-ui-tool-link .oo-ui-iconElement-noIcon {
121 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
122 border-color: rgba
(0, 0, 0, 0.2);
124 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
125 border-color: rgba
(0, 0, 0, 0.2);
126 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
127 background-color: #f8fbfd;
128 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
129 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
130 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
131 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
133 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
134 border-left-color: rgba
(0, 0, 0, 0.1);
136 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
139 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
142 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
145 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover > .oo-ui-tool-link .oo-ui-iconElement-icon {
148 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive {
149 background-color: #cde7f4;
150 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
151 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
152 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
153 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
154 border: 1px solid
#a6cee1;
156 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive:hover {
157 border-color: #9dc2d4;
159 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive.oo-ui-tool-active.oo-ui-widget-enabled {
160 background-color: #cde7f4;
161 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
162 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
163 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
164 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
165 border: 1px solid
#a6cee1;
167 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
168 padding: 0.3125em 0.6255em;
170 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive {
171 background-color: #ebebeb;
172 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
173 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
174 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
175 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
176 border: 1px solid
#ccc;
178 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-tool-link {
181 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
182 padding: 0.3125em 0.6255em;
184 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
187 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
190 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
193 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
197 .oo-ui-popupToolGroup {
202 .oo-ui-popupToolGroup-handle {
206 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
207 display: inline-block
;
209 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
213 .oo-ui-popupToolGroup-tools {
218 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
221 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
224 vertical-align: middle
;
227 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
228 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
230 vertical-align: middle
;
232 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
235 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
238 .oo-ui-popupToolGroup.oo-ui-iconElement {
241 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
244 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
247 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
250 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
254 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
257 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
260 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
263 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
264 margin-right: 2.25em;
266 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
267 margin-right: 1.75em;
269 .oo-ui-popupToolGroup-handle {
272 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
273 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
277 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
283 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
286 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
290 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
293 .oo-ui-popupToolGroup-header {
298 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
299 background-color: #f8fbfd;
300 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
301 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
302 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
303 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
304 border-bottom-left-radius: 0;
305 border-bottom-right-radius: 0;
306 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
308 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive {
309 background-color: #cde7f4;
310 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
311 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
312 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
313 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
314 border: 1px solid
#a6cee1;
316 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive:hover {
317 border-color: #9dc2d4;
319 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
320 background-color: #cde7f4;
321 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
322 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
323 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
324 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
325 border: 1px solid
#a6cee1;
327 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive {
328 background-color: #ebebeb;
329 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
330 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
331 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
332 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
333 border: 1px solid
#ccc;
335 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
338 .oo-ui-popupToolGroup-tools {
340 border: 1px solid
#ccc;
341 background-color: #fff;
342 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
344 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
345 padding: 0.3125em 0 0.3125em 0.3125em;
347 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
352 vertical-align: middle
;
354 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
357 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
360 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
361 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
364 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
367 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
371 .oo-ui-listToolGroup-tools .oo-ui-tool {
373 -webkit-box-sizing: border-box
;
374 -moz-box-sizing: border-box
;
375 box-sizing: border-box
;
377 .oo-ui-listToolGroup-tools {
380 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
381 border-color: rgba
(0, 0, 0, 0.2);
383 .oo-ui-listToolGroup-tools .oo-ui-tool {
384 border: 1px solid transparent
;
386 padding: 0 0.625em 0 0;
388 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
389 border-color: rgba
(0, 0, 0, 0.1);
390 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
391 background-color: #f8fbfd;
392 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
393 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
394 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
395 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
397 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
398 border-top-color: rgba
(0, 0, 0, 0.1);
400 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
401 border-color: rgba
(0, 0, 0, 0.2);
403 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
404 border-color: rgba
(0, 0, 0, 0.2);
406 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
409 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
412 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
415 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
418 .oo-ui-listToolGroup.oo-ui-widget-disabled {
421 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
422 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
426 .oo-ui-menuToolGroup {
427 border-color: rgba
(0, 0, 0, 0.1);
429 .oo-ui-menuToolGroup-tools .oo-ui-tool {
432 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
435 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
438 .oo-ui-menuToolGroup-tools {
439 padding: 0.3125em 0 0.3125em 0;
441 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
442 border-color: rgba
(0, 0, 0, 0.2);
444 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
445 border-color: rgba
(0, 0, 0, 0.25);
447 .oo-ui-menuToolGroup-tools .oo-ui-tool {
448 padding: 0 1.25em 0 0.3125em;
450 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
453 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
456 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
459 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
460 background-color: #e1f3ff;
462 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
465 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
467 border-color: rgba
(0, 0, 0, 0.05);
469 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
470 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
481 .oo-ui-toolbar-tools
,
482 .oo-ui-toolbar-actions {
483 -webkit-touch-callout: none
;
484 -webkit-user-select: none
;
485 -moz-user-select: none
;
486 -ms-user-select: none
;
489 .oo-ui-toolbar-tools {
492 .oo-ui-toolbar-popups {
495 .oo-ui-toolbar-tools
,
496 .oo-ui-toolbar-popups {
499 .oo-ui-toolbar-tools
.oo-ui-tool
,
500 .oo-ui-toolbar-popups
.oo-ui-tool
,
501 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
502 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
505 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
506 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
509 .oo-ui-toolbar-actions {
512 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
513 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
514 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
515 display: inline-block
;
517 .oo-ui-toolbar-actions .oo-ui-popupWidget {
518 -webkit-touch-callout: default
;
519 -webkit-user-select: text
;
520 -moz-user-select: text
;
521 -ms-user-select: text
;
525 background-color: #f8fbfd;
526 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
527 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
528 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
529 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
531 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
532 border-bottom: 1px solid
#ccc;
533 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
535 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
536 border-top: 1px solid
#ccc;
537 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
539 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {