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

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