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

   1 /*!
   2  * OOUI v0.34.0-pre (d5e74518ab)
   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-09-04T18:28:59Z
  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 {
 178   font-weight: bold;
 179 }
 180 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-iconElement-icon,
 181 .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link > .oo-ui-indicatorElement-indicator {
 182   opacity: 1;
 183 }
 184
 185 .oo-ui-popupTool-popup.oo-ui-popupWidget {
 186   z-index: 4;
 187 }
 188
 189 .oo-ui-toolGroupTool > .oo-ui-toolGroup {
 190   border-right: 0;
 191 }
 192
 193 .oo-ui-toolGroup {
 194   display: inline-block;
 195   vertical-align: middle;
 196   -webkit-box-sizing: border-box;
 197   -moz-box-sizing: border-box;
 198   box-sizing: border-box;
 199   border-right: 1px solid #eaecf0;
 200 }
 201 .oo-ui-toolGroup-empty {
 202   display: none;
 203 }
 204 .oo-ui-toolGroup-tools .oo-ui-tool-link {
 205   text-decoration: none;
 206   cursor: pointer;
 207 }
 208 .oo-ui-toolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool-link,
 209 .oo-ui-toolGroup-tools .oo-ui-widget-disabled > .oo-ui-tool-link {
 210   outline: 0;
 211   cursor: default;
 212 }
 213 .oo-ui-toolbar-actions .oo-ui-toolGroup {
 214   border-right: 0;
 215   border-left: 1px solid #eaecf0;
 216 }
 217 .oo-ui-toolbar-actions .oo-ui-toolGroup.oo-ui-barToolGroup {
 218   border-right-width: 0;
 219 }
 220 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-indicatorElement-indicator,
 221 .oo-ui-toolGroup.oo-ui-widget-disabled:not( .oo-ui-flaggedElement-primary ) .oo-ui-iconElement-icon {
 222   opacity: 0.34 !important;
 223 }
 224
 225 .oo-ui-barToolGroup-tools > .oo-ui-tool {
 226   display: inline-block;
 227   position: relative;
 228   vertical-align: top;
 229 }
 230 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
 231   display: block;
 232 }
 233 .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-accel {
 234   display: none;
 235 }
 236 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-tool-title {
 237   display: none;
 238 }
 239 .oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
 240   display: inline-block;
 241 }
 242 .oo-ui-barToolGroup-tools > .oo-ui-tool + .oo-ui-tool {
 243   margin-left: -2px;
 244 }
 245 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 246 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool .oo-ui-iconElement-icon {
 247   opacity: 0.34;
 248 }
 249 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link,
 250 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
 251   background-color: #c8ccd1;
 252   border-color: #c8ccd1;
 253 }
 254 .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,
 255 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title {
 256   color: #fff;
 257 }
 258 .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,
 259 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary.oo-ui-tool-active > .oo-ui-tool-link {
 260   background-color: #919fb9;
 261 }
 262 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon,
 263 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary .oo-ui-iconElement-icon {
 264   opacity: 1;
 265 }
 266 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled > .oo-ui-tool-link .oo-ui-tool-title,
 267 .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool > .oo-ui-tool-link .oo-ui-tool-title {
 268   color: #72777d;
 269 }
 270
 271 .oo-ui-popupToolGroup {
 272   position: relative;
 273   min-width: 3em;
 274 }
 275 .oo-ui-popupToolGroup-handle {
 276   display: block;
 277   cursor: pointer;
 278 }
 279 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not( :empty ) {
 280   display: inline-block;
 281 }
 282 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 283   outline: 0;
 284   cursor: default;
 285 }
 286 .oo-ui-popupToolGroup-tools {
 287   display: none;
 288   position: absolute;
 289   z-index: 4;
 290 }
 291 .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
 292   display: block;
 293 }
 294 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 295   display: table;
 296   width: 100%;
 297   vertical-align: middle;
 298   white-space: nowrap;
 299 }
 300 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
 301 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
 302   display: table-cell;
 303   vertical-align: middle;
 304 }
 305 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 306   text-align: right;
 307 }
 308 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup {
 309   min-width: 2.85714286em;
 310 }
 311 .oo-ui-popupToolGroup.oo-ui-indicatorElement:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) {
 312   min-width: 1.85714286em;
 313 }
 314 .oo-ui-popupToolGroup-handle {
 315   -webkit-box-sizing: border-box;
 316   -moz-box-sizing: border-box;
 317   box-sizing: border-box;
 318 }
 319 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 320   left: 0.78571429em;
 321 }
 322 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 323   left: 0.64285714em;
 324 }
 325 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 326   background-position: center 52%;
 327   right: 0.57142857em;
 328 }
 329 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 330   right: 0.28571429em;
 331 }
 332 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle,
 333 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 334   padding-top: 3em;
 335 }
 336 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 337   padding-left: 3em;
 338 }
 339 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 340   padding-left: 2.85714286em;
 341 }
 342 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 343   padding: 0.85714286em 0.85714286em;
 344 }
 345 .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 346   line-height: 1.28571429em;
 347 }
 348 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 349   padding-left: 0.71428571em;
 350   padding-right: 0.71428571em;
 351 }
 352 .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 353   padding-left: 2.64285714em;
 354 }
 355 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-iconElement.oo-ui-labelElement .oo-ui-popupToolGroup-handle {
 356   padding-left: 2.5em;
 357 }
 358 .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 359   padding-right: 1.85714286em;
 360 }
 361 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 362   padding-right: 1.28571429em;
 363 }
 364 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 365   padding-right: 1.14285714em;
 366 }
 367 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle {
 368   padding-right: 0.85714286em;
 369 }
 370 .oo-ui-popupToolGroup:not( .oo-ui-labelElement ):not( .oo-ui-iconElement ) .oo-ui-indicatorElement-indicator {
 371   opacity: 1;
 372 }
 373 .oo-ui-popupToolGroup-header {
 374   color: #72777d;
 375   padding: 0 0.85714286em;
 376   font-weight: bold;
 377   line-height: 2.28571429em;
 378 }
 379 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-header {
 380   padding: 0 0.71428571em;
 381 }
 382 .oo-ui-popupToolGroup-tools {
 383   background-color: #fff;
 384   min-width: 16em;
 385   margin: 0 -1px;
 386   border: 1px solid #c8ccd1;
 387   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 388 }
 389 .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 390   padding: 0.85714286em 0.85714286em;
 391 }
 392 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
 393   padding-left: 0.71428571em;
 394   padding-right: 0.71428571em;
 395 }
 396 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
 397   color: #72777d;
 398   line-height: 1.28571429em;
 399 }
 400 .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 401   padding-left: 1.28571429em;
 402 }
 403 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel:not( :empty ) {
 404   padding-left: 1.14285714em;
 405 }
 406 .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 407   padding-left: 2.64285714em;
 408 }
 409 .oo-ui-toolbar-narrow .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
 410   padding-left: 2.5em;
 411 }
 412 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 413   -webkit-transition: background-color 100ms, box-shadow 100ms;
 414   -moz-transition: background-color 100ms, box-shadow 100ms;
 415   transition: background-color 100ms, box-shadow 100ms;
 416 }
 417 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 418   background-color: #eaecf0;
 419 }
 420 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 421   background-color: #eaf3ff;
 422 }
 423 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 424 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 425   opacity: 0.87;
 426   -webkit-transition: opacity 100ms;
 427   -moz-transition: opacity 100ms;
 428   transition: opacity 100ms;
 429   -webkit-transform: translateZ(0);
 430   transform: translateZ(0);
 431 }
 432 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon,
 433 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-iconElement-icon,
 434 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover .oo-ui-indicatorElement-indicator,
 435 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active .oo-ui-indicatorElement-indicator {
 436   opacity: 1;
 437 }
 438 .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 439   outline: 1px solid #36c;
 440   box-shadow: inset 0 0 0 1px #36c;
 441 }
 442 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
 443 .oo-ui-popupToolGroup.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-popupToolGroup-handle:hover .oo-ui-iconElement-icon {
 444   opacity: 1;
 445 }
 446 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle {
 447   border-right: 1px solid transparent;
 448   -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 449   -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 450   transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
 451 }
 452 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
 453   border-right-color: #eaecf0;
 454 }
 455 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:active {
 456   border-right-color: #eaf3ff;
 457 }
 458 .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
 459   border-right-color: #36c;
 460 }
 461 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 462   background-color: #eaf3ff;
 463   color: #36c;
 464 }
 465 .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
 466   background-color: rgba(41, 98, 204, 0.1);
 467   color: #36c;
 468 }
 469 .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 470   color: #36c;
 471 }
 472 .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
 473   outline: 0;
 474   box-shadow: inset 0 0 0 2px #36c;
 475 }
 476 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 477   color: #36c;
 478 }
 479 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 480   background-color: #fff;
 481 }
 482 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 483 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active:focus,
 484 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 485 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 486   background-color: #eff3fa;
 487   color: #2a4b8d;
 488   box-shadow: none;
 489 }
 490 .oo-ui-popupToolGroup.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 491   outline: 1px solid #36c;
 492   box-shadow: inset 0 0 0 1px #36c;
 493 }
 494 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 495   color: #d73333;
 496 }
 497 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 498   background-color: #fff;
 499 }
 500 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 501 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active:focus,
 502 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle,
 503 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
 504   background-color: #ffffff;
 505   color: #b32424;
 506   box-shadow: none;
 507 }
 508 .oo-ui-popupToolGroup.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 509   outline: 1px solid #d33;
 510   box-shadow: inset 0 0 0 1px #d33;
 511 }
 512 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle {
 513   color: #fff;
 514   background-color: #36c;
 515 }
 516 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:hover {
 517   background-color: #447ff5;
 518 }
 519 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active,
 520 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:active:focus,
 521 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 522   color: #fff;
 523   background-color: #2a4b8d;
 524   box-shadow: none;
 525 }
 526 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-popupToolGroup-handle:focus {
 527   outline: 1px solid #36c;
 528   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 529 }
 530 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 531 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active,
 532 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
 533   background-color: #c8ccd1;
 534   color: #fff;
 535 }
 536 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle {
 537   color: #fff;
 538   background-color: #d33;
 539 }
 540 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:hover {
 541   background-color: #ff4242;
 542 }
 543 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active,
 544 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:active:focus,
 545 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-tool-active > .oo-ui-popupToolGroup-handle {
 546   color: #fff;
 547   background-color: #b32424;
 548   box-shadow: none;
 549 }
 550 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-popupToolGroup-handle:focus {
 551   outline: 1px solid #d33;
 552   box-shadow: inset 0 0 0 1px #d33, inset 0 0 0 2px #fff;
 553 }
 554 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle,
 555 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active,
 556 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-disabled > .oo-ui-popupToolGroup-handle:active:focus {
 557   background-color: #c8ccd1;
 558   color: #fff;
 559 }
 560 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-iconElement-icon,
 561 .oo-ui-popupToolGroup.oo-ui-flaggedElement-primary > .oo-ui-popupToolGroup-handle > .oo-ui-indicatorElement-indicator {
 562   opacity: 1;
 563 }
 564
 565 .oo-ui-listToolGroup-tools .oo-ui-tool {
 566   display: block;
 567   -webkit-box-sizing: border-box;
 568   -moz-box-sizing: border-box;
 569   box-sizing: border-box;
 570 }
 571 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 572   background-color: #eaecf0;
 573   color: #000;
 574 }
 575 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled {
 576   background-color: #eaf3ff;
 577 }
 578 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled:hover {
 579   background-color: rgba(41, 98, 204, 0.1);
 580 }
 581 .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
 582   color: #36c;
 583 }
 584 .oo-ui-listToolGroup.oo-ui-widget-disabled,
 585 .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 586   color: #72777d;
 587 }
 588
 589 .oo-ui-menuToolGroup-tools .oo-ui-tool {
 590   display: block;
 591 }
 592 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 593   min-width: 140px;
 594 }
 595 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 596   min-width: 100px;
 597 }
 598 .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 599   left: 0.78571429em;
 600 }
 601 .oo-ui-toolbar-narrow .oo-ui-menuToolGroup-tools .oo-ui-tool-link .oo-ui-iconElement-icon {
 602   left: 0.71428571em;
 603 }
 604 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
 605   background-color: rgba(41, 98, 204, 0.1);
 606 }
 607 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active {
 608   background-color: #eaf3ff;
 609 }
 610 .oo-ui-menuToolGroup.oo-ui-widget-disabled,
 611 .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title {
 612   color: #72777d;
 613 }
 614
 615 .oo-ui-toolbar {
 616   clear: both;
 617 }
 618 .oo-ui-toolbar-bar {
 619   line-height: 1;
 620   position: relative;
 621 }
 622 .oo-ui-toolbar-tools,
 623 .oo-ui-toolbar-actions {
 624   -webkit-touch-callout: none;
 625   -webkit-user-select: none;
 626   -moz-user-select: none;
 627   -ms-user-select: none;
 628   user-select: none;
 629 }
 630 .oo-ui-toolbar-tools {
 631   display: inline;
 632 }
 633 .oo-ui-toolbar-popups {
 634   position: absolute;
 635 }
 636 .oo-ui-toolbar-tools,
 637 .oo-ui-toolbar-popups {
 638   white-space: nowrap;
 639 }
 640 .oo-ui-toolbar-tools .oo-ui-tool,
 641 .oo-ui-toolbar-popups .oo-ui-tool,
 642 .oo-ui-toolbar-tools .oo-ui-popupTool-popup,
 643 .oo-ui-toolbar-popups .oo-ui-popupTool-popup {
 644   white-space: normal;
 645 }
 646 .oo-ui-toolbar-narrow .oo-ui-toolbar-tools,
 647 .oo-ui-toolbar-narrow.oo-ui-toolbar-popups {
 648   white-space: normal;
 649 }
 650 .oo-ui-toolbar-actions {
 651   float: right;
 652 }
 653 .oo-ui-toolbar-actions .oo-ui-toolbar,
 654 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
 655 .oo-ui-toolbar-actions .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 656   display: inline-block;
 657 }
 658 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 659   -webkit-touch-callout: default;
 660   -webkit-user-select: text;
 661   -moz-user-select: text;
 662   -ms-user-select: text;
 663   user-select: text;
 664 }
 665 .oo-ui-toolbar-bar {
 666   background-color: #fff;
 667   color: #222;
 668 }
 669 .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
 670   border-bottom: 1px solid #c8ccd1;
 671   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
 672 }
 673 .oo-ui-toolbar-position-bottom > .oo-ui-toolbar-bar {
 674   border-top: 1px solid #c8ccd1;
 675   box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
 676 }
 677 .oo-ui-toolbar-bar .oo-ui-toolbar-bar {
 678   background-color: transparent;
 679   border: 0;
 680   box-shadow: none;
 681 }
 682 .oo-ui-toolbar-narrow-bar:after {
 683   content: '';
 684   display: block;
 685   position: absolute;
 686   top: 3em;
 687   left: 0;
 688   width: 100%;
 689   height: 0;
 690 }
 691 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-top .oo-ui-toolbar-bar:after {
 692   border-bottom: 1px solid #c8ccd1;
 693 }
 694 .oo-ui-toolbar-narrow.oo-ui-toolbar-position-bottom .oo-ui-toolbar-bar:after {
 695   border-top: 1px solid #c8ccd1;
 696 }