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