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

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