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

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