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

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