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

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