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

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