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

   1 /*!
   2  * OOjs UI v0.1.0-pre (3d8475c0b3)
   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-30T19:38:45Z
  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   -webkit-overflow-scrolling: touch;
 469 }
 470
 471 .oo-ui-panelLayout-expanded {
 472   position: absolute;
 473   top: 0;
 474   right: 0;
 475   bottom: 0;
 476   left: 0;
 477 }
 478
 479 .oo-ui-stackLayout > .oo-ui-panelLayout {
 480   display: none;
 481 }
 482
 483 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 484   position: relative;
 485   display: block;
 486 }
 487
 488 .oo-ui-barToolGroup > .oo-ui-iconedElement-icon,
 489 .oo-ui-barToolGroup > .oo-ui-labeledElement-label {
 490   display: none;
 491 }
 492
 493 .oo-ui-barToolGroup .oo-ui-tool {
 494   position: relative;
 495   display: inline-block;
 496   vertical-align: top;
 497 }
 498
 499 .oo-ui-barToolGroup .oo-ui-tool-link {
 500   display: block;
 501   height: 1.5em;
 502   padding: 0.25em;
 503 }
 504
 505 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 506   display: block;
 507   width: 1.5em;
 508   height: 1.5em;
 509 }
 510
 511 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 512   display: none;
 513 }
 514
 515 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 516   cursor: default;
 517 }
 518
 519 .oo-ui-barToolGroup .oo-ui-tool-title,
 520 .oo-ui-barToolGroup .oo-ui-tool-accel {
 521   display: none;
 522 }
 523
 524 .oo-ui-barToolGroup.oo-ui-widget-enabled .oo-ui-tool-link {
 525   cursor: pointer;
 526 }
 527
 528 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
 529   padding: 0.25em;
 530 }
 531
 532 .oo-ui-listToolGroup .oo-ui-tool {
 533   display: inline-block;
 534   width: 100%;
 535   -webkit-box-sizing: border-box;
 536      -moz-box-sizing: border-box;
 537           box-sizing: border-box;
 538 }
 539
 540 .oo-ui-listToolGroup .oo-ui-tool-link {
 541   display: block;
 542   padding-right: 0.5em;
 543   white-space: nowrap;
 544   cursor: pointer;
 545 }
 546
 547 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 548   cursor: default;
 549 }
 550
 551 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 552   min-width: 8em;
 553 }
 554
 555 .oo-ui-menuToolGroup .oo-ui-toolGroup-tools {
 556   padding: 0.25em 0 0.25em 0;
 557 }
 558
 559 .oo-ui-menuToolGroup .oo-ui-tool {
 560   display: block;
 561 }
 562
 563 .oo-ui-menuToolGroup .oo-ui-tool-link {
 564   display: block;
 565   padding: 0 1em 0 0.25em;
 566   white-space: nowrap;
 567   cursor: pointer;
 568 }
 569
 570 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 571   background-image: none;
 572 }
 573
 574 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
 575   background-image: /* @embed */ url(images/icons/check.svg);
 576 }
 577
 578 .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 579   cursor: default;
 580 }
 581
 582 .oo-ui-popupToolGroup {
 583   position: relative;
 584   height: 2em;
 585   min-width: 2.5em;
 586 }
 587
 588 .oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement {
 589   min-width: 3.5em;
 590 }
 591
 592 .oo-ui-popupToolGroup-handle {
 593   display: block;
 594   cursor: pointer;
 595 }
 596
 597 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator,
 598 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
 599   position: absolute;
 600   top: 0;
 601   width: 2em;
 602   height: 2em;
 603   background-position: center center;
 604   background-repeat: no-repeat;
 605 }
 606
 607 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator {
 608   right: 0;
 609 }
 610
 611 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
 612   left: 0.25em;
 613 }
 614
 615 .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 616   margin: 0 1em;
 617   font-size: 0.8em;
 618   line-height: 2.6em;
 619 }
 620
 621 .oo-ui-popupToolGroup-header {
 622   margin: 0 0.6em;
 623   font-size: 0.8em;
 624   font-weight: bold;
 625   line-height: 2.6em;
 626 }
 627
 628 .oo-ui-popupToolGroup.oo-ui-widget-disabled .oo-ui-popupToolGroup-handle {
 629   cursor: default;
 630 }
 631
 632 .oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 633   margin-left: 3em;
 634 }
 635
 636 .oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 637   margin-right: 2.25em;
 638 }
 639
 640 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 641   position: absolute;
 642   top: 2em;
 643   left: -1px;
 644   z-index: 4;
 645   display: none;
 646 }
 647
 648 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon {
 649   background-position: center center;
 650   background-repeat: no-repeat;
 651 }
 652
 653 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 654   display: block;
 655 }
 656
 657 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 658   display: inline-block;
 659   width: 2em;
 660   height: 2em;
 661   margin-right: 0.25em;
 662   vertical-align: middle;
 663 }
 664
 665 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 666   display: inline-block;
 667   font-size: 0.8em;
 668   line-height: 2em;
 669   vertical-align: middle;
 670 }
 671
 672 .oo-ui-popupToolGroup .oo-ui-tool-accel {
 673   display: none;
 674 }
 675
 676 .oo-ui-popupTool .oo-ui-popupWidget {
 677   margin-left: 1.25em;
 678   font-size: 0.8em;
 679 }
 680
 681 .oo-ui-popupTool .oo-ui-popupWidget-popup,
 682 .oo-ui-popupTool .oo-ui-popupWidget-anchor {
 683   z-index: 4;
 684 }
 685
 686 .oo-ui-iconWidget {
 687   display: inline-block;
 688   width: 1.9em;
 689   height: 1.9em;
 690   line-height: 2.5em;
 691   vertical-align: middle;
 692   background-position: center center;
 693   background-repeat: no-repeat;
 694   opacity: 0.8;
 695 }
 696
 697 .oo-ui-iconWidget.oo-ui-widget-disabled {
 698   opacity: 0.2;
 699 }
 700
 701 .oo-ui-indicatorWidget {
 702   display: inline-block;
 703   width: 1.9em;
 704   height: 1.9em;
 705   line-height: 2.5em;
 706   vertical-align: middle;
 707   background-position: center center;
 708   background-repeat: no-repeat;
 709   opacity: 0.8;
 710 }
 711
 712 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 713   opacity: 0.2;
 714 }
 715
 716 .oo-ui-selectWidget {
 717   padding: 0;
 718   margin: 0;
 719   list-style: none;
 720 }
 721
 722 .oo-ui-optionWidget {
 723   position: relative;
 724   display: block;
 725   margin: 0;
 726   list-style: none;
 727   cursor: pointer;
 728   border: none;
 729 }
 730
 731 .oo-ui-optionWidget.oo-ui-widget-disabled {
 732   cursor: default;
 733 }
 734
 735 .oo-ui-optionWidget .oo-ui-labeledElement-label {
 736   display: block;
 737   overflow: hidden;
 738   line-height: 1.5em;
 739   text-overflow: ellipsis;
 740   white-space: nowrap;
 741 }
 742
 743 .oo-ui-decoratedOptionWidget .oo-ui-iconedElement-icon,
 744 .oo-ui-decoratedOptionWidget .oo-ui-indicatedElement-indicator {
 745   position: absolute;
 746   top: 50%;
 747   width: 2em;
 748   height: 2em;
 749   margin-top: -1em;
 750   background-position: center center;
 751   background-repeat: no-repeat;
 752 }
 753
 754 .oo-ui-decoratedOptionWidget .oo-ui-iconedElement-icon {
 755   left: 0.5em;
 756 }
 757
 758 .oo-ui-decoratedOptionWidget .oo-ui-indicatedElement-indicator {
 759   right: 0.5em;
 760 }
 761
 762 .oo-ui-menuWidget {
 763   position: absolute;
 764 }
 765
 766 .oo-ui-menuWidget input {
 767   position: absolute;
 768   width: 0;
 769   height: 0;
 770   overflow: hidden;
 771   opacity: 0;
 772 }
 773
 774 .oo-ui-popupWidget-popup {
 775   position: absolute;
 776   z-index: 1;
 777   overflow: hidden;
 778 }
 779
 780 .oo-ui-popupWidget-anchor {
 781   z-index: 1;
 782   display: none;
 783 }
 784
 785 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 786   margin-top: 7px;
 787 }
 788
 789 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 790   position: absolute;
 791   display: block;
 792   background-repeat: no-repeat;
 793 }
 794
 795 .oo-ui-popupWidget-head {
 796   height: 2.5em;
 797   -webkit-user-select: none;
 798      -moz-user-select: none;
 799       -ms-user-select: none;
 800           user-select: none;
 801   -webkit-touch-callout: none;
 802 }
 803
 804 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 805   float: right;
 806   margin: 0.25em;
 807 }
 808
 809 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
 810   float: left;
 811   margin: 0.75em 1em;
 812   cursor: default;
 813 }
 814
 815 .oo-ui-popupWidget-body {
 816   overflow: hidden;
 817   clear: both;
 818 }
 819
 820 .oo-ui-popupWidget-body-padded {
 821   padding: 0 1em;
 822 }
 823
 824 .oo-ui-buttonGroupWidget {
 825   border-radius: 0.3em;
 826 }
 827
 828 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 829   margin-bottom: -1px;
 830   margin-left: -1px;
 831   border-radius: 0;
 832 }
 833
 834 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
 835   margin-left: 0;
 836   border-bottom-left-radius: 0.3em;
 837   border-top-left-radius: 0.3em;
 838 }
 839
 840 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
 841   border-top-right-radius: 0.3em;
 842   border-bottom-right-radius: 0.3em;
 843 }
 844
 845 .oo-ui-buttonOptionWidget {
 846   display: inline-block;
 847   background-color: transparent;
 848 }
 849
 850 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
 851   position: relative;
 852   height: 1.9em;
 853 }
 854
 855 .oo-ui-buttonOptionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon,
 856 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
 857   position: static;
 858   display: inline-block;
 859   height: 1.9em;
 860   margin-top: 0;
 861   vertical-align: middle;
 862 }
 863
 864 .oo-ui-buttonSelectWidget {
 865   display: inline-block;
 866   white-space: nowrap;
 867 }
 868
 869 .oo-ui-buttonWidget {
 870   display: inline-block;
 871   vertical-align: middle;
 872 }
 873
 874 .oo-ui-inlineMenuWidget {
 875   position: relative;
 876   display: inline-block;
 877   min-width: 20em;
 878   margin: 0.25em 0;
 879 }
 880
 881 .oo-ui-inlineMenuWidget-handle {
 882   display: inline-block;
 883   width: 100%;
 884   height: 2.5em;
 885   cursor: pointer;
 886   -webkit-box-sizing: border-box;
 887      -moz-box-sizing: border-box;
 888           box-sizing: border-box;
 889   -webkit-user-select: none;
 890      -moz-user-select: none;
 891       -ms-user-select: none;
 892           user-select: none;
 893   -webkit-touch-callout: none;
 894 }
 895
 896 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator,
 897 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 898   position: absolute;
 899   top: 0;
 900   width: 2.5em;
 901   height: 2.5em;
 902   background-position: center center;
 903   background-repeat: no-repeat;
 904 }
 905
 906 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator {
 907   right: 0;
 908 }
 909
 910 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 911   left: 0.25em;
 912 }
 913
 914 .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 915   margin: 0 0.5em;
 916   line-height: 2.5em;
 917 }
 918
 919 .oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 920   margin-left: 3em;
 921 }
 922
 923 .oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 924   margin-right: 2em;
 925 }
 926
 927 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
 928   z-index: 1;
 929   width: 100%;
 930 }
 931
 932 .oo-ui-inlineMenuWidget.oo-ui-widget-disabled .oo-ui-inlineMenuWidget-handle {
 933   cursor: default;
 934 }
 935
 936 .oo-ui-menuItemWidget {
 937   position: relative;
 938 }
 939
 940 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
 941   display: none;
 942 }
 943
 944 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 945   background-color: transparent;
 946 }
 947
 948 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
 949   display: block;
 950 }
 951
 952 .oo-ui-menuSectionItemWidget {
 953   cursor: default;
 954 }
 955
 956 .oo-ui-outlineControlsWidget {
 957   height: 3em;
 958 }
 959
 960 .oo-ui-outlineControlsWidget-items,
 961 .oo-ui-outlineControlsWidget-movers {
 962   float: left;
 963   height: 2em;
 964   padding: 0;
 965   margin: 0.5em;
 966   -webkit-box-sizing: border-box;
 967      -moz-box-sizing: border-box;
 968           box-sizing: border-box;
 969 }
 970
 971 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
 972   float: left;
 973   width: 1.5em;
 974   height: 2em;
 975   margin: 0.5em 0 0.5em 0.5em;
 976   background-position: right center;
 977   background-repeat: no-repeat;
 978 }
 979
 980 .oo-ui-outlineControlsWidget-items {
 981   float: left;
 982   margin-left: 0;
 983 }
 984
 985 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 986   float: left;
 987 }
 988
 989 .oo-ui-outlineControlsWidget-movers {
 990   float: right;
 991 }
 992
 993 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 994   float: right;
 995 }
 996
 997 .oo-ui-outlineItemWidget {
 998   position: relative;
 999   padding: 0.75em;
1000   cursor: pointer;
1001   -webkit-user-select: none;
1002      -moz-user-select: none;
1003       -ms-user-select: none;
1004           user-select: none;
1005   -webkit-touch-callout: none;
1006 }
1007
1008 .oo-ui-popupButtonWidget {
1009   position: relative;
1010 }
1011
1012 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
1013   position: absolute;
1014   left: 1em;
1015   cursor: auto;
1016 }
1017
1018 .oo-ui-searchWidget-query {
1019   position: absolute;
1020   top: 0;
1021   right: 0;
1022   left: 0;
1023   height: 4em;
1024   padding: 0 1em;
1025 }
1026
1027 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1028   width: 100%;
1029   margin: 0.75em 0;
1030 }
1031
1032 .oo-ui-searchWidget-results {
1033   position: absolute;
1034   top: 4em;
1035   right: 0;
1036   bottom: 0;
1037   left: 0;
1038   padding: 1em;
1039   overflow-x: hidden;
1040   overflow-y: auto;
1041   line-height: 0;
1042 }
1043
1044 .oo-ui-textInputWidget {
1045   position: relative;
1046   -webkit-box-sizing: border-box;
1047      -moz-box-sizing: border-box;
1048           box-sizing: border-box;
1049 }
1050
1051 .oo-ui-textInputWidget input,
1052 .oo-ui-textInputWidget textarea {
1053   display: inline-block;
1054   width: 100%;
1055   -webkit-box-sizing: border-box;
1056      -moz-box-sizing: border-box;
1057           box-sizing: border-box;
1058   resize: none;
1059 }
1060
1061 .oo-ui-textInputWidget-icon {
1062   position: absolute;
1063   top: 0;
1064   left: 0;
1065   height: 100%;
1066   background-position: right center;
1067   background-repeat: no-repeat;
1068 }
1069
1070 .oo-ui-toggleSwitchWidget {
1071   position: relative;
1072   display: inline-block;
1073   width: 4em;
1074   height: 2em;
1075   overflow: hidden;
1076   vertical-align: middle;
1077   cursor: pointer;
1078   -webkit-transform: translateZ(0);
1079      -moz-transform: translateZ(0);
1080       -ms-transform: translateZ(0);
1081        -o-transform: translateZ(0);
1082           transform: translateZ(0);
1083   -webkit-box-sizing: border-box;
1084      -moz-box-sizing: border-box;
1085           box-sizing: border-box;
1086 }
1087
1088 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
1089   cursor: default;
1090 }
1091
1092 .oo-ui-toggleSwitchWidget-grip {
1093   position: absolute;
1094   top: 0.25em;
1095   left: 0.25em;
1096   display: block;
1097   width: 1.5em;
1098   height: 1.5em;
1099   -webkit-box-sizing: border-box;
1100      -moz-box-sizing: border-box;
1101           box-sizing: border-box;
1102   -webkit-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1103      -moz-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1104       -ms-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1105        -o-transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1106           transition: left 200ms ease-in-out, margin-left 200ms ease-in-out;
1107 }
1108
1109 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
1110   position: absolute;
1111   top: 0;
1112   right: 0;
1113   bottom: 0;
1114   left: 0;
1115   -webkit-transition: opacity 200ms ease-in-out;
1116      -moz-transition: opacity 200ms ease-in-out;
1117       -ms-transition: opacity 200ms ease-in-out;
1118        -o-transition: opacity 200ms ease-in-out;
1119           transition: opacity 200ms ease-in-out;
1120   -webkit-user-select: none;
1121      -moz-user-select: none;
1122       -ms-user-select: none;
1123           user-select: none;
1124   -webkit-touch-callout: none;
1125 }
1126
1127 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
1128   left: 2.25em;
1129   margin-left: -2px;
1130 }
1131
1132 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
1133   left: 0.25em;
1134   margin-left: 0;
1135 }
1136
1137 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
1138   display: none;
1139 }
1140
1141 /* Icons */
1142
1143 .oo-ui-icon-add-item {
1144   background-image: /* @embed */ url(images/icons/add-item.svg);
1145 }
1146
1147 .oo-ui-icon-advanced {
1148   background-image: /* @embed */ url(images/icons/advanced.svg);
1149 }
1150
1151 .oo-ui-icon-alert {
1152   background-image: /* @embed */ url(images/icons/alert.svg);
1153 }
1154
1155 .oo-ui-icon-check {
1156   background-image: /* @embed */ url(images/icons/check.svg);
1157 }
1158
1159 .oo-ui-icon-clear {
1160   background-image: /* @embed */ url(images/icons/clear.svg);
1161 }
1162
1163 .oo-ui-icon-close {
1164   background-image: /* @embed */ url(images/icons/close.svg);
1165 }
1166
1167 .oo-ui-icon-code {
1168   background-image: /* @embed */ url(images/icons/code.svg);
1169 }
1170
1171 .oo-ui-icon-collapse {
1172   background-image: /* @embed */ url(images/icons/collapse.svg);
1173 }
1174
1175 .oo-ui-icon-comment {
1176   background-image: /* @embed */ url(images/icons/comment.svg);
1177 }
1178
1179 .oo-ui-icon-expand {
1180   background-image: /* @embed */ url(images/icons/expand.svg);
1181 }
1182
1183 .oo-ui-icon-help {
1184   background-image: /* @embed */ url(images/icons/help.svg);
1185 }
1186
1187 .oo-ui-icon-info {
1188   background-image: /* @embed */ url(images/icons/info.svg);
1189 }
1190
1191 .oo-ui-icon-link {
1192   background-image: /* @embed */ url(images/icons/link.svg);
1193 }
1194
1195 .oo-ui-icon-menu {
1196   background-image: /* @embed */ url(images/icons/menu.svg);
1197 }
1198
1199 .oo-ui-icon-next {
1200   background-image: /* @embed */ url(images/icons/move-ltr.svg);
1201 }
1202
1203 .oo-ui-icon-picture {
1204   background-image: /* @embed */ url(images/icons/picture.svg);
1205 }
1206
1207 .oo-ui-icon-previous {
1208   background-image: /* @embed */ url(images/icons/move-rtl.svg);
1209 }
1210
1211 .oo-ui-icon-redo {
1212   background-image: /* @embed */ url(images/icons/arched-arrow-ltr.svg);
1213 }
1214
1215 .oo-ui-icon-remove {
1216   background-image: /* @embed */ url(images/icons/remove.svg);
1217 }
1218
1219 .oo-ui-icon-search {
1220   background-image: /* @embed */ url(images/icons/search.svg);
1221 }
1222
1223 .oo-ui-icon-settings {
1224   background-image: /* @embed */ url(images/icons/settings.svg);
1225 }
1226
1227 .oo-ui-icon-tag {
1228   background-image: /* @embed */ url(images/icons/tag.svg);
1229 }
1230
1231 .oo-ui-icon-undo {
1232   background-image: /* @embed */ url(images/icons/arched-arrow-rtl.svg);
1233 }
1234
1235 .oo-ui-icon-window {
1236   background-image: /* @embed */ url(images/icons/window.svg);
1237 }
1238
1239 /* Indicators */
1240
1241 .oo-ui-indicator-alert {
1242   background-image: /* @embed */ url(images/indicators/alert.svg);
1243 }
1244
1245 .oo-ui-indicator-down {
1246   background-image: /* @embed */ url(images/indicators/arrow-down.svg);
1247 }
1248
1249 .oo-ui-indicator-next {
1250   background-image: /* @embed */ url(images/indicators/arrow-ltr.svg);
1251 }
1252
1253 .oo-ui-indicator-previous {
1254   background-image: /* @embed */ url(images/indicators/arrow-rtl.svg);
1255 }
1256
1257 .oo-ui-indicator-required {
1258   background-image: /* @embed */ url(images/indicators/required.svg);
1259 }
1260
1261 .oo-ui-indicator-up {
1262   background-image: /* @embed */ url(images/indicators/arrow-up.svg);
1263 }