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

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