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

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