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

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