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-04-04T19:10:54Z
11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
15 .oo-ui-popupTool-popup
.oo-ui-popupWidget-popup
,
16 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
20 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
25 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
26 border-top-left-radius: 3px;
27 border-bottom-left-radius: 3px;
29 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
30 border-top-right-radius: 3px;
31 border-bottom-right-radius: 3px;
33 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
36 border-color: transparent
;
41 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
46 display: inline-block
;
47 vertical-align: middle
;
50 border: 1px solid transparent
;
51 -webkit-transition: border-color
250ms;
52 -moz-transition: border-color
250ms;
53 transition: border-color
250ms;
55 .oo-ui-toolGroup-empty {
58 .oo-ui-toolGroup-tools .oo-ui-tool-link {
59 text-decoration: none
;
62 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
63 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
67 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
70 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
71 border-color: rgba
(0, 0, 0, 0.1);
73 .oo-ui-toolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool-link .oo-ui-tool-title {
77 .oo-ui-barToolGroup-tools > .oo-ui-tool {
78 display: inline-block
;
82 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
85 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
88 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
91 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
92 display: inline-block
;
94 .oo-ui-barToolGroup-tools > .oo-ui-tool {
95 margin: -1px 0 -1px -1px;
96 border: 1px solid transparent
;
98 .oo-ui-barToolGroup-tools > .oo-ui-tool:first-child {
99 border-top-left-radius: 3px;
100 border-bottom-left-radius: 3px;
102 .oo-ui-barToolGroup-tools > .oo-ui-tool:last-child {
104 border-top-right-radius: 3px;
105 border-bottom-right-radius: 3px;
107 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
111 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
112 display: inline-block
;
115 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon {
118 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
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-disabled-tools > .oo-ui-tool:focus {
151 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
154 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
157 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
161 .oo-ui-popupToolGroup {
166 .oo-ui-popupToolGroup-handle {
170 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
171 display: inline-block
;
173 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
177 .oo-ui-popupToolGroup-tools {
182 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
185 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
188 vertical-align: middle
;
191 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
192 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
194 vertical-align: middle
;
196 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
199 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
202 .oo-ui-popupToolGroup.oo-ui-iconElement {
205 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
208 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
211 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
214 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
218 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
221 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
224 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
227 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
228 margin-right: 2.25em;
230 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
231 margin-right: 1.75em;
233 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
236 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
241 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
242 border-bottom-left-radius: 3px;
243 border-top-left-radius: 3px;
246 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
249 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
250 border-bottom-right-radius: 3px;
251 border-top-right-radius: 3px;
253 .oo-ui-popupToolGroup-handle {
256 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
257 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
261 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
267 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
270 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
274 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
277 .oo-ui-popupToolGroup-header {
282 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
283 background-color: #f8fbfd;
284 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
285 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
286 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
287 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
288 border-bottom-left-radius: 0;
289 border-bottom-right-radius: 0;
290 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
292 .oo-ui-popupToolGroup-tools {
294 border: 1px solid
#ccc;
295 background-color: #fff;
296 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
298 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
299 padding: 0.3125em 0 0.3125em 0.3125em;
301 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
306 vertical-align: middle
;
308 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
311 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
314 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
315 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
318 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
321 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
325 .oo-ui-listToolGroup-tools .oo-ui-tool {
327 -webkit-box-sizing: border-box
;
328 -moz-box-sizing: border-box
;
329 box-sizing: border-box
;
331 .oo-ui-listToolGroup-tools {
334 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
335 border-color: rgba
(0, 0, 0, 0.2);
337 .oo-ui-listToolGroup-tools .oo-ui-tool {
338 border: 1px solid transparent
;
340 padding: 0 0.625em 0 0;
342 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
343 border-color: rgba
(0, 0, 0, 0.1);
344 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
345 background-color: #f8fbfd;
346 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
347 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
348 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
349 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
351 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
352 border-top-color: rgba
(0, 0, 0, 0.1);
354 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
355 border-color: rgba
(0, 0, 0, 0.2);
357 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
358 border-color: rgba
(0, 0, 0, 0.2);
360 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
363 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
366 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
369 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
372 .oo-ui-listToolGroup.oo-ui-widget-disabled {
375 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
376 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
380 .oo-ui-menuToolGroup {
381 border-color: rgba
(0, 0, 0, 0.1);
383 .oo-ui-menuToolGroup-tools .oo-ui-tool {
386 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
389 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
392 .oo-ui-menuToolGroup-tools {
393 padding: 0.3125em 0 0.3125em 0;
395 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
396 border-color: rgba
(0, 0, 0, 0.2);
398 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
399 border-color: rgba
(0, 0, 0, 0.25);
401 .oo-ui-menuToolGroup-tools .oo-ui-tool {
402 padding: 0 1.25em 0 0.3125em;
404 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
407 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
410 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
413 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
414 background-color: #e1f3ff;
416 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
419 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
421 border-color: rgba
(0, 0, 0, 0.05);
423 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
424 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
435 .oo-ui-toolbar-tools
,
436 .oo-ui-toolbar-actions {
437 -webkit-touch-callout: none
;
438 -webkit-user-select: none
;
439 -moz-user-select: none
;
440 -ms-user-select: none
;
443 .oo-ui-toolbar-tools {
446 .oo-ui-toolbar-popups {
449 .oo-ui-toolbar-tools
,
450 .oo-ui-toolbar-popups {
453 .oo-ui-toolbar-tools
.oo-ui-tool
,
454 .oo-ui-toolbar-popups
.oo-ui-tool
,
455 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
456 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
459 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
460 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
463 .oo-ui-toolbar-actions {
466 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
467 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
468 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
469 display: inline-block
;
471 .oo-ui-toolbar-actions .oo-ui-popupWidget {
472 -webkit-touch-callout: default
;
473 -webkit-user-select: text
;
474 -moz-user-select: text
;
475 -ms-user-select: text
;
479 background-color: #f8fbfd;
480 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
481 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
482 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
483 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
485 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
486 border-bottom: 1px solid
#ccc;
487 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
489 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
490 border-top: 1px solid
#ccc;
491 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
493 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
498 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-framed
,
499 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
501 margin-bottom: 0.4em;
504 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
,
505 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
508 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
509 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
513 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
514 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
516 line-height: 3.40625em;
518 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
,
519 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
522 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
525 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
526 background-color: #cde7f4;
527 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
528 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
529 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
530 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
531 border: 1px solid
#a6cee1;
533 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
534 border-color: #9dc2d4;
536 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
537 background-color: #cde7f4;
538 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
539 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
540 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
541 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);