3 * https://www.mediawiki.org/wiki/OOUI
5 * Copyright 2011–2018 OOUI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2018-08-01T22:18:03Z
11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
14 .oo-ui-popupTool-popup
.oo-ui-popupWidget-popup
,
15 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
18 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
23 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
24 border-top-left-radius: 3px;
25 border-bottom-left-radius: 3px;
27 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
28 border-top-right-radius: 3px;
29 border-bottom-right-radius: 3px;
31 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
34 border-color: transparent
;
39 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
43 display: inline-block
;
44 vertical-align: middle
;
47 border: 1px solid transparent
;
48 -webkit-transition: border-color
250ms ease
;
49 -moz-transition: border-color
250ms ease
;
50 transition: border-color
250ms ease
;
52 .oo-ui-toolGroup-empty {
55 .oo-ui-toolGroup-tools .oo-ui-tool-link {
56 text-decoration: none
;
59 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
60 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
64 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
67 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
68 border-color: rgba
(0, 0, 0, 0.1);
70 .oo-ui-toolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool-link .oo-ui-tool-title {
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 {
107 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
108 display: inline-block
;
111 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon {
114 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
117 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
118 border-color: rgba
(0, 0, 0, 0.2);
120 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
121 border-color: rgba
(0, 0, 0, 0.2);
122 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
123 background-color: #f8fbfd;
124 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
125 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
126 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
127 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
129 .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 {
130 border-left-color: rgba
(0, 0, 0, 0.1);
132 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
135 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
138 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
141 .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 {
144 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
147 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
150 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
153 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
156 .oo-ui-popupToolGroup {
161 .oo-ui-popupToolGroup-handle {
165 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
166 display: inline-block
;
168 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
172 .oo-ui-popupToolGroup-tools {
177 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
180 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
183 vertical-align: middle
;
186 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
187 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
189 vertical-align: middle
;
191 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
194 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
197 .oo-ui-popupToolGroup.oo-ui-iconElement {
200 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
203 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
206 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
209 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
213 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
216 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
219 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
222 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
223 margin-right: 2.25em;
225 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
226 margin-right: 1.75em;
228 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
231 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
236 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
237 border-bottom-left-radius: 3px;
238 border-top-left-radius: 3px;
241 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
244 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
245 border-bottom-right-radius: 3px;
246 border-top-right-radius: 3px;
248 .oo-ui-popupToolGroup-handle {
251 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
252 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
256 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
262 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
265 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
269 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
272 .oo-ui-popupToolGroup-header {
277 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
278 background-color: #f8fbfd;
279 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
280 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
281 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
282 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
283 border-bottom-left-radius: 0;
284 border-bottom-right-radius: 0;
285 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
287 .oo-ui-popupToolGroup-tools {
289 border: 1px solid
#ccc;
290 background-color: #fff;
291 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
293 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
294 padding: 0.3125em 0 0.3125em 0.3125em;
296 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
301 vertical-align: middle
;
303 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
306 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
309 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
310 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
313 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
316 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
319 .oo-ui-listToolGroup-tools .oo-ui-tool {
321 -webkit-box-sizing: border-box
;
322 -moz-box-sizing: border-box
;
323 box-sizing: border-box
;
325 .oo-ui-listToolGroup-tools {
328 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
329 border-color: rgba
(0, 0, 0, 0.2);
331 .oo-ui-listToolGroup-tools .oo-ui-tool {
332 border: 1px solid transparent
;
334 padding: 0 0.625em 0 0;
336 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
337 border-color: rgba
(0, 0, 0, 0.1);
338 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
339 background-color: #f8fbfd;
340 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
341 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
342 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
343 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
345 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
346 border-top-color: rgba
(0, 0, 0, 0.1);
348 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
349 border-color: rgba
(0, 0, 0, 0.2);
351 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
352 border-color: rgba
(0, 0, 0, 0.2);
354 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
357 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
360 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
363 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
366 .oo-ui-listToolGroup.oo-ui-widget-disabled {
369 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
370 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
373 .oo-ui-menuToolGroup {
374 border-color: rgba
(0, 0, 0, 0.1);
376 .oo-ui-menuToolGroup-tools .oo-ui-tool {
379 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
382 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
385 .oo-ui-menuToolGroup-tools {
386 padding: 0.3125em 0 0.3125em 0;
388 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
389 border-color: rgba
(0, 0, 0, 0.2);
391 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
392 border-color: rgba
(0, 0, 0, 0.25);
394 .oo-ui-menuToolGroup-tools .oo-ui-tool {
395 padding: 0 1.25em 0 0.3125em;
397 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
400 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
403 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
406 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
407 background-color: #e1f3ff;
409 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
412 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
414 border-color: rgba
(0, 0, 0, 0.05);
416 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
417 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
427 .oo-ui-toolbar-tools
,
428 .oo-ui-toolbar-actions {
429 -webkit-touch-callout: none
;
430 -webkit-user-select: none
;
431 -moz-user-select: none
;
432 -ms-user-select: none
;
435 .oo-ui-toolbar-tools {
438 .oo-ui-toolbar-popups {
441 .oo-ui-toolbar-tools
,
442 .oo-ui-toolbar-popups {
445 .oo-ui-toolbar-tools
.oo-ui-tool
,
446 .oo-ui-toolbar-popups
.oo-ui-tool
,
447 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
448 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
451 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
452 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
455 .oo-ui-toolbar-actions {
458 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
459 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
460 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
461 display: inline-block
;
463 .oo-ui-toolbar-actions .oo-ui-popupWidget {
464 -webkit-touch-callout: default
;
465 -webkit-user-select: text
;
466 -moz-user-select: text
;
467 -ms-user-select: text
;
471 background-color: #f8fbfd;
472 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
473 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
474 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
475 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
477 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
478 border-bottom: 1px solid
#ccc;
479 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
481 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
482 border-top: 1px solid
#ccc;
483 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
485 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
490 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-framed
,
491 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
493 margin-bottom: 0.4em;
496 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
,
497 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
500 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
501 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
505 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
506 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
508 line-height: 3.40625em;
510 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
,
511 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
514 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
517 .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 {
518 background-color: #cde7f4;
519 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
520 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
521 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
522 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
523 border: 1px solid
#a6cee1;
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:hover {
526 border-color: #9dc2d4;
528 .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 {
529 background-color: #cde7f4;
530 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
531 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
532 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
533 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);