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

   1 /*!
   2  * OOjs UI v0.1.0-pre (e1b23620c0)
   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 Mar 05 2014 17:18:44 GMT-0800 (PST)
  10  */
  11
  12 /* Textures */
  13
  14 .oo-ui-texture-pending {
  15   background-image: /* @embed */ url(images/textures/pending.gif);
  16 }
  17
  18 .oo-ui-texture-transparency {
  19   background-image: /* @embed */ url(images/textures/transparency.png);
  20 }
  21
  22 /* RTL Definitions */
  23
  24 /* @noflip */
  25
  26 .oo-ui-rtl {
  27   direction: rtl;
  28 }
  29
  30 /* @noflip */
  31
  32 .oo-ui-ltr {
  33   direction: ltr;
  34 }
  35
  36 .oo-ui-dialog {
  37   position: fixed;
  38   top: 0;
  39   right: 0;
  40   bottom: 0;
  41   left: 0;
  42   padding: 1em;
  43   line-height: 1em;
  44   /* 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: 200px;
  70 }
  71
  72 .oo-ui-dialog-medium .oo-ui-window-frame {
  73   width: 600px;
  74   max-height: 400px;
  75 }
  76
  77 .oo-ui-dialog-large .oo-ui-window-frame {
  78   width: 800px;
  79   max-height: 600px;
  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 {
 162   font-family: sans-serif;
 163   font-size: 0.8em;
 164 }
 165
 166 .oo-ui-toolbar {
 167   clear: both;
 168 }
 169
 170 .oo-ui-toolbar-bar {
 171   line-height: 1em;
 172 }
 173
 174 .oo-ui-toolbar-bottom .oo-ui-toolbar-bar {
 175   position: absolute;
 176 }
 177
 178 .oo-ui-toolbar-actions {
 179   float: right;
 180 }
 181
 182 .oo-ui-toolbar-tools {
 183   float: left;
 184 }
 185
 186 .oo-ui-toolbar-tools,
 187 .oo-ui-toolbar-actions,
 188 .oo-ui-toolbar-shadow {
 189   -webkit-user-select: none;
 190      -moz-user-select: none;
 191       -ms-user-select: none;
 192           user-select: none;
 193   -webkit-touch-callout: none;
 194 }
 195
 196 .oo-ui-toolbar-actions .oo-ui-popupWidget {
 197   -webkit-user-select: all;
 198      -moz-user-select: all;
 199       -ms-user-select: all;
 200           user-select: all;
 201   -webkit-touch-callout: default;
 202 }
 203
 204 .oo-ui-toolbar-shadow {
 205   position: absolute;
 206   width: 100%;
 207   pointer-events: none;
 208   background-position: left top;
 209   background-repeat: repeat-x;
 210 }
 211
 212 .oo-ui-toolGroup {
 213   display: inline-block;
 214   margin: 0.3em;
 215   vertical-align: middle;
 216 }
 217
 218 .oo-ui-toolGroup-empty {
 219   display: none;
 220 }
 221
 222 .oo-ui-toolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 223   background-position: center center;
 224   background-repeat: no-repeat;
 225 }
 226
 227 .oo-ui-window-head {
 228   -webkit-user-select: none;
 229      -moz-user-select: none;
 230       -ms-user-select: none;
 231           user-select: none;
 232   -webkit-touch-callout: none;
 233 }
 234
 235 .oo-ui-window-body {
 236   padding: 0 0.75em;
 237 }
 238
 239 .oo-ui-window-icon {
 240   float: left;
 241   width: 2em;
 242   height: 2em;
 243   margin-right: 0.5em;
 244   line-height: 2em;
 245   background-position: right center;
 246   background-repeat: no-repeat;
 247 }
 248
 249 .oo-ui-window-title {
 250   float: left;
 251   line-height: 2em;
 252   white-space: nowrap;
 253   cursor: default;
 254 }
 255
 256 .oo-ui-window-overlay {
 257   position: absolute;
 258   top: 0;
 259   left: 0;
 260 }
 261
 262 .oo-ui-buttonedElement .oo-ui-buttonedElement-button {
 263   display: inline-block;
 264   vertical-align: middle;
 265   cursor: pointer;
 266   -webkit-user-select: none;
 267      -moz-user-select: none;
 268       -ms-user-select: none;
 269           user-select: none;
 270   -webkit-touch-callout: none;
 271 }
 272
 273 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 274   display: none;
 275   margin-left: 0;
 276 }
 277
 278 .oo-ui-buttonedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator {
 279   display: none;
 280   margin-right: -0.75em;
 281 }
 282
 283 .oo-ui-buttonedElement.oo-ui-widget-disabled .oo-ui-buttonedElement-button {
 284   cursor: default;
 285 }
 286
 287 .oo-ui-buttonedElement.oo-ui-indicatedElement .oo-ui-buttonedElement-button > .oo-ui-indicatedElement-indicator,
 288 .oo-ui-buttonedElement.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 289   display: inline-block;
 290   width: 1.9em;
 291   height: 1.9em;
 292   vertical-align: middle;
 293   background-position: center center;
 294   background-repeat: no-repeat;
 295 }
 296
 297 .oo-ui-buttonedElement-frameless {
 298   position: relative;
 299   display: inline-block;
 300 }
 301
 302 .oo-ui-buttonedElement-frameless .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
 303   display: inline-block;
 304   margin-left: 0.25em;
 305   vertical-align: middle;
 306 }
 307
 308 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 309   display: inline-block;
 310   padding: 0.2em 0.8em;
 311   margin: 0.1em 0;
 312   text-align: center;
 313   vertical-align: top;
 314 }
 315
 316 .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button > .oo-ui-labeledElement-label {
 317   display: inline-block;
 318   line-height: 1.9em;
 319   vertical-align: middle;
 320 }
 321
 322 .oo-ui-buttonedElement-framed.oo-ui-iconedElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 323   margin-right: -0.5em;
 324   margin-left: -0.5em;
 325 }
 326
 327 .oo-ui-buttonedElement-framed.oo-ui-iconedElement.oo-ui-labeledElement .oo-ui-buttonedElement-button > .oo-ui-iconedElement-icon {
 328   margin-right: 0;
 329   margin-left: -0.5em;
 330 }
 331
 332 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button,
 333 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-active,
 334 .oo-ui-buttonedElement-framed.oo-ui-widget-disabled .oo-ui-buttonedElement-button.oo-ui-buttonedElement-pressed {
 335   cursor: default;
 336 }
 337
 338 .oo-ui-clippableElement-clippable {
 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-stackLayout-continuous .oo-ui-panelLayout-scrollable {
 345   overflow-y: hidden;
 346 }
 347
 348 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout {
 349   width: 100%;
 350   padding: 1.5em;
 351   -webkit-box-sizing: border-box;
 352      -moz-box-sizing: border-box;
 353           box-sizing: border-box;
 354 }
 355
 356 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-scrollable {
 357   overflow-y: auto;
 358 }
 359
 360 .oo-ui-bookletLayout-stackLayout .oo-ui-panelLayout-padded {
 361   padding: 2em;
 362 }
 363
 364 .oo-ui-bookletLayout-outlinePanel-editable .oo-ui-outlineWidget {
 365   position: absolute;
 366   top: 0;
 367   right: 0;
 368   bottom: 3em;
 369   left: 0;
 370   overflow-y: auto;
 371 }
 372
 373 .oo-ui-bookletLayout-outlinePanel .oo-ui-outlineControlsWidget {
 374   position: absolute;
 375   right: 0;
 376   bottom: 0;
 377   left: 0;
 378 }
 379
 380 .oo-ui-fieldLayout {
 381   margin-bottom: 1em;
 382 }
 383
 384 .oo-ui-fieldLayout:last-child {
 385   margin-bottom: 0;
 386 }
 387
 388 .oo-ui-fieldLayout:before,
 389 .oo-ui-fieldLayout:after {
 390   display: table;
 391   content: " ";
 392 }
 393
 394 .oo-ui-fieldLayout:after {
 395   clear: both;
 396 }
 397
 398 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-labeledElement-label,
 399 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
 400   display: block;
 401   float: left;
 402   width: 35%;
 403   padding-top: 0.5em;
 404   margin-right: 5%;
 405 }
 406
 407 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-field,
 408 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-field {
 409   display: block;
 410   float: left;
 411   width: 60%;
 412 }
 413
 414 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-labeledElement-label {
 415   text-align: right;
 416 }
 417
 418 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-labeledElement-label {
 419   display: inline-block;
 420   padding: 0.75em 0.5em 0.5em 0.5em;
 421   vertical-align: middle;
 422 }
 423
 424 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-field {
 425   display: inline-block;
 426   padding: 0.5em 0;
 427   vertical-align: middle;
 428 }
 429
 430 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-labeledElement-label {
 431   padding: 0.5em 0;
 432 }
 433
 434 .oo-ui-fieldsetLayout {
 435   position: relative;
 436   padding: 0;
 437   margin: 0;
 438 }
 439
 440 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout {
 441   margin-top: 2em;
 442 }
 443
 444 .oo-ui-fieldsetLayout-labeled {
 445   margin-top: -0.75em;
 446 }
 447
 448 .oo-ui-fieldsetLayout > legend.oo-ui-labeledElement-label {
 449   padding: 0.25em 0;
 450   margin-bottom: 0.5em;
 451 }
 452
 453 .oo-ui-fieldsetLayout.oo-ui-iconedElement > legend.oo-ui-labeledElement-label {
 454   padding-left: 1.75em;
 455 }
 456
 457 .oo-ui-fieldsetLayout.oo-ui-iconedElement > .oo-ui-iconedElement-icon {
 458   position: absolute;
 459   top: 0;
 460   left: 0;
 461   display: block;
 462   width: 2em;
 463   height: 2em;
 464   background-position: center center;
 465   background-repeat: no-repeat;
 466 }
 467
 468 .oo-ui-gridLayout {
 469   position: absolute;
 470   top: 0;
 471   right: 0;
 472   bottom: 0;
 473   left: 0;
 474 }
 475
 476 .oo-ui-labelWidget {
 477   padding: 0.5em 0;
 478 }
 479
 480 .oo-ui-panelLayout {
 481   position: absolute;
 482   top: 0;
 483   right: 0;
 484   bottom: 0;
 485   left: 0;
 486 }
 487
 488 .oo-ui-panelLayout-scrollable {
 489   overflow-y: auto;
 490 }
 491
 492 .oo-ui-panelLayout-padded {
 493   padding: 2em;
 494 }
 495
 496 .oo-ui-stackLayout > .oo-ui-panelLayout {
 497   display: none;
 498 }
 499
 500 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 501   position: relative;
 502   display: block;
 503 }
 504
 505 .oo-ui-barToolGroup > .oo-ui-iconedElement-icon,
 506 .oo-ui-barToolGroup > .oo-ui-labeledElement-label {
 507   display: none;
 508 }
 509
 510 .oo-ui-barToolGroup .oo-ui-tool {
 511   position: relative;
 512   display: inline-block;
 513   vertical-align: top;
 514 }
 515
 516 .oo-ui-barToolGroup .oo-ui-tool-link {
 517   display: block;
 518   height: 1.5em;
 519   padding: 0.25em;
 520   cursor: pointer;
 521 }
 522
 523 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 524   display: block;
 525   width: 1.5em;
 526   height: 1.5em;
 527 }
 528
 529 .oo-ui-barToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 530   display: none;
 531 }
 532
 533 .oo-ui-barToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 534   cursor: default;
 535 }
 536
 537 .oo-ui-barToolGroup .oo-ui-tool-title,
 538 .oo-ui-barToolGroup .oo-ui-tool-accel {
 539   display: none;
 540 }
 541
 542 .oo-ui-listToolGroup .oo-ui-toolGroup-tools {
 543   padding: 0.25em;
 544 }
 545
 546 .oo-ui-listToolGroup .oo-ui-tool {
 547   display: inline-block;
 548   width: 100%;
 549   -webkit-box-sizing: border-box;
 550      -moz-box-sizing: border-box;
 551           box-sizing: border-box;
 552 }
 553
 554 .oo-ui-listToolGroup .oo-ui-tool-link {
 555   display: block;
 556   padding-right: 0.5em;
 557   white-space: nowrap;
 558   cursor: pointer;
 559 }
 560
 561 .oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-link {
 562   cursor: default;
 563 }
 564
 565 .oo-ui-menuToolGroup .oo-ui-popupToolGroup-handle {
 566   min-width: 8em;
 567 }
 568
 569 .oo-ui-menuToolGroup .oo-ui-tool {
 570   display: block;
 571 }
 572
 573 .oo-ui-menuToolGroup .oo-ui-tool-link {
 574   display: block;
 575   padding: 0.25em 1em 0.25em 0.25em;
 576   white-space: nowrap;
 577   cursor: pointer;
 578 }
 579
 580 .oo-ui-menuToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 581   background-image: none;
 582 }
 583
 584 .oo-ui-menuToolGroup .oo-ui-tool-active .oo-ui-tool-link .oo-ui-iconedElement-icon {
 585   background-image: /* @embed */ url(images/icons/check.png);
 586 }
 587
 588 .oo-ui-popupToolGroup {
 589   position: relative;
 590   height: 2em;
 591   min-width: 2.5em;
 592 }
 593
 594 .oo-ui-popupToolGroup.oo-ui-indicatedElement.oo-ui-iconedElement {
 595   min-width: 3.5em;
 596 }
 597
 598 .oo-ui-popupToolGroup-handle {
 599   display: block;
 600   cursor: pointer;
 601 }
 602
 603 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator,
 604 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
 605   position: absolute;
 606   top: 0;
 607   width: 2em;
 608   height: 2em;
 609   background-position: center center;
 610   background-repeat: no-repeat;
 611 }
 612
 613 .oo-ui-popupToolGroup-handle .oo-ui-indicatedElement-indicator {
 614   right: 0;
 615 }
 616
 617 .oo-ui-popupToolGroup-handle .oo-ui-iconedElement-icon {
 618   left: 0.25em;
 619 }
 620
 621 .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 622   margin: 0 1em;
 623   font-size: 0.8em;
 624   line-height: 2.6em;
 625 }
 626
 627 .oo-ui-popupToolGroup.oo-ui-iconedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 628   margin-left: 3.25em;
 629 }
 630
 631 .oo-ui-popupToolGroup.oo-ui-indicatedElement .oo-ui-popupToolGroup-handle .oo-ui-labeledElement-label {
 632   margin-right: 2.25em;
 633 }
 634
 635 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
 636   position: absolute;
 637   top: 2em;
 638   left: -1px;
 639   z-index: 4;
 640   display: none;
 641 }
 642
 643 .oo-ui-popupToolGroup .oo-ui-toolGroup-tools .oo-ui-iconedElement-icon {
 644   background-position: center center;
 645   background-repeat: no-repeat;
 646 }
 647
 648 .oo-ui-popupToolGroup-active.oo-ui-widget-enabled > .oo-ui-toolGroup-tools {
 649   display: block;
 650 }
 651
 652 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-iconedElement-icon {
 653   display: inline-block;
 654   width: 2em;
 655   height: 2em;
 656   margin-right: 0.5em;
 657   vertical-align: middle;
 658 }
 659
 660 .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title {
 661   display: inline-block;
 662   font-size: 0.8em;
 663   line-height: 2em;
 664   vertical-align: middle;
 665 }
 666
 667 .oo-ui-popupToolGroup .oo-ui-tool-accel {
 668   display: none;
 669 }
 670
 671 .oo-ui-popupTool .oo-ui-popupWidget {
 672   margin-left: 1.25em;
 673   font-size: 0.8em;
 674 }
 675
 676 .oo-ui-popupTool .oo-ui-popupWidget-popup,
 677 .oo-ui-popupTool .oo-ui-popupWidget-tail {
 678   z-index: 4;
 679 }
 680
 681 .oo-ui-selectWidget {
 682   padding: 0;
 683   margin: 0;
 684   list-style: none;
 685 }
 686
 687 .oo-ui-optionWidget {
 688   position: relative;
 689   display: block;
 690   padding: 0.5em 2em 0.5em 3em;
 691   margin: 0;
 692   list-style: none;
 693   cursor: pointer;
 694   border: none;
 695 }
 696
 697 .oo-ui-optionWidget.oo-ui-widget-disabled {
 698   cursor: default;
 699 }
 700
 701 .oo-ui-optionWidget .oo-ui-labeledElement-label {
 702   overflow: hidden;
 703   line-height: 1.5em;
 704   text-overflow: ellipsis;
 705   white-space: nowrap;
 706 }
 707
 708 .oo-ui-optionWidget .oo-ui-iconedElement-icon,
 709 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
 710   position: absolute;
 711   top: 50%;
 712   width: 2em;
 713   height: 2em;
 714   margin-top: -1em;
 715   background-position: center center;
 716   background-repeat: no-repeat;
 717 }
 718
 719 .oo-ui-optionWidget .oo-ui-iconedElement-icon {
 720   left: 0.5em;
 721 }
 722
 723 .oo-ui-optionWidget .oo-ui-indicatedElement-indicator {
 724   right: 0.5em;
 725 }
 726
 727 .oo-ui-menuWidget {
 728   position: absolute;
 729 }
 730
 731 .oo-ui-menuWidget input {
 732   position: absolute;
 733   width: 0;
 734   height: 0;
 735   overflow: hidden;
 736   opacity: 0;
 737 }
 738
 739 .oo-ui-popupWidget-popup {
 740   position: absolute;
 741   overflow: hidden;
 742 }
 743
 744 .oo-ui-popupWidget-tail {
 745   display: none;
 746 }
 747
 748 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-popup {
 749   margin-top: 7px;
 750 }
 751
 752 .oo-ui-popupWidget-tailed .oo-ui-popupWidget-tail {
 753   position: absolute;
 754   display: block;
 755   background-repeat: no-repeat;
 756 }
 757
 758 .oo-ui-popupWidget-head {
 759   height: 2.5em;
 760   -webkit-user-select: none;
 761      -moz-user-select: none;
 762       -ms-user-select: none;
 763           user-select: none;
 764   -webkit-touch-callout: none;
 765 }
 766
 767 .oo-ui-popupWidget-head .oo-ui-buttonWidget {
 768   float: right;
 769   margin: 0.25em;
 770 }
 771
 772 .oo-ui-popupWidget-head .oo-ui-labeledElement-label {
 773   float: left;
 774   margin: 0.75em 1em;
 775   cursor: default;
 776 }
 777
 778 .oo-ui-buttonGroupWidget {
 779   border-radius: 0.3em;
 780 }
 781
 782 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed .oo-ui-buttonedElement-button {
 783   margin-bottom: -1px;
 784   margin-left: -1px;
 785   border-radius: 0;
 786 }
 787
 788 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:first-child .oo-ui-buttonedElement-button {
 789   margin-left: 0;
 790   border-bottom-left-radius: 0.3em;
 791   border-top-left-radius: 0.3em;
 792 }
 793
 794 .oo-ui-buttonGroupWidget .oo-ui-buttonedElement-framed:last-child .oo-ui-buttonedElement-button {
 795   border-top-right-radius: 0.3em;
 796   border-bottom-right-radius: 0.3em;
 797 }
 798
 799 .oo-ui-buttonOptionWidget {
 800   display: inline-block;
 801   padding: 0;
 802   background-color: transparent;
 803 }
 804
 805 .oo-ui-buttonOptionWidget .oo-ui-buttonedElement-button {
 806   position: relative;
 807   height: 1.9em;
 808 }
 809
 810 .oo-ui-buttonOptionWidget.oo-ui-iconedElement .oo-ui-iconedElement-icon,
 811 .oo-ui-buttonOptionWidget.oo-ui-indicatedElement .oo-ui-indicatedElement-indicator {
 812   position: static;
 813   display: inline-block;
 814   height: 1.9em;
 815   margin-top: 0;
 816   vertical-align: middle;
 817 }
 818
 819 .oo-ui-buttonSelectWidget {
 820   display: inline-block;
 821   white-space: nowrap;
 822 }
 823
 824 .oo-ui-buttonWidget {
 825   display: inline-block;
 826   vertical-align: middle;
 827 }
 828
 829 .oo-ui-inlineMenuWidget {
 830   position: relative;
 831   display: inline-block;
 832   min-width: 20em;
 833   margin: 0.25em 0;
 834 }
 835
 836 .oo-ui-inlineMenuWidget-handle {
 837   display: inline-block;
 838   width: 100%;
 839   height: 2.5em;
 840   cursor: pointer;
 841   -webkit-box-sizing: border-box;
 842      -moz-box-sizing: border-box;
 843           box-sizing: border-box;
 844   -webkit-user-select: none;
 845      -moz-user-select: none;
 846       -ms-user-select: none;
 847           user-select: none;
 848   -webkit-touch-callout: none;
 849 }
 850
 851 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator,
 852 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 853   position: absolute;
 854   top: 0;
 855   width: 2.5em;
 856   height: 2.5em;
 857   background-position: center center;
 858   background-repeat: no-repeat;
 859 }
 860
 861 .oo-ui-inlineMenuWidget-handle .oo-ui-indicatedElement-indicator {
 862   right: 0;
 863 }
 864
 865 .oo-ui-inlineMenuWidget-handle .oo-ui-iconedElement-icon {
 866   left: 0.25em;
 867 }
 868
 869 .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 870   margin: 0 0.5em;
 871   line-height: 2.5em;
 872 }
 873
 874 .oo-ui-inlineMenuWidget.oo-ui-iconedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 875   margin-left: 3em;
 876 }
 877
 878 .oo-ui-inlineMenuWidget.oo-ui-indicatedElement .oo-ui-inlineMenuWidget-handle .oo-ui-labeledElement-label {
 879   margin-right: 2em;
 880 }
 881
 882 .oo-ui-inlineMenuWidget .oo-ui-menuWidget {
 883   width: 100%;
 884 }
 885
 886 .oo-ui-menuItemWidget {
 887   position: relative;
 888 }
 889
 890 .oo-ui-menuItemWidget .oo-ui-iconedElement-icon {
 891   display: none;
 892 }
 893
 894 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected {
 895   background-color: transparent;
 896 }
 897
 898 .oo-ui-menuItemWidget.oo-ui-optionWidget-selected .oo-ui-iconedElement-icon {
 899   display: block;
 900 }
 901
 902 .oo-ui-menuSectionItemWidget {
 903   padding: 0.33em 0.75em;
 904   cursor: default;
 905 }
 906
 907 .oo-ui-outlineControlsWidget {
 908   height: 3em;
 909 }
 910
 911 .oo-ui-outlineControlsWidget-adders,
 912 .oo-ui-outlineControlsWidget-movers {
 913   float: left;
 914   height: 2em;
 915   padding: 0;
 916   margin: 0.5em;
 917   -webkit-box-sizing: border-box;
 918      -moz-box-sizing: border-box;
 919           box-sizing: border-box;
 920 }
 921
 922 .oo-ui-outlineControlsWidget > .oo-ui-iconedElement-icon {
 923   float: left;
 924   width: 1.5em;
 925   height: 2em;
 926   margin: 0.5em 0 0.5em 0.5em;
 927   background-position: right center;
 928   background-repeat: no-repeat;
 929 }
 930
 931 .oo-ui-outlineControlsWidget-adders {
 932   float: left;
 933   margin-left: 0;
 934 }
 935
 936 .oo-ui-outlineControlsWidget-adders .oo-ui-buttonWidget {
 937   float: left;
 938 }
 939
 940 .oo-ui-outlineControlsWidget-movers {
 941   float: right;
 942 }
 943
 944 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 945   float: right;
 946 }
 947
 948 .oo-ui-outlineItemWidget {
 949   position: relative;
 950   padding: 0.75em;
 951   cursor: pointer;
 952   -webkit-user-select: none;
 953      -moz-user-select: none;
 954       -ms-user-select: none;
 955           user-select: none;
 956   -webkit-touch-callout: none;
 957 }
 958
 959 .oo-ui-outlineItemWidget.oo-ui-indicatedElement .oo-ui-labeledElement-label {
 960   padding-right: 1.5em;
 961 }
 962
 963 .oo-ui-outlineItemWidget-level-0 {
 964   padding-left: 3.5em;
 965 }
 966
 967 .oo-ui-outlineItemWidget-level-0 .oo-ui-iconedElement-icon {
 968   left: 1em;
 969 }
 970
 971 .oo-ui-outlineItemWidget-level-1 {
 972   padding-left: 5em;
 973 }
 974
 975 .oo-ui-outlineItemWidget-level-1 .oo-ui-iconedElement-icon {
 976   left: 2.5em;
 977 }
 978
 979 .oo-ui-outlineItemWidget-level-2 {
 980   padding-left: 6.5em;
 981 }
 982
 983 .oo-ui-outlineItemWidget-level-2 .oo-ui-iconedElement-icon {
 984   left: 4em;
 985 }
 986
 987 .oo-ui-popupButtonWidget {
 988   position: relative;
 989 }
 990
 991 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 992   position: absolute;
 993   left: 1em;
 994   cursor: auto;
 995 }
 996
 997 .oo-ui-searchWidget-query {
 998   position: absolute;
 999   top: 0;
1000   right: 0;
1001   left: 0;
1002   height: 4em;
1003   padding: 0 1em;
1004 }
1005
1006 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
1007   width: 100%;
1008   margin: 0.75em 0;
1009 }
1010
1011 .oo-ui-searchWidget-results {
1012   position: absolute;
1013   top: 4em;
1014   right: 0;
1015   bottom: 0;
1016   left: 0;
1017   padding: 1em;
1018   overflow-x: hidden;
1019   overflow-y: auto;
1020   line-height: 0;
1021 }
1022
1023 .oo-ui-textInputWidget {
1024   position: relative;
1025   width: 20em;
1026   -webkit-box-sizing: border-box;
1027      -moz-box-sizing: border-box;
1028           box-sizing: border-box;
1029 }
1030
1031 .oo-ui-textInputWidget input,
1032 .oo-ui-textInputWidget textarea {
1033   display: inline-block;
1034   width: 100%;
1035   padding: 0.5em;
1036   -webkit-box-sizing: border-box;
1037      -moz-box-sizing: border-box;
1038           box-sizing: border-box;
1039   resize: none;
1040 }
1041
1042 .oo-ui-textInputWidget-decorated input,
1043 .oo-ui-textInputWidget-decorated textarea {
1044   padding-left: 2em;
1045 }
1046
1047 .oo-ui-textInputWidget-icon {
1048   position: absolute;
1049   top: 0;
1050   left: 0;
1051   width: 2em;
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: 3em;
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: 1.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 }