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
11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
15 .oo-ui-popupTool-popup
.oo-ui-popupWidget-popup
,
16 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
20 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
25 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
26 border-top-left-radius: 3px;
27 border-bottom-left-radius: 3px;
29 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
30 border-top-right-radius: 3px;
31 border-bottom-right-radius: 3px;
33 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
36 border-color: transparent
;
41 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
46 display: inline-block
;
47 vertical-align: middle
;
50 border: 1px solid transparent
;
51 -webkit-transition: border-color
250ms;
52 -moz-transition: border-color
250ms;
53 transition: border-color
250ms;
55 .oo-ui-toolGroup-empty {
58 .oo-ui-toolGroup-tools .oo-ui-tool-link {
59 text-decoration: none
;
62 .oo-ui-toolGroup-tools
.oo-ui-toolGroup-disabled-tools
.oo-ui-tool-link
,
63 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
67 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
70 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
71 border-color: rgba
(0, 0, 0, 0.1);
74 .oo-ui-barToolGroup-tools > .oo-ui-tool {
75 display: inline-block
;
79 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
82 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
85 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
88 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
89 display: inline-block
;
91 .oo-ui-barToolGroup-tools > .oo-ui-tool {
92 margin: -1px 0 -1px -1px;
93 border: 1px solid transparent
;
95 .oo-ui-barToolGroup-tools > .oo-ui-tool:first-child {
96 border-top-left-radius: 3px;
97 border-bottom-left-radius: 3px;
99 .oo-ui-barToolGroup-tools > .oo-ui-tool:last-child {
101 border-top-right-radius: 3px;
102 border-bottom-right-radius: 3px;
104 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
108 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
109 display: inline-block
;
112 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon {
115 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
118 .oo-ui-barToolGroup-tools > .oo-ui-tool:not( .oo-ui-tool-with-icon ) > .oo-ui-tool-link .oo-ui-iconElement-noIcon {
121 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-enabled:hover {
122 border-color: rgba
(0, 0, 0, 0.2);
124 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-tool-active.oo-ui-widget-enabled {
125 border-color: rgba
(0, 0, 0, 0.2);
126 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
127 background-color: #f8fbfd;
128 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
129 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
130 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
131 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
133 .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 {
134 border-left-color: rgba
(0, 0, 0, 0.1);
136 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
139 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title {
142 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-iconElement-icon {
145 .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 {
148 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive {
149 background-color: #cde7f4;
150 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
151 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
152 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
153 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
154 border: 1px solid
#a6cee1;
156 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive:hover {
157 border-color: #9dc2d4;
159 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive.oo-ui-tool-active.oo-ui-widget-enabled {
160 background-color: #cde7f4;
161 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
162 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
163 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
164 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
165 border: 1px solid
#a6cee1;
167 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
168 padding: 0.3125em 0.6255em;
170 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive {
171 background-color: #ebebeb;
172 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
173 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
174 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
175 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
176 border: 1px solid
#ccc;
178 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-tool-link {
181 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
182 padding: 0.3125em 0.6255em;
184 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
187 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
190 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
193 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
197 .oo-ui-popupToolGroup {
202 .oo-ui-popupToolGroup-handle {
206 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
207 display: inline-block
;
209 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
213 .oo-ui-popupToolGroup-tools {
218 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
221 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
224 vertical-align: middle
;
227 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
228 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
230 vertical-align: middle
;
232 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
235 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
238 .oo-ui-popupToolGroup.oo-ui-iconElement {
241 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
244 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
247 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
250 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
254 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
257 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
260 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
263 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
264 margin-right: 2.25em;
266 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
267 margin-right: 1.75em;
269 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
272 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
277 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
278 border-bottom-left-radius: 3px;
279 border-top-left-radius: 3px;
282 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
285 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
286 border-bottom-right-radius: 3px;
287 border-top-right-radius: 3px;
289 .oo-ui-popupToolGroup-handle {
292 .oo-ui-popupToolGroup-handle
.oo-ui-indicatorElement-indicator
,
293 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
297 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
303 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
306 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
310 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
313 .oo-ui-popupToolGroup-header {
318 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
319 background-color: #f8fbfd;
320 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
321 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
322 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
323 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
324 border-bottom-left-radius: 0;
325 border-bottom-right-radius: 0;
326 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
328 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive {
329 background-color: #cde7f4;
330 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
331 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
332 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
333 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
334 border: 1px solid
#a6cee1;
336 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive:hover {
337 border-color: #9dc2d4;
339 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
340 background-color: #cde7f4;
341 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
342 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
343 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
344 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
345 border: 1px solid
#a6cee1;
347 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive {
348 background-color: #ebebeb;
349 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fafafa), color-stop
(100%, #ddd));
350 background-image: -webkit-linear-gradient
(top
, #fafafa 0, #ddd 100%);
351 background-image: -moz-linear-gradient
(top
, #fafafa 0, #ddd 100%);
352 background-image: linear-gradient
(to bottom
, #fafafa 0, #ddd 100%);
353 border: 1px solid
#ccc;
355 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
358 .oo-ui-popupToolGroup-tools {
360 border: 1px solid
#ccc;
361 background-color: #fff;
362 box-shadow: 0 0.3125em 1.25em rgba
(0, 0, 0, 0.25);
364 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
365 padding: 0.3125em 0 0.3125em 0.3125em;
367 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
372 vertical-align: middle
;
374 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
377 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
380 .oo-ui-popupToolGroup-tools
.oo-ui-tool-link
.oo-ui-tool-accel
,
381 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
384 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
387 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
391 .oo-ui-listToolGroup-tools .oo-ui-tool {
393 -webkit-box-sizing: border-box
;
394 -moz-box-sizing: border-box
;
395 box-sizing: border-box
;
397 .oo-ui-listToolGroup-tools {
400 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
401 border-color: rgba
(0, 0, 0, 0.2);
403 .oo-ui-listToolGroup-tools .oo-ui-tool {
404 border: 1px solid transparent
;
406 padding: 0 0.625em 0 0;
408 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
409 border-color: rgba
(0, 0, 0, 0.1);
410 box-shadow: inset
0 0.0875em 0.0875em 0 rgba
(0, 0, 0, 0.07);
411 background-color: #f8fbfd;
412 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #f1f7fb), color-stop
(100%, #fff));
413 background-image: -webkit-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
414 background-image: -moz-linear-gradient
(top
, #f1f7fb 0, #fff 100%);
415 background-image: linear-gradient
(to bottom
, #f1f7fb 0, #fff 100%);
417 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
418 border-top-color: rgba
(0, 0, 0, 0.1);
420 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
421 border-color: rgba
(0, 0, 0, 0.2);
423 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
424 border-color: rgba
(0, 0, 0, 0.2);
426 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
429 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
432 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
435 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
438 .oo-ui-listToolGroup.oo-ui-widget-disabled {
441 .oo-ui-listToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
442 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
446 .oo-ui-menuToolGroup {
447 border-color: rgba
(0, 0, 0, 0.1);
449 .oo-ui-menuToolGroup-tools .oo-ui-tool {
452 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
455 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
458 .oo-ui-menuToolGroup-tools {
459 padding: 0.3125em 0 0.3125em 0;
461 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
462 border-color: rgba
(0, 0, 0, 0.2);
464 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
465 border-color: rgba
(0, 0, 0, 0.25);
467 .oo-ui-menuToolGroup-tools .oo-ui-tool {
468 padding: 0 1.25em 0 0.3125em;
470 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
473 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
476 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
479 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
480 background-color: #e1f3ff;
482 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
485 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
487 border-color: rgba
(0, 0, 0, 0.05);
489 .oo-ui-menuToolGroup
.oo-ui-widget-disabled
.oo-ui-indicatorElement-indicator
,
490 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
501 .oo-ui-toolbar-tools
,
502 .oo-ui-toolbar-actions {
503 -webkit-touch-callout: none
;
504 -webkit-user-select: none
;
505 -moz-user-select: none
;
506 -ms-user-select: none
;
509 .oo-ui-toolbar-tools {
512 .oo-ui-toolbar-popups {
515 .oo-ui-toolbar-tools
,
516 .oo-ui-toolbar-popups {
519 .oo-ui-toolbar-tools
.oo-ui-tool
,
520 .oo-ui-toolbar-popups
.oo-ui-tool
,
521 .oo-ui-toolbar-tools
.oo-ui-popupTool-popup
,
522 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
525 .oo-ui-toolbar-narrow
.oo-ui-toolbar-tools
,
526 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
529 .oo-ui-toolbar-actions {
532 .oo-ui-toolbar-actions
.oo-ui-toolbar
,
533 .oo-ui-toolbar-actions
.oo-ui-buttonElement
.oo-ui-labelElement
> input
.oo-ui-buttonElement-button
,
534 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
535 display: inline-block
;
537 .oo-ui-toolbar-actions .oo-ui-popupWidget {
538 -webkit-touch-callout: default
;
539 -webkit-user-select: text
;
540 -moz-user-select: text
;
541 -ms-user-select: text
;
545 background-color: #f8fbfd;
546 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #fff), color-stop
(100%, #f1f7fb));
547 background-image: -webkit-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
548 background-image: -moz-linear-gradient
(top
, #fff 0, #f1f7fb 100%);
549 background-image: linear-gradient
(to bottom
, #fff 0, #f1f7fb 100%);
551 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
552 border-bottom: 1px solid
#ccc;
553 box-shadow: 0 2px 2px 0 rgba
(0, 0, 0, 0.1);
555 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
556 border-top: 1px solid
#ccc;
557 box-shadow: 0 -2px 2px 0 rgba
(0, 0, 0, 0.1);
559 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
564 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-framed
,
565 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
567 margin-bottom: 0.4em;
570 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
,
571 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
574 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
,
575 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
579 .oo-ui-toolbar-actions
> .oo-ui-buttonElement-frameless
.oo-ui-labelElement
> .oo-ui-buttonElement-button
> .oo-ui-labelElement-label
,
580 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
582 line-height: 3.40625em;
584 .oo-ui-toolbar-actions
> .oo-ui-buttonGroupWidget
> .oo-ui-popupToolGroup
,
585 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
588 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
591 .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 {
592 background-color: #cde7f4;
593 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
594 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
595 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
596 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
597 border: 1px solid
#a6cee1;
599 .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 {
600 border-color: #9dc2d4;
602 .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 {
603 background-color: #cde7f4;
604 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
605 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
606 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
607 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);