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

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