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-05-08T10:08:44Z
11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
15 .oo-ui-popupTool-popup.oo-ui-popupWidget {
19 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
24 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
25 border-top-left-radius: 3px;
26 border-bottom-left-radius: 3px;
28 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
29 border-top-right-radius: 3px;
30 border-bottom-right-radius: 3px;
32 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
35 border-color: transparent
;
40 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
45 display: inline-block
;
46 vertical-align: middle
;
49 border: 1px solid transparent
;
50 -webkit-transition: border-color
250ms;
51 -moz-transition: border-color
250ms;
52 transition: border-color
250ms;
54 .oo-ui-toolGroup-empty {
57 .oo-ui-toolGroup-tools .oo-ui-tool-link {
58 text-decoration: none
;
61 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
62 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
66 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
69 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
70 border-color: rgba
(0, 0, 0, 0.1);
73 .oo-ui-barToolGroup-tools > .oo-ui-tool {
74 display: inline-block
;
78 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
81 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
84 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
87 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
88 display: inline-block
;
90 .oo-ui-barToolGroup-tools > .oo-ui-tool {
91 margin: -1px 0 -1px -1px;
92 border: 1px solid transparent
;
94 .oo-ui-barToolGroup-tools > .oo-ui-tool:first-child {
95 border-top-left-radius: 3px;
96 border-bottom-left-radius: 3px;
98 .oo-ui-barToolGroup-tools > .oo-ui-tool:last-child {
100 border-top-right-radius: 3px;
101 border-bottom-right-radius: 3px;
103 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
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-tool:not( .oo-ui-tool-with-icon ) > .oo-ui-tool-link .oo-ui-iconElement-noIcon {
120 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
121 border-color: rgba
(0, 0, 0, 0.2);
123 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
124 border-color: rgba
(0, 0, 0, 0.2);
125 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
126 background-color: #f8fbfd;
127 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
128 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
129 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
130 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
132 .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 {
133 border-left-color: rgba
(0, 0, 0, 0.1);
135 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
138 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
141 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
144 .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 {
147 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive {
148 background-color: #cde7f4;
149 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
150 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
151 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
152 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
153 border: 1px solid
#a6cee1;
155 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive:hover {
156 border-color: #9dc2d4;
158 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive.oo-ui-tool-active.oo-ui-widget-enabled {
159 background-color: #cde7f4;
160 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
161 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
162 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
163 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
164 border: 1px solid
#a6cee1;
166 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
167 padding: 0.3125em 0.6255em;
169 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive {
170 background-color: #ebebeb;
171 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
172 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
173 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
174 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
175 border: 1px solid
#ccc;
177 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-tool-link {
180 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
181 padding: 0.3125em 0.6255em;
183 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
186 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
189 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
192 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
196 .oo-ui-popupToolGroup {
201 .oo-ui-popupToolGroup-handle {
205 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
206 display: inline-block
;
208 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
212 .oo-ui-popupToolGroup-tools {
217 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
220 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
223 vertical-align: middle
;
226 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
227 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
229 vertical-align: middle
;
231 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
234 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
237 .oo-ui-popupToolGroup.oo-ui-iconElement {
240 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
243 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
246 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
249 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
253 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
256 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
259 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
262 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
263 margin-right: 2.25em;
265 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
266 margin-right: 1.75em;
268 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
271 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
276 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
277 border-bottom-left-radius: 3px;
278 border-top-left-radius: 3px;
281 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
284 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
285 border-bottom-right-radius: 3px;
286 border-top-right-radius: 3px;
288 .oo-ui-popupToolGroup-handle {
291 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
292 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
296 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
302 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
305 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
309 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
312 .oo-ui-popupToolGroup-header {
317 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
318 background-color: #f8fbfd;
319 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
320 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
321 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
322 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
323 border-bottom-left-radius: 0;
324 border-bottom-right-radius: 0;
325 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
327 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive {
328 background-color: #cde7f4;
329 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
330 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
331 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
332 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
333 border: 1px solid
#a6cee1;
335 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive:hover {
336 border-color: #9dc2d4;
338 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
339 background-color: #cde7f4;
340 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
341 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
342 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
343 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
344 border: 1px solid
#a6cee1;
346 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive {
347 background-color: #ebebeb;
348 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
349 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
350 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
351 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
352 border: 1px solid
#ccc;
354 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
357 .oo-ui-popupToolGroup-tools {
359 border: 1px solid
#ccc;
360 background-color: #fff;
361 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
363 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
364 padding: 0.3125em 0 0.3125em 0.3125em;
366 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
371 vertical-align: middle
;
373 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
376 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
379 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
380 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
383 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
386 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
390 .oo-ui-listToolGroup-tools .oo-ui-tool {
392 -webkit-box-sizing: border-box
;
393 -moz-box-sizing: border-box
;
394 box-sizing: border-box
;
396 .oo-ui-listToolGroup-tools {
399 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
400 border-color: rgba
(0, 0, 0, 0.2);
402 .oo-ui-listToolGroup-tools .oo-ui-tool {
403 border: 1px solid transparent
;
405 padding: 0 0.625em 0 0;
407 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
408 border-color: rgba
(0, 0, 0, 0.1);
409 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
410 background-color: #f8fbfd;
411 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
412 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
413 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
414 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
416 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
417 border-top-color: rgba
(0, 0, 0, 0.1);
419 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
420 border-color: rgba
(0, 0, 0, 0.2);
422 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
423 border-color: rgba
(0, 0, 0, 0.2);
425 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
428 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
431 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
434 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
437 .oo-ui-listToolGroup.oo-ui-widget-disabled {
440 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
441 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
445 .oo-ui-menuToolGroup {
446 border-color: rgba
(0, 0, 0, 0.1);
448 .oo-ui-menuToolGroup-tools .oo-ui-tool {
451 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
454 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
457 .oo-ui-menuToolGroup-tools {
458 padding: 0.3125em 0 0.3125em 0;
460 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
461 border-color: rgba
(0, 0, 0, 0.2);
463 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
464 border-color: rgba
(0, 0, 0, 0.25);
466 .oo-ui-menuToolGroup-tools .oo-ui-tool {
467 padding: 0 1.25em 0 0.3125em;
469 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
472 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
475 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
478 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
479 background-color: #e1f3ff;
481 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
484 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
486 border-color: rgba
(0, 0, 0, 0.05);
488 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
489 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
500 .oo-ui-toolbar-tools
,
501 .oo-ui-toolbar-actions {
502 -webkit-touch-callout: none
;
503 -webkit-user-select: none
;
504 -moz-user-select: none
;
505 -ms-user-select: none
;
508 .oo-ui-toolbar-tools {
511 .oo-ui-toolbar-popups {
514 .oo-ui-toolbar-tools
,
515 .oo-ui-toolbar-popups {
518 .oo-ui-toolbar-tools
.oo-ui-tool
,
519 .oo-ui-toolbar-popups
.oo-ui-tool
,
520 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
521 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
524 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
525 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
528 .oo-ui-toolbar-actions {
531 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
532 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
533 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
534 display: inline-block
;
536 .oo-ui-toolbar-actions .oo-ui-popupWidget {
537 -webkit-touch-callout: default
;
538 -webkit-user-select: text
;
539 -moz-user-select: text
;
540 -ms-user-select: text
;
544 background-color: #f8fbfd;
545 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
546 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
547 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
548 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
550 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
551 border-bottom: 1px solid
#ccc;
552 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
554 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
555 border-top: 1px solid
#ccc;
556 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
558 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
563 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-framed
,
564 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
566 margin-bottom: 0.4em;
569 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
,
570 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
573 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
574 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
578 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
579 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
581 line-height: 3.40625em;
583 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
,
584 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
587 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
590 .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 {
591 background-color: #cde7f4;
592 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
593 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
594 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
595 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
596 border: 1px solid
#a6cee1;
598 .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 {
599 border-color: #9dc2d4;
601 .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 {
602 background-color: #cde7f4;
603 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
604 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
605 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
606 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);