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-24T18:29:15Z
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-popup
,
183 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
187 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
192 display: inline-block
;
193 vertical-align: middle
;
194 -webkit-box-sizing: border-box
;
195 -moz-box-sizing: border-box
;
196 box-sizing: border-box
;
197 border-right: 1px solid
#eaecf0;
199 .oo-ui-toolGroup-empty {
202 .oo-ui-toolGroup-tools .oo-ui-tool-link {
203 text-decoration: none
;
206 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
207 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
211 .oo-ui-toolbar-actions .oo-ui-toolGroup {
213 border-left: 1px solid
#eaecf0;
215 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
216 border-right-width: 0;
218 .oo-ui-toolGroup
.oo-ui-widget-disabled:not
( .oo-ui-flaggedElement-primary
) .oo-ui-indicatorElement-indicator
,
219 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
220 opacity: 0.34 !important
;
223 .oo-ui-barToolGroup-tools > .oo-ui-tool {
224 display: inline-block
;
228 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
231 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
234 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
237 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
238 display: inline-block
;
240 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
243 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-iconElement-icon
,
244 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
247 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
> .oo-ui-tool-link
,
248 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
249 background-color: #c8ccd1;
250 border-color: #c8ccd1;
252 .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
,
253 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
256 .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
,
257 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
258 background-color: #919fb9;
260 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
.oo-ui-flaggedElement-primary
.oo-ui-iconElement-icon
,
261 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
264 .oo-ui-barToolGroup-tools
.oo-ui-toolGroup-enabled-tools
.oo-ui-tool
.oo-ui-widget-disabled
> .oo-ui-tool-link
.oo-ui-tool-title
,
265 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
269 .oo-ui-popupToolGroup {
273 .oo-ui-popupToolGroup-handle {
277 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
278 display: inline-block
;
280 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
284 .oo-ui-popupToolGroup-tools {
289 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
292 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
295 vertical-align: middle
;
298 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
299 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
301 vertical-align: middle
;
303 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
306 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
307 min-width: 2.85714286em;
309 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
310 min-width: 1.85714286em;
312 .oo-ui-popupToolGroup-handle {
313 -webkit-box-sizing: border-box
;
314 -moz-box-sizing: border-box
;
315 box-sizing: border-box
;
317 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
320 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
323 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
324 background-position: center
52%;
327 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
330 .oo-ui-popupToolGroup
.oo-ui-iconElement
.oo-ui-popupToolGroup-handle
,
331 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
334 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
337 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
338 padding-left: 2.85714286em;
340 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
341 padding: 0.85714286em 0.85714286em;
343 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
344 line-height: 1.28571429em;
346 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
347 padding-left: 0.71428571em;
348 padding-right: 0.71428571em;
350 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
351 padding-left: 2.64285714em;
353 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
356 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
357 padding-right: 1.85714286em;
359 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
360 padding-right: 1.28571429em;
362 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
363 padding-right: 1.14285714em;
365 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
366 padding-right: 0.85714286em;
368 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
371 .oo-ui-popupToolGroup-header {
373 padding: 0 0.85714286em;
375 line-height: 2.28571429em;
377 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
378 padding: 0 0.71428571em;
380 .oo-ui-popupToolGroup-tools {
381 background-color: #fff;
384 border: 1px solid
#c8ccd1;
385 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.25);
387 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
388 padding: 0.85714286em 0.85714286em;
390 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
391 padding-left: 0.71428571em;
392 padding-right: 0.71428571em;
394 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
396 line-height: 1.28571429em;
398 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
399 padding-left: 1.28571429em;
401 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
402 padding-left: 1.14285714em;
404 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
405 padding-left: 2.64285714em;
407 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
410 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
411 -webkit-transition: background-color
100ms, box-shadow
100ms;
412 -moz-transition: background-color
100ms, box-shadow
100ms;
413 transition: background-color
100ms, box-shadow
100ms;
415 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
416 background-color: #eaecf0;
418 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
419 background-color: #eaf3ff;
421 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
422 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
424 -webkit-transition: opacity
100ms;
425 -moz-transition: opacity
100ms;
426 transition: opacity
100ms;
427 -webkit-transform: translateZ
(0);
428 transform: translateZ
(0);
430 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-iconElement-icon
,
431 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:active
.oo-ui-iconElement-icon
,
432 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
> .oo-ui-popupToolGroup-handle:hover
.oo-ui-indicatorElement-indicator
,
433 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
436 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
437 outline: 1px solid
#36c;
438 box-shadow: inset
0 0 0 1px #36c;
440 .oo-ui-popupToolGroup
.oo-ui-widget-enabled
[class
*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle
.oo-ui-iconElement-icon
,
441 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
444 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
445 border-right: 1px solid transparent
;
446 -webkit-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
447 -moz-transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
448 transition: background-color
100ms, border-color
100ms, box-shadow
100ms;
450 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
451 border-right-color: #eaecf0;
453 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
454 border-right-color: #eaf3ff;
456 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
457 border-right-color: #36c;
459 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
460 background-color: #eaf3ff;
463 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
464 background-color: rgba
(41, 98, 204, 0.1);
467 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
470 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
472 box-shadow: inset
0 0 0 2px #36c;
474 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
477 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
478 background-color: #fff;
480 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
481 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
482 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-progressive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
483 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
484 background-color: #eff3fa;
488 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
489 outline: 1px solid
#36c;
490 box-shadow: inset
0 0 0 1px #36c;
492 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
495 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
496 background-color: #fff;
498 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
499 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
500 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-destructive
.oo-ui-tool-active
> .oo-ui-popupToolGroup-handle
,
501 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
502 background-color: #ffffff;
506 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
507 outline: 1px solid
#d33;
508 box-shadow: inset
0 0 0 1px #d33;
510 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
512 background-color: #36c;
514 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
515 background-color: #447ff5;
517 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active
,
518 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
> .oo-ui-popupToolGroup-handle:active:focus
,
519 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
521 background-color: #2a4b8d;
524 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
525 outline: 1px solid
#36c;
526 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
528 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
529 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
530 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
531 background-color: #c8ccd1;
534 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
536 background-color: #d33;
538 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
539 background-color: #ff4242;
541 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active
,
542 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
> .oo-ui-popupToolGroup-handle:active:focus
,
543 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
545 background-color: #b32424;
548 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
549 outline: 1px solid
#d33;
550 box-shadow: inset
0 0 0 1px #d33, inset
0 0 0 2px #fff;
552 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
553 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-destructive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
554 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
555 background-color: #c8ccd1;
558 .oo-ui-popupToolGroup
.oo-ui-flaggedElement-primary
> .oo-ui-popupToolGroup-handle
> .oo-ui-iconElement-icon
,
559 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
563 .oo-ui-listToolGroup-tools .oo-ui-tool {
565 -webkit-box-sizing: border-box
;
566 -moz-box-sizing: border-box
;
567 box-sizing: border-box
;
569 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
570 background-color: #eaecf0;
573 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
574 background-color: #eaf3ff;
576 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
577 background-color: rgba
(41, 98, 204, 0.1);
579 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
582 .oo-ui-listToolGroup
.oo-ui-widget-disabled
,
583 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
587 .oo-ui-menuToolGroup-tools .oo-ui-tool {
590 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
593 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
596 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
599 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
602 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
603 background-color: rgba
(41, 98, 204, 0.1);
605 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
606 background-color: #eaf3ff;
608 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
,
609 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
620 .oo-ui-toolbar-tools
,
621 .oo-ui-toolbar-actions {
622 -webkit-touch-callout: none
;
623 -webkit-user-select: none
;
624 -moz-user-select: none
;
625 -ms-user-select: none
;
628 .oo-ui-toolbar-tools {
631 .oo-ui-toolbar-popups {
634 .oo-ui-toolbar-tools
,
635 .oo-ui-toolbar-popups {
638 .oo-ui-toolbar-tools
.oo-ui-tool
,
639 .oo-ui-toolbar-popups
.oo-ui-tool
,
640 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
641 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
644 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
645 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
648 .oo-ui-toolbar-actions {
651 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
652 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
653 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
654 display: inline-block
;
656 .oo-ui-toolbar-actions .oo-ui-popupWidget {
657 -webkit-touch-callout: default
;
658 -webkit-user-select: text
;
659 -moz-user-select: text
;
660 -ms-user-select: text
;
664 background-color: #fff;
667 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
668 border-bottom: 1px solid
#c8ccd1;
669 box-shadow: 0 1px 1px 0 rgba
(0, 0, 0, 0.1);
671 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
672 border-top: 1px solid
#c8ccd1;
673 box-shadow: 0 -1px 1px 0 rgba
(0, 0, 0, 0.1);
675 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
676 background-color: transparent
;
680 .oo-ui-toolbar-narrow-bar:after {
689 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
690 border-bottom: 1px solid
#c8ccd1;
692 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
693 border-top: 1px solid
#c8ccd1;
695 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
698 .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
702 padding-left: 1.14285714em;
703 padding-right: 1.14285714em;
705 .oo-ui-toolbar-narrow .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
706 padding-left: 0.85714286em;
707 padding-right: 0.85714286em;
709 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
710 box-shadow: inset
0 0 0 2px #36c, inset
0 0 0 3px #fff;
712 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
713 padding-top: 0.85714286em;
714 padding-bottom: 0.85714286em;
716 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
718 border-width: 0 0 0 1px;
719 padding-top: 0.85714286em;
720 padding-bottom: 0.85714286em;
722 .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 {
724 background-color: #36c;
726 .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 {
727 background-color: #447ff5;
729 .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:active
,
730 .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:active:focus
,
731 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
733 background-color: #2a4b8d;
736 .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:focus {
737 outline: 1px solid
#36c;
738 box-shadow: inset
0 0 0 1px #36c, inset
0 0 0 2px #fff;
740 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle
,
741 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
.oo-ui-widget-enabled
.oo-ui-flaggedElement-primary
.oo-ui-flaggedElement-progressive
.oo-ui-widget-disabled
> .oo-ui-popupToolGroup-handle:active
,
742 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
743 background-color: #c8ccd1;