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

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