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

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