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

   1 /*!
   2  * OOjs UI v0.1.0-pre (98e770ce46)
   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-26T22:57:14Z
  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: #cccccc;
 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-actionWidget.oo-ui-pendingElement-pending {
 715         background-image: /* @embed */ url(images/textures/pending.gif);
 716 }
 717 .oo-ui-popupWidget {
 718         position: absolute;
 719 }
 720 .oo-ui-popupWidget-popup {
 721         position: relative;
 722         overflow: hidden;
 723         z-index: 1;
 724 }
 725 .oo-ui-popupWidget-anchor {
 726         display: none;
 727         z-index: 1;
 728 }
 729 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 730         display: block;
 731         position: absolute;
 732         top: 0;
 733         background-repeat: no-repeat;
 734 }
 735 .oo-ui-popupWidget-head {
 736         -webkit-touch-callout: none;
 737         -webkit-user-select: none;
 738            -moz-user-select: none;
 739             -ms-user-select: none;
 740                 user-select: none;
 741 }
 742 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 743         float: right;
 744 }
 745 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
 746         float: left;
 747         cursor: default;
 748 }
 749 .oo-ui-popupWidget-body {
 750         clear: both;
 751         overflow: hidden;
 752 }
 753 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 754         margin-top: 7px;
 755 }
 756 .oo-ui-popupWidget-head {
 757         height: 2.5em;
 758 }
 759 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 760         margin: 0.25em;
 761 }
 762 .oo-ui-popupWidget-head .oo-ui-labelElement-label {
 763         margin: 0.75em 1em;
 764 }
 765 .oo-ui-popupWidget-body-padded {
 766         padding: 0 1em;
 767 }
 768 .oo-ui-popupButtonWidget {
 769         position: relative;
 770 }
 771 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 772         position: absolute;
 773         left: 1em;
 774         cursor: auto;
 775 }
 776 .oo-ui-lookupInputWidget-menu {
 777         background-color: #ffffff;
 778 }
 779 .oo-ui-textInputWidget {
 780         position: relative;
 781         -webkit-box-sizing: border-box;
 782            -moz-box-sizing: border-box;
 783                 box-sizing: border-box;
 784 }
 785 .oo-ui-textInputWidget input,
 786 .oo-ui-textInputWidget textarea {
 787         display: inline-block;
 788         width: 100%;
 789         resize: none;
 790         -webkit-box-sizing: border-box;
 791            -moz-box-sizing: border-box;
 792                 box-sizing: border-box;
 793 }
 794 .oo-ui-textInputWidget.oo-ui-pendingElement-pending input,
 795 .oo-ui-textInputWidget.oo-ui-pendingElement-pending textarea {
 796         background-image: /* @embed */ url(images/textures/pending.gif);
 797 }
 798 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
 799 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
 800         position: absolute;
 801         top: 0;
 802         height: 100%;
 803         background-repeat: no-repeat;
 804         cursor: pointer;
 805         -webkit-touch-callout: none;
 806         -webkit-user-select: none;
 807            -moz-user-select: none;
 808             -ms-user-select: none;
 809                 user-select: none;
 810 }
 811 .oo-ui-textInputWidget > .oo-ui-iconElement-icon {
 812         left: 0;
 813 }
 814 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator {
 815         right: 0;
 816 }
 817 .oo-ui-textInputWidget input,
 818 .oo-ui-textInputWidget textarea {
 819         padding: 0.8em 1em;
 820 }
 821 .oo-ui-menuWidget {
 822         position: absolute;
 823         background: white;
 824         border: solid 1px #dddddd;
 825 }
 826 .oo-ui-menuWidget input {
 827         position: absolute;
 828         width: 0;
 829         height: 0;
 830         overflow: hidden;
 831         opacity: 0;
 832 }
 833 .oo-ui-menuItemWidget {
 834         position: relative;
 835 }
 836 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
 837         display: none;
 838 }
 839 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 840         background-color: transparent;
 841 }
 842 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
 843         display: block;
 844 }
 845 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 846         background: #347bff;
 847         color: #ffffff;
 848 }
 849 .oo-ui-menuItemWidget .oo-ui-iconElement-icon {
 850         background-size: 24px auto;
 851 }
 852 .oo-ui-menuSectionItemWidget {
 853         cursor: default;
 854         font-weight: normal;
 855         color: #777777;
 856         border: none;
 857 }
 858 .oo-ui-inlineMenuWidget {
 859         position: relative;
 860         display: inline-block;
 861         margin: 0.25em 0;
 862         min-width: 20em;
 863 }
 864 .oo-ui-inlineMenuWidget-handle {
 865         width: 100%;
 866         display: inline-block;
 867         cursor: pointer;
 868         -webkit-touch-callout: none;
 869         -webkit-user-select: none;
 870            -moz-user-select: none;
 871             -ms-user-select: none;
 872                 user-select: none;
 873         -webkit-box-sizing: border-box;
 874            -moz-box-sizing: border-box;
 875                 box-sizing: border-box;
 876 }
 877 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
 878 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 879         position: absolute;
 880         background-position: center center;
 881         background-repeat: no-repeat;
 882 }
 883 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
 884         z-index: 1;
 885         width: 100%;
 886 }
 887 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
 888         cursor: default;
 889 }
 890 .oo-ui-inlineMenuWidget-handle {
 891         height: 2.5em;
 892 }
 893 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator,
 894 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 895         top: 0;
 896         width: 2.5em;
 897         height: 2.5em;
 898 }
 899 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatorElement-indicator {
 900         right: 0;
 901 }
 902 .oo-ui-inlineMenuWidget-handle .oo-ui-iconElement-icon {
 903         left: 0.25em;
 904 }
 905 .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 906         line-height: 2.5em;
 907         margin: 0 0.5em;
 908 }
 909 .oo-ui-inlineMenuWidget.oo-ui-iconElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 910         margin-left: 3em;
 911 }
 912 .oo-ui-inlineMenuWidget.oo-ui-indicatorElement .oo-ui-inlineMenuWidget-handle .oo-ui-labelElement-label {
 913         margin-right: 2em;
 914 }
 915 .oo-ui-outlineItemWidget {
 916         position: relative;
 917         cursor: pointer;
 918         -webkit-touch-callout: none;
 919         -webkit-user-select: none;
 920            -moz-user-select: none;
 921             -ms-user-select: none;
 922                 user-select: none;
 923         padding: 0.75em;
 924 }
 925 .oo-ui-outlineControlsWidget {
 926         height: 3em;
 927 }
 928 .oo-ui-outlineControlsWidget-items,
 929 .oo-ui-outlineControlsWidget-movers {
 930         float: left;
 931         -webkit-box-sizing: border-box;
 932            -moz-box-sizing: border-box;
 933                 box-sizing: border-box;
 934 }
 935 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 936         float: left;
 937         background-position: right center;
 938         background-repeat: no-repeat;
 939 }
 940 .oo-ui-outlineControlsWidget-items {
 941         float: left;
 942 }
 943 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 944         float: left;
 945 }
 946 .oo-ui-outlineControlsWidget-movers {
 947         float: right;
 948 }
 949 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 950         float: right;
 951 }
 952 .oo-ui-outlineControlsWidget-items,
 953 .oo-ui-outlineControlsWidget-movers {
 954         height: 2em;
 955         margin: 0.5em;
 956         padding: 0;
 957 }
 958 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 959         width: 1.5em;
 960         height: 2em;
 961         margin: 0.5em 0 0.5em 0.5em;
 962 }
 963 .oo-ui-outlineControlsWidget-items {
 964         margin-left: 0;
 965 }
 966 .oo-ui-comboBoxWidget > .oo-ui-selectWidget {
 967         z-index: 1;
 968 }
 969 .oo-ui-comboBoxWidget > .oo-ui-selectWidget > .oo-ui-selectWidget {
 970         min-width: 20em;
 971 }
 972 .oo-ui-searchWidget-query {
 973         position: absolute;
 974         top: 0;
 975         left: 0;
 976         right: 0;
 977 }
 978 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 979         width: 100%;
 980 }
 981 .oo-ui-searchWidget-results {
 982         position: absolute;
 983         bottom: 0;
 984         left: 0;
 985         right: 0;
 986         overflow-x: hidden;
 987         overflow-y: auto;
 988 }
 989 .oo-ui-searchWidget-query {
 990         height: 4em;
 991         padding: 0 1em;
 992 }
 993 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 994         margin: 0.75em 0;
 995 }
 996 .oo-ui-searchWidget-results {
 997         top: 4em;
 998         padding: 1em;
 999         line-height: 0;
1000 }
1001 .oo-ui-window {
1002         line-height: 1em;
1003         /* Content div takes focus when opened, so hide outline */
1004 }
1005 .oo-ui-window-frame {
1006         -webkit-box-sizing: border-box;
1007            -moz-box-sizing: border-box;
1008                 box-sizing: border-box;
1009 }
1010 .oo-ui-window-frame > iframe {
1011         width: 100%;
1012         height: 100%;
1013         margin: 0;
1014         padding: 0;
1015 }
1016 .oo-ui-window-content:focus {
1017         outline: none;
1018 }
1019 .oo-ui-window-head,
1020 .oo-ui-window-foot {
1021         -webkit-touch-callout: none;
1022         -webkit-user-select: none;
1023            -moz-user-select: none;
1024             -ms-user-select: none;
1025                 user-select: none;
1026 }
1027 .oo-ui-window-body {
1028         margin: 0;
1029         padding: 0;
1030         background: none;
1031 }
1032 .oo-ui-window-overlay {
1033         position: absolute;
1034         top: 0;
1035         left: 0;
1036 }
1037 .oo-ui-dialog-content > .oo-ui-window-head,
1038 .oo-ui-dialog-content > .oo-ui-window-body,
1039 .oo-ui-dialog-content > .oo-ui-window-foot {
1040         position: absolute;
1041         left: 0;
1042         right: 0;
1043         overflow: hidden;
1044         -webkit-box-sizing: border-box;
1045            -moz-box-sizing: border-box;
1046                 box-sizing: border-box;
1047 }
1048 .oo-ui-dialog-content > .oo-ui-window-head {
1049         z-index: 1;
1050         top: 0;
1051 }
1052 .oo-ui-dialog-content > .oo-ui-window-head.oo-ui-pendingElement-pending {
1053         background-image: /* @embed */ url(images/textures/pending.gif);
1054 }
1055 .oo-ui-dialog-content > .oo-ui-window-body {
1056         z-index: 2;
1057         top: 0;
1058         bottom: 0;
1059 }
1060 .oo-ui-dialog-content > .oo-ui-window-foot {
1061         z-index: 1;
1062         bottom: 0;
1063 }
1064 .oo-ui-dialog-content > .oo-ui-window-overlay {
1065         z-index: 3;
1066 }
1067 .oo-ui-messageDialog-actions-horizontal {
1068         display: table;
1069         table-layout: fixed;
1070         width: 100%;
1071 }
1072 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1073         display: table-cell;
1074         width: 1%;
1075 }
1076 .oo-ui-messageDialog-actions-vertical {
1077         display: block;
1078 }
1079 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1080         display: block;
1081         overflow: hidden;
1082         text-overflow: ellipsis;
1083 }
1084 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
1085         position: relative;
1086         text-align: center;
1087 }
1088 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
1089         display: block;
1090 }
1091 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1092         position: relative;
1093         top: auto;
1094         bottom: auto;
1095         display: inline;
1096         white-space: nowrap;
1097 }
1098 .oo-ui-messageDialog-title,
1099 .oo-ui-messageDialog-message {
1100         display: block;
1101         text-align: center;
1102         padding-top: 0.5em;
1103 }
1104 .oo-ui-messageDialog-title {
1105         font-size: 1.5em;
1106         line-height: 1em;
1107         color: #000000;
1108 }
1109 .oo-ui-messageDialog-message {
1110         font-size: 0.9em;
1111         line-height: 1.25em;
1112         color: #666666;
1113 }
1114 .oo-ui-messageDialog-message-verbose {
1115         font-size: 1.1em;
1116         line-height: 1.5em;
1117         text-align: left;
1118 }
1119 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
1120         border-right: solid 1px #e5e5e5;
1121 }
1122 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
1123         border-right-width: 0;
1124 }
1125 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
1126         border-bottom: solid 1px #e5e5e5;
1127 }
1128 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
1129         border-bottom-width: 0;
1130 }
1131 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
1132         text-align: center;
1133         line-height: 3.4em;
1134         padding: 0 2em;
1135 }
1136 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
1137         background-color: rgba(0, 0, 0, 0.05);
1138 }
1139 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
1140         background-color: rgba(0, 0, 0, 0.1);
1141 }
1142 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:hover {
1143         background-color: rgba(8, 126, 204, 0.05);
1144 }
1145 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary:active {
1146         background-color: rgba(8, 126, 204, 0.1);
1147 }
1148 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1149         font-weight: bold;
1150 }
1151 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
1152         background-color: rgba(118, 171, 54, 0.05);
1153 }
1154 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
1155         background-color: rgba(118, 171, 54, 0.1);
1156 }
1157 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
1158         background-color: rgba(212, 83, 83, 0.05);
1159 }
1160 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
1161         background-color: rgba(212, 83, 83, 0.1);
1162 }
1163 .oo-ui-processDialog-location {
1164         overflow: hidden;
1165         text-overflow: ellipsis;
1166         white-space: nowrap;
1167 }
1168 .oo-ui-processDialog-title {
1169         display: inline;
1170         padding: 0;
1171 }
1172 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
1173 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
1174 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
1175         white-space: nowrap;
1176 }
1177 .oo-ui-processDialog-actions-safe,
1178 .oo-ui-processDialog-actions-primary {
1179         position: absolute;
1180         top: 0;
1181         bottom: 0;
1182 }
1183 .oo-ui-processDialog-actions-safe {
1184         left: 0;
1185 }
1186 .oo-ui-processDialog-actions-primary {
1187         right: 0;
1188 }
1189 .oo-ui-processDialog-errors {
1190         display: none;
1191         position: absolute;
1192         top: 0;
1193         left: 0;
1194         right: 0;
1195         bottom: 0;
1196         z-index: 2;
1197         overflow-x: hidden;
1198         overflow-y: auto;
1199 }
1200 .oo-ui-processDialog-content .oo-ui-window-head {
1201         height: 3.35em;
1202         border-bottom: 1px solid #dddddd;
1203         -webkit-box-sizing: border-box;
1204            -moz-box-sizing: border-box;
1205                 box-sizing: border-box;
1206 }
1207 .oo-ui-processDialog-content .oo-ui-window-body {
1208         top: 3.35em;
1209         padding: 2em 0;
1210 }
1211 .oo-ui-processDialog-navigation {
1212         position: relative;
1213         height: 3.35em;
1214         padding: 0 1em;
1215 }
1216 .oo-ui-processDialog-location {
1217         padding: 0.75em 0;
1218         height: 1.85em;
1219         cursor: default;
1220         text-align: center;
1221 }
1222 .oo-ui-processDialog-title {
1223         font-weight: bold;
1224         line-height: 1.85em;
1225 }
1226 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1227 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
1228 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
1229         padding: 0.35em 0.75em;
1230         min-width: 1.85em;
1231         min-height: 1.85em;
1232         border: 1px solid #dddddd;
1233         border-radius: 4px;
1234 }
1235 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
1236 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
1237 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
1238         line-height: 1.85em;
1239         padding: 0 1em;
1240         font-weight: bold;
1241         color: #777777;
1242 }
1243 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-iconElement-icon,
1244 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-iconElement-icon,
1245 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-iconElement-icon {
1246         position: absolute;
1247         margin-top: -0.125em;
1248 }
1249 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1250 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
1251 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
1252         vertical-align: middle;
1253 }
1254 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button,
1255 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button,
1256 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button {
1257         border: 1px solid transparent;
1258 }
1259 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
1260 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label,
1261 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-flaggedElement-destructive .oo-ui-labelElement-label {
1262         color: #d11d13;
1263 }
1264 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
1265 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button {
1266         padding: 0.75em 0.35em;
1267         border: none;
1268         border-radius: 0;
1269 }
1270 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button,
1271 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-buttonElement-button {
1272         background-color: #347bff;
1273 }
1274 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label,
1275 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-primary .oo-ui-labelElement-label {
1276         color: #ffffff;
1277 }
1278 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1279         left: 0.5em;
1280 }
1281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1282         padding-left: 2.25em;
1283 }
1284 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1285         right: 0.5em;
1286 }
1287 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-labelElement-label {
1288         padding-right: 2.25em;
1289 }
1290 .oo-ui-processDialog-actions-other {
1291         position: absolute;
1292         bottom: 1em;
1293 }
1294 .oo-ui-processDialog > .oo-ui-window-frame {
1295         min-height: 5em;
1296 }
1297 .oo-ui-processDialog-errors {
1298         background-color: rgba(255, 255, 255, 0.9);
1299         padding: 3em 3em 1.5em 3em;
1300         text-align: center;
1301 }
1302 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
1303         margin: 2em 1em 2em 1em;
1304 }
1305 .oo-ui-processDialog-errors-title {
1306         font-size: 1.5em;
1307         color: #000000;
1308         margin-bottom: 2em;
1309 }
1310 .oo-ui-processDialog-error {
1311         text-align: left;
1312         margin: 1em;
1313         padding: 1em;
1314         border: solid 1px #ff9e9e;
1315         background-color: #fff7f7;
1316         border-radius: 0.25em;
1317 }
1318 .oo-ui-windowManager-modal > .oo-ui-dialog {
1319         position: fixed;
1320         width: 0;
1321         height: 0;
1322         overflow: hidden;
1323 }
1324 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
1325         width: auto;
1326         height: auto;
1327         top: 0;
1328         right: 0;
1329         bottom: 0;
1330         left: 0;
1331         padding: 1em;
1332 }
1333 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
1334         position: absolute;
1335         right: 0;
1336         left: 0;
1337         margin: auto;
1338         overflow: hidden;
1339         max-width: 100%;
1340         max-height: 100%;
1341 }
1342 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame > iframe {
1343         width: 100%;
1344         height: 100%;
1345 }
1346 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
1347         width: 100%;
1348         height: 100%;
1349         top: 0;
1350         bottom: 0;
1351 }
1352 .oo-ui-windowManager-modal > .oo-ui-dialog {
1353         background-color: rgba(255, 255, 255, 0.5);
1354         opacity: 0;
1355         -webkit-transition: opacity 250ms ease-in-out;
1356            -moz-transition: opacity 250ms ease-in-out;
1357             -ms-transition: opacity 250ms ease-in-out;
1358              -o-transition: opacity 250ms ease-in-out;
1359                 transition: opacity 250ms ease-in-out;
1360 }
1361 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
1362         top: 0;
1363         bottom: 0;
1364         background-color: #ffffff;
1365         -webkit-transform: translate3d(0, -200%, 0);
1366            -moz-transform: translate3d(0, -200%, 0);
1367             -ms-transform: translate3d(0, -200%, 0);
1368              -o-transform: translate3d(0, -200%, 0);
1369                 transform: translate3d(0, -200%, 0);
1370         -webkit-transition: transform 250ms ease-in-out;
1371            -moz-transition: transform 250ms ease-in-out;
1372             -ms-transition: transform 250ms ease-in-out;
1373              -o-transition: transform 250ms ease-in-out;
1374                 transition: transform 250ms ease-in-out;
1375 }
1376 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready {
1377         opacity: 1;
1378 }
1379 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
1380         -webkit-transform: translate3d(0, 0, 0);
1381            -moz-transform: translate3d(0, 0, 0);
1382             -ms-transform: translate3d(0, 0, 0);
1383              -o-transform: translate3d(0, 0, 0);
1384                 transform: translate3d(0, 0, 0);
1385 }
1386 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
1387         border: solid 1px #cccccc;
1388         border-radius: 0.5em;
1389         box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
1390 }
1391
1392 /*
1393  * Blank theme mixins.
1394  *
1395  * Base styles invoke these mixins at the end of their definitions. Override these mixins to add
1396  * additional rules to the base styles.
1397  */
1398 .oo-ui-icon-check {
1399         background-image: /* @embed */ url(themes/minerva/images/icons/check.png);
1400         background: #347bff;
1401 }