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

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