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

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