3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2023 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2023-09-12T23:28:07Z
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 transition-property: border-color
;
51 transition-duration: 250ms;
53 .oo-ui-toolGroup-empty {
56 .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: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
130 .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 {
131 border-left-color: rgba
(0, 0, 0, 0.1);
133 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
136 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
139 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
142 .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 {
145 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive {
146 background-color: #cde7f4;
147 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
148 border: 1px solid
#a6cee1;
150 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive:hover {
151 border-color: #9dc2d4;
153 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive.oo-ui-tool-active.oo-ui-widget-enabled {
154 background-color: #cde7f4;
155 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
156 border: 1px solid
#a6cee1;
158 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
159 padding: 0.3125em 0.6255em;
161 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive {
162 background-color: #ebebeb;
163 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
164 border: 1px solid
#ccc;
166 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-tool-link {
169 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
170 padding: 0.3125em 0.6255em;
172 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
175 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
178 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
181 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
185 .oo-ui-popupToolGroup {
190 .oo-ui-popupToolGroup-handle {
194 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
195 display: inline-block
;
197 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
201 .oo-ui-popupToolGroup-tools {
206 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
209 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
212 vertical-align: middle
;
215 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
216 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
218 vertical-align: middle
;
220 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
223 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
226 .oo-ui-popupToolGroup.oo-ui-iconElement {
229 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
232 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
235 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
238 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
242 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
245 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
248 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
251 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
252 margin-right: 2.25em;
254 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
255 margin-right: 1.75em;
257 .oo-ui-popupToolGroup-handle {
260 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
261 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
265 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
271 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
274 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
278 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
281 .oo-ui-popupToolGroup-header {
286 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
287 background-color: #f8fbfd;
288 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
289 border-bottom-left-radius: 0;
290 border-bottom-right-radius: 0;
291 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
293 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive {
294 background-color: #cde7f4;
295 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
296 border: 1px solid
#a6cee1;
298 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive:hover {
299 border-color: #9dc2d4;
301 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
302 background-color: #cde7f4;
303 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
304 border: 1px solid
#a6cee1;
306 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive {
307 background-color: #ebebeb;
308 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
309 border: 1px solid
#ccc;
311 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
314 .oo-ui-popupToolGroup-tools {
316 border: 1px solid
#ccc;
317 background-color: #fff;
318 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
320 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
321 padding: 0.3125em 0 0.3125em 0.3125em;
323 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
328 vertical-align: middle
;
330 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
333 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
336 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
337 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
340 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
343 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
347 .oo-ui-listToolGroup-tools .oo-ui-tool {
349 box-sizing: border-box
;
351 .oo-ui-listToolGroup-tools {
354 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
355 border-color: rgba
(0, 0, 0, 0.2);
357 .oo-ui-listToolGroup-tools .oo-ui-tool {
358 border: 1px solid transparent
;
360 padding: 0 0.625em 0 0;
362 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
363 border-color: rgba
(0, 0, 0, 0.1);
364 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
365 background-color: #f8fbfd;
366 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
368 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
369 border-top-color: rgba
(0, 0, 0, 0.1);
371 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
372 border-color: rgba
(0, 0, 0, 0.2);
374 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
375 border-color: rgba
(0, 0, 0, 0.2);
377 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
380 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
383 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
386 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
389 .oo-ui-listToolGroup.oo-ui-widget-disabled {
392 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
393 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
397 .oo-ui-menuToolGroup {
398 border-color: rgba
(0, 0, 0, 0.1);
400 .oo-ui-menuToolGroup-tools .oo-ui-tool {
403 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
406 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
409 .oo-ui-menuToolGroup-tools {
410 padding: 0.3125em 0 0.3125em 0;
412 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
413 border-color: rgba
(0, 0, 0, 0.2);
415 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
416 border-color: rgba
(0, 0, 0, 0.25);
418 .oo-ui-menuToolGroup-tools .oo-ui-tool {
419 padding: 0 1.25em 0 0.3125em;
421 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
424 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
427 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
430 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
431 background-color: #e1f3ff;
433 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
436 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
438 border-color: rgba
(0, 0, 0, 0.05);
440 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
441 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
452 .oo-ui-toolbar-tools
,
453 .oo-ui-toolbar-actions {
454 -webkit-touch-callout: none
;
455 -webkit-user-select: none
;
456 -moz-user-select: none
;
457 -ms-user-select: none
;
460 .oo-ui-toolbar-tools {
463 .oo-ui-toolbar-popups {
466 .oo-ui-toolbar-tools
,
467 .oo-ui-toolbar-popups {
470 .oo-ui-toolbar-tools
.oo-ui-tool
,
471 .oo-ui-toolbar-popups
.oo-ui-tool
,
472 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
473 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
475 -webkit-touch-callout: default
;
476 -webkit-user-select: text
;
477 -moz-user-select: text
;
478 -ms-user-select: text
;
481 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
482 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
485 .oo-ui-toolbar-after {
488 .oo-ui-toolbar-actions {
491 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
492 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
493 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
494 display: inline-block
;
496 .oo-ui-toolbar-actions .oo-ui-popupWidget {
497 -webkit-touch-callout: default
;
498 -webkit-user-select: text
;
499 -moz-user-select: text
;
500 -ms-user-select: text
;
504 background-color: #f8fbfd;
505 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
507 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
508 border-bottom: 1px solid
#ccc;
509 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
511 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
512 border-top: 1px solid
#ccc;
513 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
515 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {