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

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