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-06-05T16:24:16Z
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
> .oo-ui-iconElement-icon
,
178 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
182 .oo-ui-popupTool-popup.oo-ui-popupWidget {
186 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
191 display: inline-block
;
192 vertical-align: middle
;
193 -webkit-box-sizing: border-box
;
194 -moz-box-sizing: border-box
;
195 box-sizing: border-box
;
196 border-right: 1px solid
#eaecf0;
198 .oo-ui-toolGroup-empty {
201 .oo-ui-toolGroup-tools .oo-ui-tool-link {
202 text-decoration: none
;
205 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
206 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
210 .oo-ui-toolbar-actions .oo-ui-toolGroup {
212 border-left: 1px solid
#eaecf0;
214 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
215 border-right-width: 0;
217 .oo-ui-toolGroup
.oo-ui-widget-disabled:not
( .oo-ui-flaggedElement-primary
) .oo-ui-indicatorElement-indicator
,
218 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
219 opacity: 0.34 !important
;
222 .oo-ui-barToolGroup-tools > .oo-ui-tool {
223 display: inline-block
;
227 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
230 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
233 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
236 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
237 display: inline-block
;
239 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
242 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
243 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
246 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
> .oo-ui-tool-link
,
247 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
248 background-color: #c8ccd1;
249 border-color: #c8ccd1;
251 .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
,
252 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
255 .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
,
256 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
257 background-color: #919fb9;
259 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
.oo-ui-iconElement-icon
,
260 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
263 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
264 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
268 .oo-ui-popupToolGroup {
272 .oo-ui-popupToolGroup-handle {
276 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
277 display: inline-block
;
279 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
283 .oo-ui-popupToolGroup-tools {
288 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
291 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
294 vertical-align: middle
;
297 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
298 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
300 vertical-align: middle
;
302 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
305 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
306 min-width: 2.85714286em;
308 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
309 min-width: 1.85714286em;
311 .oo-ui-popupToolGroup-handle {
312 -webkit-box-sizing: border-box
;
313 -moz-box-sizing: border-box
;
314 box-sizing: border-box
;
316 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
319 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
322 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
323 background-position: center
52%;
326 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
329 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
330 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
333 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
336 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
337 padding-left: 2.85714286em;
339 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
340 padding: 0.85714286em 0.85714286em;
342 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
343 line-height: 1.28571429em;
345 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
346 padding-left: 0.71428571em;
347 padding-right: 0.71428571em;
349 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
350 padding-left: 2.64285714em;
352 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
355 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
356 padding-right: 1.85714286em;
358 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
359 padding-right: 1.28571429em;
361 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
362 padding-right: 1.14285714em;
364 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
365 padding-right: 0.85714286em;
367 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
370 .oo-ui-popupToolGroup-header {
372 padding: 0 0.85714286em;
374 line-height: 2.28571429em;
376 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
377 padding: 0 0.71428571em;
379 .oo-ui-popupToolGroup-tools {
380 background-color: #fff;
383 border: 1px solid
#c8ccd1;
384 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
386 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
387 padding: 0.85714286em 0.85714286em;
389 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
390 padding-left: 0.71428571em;
391 padding-right: 0.71428571em;
393 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
395 line-height: 1.28571429em;
397 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
398 padding-left: 1.28571429em;
400 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
401 padding-left: 1.14285714em;
403 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
404 padding-left: 2.64285714em;
406 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
409 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
410 -webkit-transition: background-color
100ms, box-shadow
100ms;
411 -moz-transition: background-color
100ms, box-shadow
100ms;
412 transition: background-color
100ms, box-shadow
100ms;
414 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
415 background-color: #eaecf0;
417 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
418 background-color: #eaf3ff;
420 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
421 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
423 -webkit-transition: opacity
100ms;
424 -moz-transition: opacity
100ms;
425 transition: opacity
100ms;
426 -webkit-transform: translateZ
(0);
427 transform: translateZ
(0);
429 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
430 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
431 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
432 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
435 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
436 outline: 1px solid
#36c;
437 box-shadow: inset
0 0 0 1px #36c;
439 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
440 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
443 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
444 border-right: 1px solid transparent
;
445 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
446 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
447 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
449 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
450 border-right-color: #eaecf0;
452 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
453 border-right-color: #eaf3ff;
455 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
456 border-right-color: #36c;
458 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
459 background-color: #eaf3ff;
462 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
463 background-color: rgba
(41, 98, 204, 0.1);
466 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
469 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
471 box-shadow: inset
0 0 0 2px #36c;
473 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
476 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
477 background-color: #fff;
479 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
480 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
481 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
482 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
483 background-color: #eff3fa;
487 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
488 outline: 1px solid
#36c;
489 box-shadow: inset
0 0 0 1px #36c;
491 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
494 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
495 background-color: #fff;
497 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
498 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
499 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
500 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
501 background-color: #ffffff;
505 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
506 outline: 1px solid
#d33;
507 box-shadow: inset
0 0 0 1px #d33;
509 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
511 background-color: #36c;
513 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
514 background-color: #447ff5;
516 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
517 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
518 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
520 background-color: #2a4b8d;
523 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
524 outline: 1px solid
#36c;
525 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
527 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
528 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
529 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
530 background-color: #c8ccd1;
533 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
535 background-color: #d33;
537 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
538 background-color: #ff4242;
540 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
541 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
542 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
544 background-color: #b32424;
547 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
548 outline: 1px solid
#d33;
549 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
551 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
552 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
553 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
554 background-color: #c8ccd1;
557 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
> .oo-ui-popupToolGroup-handle
> .oo-ui-iconElement-icon
,
558 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
562 .oo-ui-listToolGroup-tools .oo-ui-tool {
564 -webkit-box-sizing: border-box
;
565 -moz-box-sizing: border-box
;
566 box-sizing: border-box
;
568 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
569 background-color: #eaecf0;
572 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
573 background-color: #eaf3ff;
575 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
576 background-color: rgba
(41, 98, 204, 0.1);
578 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
581 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
582 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
586 .oo-ui-menuToolGroup-tools .oo-ui-tool {
589 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
592 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
595 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
598 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
601 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
602 background-color: rgba
(41, 98, 204, 0.1);
604 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
605 background-color: #eaf3ff;
607 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
608 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
619 .oo-ui-toolbar-tools
,
620 .oo-ui-toolbar-actions {
621 -webkit-touch-callout: none
;
622 -webkit-user-select: none
;
623 -moz-user-select: none
;
624 -ms-user-select: none
;
627 .oo-ui-toolbar-tools {
630 .oo-ui-toolbar-popups {
633 .oo-ui-toolbar-tools
,
634 .oo-ui-toolbar-popups {
637 .oo-ui-toolbar-tools
.oo-ui-tool
,
638 .oo-ui-toolbar-popups
.oo-ui-tool
,
639 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
640 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
643 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
644 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
647 .oo-ui-toolbar-actions {
650 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
651 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
652 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
653 display: inline-block
;
655 .oo-ui-toolbar-actions .oo-ui-popupWidget {
656 -webkit-touch-callout: default
;
657 -webkit-user-select: text
;
658 -moz-user-select: text
;
659 -ms-user-select: text
;
663 background-color: #fff;
666 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
667 border-bottom: 1px solid
#c8ccd1;
668 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
670 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
671 border-top: 1px solid
#c8ccd1;
672 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
674 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
675 background-color: transparent
;
679 .oo-ui-toolbar-narrow-bar:after {
688 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
689 border-bottom: 1px solid
#c8ccd1;
691 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
692 border-top: 1px solid
#c8ccd1;