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

   1 /*!
   2  * OOjs UI v0.1.0-pre (0e50d2e336)
   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-06T12:56:55Z
  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-popupWidget-popup {
 774   position: absolute;
 775   z-index: 1;
 776   overflow: hidden;
 777 }
 778
 779 .oo-ui-popupWidget-anchor {
 780   z-index: 1;
 781   display: none;
 782 }
 783
 784 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 785   margin-top: 7px;
 786 }
 787
 788 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 789   position: absolute;
 790   display: block;
 791   background-repeat: no-repeat;
 792 }
 793
 794 .oo-ui-popupWidget-head {
 795   height: 2.5em;
 796   -webkit-user-select: none;
 797      -moz-user-select: none;
 798       -ms-user-select: none;
 799           user-select: none;
 800   -webkit-touch-callout: none;
 801 }
 802
 803 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 804   float: right;
 805   margin: 0.25em;
 806 }
 807
 808 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
 809   float: left;
 810   margin: 0.75em 1em;
 811   cursor: default;
 812 }
 813
 814 .oo-ui-popupWidget-body {
 815   overflow: hidden;
 816   clear: both;
 817 }
 818
 819 .oo-ui-popupWidget-body-padded {
 820   padding: 0 1em;
 821 }
 822
 823 .oo-ui-buttonGroupWidget {
 824   border-radius: 0.3em;
 825 }
 826
 827 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 828   margin-bottom: -1px;
 829   margin-left: -1px;
 830   border-radius: 0;
 831 }
 832
 833 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
 834   margin-left: 0;
 835   border-bottom-left-radius: 0.3em;
 836   border-top-left-radius: 0.3em;
 837 }
 838
 839 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
 840   border-top-right-radius: 0.3em;
 841   border-bottom-right-radius: 0.3em;
 842 }
 843
 844 .oo-ui-buttonOptionWidget {
 845   display: inline-block;
 846   background-color: transparent;
 847 }
 848
 849 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
 850   position: relative;
 851   height: 1.9em;
 852 }
 853
 854 .oo-ui-buttonOptionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon,
 855 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
 856   position: static;
 857   display: inline-block;
 858   height: 1.9em;
 859   margin-top: 0;
 860   vertical-align: middle;
 861 }
 862
 863 .oo-ui-buttonSelectWidget {
 864   display: inline-block;
 865   white-space: nowrap;
 866 }
 867
 868 .oo-ui-buttonWidget {
 869   display: inline-block;
 870   vertical-align: middle;
 871 }
 872
 873 .oo-ui-inlineMenuWidget {
 874   position: relative;
 875   display: inline-block;
 876   min-width: 20em;
 877   margin: 0.25em 0;
 878 }
 879
 880 .oo-ui-inlineMenuWidget-handle {
 881   display: inline-block;
 882   width: 100%;
 883   height: 2.5em;
 884   cursor: pointer;
 885   -webkit-box-sizing: border-box;
 886      -moz-box-sizing: border-box;
 887           box-sizing: border-box;
 888   -webkit-user-select: none;
 889      -moz-user-select: none;
 890       -ms-user-select: none;
 891           user-select: none;
 892   -webkit-touch-callout: none;
 893 }
 894
 895 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator,
 896 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 897   position: absolute;
 898   top: 0;
 899   width: 2.5em;
 900   height: 2.5em;
 901   background-position: center center;
 902   background-repeat: no-repeat;
 903 }
 904
 905 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator {
 906   right: 0;
 907 }
 908
 909 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 910   left: 0.25em;
 911 }
 912
 913 .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 914   margin: 0 0.5em;
 915   line-height: 2.5em;
 916 }
 917
 918 .oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 919   margin-left: 3em;
 920 }
 921
 922 .oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 923   margin-right: 2em;
 924 }
 925
 926 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
 927   z-index: 1;
 928   width: 100%;
 929 }
 930
 931 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
 932   cursor: default;
 933 }
 934
 935 .oo-ui-menuItemWidget {
 936   position: relative;
 937 }
 938
 939 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
 940   display: none;
 941 }
 942
 943 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 944   background-color: transparent;
 945 }
 946
 947 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
 948   display: block;
 949 }
 950
 951 .oo-ui-menuSectionItemWidget {
 952   cursor: default;
 953 }
 954
 955 .oo-ui-outlineControlsWidget {
 956   height: 3em;
 957 }
 958
 959 .oo-ui-outlineControlsWidget-items,
 960 .oo-ui-outlineControlsWidget-movers {
 961   float: left;
 962   height: 2em;
 963   padding: 0;
 964   margin: 0.5em;
 965   -webkit-box-sizing: border-box;
 966      -moz-box-sizing: border-box;
 967           box-sizing: border-box;
 968 }
 969
 970 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
 971   float: left;
 972   width: 1.5em;
 973   height: 2em;
 974   margin: 0.5em 0 0.5em 0.5em;
 975   background-position: right center;
 976   background-repeat: no-repeat;
 977 }
 978
 979 .oo-ui-outlineControlsWidget-items {
 980   float: left;
 981   margin-left: 0;
 982 }
 983
 984 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 985   float: left;
 986 }
 987
 988 .oo-ui-outlineControlsWidget-movers {
 989   float: right;
 990 }
 991
 992 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 993   float: right;
 994 }
 995
 996 .oo-ui-outlineItemWidget {
 997   position: relative;
 998   padding: 0.75em;
 999   cursor: pointer;
1000   -webkit-user-select: none;
1001      -moz-user-select: none;
1002       -ms-user-select: none;
1003           user-select: none;
1004   -webkit-touch-callout: none;
1005 }
1006
1007 .oo-ui-popupButtonWidget {
1008   position: relative;
1009 }
1010
1011 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1012   position: absolute;
1013   left: 1em;
1014   cursor: auto;
1015 }
1016
1017 .oo-ui-searchWidget-query {
1018   position: absolute;
1019   top: 0;
1020   right: 0;
1021   left: 0;
1022   height: 4em;
1023   padding: 0 1em;
1024 }
1025
1026 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1027   width: 100%;
1028   margin: 0.75em 0;
1029 }
1030
1031 .oo-ui-searchWidget-results {
1032   position: absolute;
1033   top: 4em;
1034   right: 0;
1035   bottom: 0;
1036   left: 0;
1037   padding: 1em;
1038   overflow-x: hidden;
1039   overflow-y: auto;
1040   line-height: 0;
1041 }
1042
1043 .oo-ui-textInputWidget {
1044   position: relative;
1045   -webkit-box-sizing: border-box;
1046      -moz-box-sizing: border-box;
1047           box-sizing: border-box;
1048 }
1049
1050 .oo-ui-textInputWidget input,
1051 .oo-ui-textInputWidget textarea {
1052   display: inline-block;
1053   width: 100%;
1054   -webkit-box-sizing: border-box;
1055      -moz-box-sizing: border-box;
1056           box-sizing: border-box;
1057   resize: none;
1058 }
1059
1060 .oo-ui-textInputWidget-icon {
1061   position: absolute;
1062   top: 0;
1063   left: 0;
1064   height: 100%;
1065   background-position: right center;
1066   background-repeat: no-repeat;
1067 }
1068
1069 .oo-ui-toggleSwitchWidget {
1070   position: relative;
1071   display: inline-block;
1072   width: 4em;
1073   height: 2em;
1074   overflow: hidden;
1075   vertical-align: middle;
1076   cursor: pointer;
1077   -webkit-transform: translateZ(0);
1078      -moz-transform: translateZ(0);
1079       -ms-transform: translateZ(0);
1080        -o-transform: translateZ(0);
1081           transform: translateZ(0);
1082   -webkit-box-sizing: border-box;
1083      -moz-box-sizing: border-box;
1084           box-sizing: border-box;
1085 }
1086
1087 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1088   cursor: default;
1089 }
1090
1091 .oo-ui-toggleSwitchWidget-grip {
1092   position: absolute;
1093   top: 0.25em;
1094   left: 0.25em;
1095   display: block;
1096   width: 1.5em;
1097   height: 1.5em;
1098   -webkit-box-sizing: border-box;
1099      -moz-box-sizing: border-box;
1100           box-sizing: border-box;
1101   -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1102      -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1103       -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1104        -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1105           transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1106 }
1107
1108 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1109   position: absolute;
1110   top: 0;
1111   right: 0;
1112   bottom: 0;
1113   left: 0;
1114   -webkit-transition: opacity 200ms ease-in-out;
1115      -moz-transition: opacity 200ms ease-in-out;
1116       -ms-transition: opacity 200ms ease-in-out;
1117        -o-transition: opacity 200ms ease-in-out;
1118           transition: opacity 200ms ease-in-out;
1119   -webkit-user-select: none;
1120      -moz-user-select: none;
1121       -ms-user-select: none;
1122           user-select: none;
1123   -webkit-touch-callout: none;
1124 }
1125
1126 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1127   left: 2.25em;
1128   margin-left: -2px;
1129 }
1130
1131 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1132   left: 0.25em;
1133   margin-left: 0;
1134 }
1135
1136 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1137   display: none;
1138 }
1139
1140 /* Icons */
1141
1142 .oo-ui-icon-add-item {
1143   background-image: /* @embed */ url(images/icons/add-item.svg);
1144 }
1145
1146 .oo-ui-icon-advanced {
1147   background-image: /* @embed */ url(images/icons/advanced.svg);
1148 }
1149
1150 .oo-ui-icon-alert {
1151   background-image: /* @embed */ url(images/icons/alert.svg);
1152 }
1153
1154 .oo-ui-icon-check {
1155   background-image: /* @embed */ url(images/icons/check.svg);
1156 }
1157
1158 .oo-ui-icon-clear {
1159   background-image: /* @embed */ url(images/icons/clear.svg);
1160 }
1161
1162 .oo-ui-icon-close {
1163   background-image: /* @embed */ url(images/icons/close.svg);
1164 }
1165
1166 .oo-ui-icon-code {
1167   background-image: /* @embed */ url(images/icons/code.svg);
1168 }
1169
1170 .oo-ui-icon-collapse {
1171   background-image: /* @embed */ url(images/icons/collapse.svg);
1172 }
1173
1174 .oo-ui-icon-comment {
1175   background-image: /* @embed */ url(images/icons/comment.svg);
1176 }
1177
1178 .oo-ui-icon-expand {
1179   background-image: /* @embed */ url(images/icons/expand.svg);
1180 }
1181
1182 .oo-ui-icon-help {
1183   background-image: /* @embed */ url(images/icons/help.svg);
1184 }
1185
1186 .oo-ui-icon-info {
1187   background-image: /* @embed */ url(images/icons/info.svg);
1188 }
1189
1190 .oo-ui-icon-link {
1191   background-image: /* @embed */ url(images/icons/link.svg);
1192 }
1193
1194 .oo-ui-icon-menu {
1195   background-image: /* @embed */ url(images/icons/menu.svg);
1196 }
1197
1198 .oo-ui-icon-next {
1199   background-image: /* @embed */ url(images/icons/move-ltr.svg);
1200 }
1201
1202 .oo-ui-icon-picture {
1203   background-image: /* @embed */ url(images/icons/picture.svg);
1204 }
1205
1206 .oo-ui-icon-previous {
1207   background-image: /* @embed */ url(images/icons/move-rtl.svg);
1208 }
1209
1210 .oo-ui-icon-redo {
1211   background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg);
1212 }
1213
1214 .oo-ui-icon-remove {
1215   background-image: /* @embed */ url(images/icons/remove.svg);
1216 }
1217
1218 .oo-ui-icon-search {
1219   background-image: /* @embed */ url(images/icons/search.svg);
1220 }
1221
1222 .oo-ui-icon-settings {
1223   background-image: /* @embed */ url(images/icons/settings.svg);
1224 }
1225
1226 .oo-ui-icon-tag {
1227   background-image: /* @embed */ url(images/icons/tag.svg);
1228 }
1229
1230 .oo-ui-icon-undo {
1231   background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg);
1232 }
1233
1234 .oo-ui-icon-window {
1235   background-image: /* @embed */ url(images/icons/window.svg);
1236 }
1237
1238 /* Indicators */
1239
1240 .oo-ui-indicator-alert {
1241   background-image: /* @embed */ url(images/indicators/alert.svg);
1242 }
1243
1244 .oo-ui-indicator-down {
1245   background-image: /* @embed */ url(images/indicators/arrow-down.svg);
1246 }
1247
1248 .oo-ui-indicator-next {
1249   background-image: /* @embed */ url(images/indicators/arrow-ltr.svg);
1250 }
1251
1252 .oo-ui-indicator-previous {
1253   background-image: /* @embed */ url(images/indicators/arrow-rtl.svg);
1254 }
1255
1256 .oo-ui-indicator-required {
1257   background-image: /* @embed */ url(images/indicators/required.svg);
1258 }
1259
1260 .oo-ui-indicator-up {
1261   background-image: /* @embed */ url(images/indicators/arrow-up.svg);
1262 }