resources/lib/oojs-ui/oojs-ui-minerva.css

   1 /*!
   2  * OOjs UI v0.1.0-pre (cc3c62607c)
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2014 OOjs Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2014-09-08T18:26:13Z
  10  */
  11 /*
  12  * Blank theme mixins.
  13  *
  14  * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
  15  * additional rules to the base styles.
  16  */
  17 /*
  18  * Base styles.
  19  *
  20  * Themes should include this file after defining their variables and mixins.
  21  */
  22 /* @noflip */
  23 .oo-ui-rtl {
  24   direction: rtl;
  25 }
  26 /* @noflip */
  27 .oo-ui-ltr {
  28   direction: ltr;
  29 }
  30 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  31   cursor: pointer;
  32   display: inline-block;
  33   vertical-align: middle;
  34   -webkit-touch-callout: none;
  35   -webkit-user-select: none;
  36   -moz-user-select: none;
  37   -ms-user-select: none;
  38   user-select: none;
  39 }
  40 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  41   display: none;
  42 }
  43 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  44   display: none;
  45 }
  46 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  47   cursor: default;
  48 }
  49 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  50 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  51   display: inline-block;
  52   vertical-align: middle;
  53   background-position: center center;
  54   background-repeat: no-repeat;
  55 }
  56 .oo-ui-buttonElement-frameless {
  57   display: inline-block;
  58   position: relative;
  59 }
  60 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  61   display: inline-block;
  62   vertical-align: middle;
  63 }
  64 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  65   display: inline-block;
  66   vertical-align: top;
  67   text-align: center;
  68 }
  69 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  70   display: inline-block;
  71   vertical-align: middle;
  72 }
  73 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button,
  74 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
  75 .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
  76   cursor: default;
  77 }
  78 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  79   margin-left: 0;
  80 }
  81 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  82   margin-right: -0.75em;
  83 }
  84 .oo-ui-buttonElement.oo-ui-indicatorElement .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  85 .oo-ui-buttonElement.oo-ui-iconElement .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  86   width: 3.35em;
  87   height: 3.35em;
  88   background-size: 2em auto;
  89 }
  90 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  91   margin-left: 0.25em;
  92 }
  93 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  94   line-height: 1.9em;
  95 }
  96 .oo-ui-clippableElement-clippable {
  97   -webkit-box-sizing: border-box;
  98   -moz-box-sizing: border-box;
  99   box-sizing: border-box;
 100 }
 101 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous .oo-ui-panelLayout-scrollable {
 102   overflow-y: hidden;
 103 }
 104 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 105   width: 100%;
 106   -webkit-box-sizing: border-box;
 107   -moz-box-sizing: border-box;
 108   box-sizing: border-box;
 109 }
 110 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
 111   overflow-y: auto;
 112 }
 113 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
 114   padding: 2em;
 115 }
 116 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
 117   position: absolute;
 118   top: 0;
 119   left: 0;
 120   right: 0;
 121   bottom: 3em;
 122   overflow-y: auto;
 123 }
 124 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
 125   position: absolute;
 126   bottom: 0;
 127   left: 0;
 128   right: 0;
 129 }
 130 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 131   padding: 0 0 1em;
 132 }
 133 .oo-ui-fieldLayout {
 134   margin-bottom: 1em;
 135 }
 136 .oo-ui-fieldLayout:before,
 137 .oo-ui-fieldLayout:after {
 138   content: " ";
 139   display: table;
 140 }
 141 .oo-ui-fieldLayout:after {
 142   clear: both;
 143 }
 144 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
 145 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 146   display: block;
 147   float: left;
 148 }
 149 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
 150 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
 151   display: block;
 152   float: left;
 153 }
 154 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 155   text-align: right;
 156 }
 157 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
 158   display: inline-block;
 159   vertical-align: middle;
 160 }
 161 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
 162   display: inline-block;
 163   vertical-align: middle;
 164 }
 165 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
 166   display: inline-block;
 167 }
 168 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 169   z-index: 1;
 170 }
 171 .oo-ui-fieldLayout:last-child {
 172   margin-bottom: 0;
 173 }
 174 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labelElement-label,
 175 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labelElement-label {
 176   padding-top: 0.5em;
 177   margin-right: 5%;
 178   width: 35%;
 179 }
 180 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
 181 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
 182   width: 60%;
 183 }
 184 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labelElement-label {
 185   padding: 0.75em 0.5em 0.5em 0.5em;
 186 }
 187 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
 188   padding: 0.5em 0;
 189 }
 190 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labelElement-label {
 191   padding: 0.5em 0;
 192 }
 193 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 194   margin-top: 0.25em;
 195 }
 196 .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label {
 197   color: #ccc;
 198 }
 199 .oo-ui-fieldsetLayout {
 200   position: relative;
 201   margin: 0;
 202   padding: 0;
 203 }
 204 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 205   display: block;
 206   position: absolute;
 207   background-position: center center;
 208   background-repeat: no-repeat;
 209 }
 210 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 211   display: inline-block;
 212 }
 213 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
 214   margin-top: 2em;
 215 }
 216 .oo-ui-fieldsetLayout > .oo-ui-labelElement-label {
 217   margin-bottom: 0.5em;
 218   padding: 0.25em 0;
 219 }
 220 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 221   padding-left: 1.75em;
 222   line-height: 1.33em;
 223 }
 224 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 225   left: 0;
 226   top: 0.25em;
 227   width: 2em;
 228   height: 2em;
 229 }
 230 .oo-ui-gridLayout {
 231   position: absolute;
 232   top: 0;
 233   left: 0;
 234   right: 0;
 235   bottom: 0;
 236 }
 237 .oo-ui-panelLayout {
 238   position: relative;
 239   padding: 1em 3.35em;
 240 }
 241 .oo-ui-panelLayout-scrollable {
 242   overflow-y: auto;
 243 }
 244 .oo-ui-panelLayout-expanded {
 245   position: absolute;
 246   top: 0;
 247   left: 0;
 248   right: 0;
 249   bottom: 0;
 250 }
 251 .oo-ui-stackLayout > .oo-ui-panelLayout {
 252   display: none;
 253 }
 254 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 255   display: block;
 256   position: relative;
 257 }
 258 .oo-ui-popupTool .oo-ui-popupWidget-popup,
 259 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
 260   z-index: 4;
 261 }
 262 .oo-ui-popupTool .oo-ui-popupWidget {
 263   margin-left: 1.25em;
 264   font-size: 0.8em;
 265 }
 266 .oo-ui-toolGroup {
 267   display: inline-block;
 268   vertical-align: middle;
 269   margin: 0.3em;
 270 }
 271 .oo-ui-toolGroup-empty {
 272   display: none;
 273 }
 274 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 275   background-position: center center;
 276   background-repeat: no-repeat;
 277 }
 278 .oo-ui-barToolGroup > .oo-ui-iconElement-icon,
 279 .oo-ui-barToolGroup > .oo-ui-labelElement-label {
 280   display: none;
 281 }
 282 .oo-ui-barToolGroup .oo-ui-tool {
 283   display: inline-block;
 284   position: relative;
 285   vertical-align: top;
 286 }
 287 .oo-ui-barToolGroup .oo-ui-tool-link {
 288   display: block;
 289 }
 290 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 291   display: block;
 292 }
 293 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 294   display: none;
 295 }
 296 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 297   cursor: default;
 298 }
 299 .oo-ui-barToolGroup .oo-ui-tool-title,
 300 .oo-ui-barToolGroup .oo-ui-tool-accel {
 301   display: none;
 302 }
 303 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
 304   cursor: pointer;
 305 }
 306 .oo-ui-barToolGroup .oo-ui-tool-link {
 307   height: 1.5em;
 308   padding: 0.25em;
 309 }
 310 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 311   height: 1.5em;
 312   width: 1.5em;
 313 }
 314 .oo-ui-popupToolGroup {
 315   position: relative;
 316   height: 2em;
 317   min-width: 2.5em;
 318 }
 319 .oo-ui-popupToolGroup-handle {
 320   display: block;
 321   cursor: pointer;
 322 }
 323 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 324 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 325   position: absolute;
 326   background-position: center center;
 327   background-repeat: no-repeat;
 328 }
 329 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 330   cursor: default;
 331 }
 332 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 333   display: none;
 334   position: absolute;
 335   z-index: 4;
 336 }
 337 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconElement-icon {
 338   background-repeat: no-repeat;
 339   background-position: center center;
 340 }
 341 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 342   display: block;
 343 }
 344 .oo-ui-popupToolGroup-left > .oo-ui-toolGroup-tools {
 345   left: 0;
 346 }
 347 .oo-ui-popupToolGroup-right > .oo-ui-toolGroup-tools {
 348   right: 0;
 349 }
 350 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 351   display: inline-block;
 352   vertical-align: middle;
 353 }
 354 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 355   display: inline-block;
 356   vertical-align: middle;
 357 }
 358 .oo-ui-popupToolGroup .oo-ui-tool-accel {
 359   display: none;
 360 }
 361 .oo-ui-popupToolGroup.oo-ui-indicatorElement.oo-ui-iconElement {
 362   min-width: 3.5em;
 363 }
 364 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator,
 365 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 366   top: 0;
 367   width: 2em;
 368   height: 2em;
 369 }
 370 .oo-ui-popupToolGroup-handle .oo-ui-indicatorElement-indicator {
 371   right: 0;
 372 }
 373 .oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
 374   left: 0.25em;
 375 }
 376 .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 377   line-height: 2.6em;
 378   font-size: 0.8em;
 379   margin: 0 1em;
 380 }
 381 .oo-ui-popupToolGroup-header {
 382   line-height: 2.6em;
 383   font-size: 0.8em;
 384   margin: 0 0.6em;
 385   font-weight: bold;
 386 }
 387 .oo-ui-popupToolGroup.oo-ui-iconElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 388   margin-left: 3em;
 389 }
 390 .oo-ui-popupToolGroup.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label {
 391   margin-right: 2.25em;
 392 }
 393 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 394   top: 2em;
 395   margin: 0 -1px;
 396 }
 397 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 398   height: 2em;
 399   width: 2em;
 400   margin-right: 0.25em;
 401 }
 402 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 403   line-height: 2em;
 404   font-size: 0.8em;
 405 }
 406 .oo-ui-listToolGroup .oo-ui-tool {
 407   display: inline-block;
 408   width: 100%;
 409   -webkit-box-sizing: border-box;
 410   -moz-box-sizing: border-box;
 411   box-sizing: border-box;
 412 }
 413 .oo-ui-listToolGroup .oo-ui-tool-link {
 414   display: block;
 415   cursor: pointer;
 416   white-space: nowrap;
 417 }
 418 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 419   cursor: default;
 420 }
 421 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
 422   padding: 0.25em;
 423 }
 424 .oo-ui-listToolGroup .oo-ui-tool-link {
 425   padding-right: 0.5em;
 426 }
 427 .oo-ui-menuToolGroup .oo-ui-tool {
 428   display: block;
 429 }
 430 .oo-ui-menuToolGroup .oo-ui-tool-link {
 431   display: block;
 432   cursor: pointer;
 433   white-space: nowrap;
 434 }
 435 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconElement-icon {
 436   background-image: none;
 437 }
 438 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconElement-icon {
 439   background-image: /* @embed */ url(images/icons/check.svg);
 440 }
 441 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 442   cursor: default;
 443 }
 444 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 445   min-width: 8em;
 446 }
 447 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
 448   padding: 0.25em 0 0.25em 0;
 449 }
 450 .oo-ui-menuToolGroup .oo-ui-tool-link {
 451   padding: 0 1em 0 0.25em;
 452 }
 453 .oo-ui-toolbar {
 454   clear: both;
 455 }
 456 .oo-ui-toolbar-bar {
 457   line-height: 1em;
 458 }
 459 .oo-ui-toolbar-actions {
 460   float: right;
 461 }
 462 .oo-ui-toolbar-tools {
 463   float: left;
 464 }
 465 .oo-ui-toolbar-tools,
 466 .oo-ui-toolbar-actions,
 467 .oo-ui-toolbar-shadow {
 468   -webkit-touch-callout: none;
 469   -webkit-user-select: none;
 470   -moz-user-select: none;
 471   -ms-user-select: none;
 472   user-select: none;
 473 }
 474 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 475   -webkit-touch-callout: default;
 476   -webkit-user-select: all;
 477   -moz-user-select: all;
 478   -ms-user-select: all;
 479   user-select: all;
 480 }
 481 .oo-ui-toolbar-shadow {
 482   background-position: left top;
 483   background-repeat: repeat-x;
 484   position: absolute;
 485   width: 100%;
 486   pointer-events: none;
 487 }
 488 .oo-ui-selectWidget {
 489   margin: 0;
 490   padding: 0;
 491 }
 492 .oo-ui-optionWidget {
 493   position: relative;
 494   display: block;
 495   cursor: pointer;
 496   padding: 0.8em 1em 0.8em 3.35em;
 497   border: none;
 498   border-bottom: 1px solid #dddddd;
 499   font-weight: bold;
 500 }
 501 .oo-ui-optionWidget.oo-ui-widget-disabled {
 502   cursor: default;
 503 }
 504 .oo-ui-optionWidget .oo-ui-labelElement-label {
 505   display: block;
 506   white-space: nowrap;
 507   text-overflow: ellipsis;
 508   overflow: hidden;
 509 }
 510 .oo-ui-optionWidget .oo-ui-labelElement-label {
 511   line-height: 1.5em;
 512 }
 513 .oo-ui-optionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 514   padding-right: 1.5em;
 515 }
 516 .oo-ui-optionWidget-level-0 {
 517   padding-left: 3.5em;
 518 }
 519 .oo-ui-optionWidget-level-0 .oo-ui-iconElement-icon {
 520   left: 1em;
 521 }
 522 .oo-ui-optionWidget-level-1 {
 523   padding-left: 5em;
 524 }
 525 .oo-ui-optionWidget-level-1 .oo-ui-iconElement-icon {
 526   left: 2.5em;
 527 }
 528 .oo-ui-optionWidget-level-2 {
 529   padding-left: 6.5em;
 530 }
 531 .oo-ui-optionWidget-level-2 .oo-ui-iconElement-icon {
 532   left: 4em;
 533 }
 534 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 535 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 536   position: absolute;
 537   background-repeat: no-repeat;
 538   background-position: center center;
 539 }
 540 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 541 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 542   top: 50%;
 543   width: 2em;
 544   height: 2em;
 545   margin-top: -1em;
 546 }
 547 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
 548   left: 0.5em;
 549 }
 550 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 551   right: 0.5em;
 552 }
 553 .oo-ui-buttonSelectWidget {
 554   display: inline-block;
 555   white-space: nowrap;
 556 }
 557 .oo-ui-buttonOptionWidget {
 558   display: inline-block;
 559   padding: 0;
 560   background-color: transparent;
 561 }
 562 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 563   position: relative;
 564 }
 565 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 566 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 567   position: static;
 568   display: inline-block;
 569   vertical-align: middle;
 570 }
 571 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 572   height: 1.9em;
 573 }
 574 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 575 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 576   height: 1.9em;
 577   margin-top: 0;
 578 }
 579 .oo-ui-labelWidget {
 580   display: inline-block;
 581   padding: 0.5em 0;
 582 }
 583 .oo-ui-iconWidget {
 584   display: inline-block;
 585   vertical-align: middle;
 586   background-position: center center;
 587   background-repeat: no-repeat;
 588   line-height: 2.5em;
 589   height: 1.9em;
 590   width: 1.9em;
 591   opacity: 0.8;
 592 }
 593 .oo-ui-iconWidget.oo-ui-widget-disabled {
 594   opacity: 0.2;
 595 }
 596 .oo-ui-indicatorWidget {
 597   display: inline-block;
 598   vertical-align: middle;
 599   background-position: center center;
 600   background-repeat: no-repeat;
 601   line-height: 2.5em;
 602   height: 1.9em;
 603   width: 1.9em;
 604   opacity: 0.8;
 605 }
 606 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 607   opacity: 0.2;
 608 }
 609 .oo-ui-buttonWidget {
 610   display: inline-block;
 611   vertical-align: middle;
 612 }
 613 .oo-ui-buttonGroupWidget {
 614   border-radius: 0.3em;
 615 }
 616 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 617   border-radius: 0;
 618   margin-bottom: -1px;
 619   margin-left: -1px;
 620 }
 621 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 622   border-bottom-left-radius: 0.3em;
 623   border-top-left-radius: 0.3em;
 624   margin-left: 0;
 625 }
 626 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 627   border-bottom-right-radius: 0.3em;
 628   border-top-right-radius: 0.3em;
 629 }
 630 .oo-ui-toggleSwitchWidget {
 631   position: relative;
 632   display: inline-block;
 633   vertical-align: middle;
 634   overflow: hidden;
 635   cursor: pointer;
 636   -webkit-box-sizing: border-box;
 637   -moz-box-sizing: border-box;
 638   box-sizing: border-box;
 639   -webkit-transform: translateZ(0px);
 640   -moz-transform: translateZ(0px);
 641   -ms-transform: translateZ(0px);
 642   -o-transform: translateZ(0px);
 643   transform: translateZ(0px);
 644   height: 2em;
 645   width: 4em;
 646 }
 647 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 648   cursor: default;
 649 }
 650 .oo-ui-toggleSwitchWidget-grip {
 651   position: absolute;
 652   display: block;
 653   -webkit-box-sizing: border-box;
 654   -moz-box-sizing: border-box;
 655   box-sizing: border-box;
 656 }
 657 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
 658   position: absolute;
 659   top: 0;
 660   bottom: 0;
 661   right: 0;
 662   left: 0;
 663   -webkit-touch-callout: none;
 664   -webkit-user-select: none;
 665   -moz-user-select: none;
 666   -ms-user-select: none;
 667   user-select: none;
 668 }
 669 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
 670   display: none;
 671 }
 672 .oo-ui-toggleSwitchWidget-grip {
 673   top: 0.25em;
 674   left: 0.25em;
 675   width: 1.5em;
 676   height: 1.5em;
 677   margin-top: -1px;
 678   -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
 679   -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
 680   -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
 681   -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
 682   transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
 683 }
 684 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
 685   -webkit-transition: opacity 200ms ease-in-out;
 686   -moz-transition: opacity 200ms ease-in-out;
 687   -ms-transition: opacity 200ms ease-in-out;
 688   -o-transition: opacity 200ms ease-in-out;
 689   transition: opacity 200ms ease-in-out;
 690 }
 691 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 692   left: 2.25em;
 693   margin-left: -2px;
 694 }
 695 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 696   left: 0.25em;
 697   margin-left: 0;
 698 }
 699 .oo-ui-popupWidget-popup {
 700   position: absolute;
 701   overflow: hidden;
 702   z-index: 1;
 703 }
 704 .oo-ui-popupWidget-anchor {
 705   display: none;
 706   z-index: 1;
 707 }
 708 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 709   display: block;
 710   position: absolute;
 711   background-repeat: no-repeat;
 712 }
 713 .oo-ui-popupWidget-head {
 714   -webkit-touch-callout: none;
 715   -webkit-user-select: none;
 716   -moz-user-select: none;
 717   -ms-user-select: none;
 718   user-select: none;
 719 }
 720 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 721   float: right;
 722 }
 723 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
 724   float: left;
 725   cursor: default;
 726 }
 727 .oo-ui-popupWidget-body {
 728   clear: both;
 729   overflow: hidden;
 730 }
 731 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 732   margin-top: 7px;
 733 }
 734 .oo-ui-popupWidget-head {
 735   height: 2.5em;
 736 }
 737 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 738   margin: 0.25em;
 739 }
 740 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
 741   margin: 0.75em 1em;
 742 }
 743 .oo-ui-popupWidget-body-padded {
 744   padding: 0 1em;
 745 }
 746 .oo-ui-popupButtonWidget {
 747   position: relative;
 748 }
 749 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 750   position: absolute;
 751   left: 1em;
 752   cursor: auto;
 753 }
 754 .oo-ui-lookupInputWidget-menu {
 755   background-color: #fff;
 756 }
 757 .oo-ui-textInputWidget {
 758   position: relative;
 759   -webkit-box-sizing: border-box;
 760   -moz-box-sizing: border-box;
 761   box-sizing: border-box;
 762 }
 763 .oo-ui-textInputWidget input,
 764 .oo-ui-textInputWidget textarea {
 765   display: inline-block;
 766   width: 100%;
 767   resize: none;
 768   -webkit-box-sizing: border-box;
 769   -moz-box-sizing: border-box;
 770   box-sizing: border-box;
 771 }
 772 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 773 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
 774   position: absolute;
 775   top: 0;
 776   height: 100%;
 777   background-repeat: no-repeat;
 778   cursor: pointer;
 779   -webkit-touch-callout: none;
 780   -webkit-user-select: none;
 781   -moz-user-select: none;
 782   -ms-user-select: none;
 783   user-select: none;
 784 }
 785 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
 786   left: 0;
 787 }
 788 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
 789   right: 0;
 790 }
 791 .oo-ui-textInputWidget input,
 792 .oo-ui-textInputWidget textarea {
 793   padding: .8em 1em;
 794 }
 795 .oo-ui-menuWidget {
 796   position: absolute;
 797 }
 798 .oo-ui-menuWidget input {
 799   position: absolute;
 800   width: 0;
 801   height: 0;
 802   overflow: hidden;
 803   opacity: 0;
 804 }
 805 .oo-ui-menuItemWidget {
 806   position: relative;
 807 }
 808 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
 809   display: none;
 810 }
 811 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 812   background-color: transparent;
 813 }
 814 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
 815   display: block;
 816 }
 817 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 818   background: #347bff;
 819   color: #ffffff;
 820 }
 821 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
 822   background-size: 24px auto;
 823 }
 824 .oo-ui-menuSectionItemWidget {
 825   cursor: default;
 826   font-weight: normal;
 827   color: #777777;
 828   border: none;
 829 }
 830 .oo-ui-inlineMenuWidget {
 831   position: relative;
 832   display: inline-block;
 833   margin: 0.25em 0;
 834   min-width: 20em;
 835 }
 836 .oo-ui-inlineMenuWidget-handle {
 837   width: 100%;
 838   display: inline-block;
 839   cursor: pointer;
 840   -webkit-touch-callout: none;
 841   -webkit-user-select: none;
 842   -moz-user-select: none;
 843   -ms-user-select: none;
 844   user-select: none;
 845   -webkit-box-sizing: border-box;
 846   -moz-box-sizing: border-box;
 847   box-sizing: border-box;
 848 }
 849 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
 850 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 851   position: absolute;
 852   background-position: center center;
 853   background-repeat: no-repeat;
 854 }
 855 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
 856   z-index: 1;
 857   width: 100%;
 858 }
 859 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
 860   cursor: default;
 861 }
 862 .oo-ui-inlineMenuWidget-handle {
 863   height: 2.5em;
 864 }
 865 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
 866 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 867   top: 0;
 868   width: 2.5em;
 869   height: 2.5em;
 870 }
 871 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator {
 872   right: 0;
 873 }
 874 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 875   left: 0.25em;
 876 }
 877 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 878   line-height: 2.5em;
 879   margin: 0 0.5em;
 880 }
 881 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 882   margin-left: 3em;
 883 }
 884 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 885   margin-right: 2em;
 886 }
 887 .oo-ui-outlineItemWidget {
 888   position: relative;
 889   cursor: pointer;
 890   -webkit-touch-callout: none;
 891   -webkit-user-select: none;
 892   -moz-user-select: none;
 893   -ms-user-select: none;
 894   user-select: none;
 895   padding: 0.75em;
 896 }
 897 .oo-ui-outlineControlsWidget {
 898   height: 3em;
 899 }
 900 .oo-ui-outlineControlsWidget-items,
 901 .oo-ui-outlineControlsWidget-movers {
 902   float: left;
 903   -webkit-box-sizing: border-box;
 904   -moz-box-sizing: border-box;
 905   box-sizing: border-box;
 906 }
 907 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 908   float: left;
 909   background-position: right center;
 910   background-repeat: no-repeat;
 911 }
 912 .oo-ui-outlineControlsWidget-items {
 913   float: left;
 914 }
 915 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 916   float: left;
 917 }
 918 .oo-ui-outlineControlsWidget-movers {
 919   float: right;
 920 }
 921 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 922   float: right;
 923 }
 924 .oo-ui-outlineControlsWidget-items,
 925 .oo-ui-outlineControlsWidget-movers {
 926   height: 2em;
 927   margin: 0.5em;
 928   padding: 0;
 929 }
 930 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 931   width: 1.5em;
 932   height: 2em;
 933   margin: 0.5em 0 0.5em 0.5em;
 934 }
 935 .oo-ui-outlineControlsWidget-items {
 936   margin-left: 0;
 937 }
 938 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
 939   z-index: 1;
 940 }
 941 .oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget {
 942   min-width: 20em;
 943 }
 944 .oo-ui-searchWidget-query {
 945   position: absolute;
 946   top: 0;
 947   left: 0;
 948   right: 0;
 949 }
 950 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 951   width: 100%;
 952 }
 953 .oo-ui-searchWidget-results {
 954   position: absolute;
 955   bottom: 0;
 956   left: 0;
 957   right: 0;
 958   overflow-x: hidden;
 959   overflow-y: auto;
 960 }
 961 .oo-ui-searchWidget-query {
 962   height: 4em;
 963   padding: 0 1em;
 964 }
 965 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 966   margin: 0.75em 0;
 967 }
 968 .oo-ui-searchWidget-results {
 969   top: 4em;
 970   padding: 1em;
 971   line-height: 0;
 972 }
 973 .oo-ui-window {
 974   line-height: 1em;
 975   /* Content div takes focus when opened, so hide outline */
 976 }
 977 .oo-ui-window-frame {
 978   -webkit-box-sizing: border-box;
 979   -moz-box-sizing: border-box;
 980   box-sizing: border-box;
 981 }
 982 .oo-ui-window-frame > iframe {
 983   width: 100%;
 984   height: 100%;
 985   margin: 0;
 986   padding: 0;
 987 }
 988 .oo-ui-window-content:focus {
 989   outline: none;
 990 }
 991 .oo-ui-window-head,
 992 .oo-ui-window-foot {
 993   -webkit-touch-callout: none;
 994   -webkit-user-select: none;
 995   -moz-user-select: none;
 996   -ms-user-select: none;
 997   user-select: none;
 998 }
 999 .oo-ui-window-body {
1000   margin: 0;
1001   padding: 0;
1002   background: none;
1003 }
1004 .oo-ui-window-overlay {
1005   position: absolute;
1006   top: 0;
1007   left: 0;
1008 }
1009 .oo-ui-dialog-content > .oo-ui-window-head,
1010 .oo-ui-dialog-content > .oo-ui-window-body,
1011 .oo-ui-dialog-content > .oo-ui-window-foot {
1012   position: absolute;
1013   left: 0;
1014   right: 0;
1015   overflow: hidden;
1016   -webkit-box-sizing: border-box;
1017   -moz-box-sizing: border-box;
1018   box-sizing: border-box;
1019 }
1020 .oo-ui-dialog-content > .oo-ui-window-head {
1021   z-index: 1;
1022   top: 0;
1023 }
1024 .oo-ui-dialog-content > .oo-ui-window-body {
1025   z-index: 2;
1026   top: 0;
1027   bottom: 0;
1028 }
1029 .oo-ui-dialog-content > .oo-ui-window-foot {
1030   z-index: 1;
1031   bottom: 0;
1032 }
1033 .oo-ui-dialog-content > .oo-ui-window-overlay {
1034   z-index: 3;
1035 }
1036 .oo-ui-messageDialog-actions-horizontal {
1037   display: table;
1038   table-layout: fixed;
1039   width: 100%;
1040 }
1041 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1042   display: table-cell;
1043   width: 1%;
1044 }
1045 .oo-ui-messageDialog-actions-vertical {
1046   display: block;
1047 }
1048 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1049   display: block;
1050   overflow: hidden;
1051   text-overflow: ellipsis;
1052 }
1053 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1054   position: relative;
1055   text-align: center;
1056 }
1057 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1058   display: block;
1059 }
1060 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1061   position: relative;
1062   top: auto;
1063   bottom: auto;
1064   display: inline;
1065   white-space: nowrap;
1066 }
1067 .oo-ui-messageDialog-title,
1068 .oo-ui-messageDialog-message {
1069   display: block;
1070   text-align: center;
1071   padding-top: 0.5em;
1072 }
1073 .oo-ui-messageDialog-title {
1074   font-size: 1.5em;
1075   line-height: 1em;
1076   color: #000;
1077 }
1078 .oo-ui-messageDialog-message {
1079   font-size: 0.9em;
1080   line-height: 1.25em;
1081   color: #666;
1082 }
1083 .oo-ui-messageDialog-message-verbose {
1084   font-size: 1.1em;
1085   line-height: 1.5em;
1086   text-align: left;
1087 }
1088 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1089   border-right: solid 1px #e5e5e5;
1090 }
1091 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1092   border-right-width: 0;
1093 }
1094 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1095   border-bottom: solid 1px #e5e5e5;
1096 }
1097 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1098   border-bottom-width: 0;
1099 }
1100 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1101   text-align: center;
1102   line-height: 3.4em;
1103   padding: 0 2em;
1104 }
1105 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1106   background-color: rgba(0, 0, 0, 0.05);
1107 }
1108 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1109   background-color: rgba(0, 0, 0, 0.1);
1110 }
1111 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1112   background-color: rgba(8, 126, 204, 0.05);
1113 }
1114 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1115   background-color: rgba(8, 126, 204, 0.1);
1116 }
1117 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1118   font-weight: bold;
1119 }
1120 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1121   background-color: rgba(118, 171, 54, 0.05);
1122 }
1123 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1124   background-color: rgba(118, 171, 54, 0.1);
1125 }
1126 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1127   background-color: rgba(212, 83, 83, 0.05);
1128 }
1129 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1130   background-color: rgba(212, 83, 83, 0.1);
1131 }
1132 .oo-ui-processDialog-location {
1133   overflow: hidden;
1134   text-overflow: ellipsis;
1135   white-space: nowrap;
1136 }
1137 .oo-ui-processDialog-title {
1138   display: inline;
1139   padding: 0;
1140 }
1141 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1142 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1143 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1144   white-space: nowrap;
1145 }
1146 .oo-ui-processDialog-actions-safe,
1147 .oo-ui-processDialog-actions-primary {
1148   position: absolute;
1149   top: 0;
1150   bottom: 0;
1151 }
1152 .oo-ui-processDialog-actions-safe {
1153   left: 0;
1154 }
1155 .oo-ui-processDialog-actions-primary {
1156   right: 0;
1157 }
1158 .oo-ui-processDialog-errors {
1159   display: none;
1160   position: absolute;
1161   top: 0;
1162   left: 0;
1163   right: 0;
1164   bottom: 0;
1165   z-index: 2;
1166   overflow-x: hidden;
1167   overflow-y: auto;
1168 }
1169 .oo-ui-processDialog-content .oo-ui-window-head {
1170   height: 3.35em;
1171   border-bottom: 1px solid #dddddd;
1172   -webkit-box-sizing: border-box;
1173   -moz-box-sizing: border-box;
1174   box-sizing: border-box;
1175 }
1176 .oo-ui-processDialog-content .oo-ui-window-body {
1177   top: 3.35em;
1178   padding: 2em 0;
1179 }
1180 .oo-ui-processDialog-navigation {
1181   position: relative;
1182   height: 3.35em;
1183   padding: 0 1em;
1184 }
1185 .oo-ui-processDialog-location {
1186   padding: 0.75em 0;
1187   height: 1.85em;
1188   cursor: default;
1189   text-align: center;
1190 }
1191 .oo-ui-processDialog-title {
1192   font-weight: bold;
1193   line-height: 1.85em;
1194 }
1195 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1196 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1197 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1198   padding: 0.35em 0.75em;
1199   min-width: 1.85em;
1200   min-height: 1.85em;
1201   border: 1px solid #dddddd;
1202   border-radius: 4px;
1203 }
1204 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1205 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1206 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1207   line-height: 1.85em;
1208   padding: 0 1em;
1209   font-weight: bold;
1210   color: #777777;
1211 }
1212 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1213 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1214 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1215   position: absolute;
1216   margin-top: -0.125em;
1217 }
1218 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1219 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1220 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1221   vertical-align: middle;
1222 }
1223 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button,
1224 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button,
1225 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
1226   border: 1px solid transparent;
1227 }
1228 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
1229 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
1230 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label {
1231   color: #d11d13;
1232 }
1233 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1234 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button {
1235   padding: 0.75em 0.35em;
1236   border: none;
1237   border-radius: 0;
1238 }
1239 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button,
1240 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button {
1241   background-color: #347bff;
1242 }
1243 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1244 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1245   color: #ffffff;
1246 }
1247 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1248   left: 0.5em;
1249 }
1250 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1251   padding-left: 2.25em;
1252 }
1253 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1254   right: 0.5em;
1255 }
1256 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1257   padding-right: 2.25em;
1258 }
1259 .oo-ui-processDialog-actions-other {
1260   position: absolute;
1261   bottom: 1em;
1262 }
1263 .oo-ui-processDialog > .oo-ui-window-frame {
1264   min-height: 5em;
1265 }
1266 .oo-ui-processDialog-errors {
1267   background-color: rgba(255, 255, 255, 0.9);
1268   padding: 3em 3em 1.5em 3em;
1269   text-align: center;
1270 }
1271 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1272   margin: 2em 1em 2em 1em;
1273 }
1274 .oo-ui-processDialog-errors-title {
1275   font-size: 1.5em;
1276   color: #000;
1277   margin-bottom: 2em;
1278 }
1279 .oo-ui-processDialog-error {
1280   text-align: left;
1281   margin: 1em;
1282   padding: 1em;
1283   border: solid 1px #ff9e9e;
1284   background-color: #fff7f7;
1285   border-radius: 0.25em;
1286 }
1287 .oo-ui-windowManager-modal > .oo-ui-dialog {
1288   position: fixed;
1289   width: 0;
1290   height: 0;
1291   overflow: hidden;
1292 }
1293 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1294   width: auto;
1295   height: auto;
1296   top: 0;
1297   right: 0;
1298   bottom: 0;
1299   left: 0;
1300   padding: 1em;
1301 }
1302 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1303   position: fixed;
1304   right: 0;
1305   left: 0;
1306   margin: auto;
1307   overflow: hidden;
1308   max-width: 100%;
1309   max-height: 100%;
1310 }
1311 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1312   width: 100%;
1313   height: 100%;
1314 }
1315 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1316   width: 100%;
1317   height: 100%;
1318   top: 0;
1319   bottom: 0;
1320 }
1321 .oo-ui-windowManager-modal > .oo-ui-dialog {
1322   background-color: rgba(255, 255, 255, 0.5);
1323   opacity: 0;
1324   -webkit-transition: opacity 250ms ease-in-out;
1325   -moz-transition: opacity 250ms ease-in-out;
1326   -ms-transition: opacity 250ms ease-in-out;
1327   -o-transition: opacity 250ms ease-in-out;
1328   transition: opacity 250ms ease-in-out;
1329 }
1330 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1331   top: 0;
1332   bottom: 0;
1333   background-color: #fff;
1334   -webkit-transform: translate3d(0, -200%, 0);
1335   -moz-transform: translate3d(0, -200%, 0);
1336   -ms-transform: translate3d(0, -200%, 0);
1337   -o-transform: translate3d(0, -200%, 0);
1338   transform: translate3d(0, -200%, 0);
1339   -webkit-transition: transform 250ms ease-in-out;
1340   -moz-transition: transform 250ms ease-in-out;
1341   -ms-transition: transform 250ms ease-in-out;
1342   -o-transition: transform 250ms ease-in-out;
1343   transition: transform 250ms ease-in-out;
1344 }
1345 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1346   opacity: 1;
1347 }
1348 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1349   -webkit-transform: translate3d(0, 0, 0);
1350   -moz-transform: translate3d(0, 0, 0);
1351   -ms-transform: translate3d(0, 0, 0);
1352   -o-transform: translate3d(0, 0, 0);
1353   transform: translate3d(0, 0, 0);
1354 }
1355 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1356   border: solid 1px #ccc;
1357   border-radius: 0.5em;
1358   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
1359 }
1360
1361 /*
1362  * Blank theme mixins.
1363  *
1364  * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
1365  * additional rules to the base styles.
1366  */
1367 .oo-ui-icon-check {
1368   background-image: /* @embed */ url(themes/minerva/images/icons/check.png);
1369   background: #347bff;
1370 }