resources/lib/oojs-ui/oojs-ui-widgets-mediawiki.css

   1 /*!
   2  * OOjs UI v0.17.6
   3  * https://www.mediawiki.org/wiki/OOjs_UI
   4  *
   5  * Copyright 2011–2016 OOjs UI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2016-07-12T20:26:07Z
  10  */
  11 .oo-ui-draggableElement-handle,
  12 .oo-ui-draggableElement-handle.oo-ui-widget {
  13         cursor: move;
  14         cursor: url(images/grab.cur );
  15         cursor: -webkit-grab;
  16         cursor:    -moz-grab;
  17         cursor:         grab;
  18 }
  19 .oo-ui-draggableElement-handle:active {
  20         cursor: url(images/grabbing.cur );
  21         cursor: -webkit-grabbing;
  22         cursor:    -moz-grabbing;
  23         cursor:         grabbing;
  24 }
  25 .oo-ui-draggableElement-handle.oo-ui-widget-disabled,
  26 .oo-ui-widget-disabled .oo-ui-draggableElement-handle {
  27         cursor: default;
  28 }
  29 .oo-ui-draggableElement-placeholder {
  30         opacity: 0.2;
  31 }
  32 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement {
  33         display: inline-block;
  34 }
  35 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
  36         z-index: 1;
  37         width: 100%;
  38 }
  39 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
  40         overflow-y: hidden;
  41 }
  42 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  43         width: 100%;
  44         -webkit-box-sizing: border-box;
  45            -moz-box-sizing: border-box;
  46                 box-sizing: border-box;
  47 }
  48 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
  49         overflow-y: auto;
  50 }
  51 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
  52         padding: 2em;
  53 }
  54 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
  55         position: absolute;
  56         top: 0;
  57         left: 0;
  58         right: 0;
  59         bottom: 3em;
  60         overflow-y: auto;
  61 }
  62 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  63         position: absolute;
  64         bottom: 0;
  65         left: 0;
  66         right: 0;
  67 }
  68 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
  69         padding: 1.5em;
  70 }
  71 .oo-ui-bookletLayout-outlinePanel {
  72         border-right: 1px solid #dddddd;
  73 }
  74 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
  75         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
  76 }
  77 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  78         height: 3em;
  79 }
  80 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  81         top: 3em;
  82 }
  83 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
  84         padding: 1.5em;
  85 }
  86 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
  87         height: 2.75em;
  88 }
  89 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  90         top: 2.75em;
  91 }
  92 .oo-ui-menuLayout {
  93         position: absolute;
  94         top: 0;
  95         left: 0;
  96         right: 0;
  97         bottom: 0;
  98 }
  99 .oo-ui-menuLayout-menu,
 100 .oo-ui-menuLayout-content {
 101         position: absolute;
 102         -webkit-transition: all 200ms ease;
 103            -moz-transition: all 200ms ease;
 104                 transition: all 200ms ease;
 105 }
 106 .oo-ui-menuLayout-menu {
 107         height: 18em;
 108         width: 18em;
 109 }
 110 .oo-ui-menuLayout-content {
 111         top: 18em;
 112         left: 18em;
 113         right: 18em;
 114         bottom: 18em;
 115 }
 116 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
 117         width: 0 !important;
 118         height: 0 !important;
 119         overflow: hidden;
 120 }
 121 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
 122         top: 0 !important;
 123         left: 0 !important;
 124         right: 0 !important;
 125         bottom: 0 !important;
 126 }
 127 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
 128         width: auto !important;
 129         left: 0;
 130         top: 0;
 131         right: 0;
 132 }
 133 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
 134         right: 0 !important;
 135         bottom: 0 !important;
 136         left: 0 !important;
 137 }
 138 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
 139         height: auto !important;
 140         top: 0;
 141         right: 0;
 142         bottom: 0;
 143 }
 144 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
 145         bottom: 0 !important;
 146         left: 0 !important;
 147         top: 0 !important;
 148 }
 149 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
 150         width: auto !important;
 151         right: 0;
 152         bottom: 0;
 153         left: 0;
 154 }
 155 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
 156         left: 0 !important;
 157         top: 0 !important;
 158         right: 0 !important;
 159 }
 160 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
 161         height: auto !important;
 162         bottom: 0;
 163         left: 0;
 164         top: 0;
 165 }
 166 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 167         top: 0 !important;
 168         right: 0 !important;
 169         bottom: 0 !important;
 170 }
 171 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 172         display: block;
 173         position: relative;
 174 }
 175 .oo-ui-buttonSelectWidget {
 176         display: inline-block;
 177         white-space: nowrap;
 178         border-radius: 2px;
 179         margin-right: 0.5em;
 180 }
 181 .oo-ui-buttonSelectWidget:last-child {
 182         margin-right: 0;
 183 }
 184 .oo-ui-buttonSelectWidget:focus {
 185         outline: 0;
 186 }
 187 .oo-ui-buttonSelectWidget:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
 188         border-color: #347bff;
 189         box-shadow: inset 0 0 0 1px #347bff;
 190         z-index: 2;
 191 }
 192 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 193         border-radius: 0;
 194         margin-left: -1px;
 195 }
 196 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 197         border-bottom-left-radius: 2px;
 198         border-top-left-radius: 2px;
 199         margin-left: 0;
 200 }
 201 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 202         border-bottom-right-radius: 2px;
 203         border-top-right-radius: 2px;
 204 }
 205 .oo-ui-buttonOptionWidget {
 206         display: inline-block;
 207         padding: 0;
 208 }
 209 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 210         position: relative;
 211 }
 212 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 213 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 214         position: static;
 215         display: inline-block;
 216         vertical-align: middle;
 217 }
 218 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 219 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
 220 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
 221         background-color: transparent;
 222 }
 223 .oo-ui-toggleButtonWidget {
 224         display: inline-block;
 225         vertical-align: middle;
 226         margin-right: 0.5em;
 227 }
 228 .oo-ui-toggleButtonWidget:last-child {
 229         margin-right: 0;
 230 }
 231 .oo-ui-toggleSwitchWidget {
 232         position: relative;
 233         display: inline-block;
 234         vertical-align: middle;
 235         overflow: hidden;
 236         -webkit-box-sizing: border-box;
 237            -moz-box-sizing: border-box;
 238                 box-sizing: border-box;
 239         -webkit-transform: translateZ(0);
 240            -moz-transform: translateZ(0);
 241             -ms-transform: translateZ(0);
 242                 transform: translateZ(0);
 243         height: 2em;
 244         width: 3.5em;
 245         border: 1px solid #777777;
 246         border-radius: 1em;
 247         background-color: #ffffff;
 248         margin-right: 0.5em;
 249         -webkit-transition: background-color 100ms, border-color 100ms;
 250            -moz-transition: background-color 100ms, border-color 100ms;
 251                 transition: background-color 100ms, border-color 100ms;
 252 }
 253 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 254         cursor: pointer;
 255 }
 256 .oo-ui-toggleSwitchWidget-grip {
 257         position: absolute;
 258         display: block;
 259         -webkit-box-sizing: border-box;
 260            -moz-box-sizing: border-box;
 261                 box-sizing: border-box;
 262 }
 263 .oo-ui-toggleSwitchWidget:last-child {
 264         margin-right: 0;
 265 }
 266 .oo-ui-toggleSwitchWidget:before {
 267         content: "";
 268         display: block;
 269         position: absolute;
 270         top: 1px;
 271         left: 1px;
 272         bottom: 1px;
 273         right: 1px;
 274         border: 1px solid transparent;
 275         border-radius: 1em;
 276         z-index: 1;
 277         -webkit-transition: border-color 100ms;
 278            -moz-transition: border-color 100ms;
 279                 transition: border-color 100ms;
 280 }
 281 .oo-ui-toggleSwitchWidget-grip {
 282         top: 0.35em;
 283         min-width: 16px;
 284         width: 1.2em;
 285         min-height: 16px;
 286         height: 1.2em;
 287         border-radius: 1.2em;
 288         background-color: #555555;
 289         -webkit-transition: left 100ms, margin-left 100ms;
 290            -moz-transition: left 100ms, margin-left 100ms;
 291                 transition: left 100ms, margin-left 100ms;
 292 }
 293 .oo-ui-toggleSwitchWidget-glow {
 294         display: none;
 295 }
 296 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 297         left: 0.4em;
 298         margin-left: 0;
 299 }
 300 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 301         left: 1.9em;
 302         margin-left: -2px;
 303 }
 304 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
 305         background-color: #347bff;
 306         border-color: #347bff;
 307 }
 308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 309         background-color: #ffffff;
 310         box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 311 }
 312 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
 313         border-color: #2962cc;
 314 }
 315 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover.oo-ui-toggleWidget-on {
 316         background-color: #2962cc;
 317         border-color: #2962cc;
 318 }
 319 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
 320         border-color: #347bff;
 321         box-shadow: inset 0 0 0 1px #347bff;
 322         outline: 0;
 323 }
 324 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on {
 325         border-color: #347bff;
 326 }
 327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus.oo-ui-toggleWidget-on:before {
 328         border-color: #ffffff;
 329 }
 330 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
 331 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover {
 332         background-color: #347bff;
 333         border-color: #347bff;
 334 }
 335 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
 336 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip {
 337         background-color: #ffffff;
 338         box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 339 }
 340 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 341         background-color: #dddddd;
 342         border-color: #dddddd;
 343         outline: 0;
 344 }
 345 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled .oo-ui-toggleSwitchWidget-grip {
 346         background-color: #ffffff;
 347 }
 348 .oo-ui-progressBarWidget {
 349         max-width: 50em;
 350         background-color: #ffffff;
 351         border: 1px solid #cccccc;
 352         border-radius: 2px;
 353         overflow: hidden;
 354 }
 355 .oo-ui-progressBarWidget-bar {
 356         background-color: #dddddd;
 357         height: 1em;
 358         -webkit-transition: width 200ms, margin-left 200ms;
 359            -moz-transition: width 200ms, margin-left 200ms;
 360                 transition: width 200ms, margin-left 200ms;
 361 }
 362 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
 363         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
 364            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
 365                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
 366         width: 40%;
 367         margin-left: -10%;
 368         border-left-width: 1px;
 369 }
 370 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
 371         opacity: 0.6;
 372 }
 373 @-webkit-keyframes oo-ui-progressBarWidget-slide {
 374         from {
 375                 margin-left: -40%;
 376         }
 377         to {
 378                 margin-left: 100%;
 379         }
 380 }
 381 @-moz-keyframes oo-ui-progressBarWidget-slide {
 382         from {
 383                 margin-left: -40%;
 384         }
 385         to {
 386                 margin-left: 100%;
 387         }
 388 }
 389 @keyframes oo-ui-progressBarWidget-slide {
 390         from {
 391                 margin-left: -40%;
 392         }
 393         to {
 394                 margin-left: 100%;
 395         }
 396 }
 397 .oo-ui-selectFileWidget {
 398         display: inline-block;
 399         vertical-align: middle;
 400         width: 100%;
 401         max-width: 50em;
 402         margin-right: 0.5em;
 403 }
 404 .oo-ui-selectFileWidget-selectButton {
 405         display: table-cell;
 406         vertical-align: middle;
 407 }
 408 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 409         position: relative;
 410         overflow: hidden;
 411 }
 412 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type="file"] {
 413         position: absolute;
 414         top: 0;
 415         bottom: 0;
 416         left: 0;
 417         right: 0;
 418         width: 100%;
 419         height: 100%;
 420         opacity: 0;
 421         z-index: 1;
 422         cursor: pointer;
 423         padding-top: 100px;
 424 }
 425 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type="file"] {
 426         display: none;
 427 }
 428 .oo-ui-selectFileWidget-info {
 429         width: 100%;
 430         display: table-cell;
 431         vertical-align: middle;
 432         position: relative;
 433         overflow: hidden;
 434         -webkit-box-sizing: border-box;
 435            -moz-box-sizing: border-box;
 436                 box-sizing: border-box;
 437 }
 438 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
 439         position: absolute;
 440         top: 0;
 441         bottom: 0;
 442         left: 0;
 443         right: 0;
 444         text-overflow: ellipsis;
 445 }
 446 .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
 447         float: right;
 448 }
 449 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 450 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 451 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
 452         position: absolute;
 453 }
 454 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 455         cursor: default;
 456         -webkit-touch-callout: none;
 457         -webkit-user-select: none;
 458            -moz-user-select: none;
 459             -ms-user-select: none;
 460                 user-select: none;
 461 }
 462 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-clearButton {
 463         z-index: 2;
 464 }
 465 .oo-ui-selectFileWidget-dropTarget {
 466         cursor: default;
 467         height: 5.5em;
 468         padding: 0;
 469 }
 470 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 472         display: none;
 473 }
 474 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 475         height: 5.5em;
 476         width: 5.5em;
 477         position: absolute;
 478         background-size: cover;
 479         background-position: center center;
 480 }
 481 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 482         background-size: auto;
 483 }
 484 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 485         opacity: 0.4;
 486         background-color: #cccccc;
 487         height: 5.5em;
 488         width: 5.5em;
 489 }
 490 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 491         border: 0;
 492         background: none;
 493         display: block;
 494         height: 100%;
 495         width: auto;
 496         margin-left: 5.5em;
 497 }
 498 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
 499         position: relative;
 500 }
 501 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileName {
 502         display: block;
 503         padding-right: 2.375em;
 504         overflow: hidden;
 505         text-overflow: ellipsis;
 506 }
 507 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-fileType {
 508         display: block;
 509         float: none;
 510 }
 511 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
 512         position: absolute;
 513         right: 0.5em;
 514 }
 515 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 516 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 517         display: none;
 518 }
 519 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 520         display: block;
 521         margin: 0.7em;
 522 }
 523 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget,
 524 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
 525         text-align: center;
 526 }
 527 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 528 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 529         margin: 0;
 530 }
 531 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 532 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 533         display: none;
 534 }
 535 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 536         display: block;
 537 }
 538 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget,
 539 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
 540         -webkit-touch-callout: none;
 541         -webkit-user-select: none;
 542            -moz-user-select: none;
 543             -ms-user-select: none;
 544                 user-select: none;
 545 }
 546 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget,
 547 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget,
 548 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 549 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 550         cursor: no-drop;
 551 }
 552 .oo-ui-selectFileWidget:last-child {
 553         margin-right: 0;
 554 }
 555 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 556         border-radius: 0 2px 2px 0;
 557 }
 558 .oo-ui-selectFileWidget-info {
 559         height: 2.4em;
 560         background-color: #ffffff;
 561         border: 1px solid #cccccc;
 562         border-radius: 2px 0 0 2px;
 563         border-width: 1px 0 1px 1px;
 564 }
 565 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 566         left: 0;
 567         top: 0;
 568         height: 2.3em;
 569         margin-left: 0.5em;
 570 }
 571 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
 572         -webkit-box-sizing: border-box;
 573            -moz-box-sizing: border-box;
 574                 box-sizing: border-box;
 575         display: block;
 576         line-height: 2.3;
 577         margin: 0;
 578         overflow: hidden;
 579         white-space: nowrap;
 580         text-overflow: ellipsis;
 581         left: 0;
 582         right: 0;
 583         padding-left: 0.5em;
 584 }
 585 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
 586         color: #888888;
 587 }
 588 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 589         top: 0;
 590         right: 0;
 591         height: 2.3em;
 592         margin-right: 0.775em;
 593 }
 594 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
 595         top: 0;
 596         min-width: 24px;
 597         width: 1.875em;
 598         margin-right: 0;
 599 }
 600 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 601         height: 2.3em;
 602 }
 603 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info,
 604 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 605         background-color: #f3f3f3;
 606         color: #cccccc;
 607         text-shadow: 0 1px 1px #ffffff;
 608         border-color: #dddddd;
 609         cursor: default;
 610 }
 611 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 612 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 613 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 614 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 615         opacity: 0.2;
 616 }
 617 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 618         color: #cccccc;
 619 }
 620 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
 621         left: 2.875em;
 622 }
 623 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
 624         right: 2.375em;
 625 }
 626 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
 627         right: 0;
 628 }
 629 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
 630         right: 4.4625em;
 631         padding-left: 0;
 632 }
 633 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
 634         right: 2.0875em;
 635 }
 636 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label,
 637 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
 638         right: 0.5em;
 639 }
 640 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label,
 641 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
 642         right: 2em;
 643         padding-left: 0;
 644 }
 645 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
 646         background-color: #ebf2ff;
 647 }
 648 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget,
 649 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
 650         border-color: #dddddd;
 651         background-color: #f3f3f3;
 652 }
 653 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 654 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 655 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 656 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
 657         color: #cccccc;
 658         text-shadow: 0 1px 1px #ffffff;
 659 }
 660 .oo-ui-selectFileWidget-dropTarget {
 661         background-color: #ffffff;
 662         border: 1px solid #cccccc;
 663         margin-bottom: 0.5em;
 664         vertical-align: middle;
 665         overflow: hidden;
 666         border-radius: 2px;
 667 }
 668 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 669         border-radius: 2px;
 670 }
 671 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
 672         background-color: #eeeeee;
 673         border-style: dashed;
 674 }
 675 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
 676         display: none;
 677 }
 678 .oo-ui-outlineOptionWidget {
 679         position: relative;
 680         cursor: pointer;
 681         -webkit-touch-callout: none;
 682         -webkit-user-select: none;
 683            -moz-user-select: none;
 684             -ms-user-select: none;
 685                 user-select: none;
 686         font-size: 1.1em;
 687         padding: 0.75em;
 688 }
 689 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
 690         font-size: 90.90909%;
 691 }
 692 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 693         padding-right: 1.5em;
 694 }
 695 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 696         opacity: 0.5;
 697 }
 698 .oo-ui-outlineOptionWidget-level-0 {
 699         padding-left: 3.5em;
 700 }
 701 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
 702         left: 1em;
 703 }
 704 .oo-ui-outlineOptionWidget-level-1 {
 705         padding-left: 5em;
 706 }
 707 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
 708         left: 2.5em;
 709 }
 710 .oo-ui-outlineOptionWidget-level-2 {
 711         padding-left: 6.5em;
 712 }
 713 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
 714         left: 4em;
 715 }
 716 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 717         background-color: #d0d0d0;
 718         text-shadow: 0 1px 1px #ffffff;
 719 }
 720 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
 721         font-weight: bold;
 722 }
 723 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
 724         opacity: 0.5;
 725 }
 726 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
 727         color: #777777;
 728 }
 729 .oo-ui-outlineControlsWidget {
 730         height: 3em;
 731         background-color: #ffffff;
 732 }
 733 .oo-ui-outlineControlsWidget-items,
 734 .oo-ui-outlineControlsWidget-movers {
 735         float: left;
 736         -webkit-box-sizing: border-box;
 737            -moz-box-sizing: border-box;
 738                 box-sizing: border-box;
 739 }
 740 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 741         float: left;
 742         background-position: right center;
 743 }
 744 .oo-ui-outlineControlsWidget-items {
 745         float: left;
 746 }
 747 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 748         float: left;
 749 }
 750 .oo-ui-outlineControlsWidget-movers {
 751         float: right;
 752 }
 753 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 754         float: right;
 755 }
 756 .oo-ui-outlineControlsWidget-items,
 757 .oo-ui-outlineControlsWidget-movers {
 758         height: 2em;
 759         margin: 0.5em 0.5em 0.5em 0;
 760         padding: 0;
 761 }
 762 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 763         width: 1.5em;
 764         height: 2em;
 765         margin: 0.5em 0 0.5em 0.5em;
 766         opacity: 0.2;
 767 }
 768 .oo-ui-tabSelectWidget {
 769         text-align: left;
 770         white-space: nowrap;
 771         overflow: hidden;
 772         background-color: #dddddd;
 773 }
 774 .oo-ui-tabOptionWidget {
 775         display: inline-block;
 776         vertical-align: bottom;
 777         padding: 0.35em 1em;
 778         margin: 0.5em 0 0 0.75em;
 779         border: 1px solid transparent;
 780         border-bottom: 0;
 781         border-top-left-radius: 2px;
 782         border-top-right-radius: 2px;
 783         color: #555555;
 784         font-weight: bold;
 785 }
 786 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 787         background-color: rgba(255, 255, 255, 0.3);
 788 }
 789 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 790         background-color: rgba(255, 255, 255, 0.8);
 791 }
 792 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 793         padding-right: 1.5em;
 794 }
 795 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 796         opacity: 0.5;
 797 }
 798 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 799 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 800 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
 801         background-color: #ffffff;
 802         color: #333333;
 803 }
 804 .oo-ui-capsuleMultiselectWidget {
 805         display: inline-block;
 806         position: relative;
 807         width: 100%;
 808         max-width: 50em;
 809 }
 810 .oo-ui-capsuleMultiselectWidget-handle {
 811         width: 100%;
 812         display: block;
 813         position: relative;
 814 }
 815 .oo-ui-capsuleMultiselectWidget-content {
 816         position: relative;
 817 }
 818 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
 819         display: none;
 820 }
 821 .oo-ui-capsuleMultiselectWidget-group {
 822         display: inline;
 823 }
 824 .oo-ui-capsuleMultiselectWidget > .oo-ui-menuSelectWidget {
 825         z-index: 1;
 826         width: 100%;
 827 }
 828 .oo-ui-capsuleMultiselectWidget-handle {
 829         background-color: #ffffff;
 830         cursor: text;
 831         min-height: 2.4em;
 832         margin-right: 0.5em;
 833         padding: 0.15em 0.25em;
 834         border: 1px solid #cccccc;
 835         border-radius: 2px;
 836         -webkit-box-sizing: border-box;
 837            -moz-box-sizing: border-box;
 838                 box-sizing: border-box;
 839 }
 840 .oo-ui-capsuleMultiselectWidget-handle:last-child {
 841         margin-right: 0;
 842 }
 843 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator,
 844 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 845         position: absolute;
 846 }
 847 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
 848         border: 0;
 849         line-height: 1.675;
 850         margin: 0 0 0 0.2em;
 851         padding: 0;
 852         font-size: inherit;
 853         font-family: inherit;
 854         background-color: transparent;
 855         color: #000000;
 856         vertical-align: middle;
 857 }
 858 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
 859         outline: 0;
 860 }
 861 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
 862         padding-right: 2.4875em;
 863 }
 864 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 865         right: 0;
 866         top: 0;
 867         margin: 0.775em;
 868 }
 869 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
 870         padding-left: 2.475em;
 871 }
 872 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 873         left: 0;
 874         top: 0;
 875         margin: 0.3em;
 876 }
 877 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
 878         border-color: #aaaaaa;
 879 }
 880 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
 881         color: #cccccc;
 882         text-shadow: 0 1px 1px #ffffff;
 883         border-color: #dddddd;
 884         background-color: #f3f3f3;
 885         cursor: default;
 886 }
 887 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
 888 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 889         opacity: 0.2;
 890 }
 891 .oo-ui-capsuleItemWidget {
 892         position: relative;
 893         display: inline-block;
 894         cursor: default;
 895         white-space: nowrap;
 896         width: auto;
 897         max-width: 100%;
 898         -webkit-box-sizing: border-box;
 899            -moz-box-sizing: border-box;
 900                 box-sizing: border-box;
 901         vertical-align: middle;
 902         height: 1.7em;
 903         line-height: 1.7;
 904         background-color: #eeeeee;
 905         color: #555555;
 906         margin: 0.1em;
 907         border: 1px solid #cccccc;
 908         border-radius: 2px;
 909         padding: 0 0.4em;
 910 }
 911 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 912         display: inline-block;
 913         text-overflow: ellipsis;
 914         overflow: hidden;
 915 }
 916 .oo-ui-capsuleItemWidget:focus {
 917         outline: 0;
 918         border-color: #347bff;
 919         box-shadow: inset 0 0 0 1px #347bff;
 920 }
 921 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
 922         background-color: #f3f3f3;
 923         color: #cccccc;
 924         border-color: #dddddd;
 925         text-shadow: 0 1px 1px #ffffff;
 926 }
 927 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
 928         display: none;
 929 }
 930 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
 931         padding-right: 1.5375em;
 932 }
 933 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
 934         display: block;
 935         position: absolute;
 936         top: 0;
 937         right: 0;
 938         bottom: 0;
 939 }
 940 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
 941         display: block;
 942         width: 1.5375em;
 943         height: 100%;
 944 }
 945 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
 946         position: absolute;
 947         top: 0;
 948         right: 0.3em;
 949         bottom: 0;
 950         height: auto;
 951 }
 952 .oo-ui-searchWidget-query {
 953         position: absolute;
 954         top: 0;
 955         left: 0;
 956         right: 0;
 957 }
 958 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 959         width: 100%;
 960 }
 961 .oo-ui-searchWidget-results {
 962         position: absolute;
 963         bottom: 0;
 964         left: 0;
 965         right: 0;
 966         overflow-x: hidden;
 967         overflow-y: auto;
 968 }
 969 .oo-ui-searchWidget-query {
 970         height: 4em;
 971         padding: 0 1em;
 972         border-bottom: 1px solid #cccccc;
 973 }
 974 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 975         margin: 0.75em 0;
 976 }
 977 .oo-ui-searchWidget-results {
 978         top: 4em;
 979         padding: 1em;
 980         line-height: 0;
 981 }
 982 .oo-ui-numberInputWidget {
 983         display: inline-block;
 984         position: relative;
 985         max-width: 50em;
 986 }
 987 .oo-ui-numberInputWidget-field {
 988         display: table;
 989         table-layout: fixed;
 990         width: 100%;
 991 }
 992 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget,
 993 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
 994         display: table-cell;
 995         vertical-align: middle;
 996 }
 997 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
 998         width: 100%;
 999 }
1000 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-outer-spin-button,
1001 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"]::-webkit-inner-spin-button {
1002         -webkit-appearance: none;
1003         margin: 0;
1004 }
1005 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget [type="number"] {
1006         -moz-appearance: textfield;
1007 }
1008 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1009         white-space: nowrap;
1010 }
1011 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
1012         -webkit-box-sizing: border-box;
1013            -moz-box-sizing: border-box;
1014                 box-sizing: border-box;
1015 }
1016 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
1017         width: 2.5em;
1018 }
1019 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1020         border-top-right-radius: 0;
1021         border-bottom-right-radius: 0;
1022         border-right-width: 0;
1023 }
1024 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1025         border-top-left-radius: 0;
1026         border-bottom-left-radius: 0;
1027         border-left-width: 0;
1028 }
1029 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1030         border-radius: 0;
1031 }