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

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