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

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