resources/lib/ooui/oojs-ui-toolbars-apex.css

   1 /*!
   2  * OOUI v0.31.0
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2019 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2019-03-14T00:52:27Z
  10  */
  11 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
  12   display: none;
  13 }
  14
  15 .oo-ui-popupTool-popup .oo-ui-popupWidget-popup,
  16 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
  17   z-index: 4;
  18 }
  19
  20 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup {
  21   border: 0;
  22   border-radius: 0;
  23   margin: 0;
  24 }
  25 .oo-ui-toolGroupTool:first-child > .oo-ui-popupToolGroup {
  26   border-top-left-radius: 3px;
  27   border-bottom-left-radius: 3px;
  28 }
  29 .oo-ui-toolGroupTool:last-child > .oo-ui-popupToolGroup {
  30   border-top-right-radius: 3px;
  31   border-bottom-right-radius: 3px;
  32 }
  33 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
  34   height: 1.875em;
  35   padding: 0.3125em;
  36   border-color: transparent;
  37   border-style: solid;
  38   border-width: 1px 0;
  39   margin: -1px 0;
  40 }
  41 .oo-ui-toolGroupTool > .oo-ui-popupToolGroup.oo-ui-labelElement > .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
  42   line-height: 2.1em;
  43 }
  44
  45 .oo-ui-toolGroup {
  46   display: inline-block;
  47   vertical-align: middle;
  48   margin: 0.375em;
  49   border-radius: 3px;
  50   border: 1px solid transparent;
  51   -webkit-transition: border-color 250ms;
  52   -moz-transition: border-color 250ms;
  53   transition: border-color 250ms;
  54 }
  55 .oo-ui-toolGroup-empty {
  56   display: none;
  57 }
  58 .oo-ui-toolGroup-tools .oo-ui-tool-link {
  59   text-decoration: none;
  60   cursor: pointer;
  61 }
  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 {
  64   outline: 0;
  65   cursor: default;
  66 }
  67 .oo-ui-toolbar-narrow .oo-ui-toolGroup + .oo-ui-toolGroup {
  68   margin-left: 0;
  69 }
  70 .oo-ui-toolGroup.oo-ui-widget-enabled:hover {
  71   border-color: rgba(0, 0, 0, 0.1);
  72 }
  73 .oo-ui-toolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool-link .oo-ui-tool-title {
  74   color: #000;
  75 }
  76
  77 .oo-ui-barToolGroup-tools > .oo-ui-tool {
  78   display: inline-block;
  79   position: relative;
  80   vertical-align: top;
  81 }
  82 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
  83   display: block;
  84 }
  85 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
  86   display: none;
  87 }
  88 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
  89   display: none;
  90 }
  91 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
  92   display: inline-block;
  93 }
  94 .oo-ui-barToolGroup-tools > .oo-ui-tool {
  95   margin: -1px 0 -1px -1px;
  96   border: 1px solid transparent;
  97 }
  98 .oo-ui-barToolGroup-tools > .oo-ui-tool:first-child {
  99   border-top-left-radius: 3px;
 100   border-bottom-left-radius: 3px;
 101 }
 102 .oo-ui-barToolGroup-tools > .oo-ui-tool:last-child {
 103   margin-right: -1px;
 104   border-top-right-radius: 3px;
 105   border-bottom-right-radius: 3px;
 106 }
 107 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 108   height: 1.875em;
 109   padding: 0.3125em;
 110 }
 111 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
 112   display: inline-block;
 113   vertical-align: top;
 114 }
 115 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-checkIcon {
 116   display: none;
 117 }
 118 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 119   line-height: 2.1em;
 120 }
 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);
 123 }
 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%);
 132 }
 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);
 135 }
 136 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools > .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link:focus {
 137   outline: 0;
 138 }
 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 {
 140   color: #ccc;
 141 }
 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 {
 143   opacity: 0.2;
 144 }
 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 {
 146   opacity: 1;
 147 }
 148 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool:focus {
 149   outline: 0;
 150 }
 151 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link:focus {
 152   outline: 0;
 153 }
 154 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 155   color: #ccc;
 156 }
 157 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-iconElement-icon {
 158   opacity: 0.2;
 159 }
 160
 161 .oo-ui-popupToolGroup {
 162   position: relative;
 163   height: 2.5em;
 164   min-width: 2.5em;
 165 }
 166 .oo-ui-popupToolGroup-handle {
 167   display: block;
 168   cursor: pointer;
 169 }
 170 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
 171   display: inline-block;
 172 }
 173 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 174   outline: 0;
 175   cursor: default;
 176 }
 177 .oo-ui-popupToolGroup-tools {
 178   display: none;
 179   position: absolute;
 180   z-index: 4;
 181 }
 182 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
 183   display: block;
 184 }
 185 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 186   display: table;
 187   width: 100%;
 188   vertical-align: middle;
 189   white-space: nowrap;
 190 }
 191 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
 192 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 193   display: table-cell;
 194   vertical-align: middle;
 195 }
 196 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 197   text-align: right;
 198 }
 199 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 200   min-width: 1.875em;
 201 }
 202 .oo-ui-popupToolGroup.oo-ui-iconElement {
 203   min-width: 3.125em;
 204 }
 205 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement {
 206   min-width: 2.5em;
 207 }
 208 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 209   min-width: 4.375em;
 210 }
 211 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 212   min-width: 3.75em;
 213 }
 214 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 215   line-height: 2.6em;
 216   margin: 0 1em;
 217 }
 218 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 219   margin: 0 0.5em;
 220 }
 221 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 222   margin-left: 3em;
 223 }
 224 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 225   margin-left: 2.5em;
 226 }
 227 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 228   margin-right: 2.25em;
 229 }
 230 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 231   margin-right: 1.75em;
 232 }
 233 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup {
 234   margin-left: 0;
 235 }
 236 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
 237   height: 2.4em;
 238   border-radius: 0;
 239   margin-left: -2px;
 240 }
 241 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:first-child > .oo-ui-popupToolGroup-handle {
 242   border-bottom-left-radius: 3px;
 243   border-top-left-radius: 3px;
 244   margin-left: 0;
 245 }
 246 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child {
 247   margin-right: 0.5em;
 248 }
 249 .oo-ui-buttonGroupWidget .oo-ui-popupToolGroup:last-child > .oo-ui-popupToolGroup-handle {
 250   border-bottom-right-radius: 3px;
 251   border-top-right-radius: 3px;
 252 }
 253 .oo-ui-popupToolGroup-handle {
 254   height: 2.5em;
 255 }
 256 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 257 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 258   position: absolute;
 259   top: 0;
 260 }
 261 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 262   width: 0.9375em;
 263   height: 0.9375em;
 264   margin: 0.78125em;
 265   right: 0;
 266 }
 267 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 268   right: -0.3125em;
 269 }
 270 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 271   margin: 0.46875em;
 272   left: 0.3125em;
 273 }
 274 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 275   left: 0;
 276 }
 277 .oo-ui-popupToolGroup-header {
 278   line-height: 2.6em;
 279   margin: 0 0.6em;
 280   font-weight: bold;
 281 }
 282 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled {
 283   background-color: #f8fbfd;
 284   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff));
 285   background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%);
 286   background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%);
 287   background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%);
 288   border-bottom-left-radius: 0;
 289   border-bottom-right-radius: 0;
 290   box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
 291 }
 292 .oo-ui-popupToolGroup-tools {
 293   margin: -1px;
 294   border: 1px solid #ccc;
 295   background-color: #fff;
 296   box-shadow: 0 0.3125em 1.25em rgba(0, 0, 0, 0.25);
 297 }
 298 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 299   padding: 0.3125em 0 0.3125em 0.3125em;
 300 }
 301 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 302   display: table-cell;
 303   min-width: 1.5625em;
 304   width: 1.5625em;
 305   height: 1.5625em;
 306   vertical-align: middle;
 307 }
 308 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-checkIcon {
 309   display: none;
 310 }
 311 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 312   padding-left: 0.5em;
 313 }
 314 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
 315 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 316   line-height: 2em;
 317 }
 318 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 319   color: #767676;
 320 }
 321 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 322   padding-left: 3em;
 323 }
 324
 325 .oo-ui-listToolGroup-tools .oo-ui-tool {
 326   display: block;
 327   -webkit-box-sizing: border-box;
 328   -moz-box-sizing: border-box;
 329   box-sizing: border-box;
 330 }
 331 .oo-ui-listToolGroup-tools {
 332   padding: 0.3125em;
 333 }
 334 .oo-ui-listToolGroup.oo-ui-popupToolGroup-active {
 335   border-color: rgba(0, 0, 0, 0.2);
 336 }
 337 .oo-ui-listToolGroup-tools .oo-ui-tool {
 338   border: 1px solid transparent;
 339   margin: -1px 0;
 340   padding: 0 0.625em 0 0;
 341 }
 342 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
 343   border-color: rgba(0, 0, 0, 0.1);
 344   box-shadow: inset 0 0.0875em 0.0875em 0 rgba(0, 0, 0, 0.07);
 345   background-color: #f8fbfd;
 346   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #f1f7fb), color-stop(100%, #fff));
 347   background-image: -webkit-linear-gradient(top, #f1f7fb 0, #fff 100%);
 348   background-image: -moz-linear-gradient(top, #f1f7fb 0, #fff 100%);
 349   background-image: linear-gradient(to bottom, #f1f7fb 0, #fff 100%);
 350 }
 351 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled + .oo-ui-tool-active.oo-ui-widget-enabled {
 352   border-top-color: rgba(0, 0, 0, 0.1);
 353 }
 354 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 355   border-color: rgba(0, 0, 0, 0.2);
 356 }
 357 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 358   border-color: rgba(0, 0, 0, 0.2);
 359 }
 360 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-tool-link .oo-ui-iconElement-icon {
 361   opacity: 1;
 362 }
 363 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 364   color: #ccc;
 365 }
 366 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-accel {
 367   color: #ddd;
 368 }
 369 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-iconElement-icon {
 370   opacity: 0.2;
 371 }
 372 .oo-ui-listToolGroup.oo-ui-widget-disabled {
 373   color: #ccc;
 374 }
 375 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 376 .oo-ui-listToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 377   opacity: 0.2;
 378 }
 379
 380 .oo-ui-menuToolGroup {
 381   border-color: rgba(0, 0, 0, 0.1);
 382 }
 383 .oo-ui-menuToolGroup-tools .oo-ui-tool {
 384   display: block;
 385 }
 386 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 387   min-width: 10em;
 388 }
 389 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 390   min-width: 8.125em;
 391 }
 392 .oo-ui-menuToolGroup-tools {
 393   padding: 0.3125em 0 0.3125em 0;
 394 }
 395 .oo-ui-menuToolGroup.oo-ui-widget-enabled:hover {
 396   border-color: rgba(0, 0, 0, 0.2);
 397 }
 398 .oo-ui-menuToolGroup.oo-ui-popupToolGroup-active {
 399   border-color: rgba(0, 0, 0, 0.25);
 400 }
 401 .oo-ui-menuToolGroup-tools .oo-ui-tool {
 402   padding: 0 1.25em 0 0.3125em;
 403 }
 404 .oo-ui-menuToolGroup-tools .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
 405   display: none;
 406 }
 407 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-iconElement-icon {
 408   display: none;
 409 }
 410 .oo-ui-menuToolGroup-tools .oo-ui-tool-active > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
 411   display: table-cell;
 412 }
 413 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 414   background-color: #e1f3ff;
 415 }
 416 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link .oo-ui-tool-title {
 417   color: #ccc;
 418 }
 419 .oo-ui-menuToolGroup.oo-ui-widget-disabled {
 420   color: #ccc;
 421   border-color: rgba(0, 0, 0, 0.05);
 422 }
 423 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator,
 424 .oo-ui-menuToolGroup.oo-ui-widget-disabled .oo-ui-iconElement-icon {
 425   opacity: 0.2;
 426 }
 427
 428 .oo-ui-toolbar {
 429   clear: both;
 430 }
 431 .oo-ui-toolbar-bar {
 432   line-height: 1;
 433   position: relative;
 434 }
 435 .oo-ui-toolbar-tools,
 436 .oo-ui-toolbar-actions {
 437   -webkit-touch-callout: none;
 438   -webkit-user-select: none;
 439   -moz-user-select: none;
 440   -ms-user-select: none;
 441   user-select: none;
 442 }
 443 .oo-ui-toolbar-tools {
 444   display: inline;
 445 }
 446 .oo-ui-toolbar-popups {
 447   position: absolute;
 448 }
 449 .oo-ui-toolbar-tools,
 450 .oo-ui-toolbar-popups {
 451   white-space: nowrap;
 452 }
 453 .oo-ui-toolbar-tools .oo-ui-tool,
 454 .oo-ui-toolbar-popups .oo-ui-tool,
 455 .oo-ui-toolbar-tools .oo-ui-popupTool-popup,
 456 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
 457   white-space: normal;
 458 }
 459 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools,
 460 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
 461   white-space: normal;
 462 }
 463 .oo-ui-toolbar-actions {
 464   float: right;
 465 }
 466 .oo-ui-toolbar-actions .oo-ui-toolbar,
 467 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
 468 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 469   display: inline-block;
 470 }
 471 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 472   -webkit-touch-callout: default;
 473   -webkit-user-select: text;
 474   -moz-user-select: text;
 475   -ms-user-select: text;
 476   user-select: text;
 477 }
 478 .oo-ui-toolbar-bar {
 479   background-color: #f8fbfd;
 480   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #f1f7fb));
 481   background-image: -webkit-linear-gradient(top, #fff 0, #f1f7fb 100%);
 482   background-image: -moz-linear-gradient(top, #fff 0, #f1f7fb 100%);
 483   background-image: linear-gradient(to bottom, #fff 0, #f1f7fb 100%);
 484 }
 485 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
 486   border-bottom: 1px solid #ccc;
 487   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
 488 }
 489 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
 490   border-top: 1px solid #ccc;
 491   box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.1);
 492 }
 493 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 494   border: 0;
 495   background: none;
 496   box-shadow: none;
 497 }
 498 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed,
 499 .oo-ui-toolbar-actions > .oo-ui-buttonElement-framed:last-child {
 500   margin-top: 0.4em;
 501   margin-bottom: 0.4em;
 502   margin-right: 0.5em;
 503 }
 504 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement,
 505 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement {
 506   margin: 0;
 507 }
 508 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button,
 509 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button {
 510   margin: 0;
 511   padding: 0 0.3125em;
 512 }
 513 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
 514 .oo-ui-toolbar-actions > .oo-ui-buttonElement-frameless:last-child.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 515   margin: 0 1em;
 516   line-height: 3.40625em;
 517 }
 518 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup,
 519 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup > .oo-ui-popupToolGroup-handle {
 520   height: 2.34375em;
 521 }
 522 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive {
 523   border: 0;
 524 }
 525 .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 {
 526   background-color: #cde7f4;
 527   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #eaf4fa), color-stop(100%, #b0d9ee));
 528   background-image: -webkit-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 529   background-image: -moz-linear-gradient(top, #eaf4fa 0, #b0d9ee 100%);
 530   background-image: linear-gradient(to bottom, #eaf4fa 0, #b0d9ee 100%);
 531   border: 1px solid #a6cee1;
 532 }
 533 .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 {
 534   border-color: #9dc2d4;
 535 }
 536 .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 {
 537   background-color: #cde7f4;
 538   background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
 539   background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 540   background-image: -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 541   background-image: linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
 542 }