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

   1 /*!
   2  * OOUI v0.31.5
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2019 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2019-04-24T18:29:15Z
  10  */
  11 .oo-ui-tool {
  12   -webkit-box-sizing: border-box;
  13   -moz-box-sizing: border-box;
  14   box-sizing: border-box;
  15 }
  16 .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
  17   display: none;
  18 }
  19 .oo-ui-tool .oo-ui-tool-link {
  20   position: relative;
  21   -webkit-box-sizing: border-box;
  22   -moz-box-sizing: border-box;
  23   box-sizing: border-box;
  24   padding-top: 3em;
  25   padding-left: 3em;
  26 }
  27 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-tool-link {
  28   padding-left: 2.85714286em;
  29 }
  30 .oo-ui-tool.oo-ui-tool-with-label .oo-ui-tool-link {
  31   padding: 0.85714286em 0.85714286em 0.85714286em 0.85714286em;
  32 }
  33 .oo-ui-tool.oo-ui-tool-with-icon.oo-ui-tool-with-label .oo-ui-tool-link {
  34   padding: 0.85714286em 0.85714286em 0.85714286em 2.64285714em;
  35 }
  36 .oo-ui-tool .oo-ui-iconElement-icon {
  37   display: block;
  38   left: 0.78571429em;
  39 }
  40 .oo-ui-toolbar-narrow .oo-ui-tool .oo-ui-iconElement-icon {
  41   left: 0.71428571em;
  42 }
  43 .oo-ui-tool .oo-ui-tool-title {
  44   line-height: 1.28571429em;
  45 }
  46 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link {
  47   -webkit-transition: background-color 100ms;
  48   -moz-transition: background-color 100ms;
  49   transition: background-color 100ms;
  50 }
  51 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
  52   outline: 1px solid #36c;
  53   box-shadow: inset 0 0 0 1px #36c;
  54   z-index: 1;
  55 }
  56 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
  57   opacity: 0.87;
  58   -webkit-transition: opacity 100ms;
  59   -moz-transition: opacity 100ms;
  60   transition: opacity 100ms;
  61   -webkit-transform: translateZ(0);
  62   transform: translateZ(0);
  63 }
  64 .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-title {
  65   -webkit-transition: color 100ms;
  66   -moz-transition: color 100ms;
  67   transition: color 100ms;
  68 }
  69 .oo-ui-tool.oo-ui-widget-enabled:hover .oo-ui-iconElement-icon {
  70   opacity: 1;
  71 }
  72 .oo-ui-tool.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] .oo-ui-iconElement-icon {
  73   opacity: 1;
  74 }
  75 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link {
  76   color: inherit;
  77 }
  78 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
  79   background-color: #eaecf0;
  80 }
  81 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
  82 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active:focus,
  83 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
  84 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
  85   background-color: #eff3fa;
  86   color: #36c;
  87   box-shadow: none;
  88 }
  89 .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
  90   outline: 1px solid #36c;
  91   box-shadow: inset 0 0 0 1px #36c;
  92 }
  93 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
  94   color: #36c;
  95 }
  96 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
  97   background-color: #eaecf0;
  98 }
  99 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
 100 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active:focus,
 101 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link,
 102 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
 103   background-color: #eff3fa;
 104   color: #2a4b8d;
 105   box-shadow: none;
 106 }
 107 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
 108   outline: 1px solid #36c;
 109   box-shadow: inset 0 0 0 1px #36c;
 110 }
 111 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
 112   color: #d73333;
 113 }
 114 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
 115   background-color: #eaecf0;
 116 }
 117 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active,
 118 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active:focus,
 119 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-tool-link,
 120 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
 121   background-color: #ffffff;
 122   color: #b32424;
 123   box-shadow: none;
 124 }
 125 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
 126   outline: 1px solid #d33;
 127   box-shadow: inset 0 0 0 1px #d33;
 128 }
 129 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
 130   color: #fff;
 131   background-color: #36c;
 132 }
 133 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
 134   background-color: #447ff5;
 135 }
 136 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
 137 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active:focus,
 138 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link {
 139   color: #fff;
 140   background-color: #2a4b8d;
 141   box-shadow: none;
 142 }
 143 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
 144   outline: 1px solid #36c;
 145   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 146 }
 147 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link,
 148 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link:active,
 149 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-tool-link:active:focus {
 150   background-color: #c8ccd1;
 151   color: #fff;
 152 }
 153 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link {
 154   color: #fff;
 155   background-color: #d33;
 156 }
 157 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:hover {
 158   background-color: #ff4242;
 159 }
 160 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active,
 161 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:active:focus,
 162 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-tool-link {
 163   color: #fff;
 164   background-color: #b32424;
 165   box-shadow: none;
 166 }
 167 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-tool-link:focus {
 168   outline: 1px solid #d33;
 169   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 170 }
 171 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link,
 172 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link:active,
 173 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-tool-link:active:focus {
 174   background-color: #c8ccd1;
 175   color: #fff;
 176 }
 177 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-iconElement-icon,
 178 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
 179   opacity: 1;
 180 }
 181
 182 .oo-ui-popupTool-popup .oo-ui-popupWidget-popup,
 183 .oo-ui-popupTool-popup .oo-ui-popupWidget-anchor {
 184   z-index: 4;
 185 }
 186
 187 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
 188   border-right: 0;
 189 }
 190
 191 .oo-ui-toolGroup {
 192   display: inline-block;
 193   vertical-align: middle;
 194   -webkit-box-sizing: border-box;
 195   -moz-box-sizing: border-box;
 196   box-sizing: border-box;
 197   border-right: 1px solid #eaecf0;
 198 }
 199 .oo-ui-toolGroup-empty {
 200   display: none;
 201 }
 202 .oo-ui-toolGroup-tools .oo-ui-tool-link {
 203   text-decoration: none;
 204   cursor: pointer;
 205 }
 206 .oo-ui-toolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool-link,
 207 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
 208   outline: 0;
 209   cursor: default;
 210 }
 211 .oo-ui-toolbar-actions .oo-ui-toolGroup {
 212   border-right: 0;
 213   border-left: 1px solid #eaecf0;
 214 }
 215 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
 216   border-right-width: 0;
 217 }
 218 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-indicatorElement-indicator,
 219 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
 220   opacity: 0.34 !important;
 221 }
 222
 223 .oo-ui-barToolGroup-tools > .oo-ui-tool {
 224   display: inline-block;
 225   position: relative;
 226   vertical-align: top;
 227 }
 228 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 229   display: block;
 230 }
 231 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
 232   display: none;
 233 }
 234 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
 235   display: none;
 236 }
 237 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
 238   display: inline-block;
 239 }
 240 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
 241   margin-left: -2px;
 242 }
 243 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 244 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
 245   opacity: 0.34;
 246 }
 247 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
 248 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
 249   background-color: #c8ccd1;
 250   border-color: #c8ccd1;
 251 }
 252 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title,
 253 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
 254   color: #fff;
 255 }
 256 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link,
 257 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
 258   background-color: #919fb9;
 259 }
 260 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon,
 261 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
 262   opacity: 1;
 263 }
 264 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title,
 265 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 266   color: #72777d;
 267 }
 268
 269 .oo-ui-popupToolGroup {
 270   position: relative;
 271   min-width: 3em;
 272 }
 273 .oo-ui-popupToolGroup-handle {
 274   display: block;
 275   cursor: pointer;
 276 }
 277 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
 278   display: inline-block;
 279 }
 280 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 281   outline: 0;
 282   cursor: default;
 283 }
 284 .oo-ui-popupToolGroup-tools {
 285   display: none;
 286   position: absolute;
 287   z-index: 4;
 288 }
 289 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
 290   display: block;
 291 }
 292 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 293   display: table;
 294   width: 100%;
 295   vertical-align: middle;
 296   white-space: nowrap;
 297 }
 298 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
 299 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 300   display: table-cell;
 301   vertical-align: middle;
 302 }
 303 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 304   text-align: right;
 305 }
 306 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 307   min-width: 2.85714286em;
 308 }
 309 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
 310   min-width: 1.85714286em;
 311 }
 312 .oo-ui-popupToolGroup-handle {
 313   -webkit-box-sizing: border-box;
 314   -moz-box-sizing: border-box;
 315   box-sizing: border-box;
 316 }
 317 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 318   left: 0.78571429em;
 319 }
 320 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 321   left: 0.64285714em;
 322 }
 323 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 324   background-position: center 52%;
 325   right: 0.57142857em;
 326 }
 327 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 328   right: 0.28571429em;
 329 }
 330 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle,
 331 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 332   padding-top: 3em;
 333 }
 334 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 335   padding-left: 3em;
 336 }
 337 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 338   padding-left: 2.85714286em;
 339 }
 340 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 341   padding: 0.85714286em 0.85714286em;
 342 }
 343 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 344   line-height: 1.28571429em;
 345 }
 346 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 347   padding-left: 0.71428571em;
 348   padding-right: 0.71428571em;
 349 }
 350 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 351   padding-left: 2.64285714em;
 352 }
 353 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 354   padding-left: 2.5em;
 355 }
 356 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 357   padding-right: 1.85714286em;
 358 }
 359 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 360   padding-right: 1.28571429em;
 361 }
 362 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 363   padding-right: 1.14285714em;
 364 }
 365 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 366   padding-right: 0.85714286em;
 367 }
 368 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
 369   opacity: 1;
 370 }
 371 .oo-ui-popupToolGroup-header {
 372   color: #72777d;
 373   padding: 0 0.85714286em;
 374   font-weight: bold;
 375   line-height: 2.28571429em;
 376 }
 377 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
 378   padding: 0 0.71428571em;
 379 }
 380 .oo-ui-popupToolGroup-tools {
 381   background-color: #fff;
 382   min-width: 16em;
 383   margin: 0 -1px;
 384   border: 1px solid #c8ccd1;
 385   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 386 }
 387 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 388   padding: 0.85714286em 0.85714286em;
 389 }
 390 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 391   padding-left: 0.71428571em;
 392   padding-right: 0.71428571em;
 393 }
 394 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 395   color: #72777d;
 396   line-height: 1.28571429em;
 397 }
 398 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 399   padding-left: 1.28571429em;
 400 }
 401 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 402   padding-left: 1.14285714em;
 403 }
 404 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 405   padding-left: 2.64285714em;
 406 }
 407 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 408   padding-left: 2.5em;
 409 }
 410 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 411   -webkit-transition: background-color 100ms, box-shadow 100ms;
 412   -moz-transition: background-color 100ms, box-shadow 100ms;
 413   transition: background-color 100ms, box-shadow 100ms;
 414 }
 415 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 416   background-color: #eaecf0;
 417 }
 418 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 419   background-color: #eaf3ff;
 420 }
 421 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 422 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 423   opacity: 0.87;
 424   -webkit-transition: opacity 100ms;
 425   -moz-transition: opacity 100ms;
 426   transition: opacity 100ms;
 427   -webkit-transform: translateZ(0);
 428   transform: translateZ(0);
 429 }
 430 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon,
 431 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-iconElement-icon,
 432 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-indicatorElement-indicator,
 433 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
 434   opacity: 1;
 435 }
 436 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 437   outline: 1px solid #36c;
 438   box-shadow: inset 0 0 0 1px #36c;
 439 }
 440 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 441 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
 442   opacity: 1;
 443 }
 444 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 445   border-right: 1px solid transparent;
 446   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 447   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 448   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 449 }
 450 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 451   border-right-color: #eaecf0;
 452 }
 453 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 454   border-right-color: #eaf3ff;
 455 }
 456 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 457   border-right-color: #36c;
 458 }
 459 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 460   background-color: #eaf3ff;
 461   color: #36c;
 462 }
 463 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
 464   background-color: rgba(41, 98, 204, 0.1);
 465   color: #36c;
 466 }
 467 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 468   color: #36c;
 469 }
 470 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
 471   outline: 0;
 472   box-shadow: inset 0 0 0 2px #36c;
 473 }
 474 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 475   color: #36c;
 476 }
 477 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 478   background-color: #fff;
 479 }
 480 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 481 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active:focus,
 482 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 483 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 484   background-color: #eff3fa;
 485   color: #2a4b8d;
 486   box-shadow: none;
 487 }
 488 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 489   outline: 1px solid #36c;
 490   box-shadow: inset 0 0 0 1px #36c;
 491 }
 492 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 493   color: #d73333;
 494 }
 495 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 496   background-color: #fff;
 497 }
 498 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 499 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active:focus,
 500 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 501 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 502   background-color: #ffffff;
 503   color: #b32424;
 504   box-shadow: none;
 505 }
 506 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 507   outline: 1px solid #d33;
 508   box-shadow: inset 0 0 0 1px #d33;
 509 }
 510 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 511   color: #fff;
 512   background-color: #36c;
 513 }
 514 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 515   background-color: #447ff5;
 516 }
 517 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 518 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active:focus,
 519 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 520   color: #fff;
 521   background-color: #2a4b8d;
 522   box-shadow: none;
 523 }
 524 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 525   outline: 1px solid #36c;
 526   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 527 }
 528 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 529 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active,
 530 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
 531   background-color: #c8ccd1;
 532   color: #fff;
 533 }
 534 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 535   color: #fff;
 536   background-color: #d33;
 537 }
 538 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 539   background-color: #ff4242;
 540 }
 541 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 542 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active:focus,
 543 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 544   color: #fff;
 545   background-color: #b32424;
 546   box-shadow: none;
 547 }
 548 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 549   outline: 1px solid #d33;
 550   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 551 }
 552 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 553 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active,
 554 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
 555   background-color: #c8ccd1;
 556   color: #fff;
 557 }
 558 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-iconElement-icon,
 559 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
 560   opacity: 1;
 561 }
 562
 563 .oo-ui-listToolGroup-tools .oo-ui-tool {
 564   display: block;
 565   -webkit-box-sizing: border-box;
 566   -moz-box-sizing: border-box;
 567   box-sizing: border-box;
 568 }
 569 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 570   background-color: #eaecf0;
 571   color: #000;
 572 }
 573 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
 574   background-color: #eaf3ff;
 575 }
 576 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 577   background-color: rgba(41, 98, 204, 0.1);
 578 }
 579 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 580   color: #36c;
 581 }
 582 .oo-ui-listToolGroup.oo-ui-widget-disabled,
 583 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 584   color: #72777d;
 585 }
 586
 587 .oo-ui-menuToolGroup-tools .oo-ui-tool {
 588   display: block;
 589 }
 590 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 591   min-width: 140px;
 592 }
 593 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 594   min-width: 100px;
 595 }
 596 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 597   left: 0.78571429em;
 598 }
 599 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 600   left: 0.71428571em;
 601 }
 602 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 603   background-color: rgba(41, 98, 204, 0.1);
 604 }
 605 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
 606   background-color: #eaf3ff;
 607 }
 608 .oo-ui-menuToolGroup.oo-ui-widget-disabled,
 609 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 610   color: #72777d;
 611 }
 612
 613 .oo-ui-toolbar {
 614   clear: both;
 615 }
 616 .oo-ui-toolbar-bar {
 617   line-height: 1;
 618   position: relative;
 619 }
 620 .oo-ui-toolbar-tools,
 621 .oo-ui-toolbar-actions {
 622   -webkit-touch-callout: none;
 623   -webkit-user-select: none;
 624   -moz-user-select: none;
 625   -ms-user-select: none;
 626   user-select: none;
 627 }
 628 .oo-ui-toolbar-tools {
 629   display: inline;
 630 }
 631 .oo-ui-toolbar-popups {
 632   position: absolute;
 633 }
 634 .oo-ui-toolbar-tools,
 635 .oo-ui-toolbar-popups {
 636   white-space: nowrap;
 637 }
 638 .oo-ui-toolbar-tools .oo-ui-tool,
 639 .oo-ui-toolbar-popups .oo-ui-tool,
 640 .oo-ui-toolbar-tools .oo-ui-popupTool-popup,
 641 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
 642   white-space: normal;
 643 }
 644 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools,
 645 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
 646   white-space: normal;
 647 }
 648 .oo-ui-toolbar-actions {
 649   float: right;
 650 }
 651 .oo-ui-toolbar-actions .oo-ui-toolbar,
 652 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
 653 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 654   display: inline-block;
 655 }
 656 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 657   -webkit-touch-callout: default;
 658   -webkit-user-select: text;
 659   -moz-user-select: text;
 660   -ms-user-select: text;
 661   user-select: text;
 662 }
 663 .oo-ui-toolbar-bar {
 664   background-color: #fff;
 665   color: #222;
 666 }
 667 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
 668   border-bottom: 1px solid #c8ccd1;
 669   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 670 }
 671 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
 672   border-top: 1px solid #c8ccd1;
 673   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
 674 }
 675 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 676   background-color: transparent;
 677   border: 0;
 678   box-shadow: none;
 679 }
 680 .oo-ui-toolbar-narrow-bar:after {
 681   content: '';
 682   display: block;
 683   position: absolute;
 684   top: 3em;
 685   left: 0;
 686   width: 100%;
 687   height: 0;
 688 }
 689 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
 690   border-bottom: 1px solid #c8ccd1;
 691 }
 692 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
 693   border-top: 1px solid #c8ccd1;
 694 }
 695 .oo-ui-toolbar-actions > .oo-ui-buttonElement {
 696   margin-right: 0;
 697 }
 698 .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
 699   border: 0;
 700   border-radius: 0;
 701   padding-top: 3em;
 702   padding-left: 1.14285714em;
 703   padding-right: 1.14285714em;
 704 }
 705 .oo-ui-toolbar-narrow .oo-ui-toolbar-actions > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
 706   padding-left: 0.85714286em;
 707   padding-right: 0.85714286em;
 708 }
 709 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
 710   box-shadow: inset 0 0 0 2px #36c, inset 0 0 0 3px #fff;
 711 }
 712 .oo-ui-toolbar-actions > .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button {
 713   padding-top: 0.85714286em;
 714   padding-bottom: 0.85714286em;
 715 }
 716 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-buttonElement > .oo-ui-buttonElement-button {
 717   border-radius: 0;
 718   border-width: 0 0 0 1px;
 719   padding-top: 0.85714286em;
 720   padding-bottom: 0.85714286em;
 721 }
 722 .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 {
 723   color: #fff;
 724   background-color: #36c;
 725 }
 726 .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 {
 727   background-color: #447ff5;
 728 }
 729 .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,
 730 .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,
 731 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 732   color: #fff;
 733   background-color: #2a4b8d;
 734   box-shadow: none;
 735 }
 736 .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 {
 737   outline: 1px solid #36c;
 738   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 739 }
 740 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 741 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active,
 742 .oo-ui-toolbar-actions > .oo-ui-buttonGroupWidget > .oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
 743   background-color: #c8ccd1;
 744   color: #fff;
 745 }