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

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