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

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