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

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