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

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