2 * OOUI v0.34.0-pre (d5e74518ab)
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-09-04T18:28:59Z
12 -webkit-box-sizing: border-box
;
13 -moz-box-sizing: border-box
;
14 box-sizing: border-box
;
16 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
19 .oo-ui-tool .oo-ui-tool-link {
21 -webkit-box-sizing: border-box
;
22 -moz-box-sizing: border-box
;
23 box-sizing: border-box
;
27 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-tool-link {
28 padding-left: 2.85714286em;
30 .oo-ui-tool.oo-ui-tool-with-label .oo-ui-tool-link {
31 padding: 0.85714286em 0.85714286em 0.85714286em 0.85714286em;
33 .oo-ui-tool.oo-ui-tool-with-icon.oo-ui-tool-with-label .oo-ui-tool-link {
34 padding: 0.85714286em 0.85714286em 0.85714286em 2.64285714em;
36 .oo-ui-tool .oo-ui-iconElement-icon {
40 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-iconElement-icon {
43 .oo-ui-tool .oo-ui-tool-title {
44 line-height: 1.28571429em;
46 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
47 -webkit-transition: background-color
100ms;
48 -moz-transition: background-color
100ms;
49 transition: background-color
100ms;
51 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
52 outline: 1px solid
#36c;
53 box-shadow: inset
0 0 0 1px #36c;
56 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
58 -webkit-transition: opacity
100ms;
59 -moz-transition: opacity
100ms;
60 transition: opacity
100ms;
61 -webkit-transform: translateZ
(0);
62 transform: translateZ
(0);
64 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title {
65 -webkit-transition: color
100ms;
66 -moz-transition: color
100ms;
67 transition: color
100ms;
69 .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
72 .oo-ui-tool.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] .oo-ui-iconElement-icon {
75 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
78 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
79 background-color: #eaecf0;
81 .oo-ui-tool
.oo-ui-widget-enabled
> .oo-ui-tool-link:active
,
82 .oo-ui-tool
.oo-ui-widget-enabled
> .oo-ui-tool-link:active:focus
,
83 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-tool-active
> .oo-ui-tool-link
,
84 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
85 background-color: #eff3fa;
89 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
90 outline: 1px solid
#36c;
91 box-shadow: inset
0 0 0 1px #36c;
93 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
96 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
97 background-color: #eaecf0;
99 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-tool-link:active
,
100 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
> .oo-ui-tool-link:active:focus
,
101 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-progressive
.oo-ui-tool-active
> .oo-ui-tool-link
,
102 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
103 background-color: #eff3fa;
107 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
108 outline: 1px solid
#36c;
109 box-shadow: inset
0 0 0 1px #36c;
111 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
114 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
115 background-color: #eaecf0;
117 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-tool-link:active
,
118 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
> .oo-ui-tool-link:active:focus
,
119 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-destructive
.oo-ui-tool-active
> .oo-ui-tool-link
,
120 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
121 background-color: #ffffff;
125 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
126 outline: 1px solid
#d33;
127 box-shadow: inset
0 0 0 1px #d33;
129 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
131 background-color: #36c;
133 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
134 background-color: #447ff5;
136 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-tool-link:active
,
137 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-tool-link:active:focus
,
138 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link {
140 background-color: #2a4b8d;
143 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
144 outline: 1px solid
#36c;
145 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
147 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-tool-link
,
148 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-tool-link:active
,
149 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link:active:focus {
150 background-color: #c8ccd1;
153 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
155 background-color: #d33;
157 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
158 background-color: #ff4242;
160 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-tool-link:active
,
161 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-tool-link:active:focus
,
162 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-tool-link {
164 background-color: #b32424;
167 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
168 outline: 1px solid
#d33;
169 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
171 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-tool-link
,
172 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-tool-link:active
,
173 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link:active:focus {
174 background-color: #c8ccd1;
177 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
180 .oo-ui-tool
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
> .oo-ui-tool-link
> .oo-ui-iconElement-icon
,
181 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
185 .oo-ui-popupTool-popup.oo-ui-popupWidget {
189 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
194 display: inline-block
;
195 vertical-align: middle
;
196 -webkit-box-sizing: border-box
;
197 -moz-box-sizing: border-box
;
198 box-sizing: border-box
;
199 border-right: 1px solid
#eaecf0;
201 .oo-ui-toolGroup-empty {
204 .oo-ui-toolGroup-tools .oo-ui-tool-link {
205 text-decoration: none
;
208 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
209 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
213 .oo-ui-toolbar-actions .oo-ui-toolGroup {
215 border-left: 1px solid
#eaecf0;
217 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
218 border-right-width: 0;
220 .oo-ui-toolGroup
.oo-ui-widget-disabled:not
( .oo-ui-flaggedElement-primary
) .oo-ui-indicatorElement-indicator
,
221 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
222 opacity: 0.34 !important
;
225 .oo-ui-barToolGroup-tools > .oo-ui-tool {
226 display: inline-block
;
230 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
233 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
236 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
239 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
240 display: inline-block
;
242 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
245 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
246 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
249 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
> .oo-ui-tool-link
,
250 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
251 background-color: #c8ccd1;
252 border-color: #c8ccd1;
254 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
> .oo-ui-tool-link
.oo-ui-tool-title
,
255 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
258 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
.oo-ui-tool-active
> .oo-ui-tool-link
,
259 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
260 background-color: #919fb9;
262 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
.oo-ui-iconElement-icon
,
263 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
266 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
267 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
271 .oo-ui-popupToolGroup {
275 .oo-ui-popupToolGroup-handle {
279 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
280 display: inline-block
;
282 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
286 .oo-ui-popupToolGroup-tools {
291 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
294 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
297 vertical-align: middle
;
300 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
301 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
303 vertical-align: middle
;
305 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
308 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
309 min-width: 2.85714286em;
311 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
312 min-width: 1.85714286em;
314 .oo-ui-popupToolGroup-handle {
315 -webkit-box-sizing: border-box
;
316 -moz-box-sizing: border-box
;
317 box-sizing: border-box
;
319 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
322 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
325 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
326 background-position: center
52%;
329 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
332 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
333 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
336 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
339 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
340 padding-left: 2.85714286em;
342 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
343 padding: 0.85714286em 0.85714286em;
345 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
346 line-height: 1.28571429em;
348 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
349 padding-left: 0.71428571em;
350 padding-right: 0.71428571em;
352 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
353 padding-left: 2.64285714em;
355 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
358 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
359 padding-right: 1.85714286em;
361 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
362 padding-right: 1.28571429em;
364 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
365 padding-right: 1.14285714em;
367 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
368 padding-right: 0.85714286em;
370 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
373 .oo-ui-popupToolGroup-header {
375 padding: 0 0.85714286em;
377 line-height: 2.28571429em;
379 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
380 padding: 0 0.71428571em;
382 .oo-ui-popupToolGroup-tools {
383 background-color: #fff;
386 border: 1px solid
#c8ccd1;
387 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
389 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
390 padding: 0.85714286em 0.85714286em;
392 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
393 padding-left: 0.71428571em;
394 padding-right: 0.71428571em;
396 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
398 line-height: 1.28571429em;
400 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
401 padding-left: 1.28571429em;
403 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
404 padding-left: 1.14285714em;
406 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
407 padding-left: 2.64285714em;
409 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
412 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
413 -webkit-transition: background-color
100ms, box-shadow
100ms;
414 -moz-transition: background-color
100ms, box-shadow
100ms;
415 transition: background-color
100ms, box-shadow
100ms;
417 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
418 background-color: #eaecf0;
420 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
421 background-color: #eaf3ff;
423 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
424 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
426 -webkit-transition: opacity
100ms;
427 -moz-transition: opacity
100ms;
428 transition: opacity
100ms;
429 -webkit-transform: translateZ
(0);
430 transform: translateZ
(0);
432 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
433 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
434 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
435 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
438 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
439 outline: 1px solid
#36c;
440 box-shadow: inset
0 0 0 1px #36c;
442 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
443 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
446 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
447 border-right: 1px solid transparent
;
448 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
449 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
450 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
452 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
453 border-right-color: #eaecf0;
455 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
456 border-right-color: #eaf3ff;
458 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
459 border-right-color: #36c;
461 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
462 background-color: #eaf3ff;
465 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
466 background-color: rgba
(41, 98, 204, 0.1);
469 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
472 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
474 box-shadow: inset
0 0 0 2px #36c;
476 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
479 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
480 background-color: #fff;
482 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
483 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
484 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
485 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
486 background-color: #eff3fa;
490 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
491 outline: 1px solid
#36c;
492 box-shadow: inset
0 0 0 1px #36c;
494 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
497 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
498 background-color: #fff;
500 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
501 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
502 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
503 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
504 background-color: #ffffff;
508 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
509 outline: 1px solid
#d33;
510 box-shadow: inset
0 0 0 1px #d33;
512 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
514 background-color: #36c;
516 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
517 background-color: #447ff5;
519 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
520 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
521 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
523 background-color: #2a4b8d;
526 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
527 outline: 1px solid
#36c;
528 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
530 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
531 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
532 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
533 background-color: #c8ccd1;
536 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
538 background-color: #d33;
540 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
541 background-color: #ff4242;
543 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
544 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
545 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
547 background-color: #b32424;
550 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
551 outline: 1px solid
#d33;
552 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
554 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
555 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
556 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
557 background-color: #c8ccd1;
560 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
> .oo-ui-popupToolGroup-handle
> .oo-ui-iconElement-icon
,
561 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
565 .oo-ui-listToolGroup-tools .oo-ui-tool {
567 -webkit-box-sizing: border-box
;
568 -moz-box-sizing: border-box
;
569 box-sizing: border-box
;
571 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
572 background-color: #eaecf0;
575 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
576 background-color: #eaf3ff;
578 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
579 background-color: rgba
(41, 98, 204, 0.1);
581 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
584 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
585 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
589 .oo-ui-menuToolGroup-tools .oo-ui-tool {
592 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
595 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
598 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
601 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
604 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
605 background-color: rgba
(41, 98, 204, 0.1);
607 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
608 background-color: #eaf3ff;
610 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
611 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
622 .oo-ui-toolbar-tools
,
623 .oo-ui-toolbar-actions {
624 -webkit-touch-callout: none
;
625 -webkit-user-select: none
;
626 -moz-user-select: none
;
627 -ms-user-select: none
;
630 .oo-ui-toolbar-tools {
633 .oo-ui-toolbar-popups {
636 .oo-ui-toolbar-tools
,
637 .oo-ui-toolbar-popups {
640 .oo-ui-toolbar-tools
.oo-ui-tool
,
641 .oo-ui-toolbar-popups
.oo-ui-tool
,
642 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
643 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
646 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
647 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
650 .oo-ui-toolbar-actions {
653 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
654 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
655 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
656 display: inline-block
;
658 .oo-ui-toolbar-actions .oo-ui-popupWidget {
659 -webkit-touch-callout: default
;
660 -webkit-user-select: text
;
661 -moz-user-select: text
;
662 -ms-user-select: text
;
666 background-color: #fff;
669 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
670 border-bottom: 1px solid
#c8ccd1;
671 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
673 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
674 border-top: 1px solid
#c8ccd1;
675 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
677 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
678 background-color: transparent
;
682 .oo-ui-toolbar-narrow-bar:after {
691 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
692 border-bottom: 1px solid
#c8ccd1;
694 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
695 border-top: 1px solid
#c8ccd1;