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

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