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

   1 /*!
   2  * OOjs UI v0.17.10
   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-10-03T18:59:06Z
  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 #ddd;
  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-buttonElement-active .oo-ui-buttonElement-button {
 195         cursor: default;
 196 }
 197 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 198 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 199         position: static;
 200         display: inline-block;
 201         vertical-align: middle;
 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         margin-right: 0.5em;
 210 }
 211 .oo-ui-toggleButtonWidget:last-child {
 212         margin-right: 0;
 213 }
 214 .oo-ui-toggleSwitchWidget {
 215         position: relative;
 216         display: inline-block;
 217         vertical-align: middle;
 218         overflow: hidden;
 219         -webkit-box-sizing: border-box;
 220            -moz-box-sizing: border-box;
 221                 box-sizing: border-box;
 222         -webkit-transform: translateZ(0);
 223            -moz-transform: translateZ(0);
 224             -ms-transform: translateZ(0);
 225                 transform: translateZ(0);
 226         height: 2em;
 227         width: 4em;
 228         border-radius: 1em;
 229         box-shadow: 0 0 0 #fff, inset 0 0.1em 0.2em #ddd;
 230         border: 1px solid #ccc;
 231         margin-right: 0.5em;
 232         background-color: #eee;
 233         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ddd), color-stop(100%, #fff));
 234         background-image: -webkit-linear-gradient(top, #ddd 0, #fff 100%);
 235         background-image:    -moz-linear-gradient(top, #ddd 0, #fff 100%);
 236         background-image:         linear-gradient(to bottom, #ddd 0, #fff 100%);
 237         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffdddddd\', endColorstr=\'#ffffffff\' )';
 238 }
 239 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 240         cursor: pointer;
 241 }
 242 .oo-ui-toggleSwitchWidget-grip {
 243         position: absolute;
 244         display: block;
 245         -webkit-box-sizing: border-box;
 246            -moz-box-sizing: border-box;
 247                 box-sizing: border-box;
 248 }
 249 .oo-ui-toggleSwitchWidget:last-child {
 250         margin-right: 0;
 251 }
 252 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 253         opacity: 0.5;
 254 }
 255 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover,
 256 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 257         border-color: #aaa;
 258 }
 259 .oo-ui-toggleSwitchWidget-grip {
 260         top: 0.25em;
 261         left: 0.25em;
 262         width: 1.5em;
 263         height: 1.5em;
 264         margin-top: -1px;
 265         border-radius: 1em;
 266         box-shadow: 0 0.1em 0.25em rgba(0, 0, 0, 0.1);
 267         border: 1px #c9c9c9 solid;
 268         -webkit-transition: left 250ms ease, margin-left 250ms ease;
 269            -moz-transition: left 250ms ease, margin-left 250ms ease;
 270                 transition: left 250ms ease, margin-left 250ms ease;
 271         background-color: #eee;
 272         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
 273         background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
 274         background-image:    -moz-linear-gradient(top, #fff 0, #ddd 100%);
 275         background-image:         linear-gradient(to bottom, #fff 0, #ddd 100%);
 276         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )';
 277 }
 278 .oo-ui-toggleSwitchWidget-glow {
 279         position: absolute;
 280         top: 0;
 281         bottom: 0;
 282         right: 0;
 283         left: 0;
 284         border-radius: 1em;
 285         box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.07);
 286         -webkit-transition: opacity 250ms ease;
 287            -moz-transition: opacity 250ms ease;
 288                 transition: opacity 250ms ease;
 289         background-color: #cde7f4;
 290         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #b0d9ee), color-stop(100%, #eaf4fa));
 291         background-image: -webkit-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 292         background-image:    -moz-linear-gradient(top, #b0d9ee 0, #eaf4fa 100%);
 293         background-image:         linear-gradient(to bottom, #b0d9ee 0, #eaf4fa 100%);
 294         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffb0d9ee\', endColorstr=\'#ffeaf4fa\' )';
 295         -webkit-touch-callout: none;
 296         -webkit-user-select: none;
 297            -moz-user-select: none;
 298             -ms-user-select: none;
 299                 user-select: none;
 300 }
 301 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
 302         opacity: 0;
 303 }
 304 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 305         left: 0.25em;
 306         margin-left: 0;
 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-selectFileWidget {
 316         display: inline-block;
 317         vertical-align: middle;
 318         width: 100%;
 319         max-width: 50em;
 320         margin-right: 0.5em;
 321 }
 322 .oo-ui-selectFileWidget-selectButton {
 323         display: table-cell;
 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-clearButton {
 376         position: absolute;
 377         z-index: 2;
 378 }
 379 .oo-ui-selectFileWidget-dropTarget {
 380         position: relative;
 381         cursor: default;
 382         height: 8.815em;
 383 }
 384 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 385 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
 386 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
 387         display: none;
 388 }
 389 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 390         width: 7.815em;
 391         position: absolute;
 392         top: 0.5em;
 393         bottom: 0.5em;
 394         left: 0.5em;
 395         background-position: center center;
 396         background-repeat: no-repeat;
 397         background-size: contain;
 398 }
 399 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 400         background-repeat: repeat;
 401         background-size: auto;
 402 }
 403 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 404         opacity: 0.4;
 405         height: 7.815em;
 406         width: 7.815em;
 407 }
 408 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 409         display: block;
 410         height: 100%;
 411         width: auto;
 412         margin-left: 8.815em;
 413         border: 0;
 414 }
 415 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 416         display: block;
 417         position: relative;
 418         top: inherit;
 419 }
 420 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 421         display: block;
 422         padding-top: 0.5em;
 423         padding-right: 2.375em;
 424 }
 425 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
 426         right: 0.5em;
 427 }
 428 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 429 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 430         display: none;
 431 }
 432 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 433         display: block;
 434         margin: 2.2em 1em 1em;
 435 }
 436 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
 437 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 438         text-align: center;
 439 }
 440 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 441 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 442         margin: 0;
 443 }
 444 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 445 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 446         display: none;
 447 }
 448 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 449         display: block;
 450 }
 451 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 452 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 453         -webkit-touch-callout: none;
 454         -webkit-user-select: none;
 455            -moz-user-select: none;
 456             -ms-user-select: none;
 457                 user-select: none;
 458 }
 459 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 460 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
 461 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 462 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 463         cursor: no-drop;
 464 }
 465 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 466         height: auto;
 467 }
 468 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 469         padding: 1em;
 470 }
 471 .oo-ui-selectFileWidget:last-child {
 472         margin-right: 0;
 473 }
 474 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 475         border-radius: 0 0.25em 0.25em 0;
 476 }
 477 .oo-ui-selectFileWidget-info {
 478         height: 2.4em;
 479         background-color: #fff;
 480         border: 1px solid rgba(0, 0, 0, 0.1);
 481         border-radius: 0.25em 0 0 0.25em;
 482         border-width: 1px 0 1px 1px;
 483 }
 484 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 485         top: 0;
 486         left: 0;
 487         height: 2.3em;
 488         margin-left: 0.3em;
 489 }
 490 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 491         top: 0;
 492         right: 0;
 493         height: 2.3em;
 494         margin-right: 0.775em;
 495 }
 496 .oo-ui-selectFileWidget-label {
 497         -webkit-box-sizing: border-box;
 498            -moz-box-sizing: border-box;
 499                 box-sizing: border-box;
 500         left: 0.5em;
 501         right: 2.175em;
 502         line-height: 2.3em;
 503         margin: 0;
 504         overflow: hidden;
 505         white-space: nowrap;
 506         text-overflow: ellipsis;
 507 }
 508 .oo-ui-selectFileWidget-clearButton {
 509         top: 0;
 510         right: 0;
 511         width: 1.875em;
 512         margin-right: 0;
 513 }
 514 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 515         height: 2.3em;
 516 }
 517 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 518         color: #ccc;
 519 }
 520 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
 521         left: 2.475em;
 522 }
 523 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 524         right: 4.2625em;
 525 }
 526 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
 527         right: 2.0875em;
 528 }
 529 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label,
 530 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-label {
 531         right: 0.5em;
 532 }
 533 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 534 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 535 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 536 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 537         right: 2em;
 538 }
 539 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
 540         background-color: #e1f3ff;
 541 }
 542 .oo-ui-selectFileWidget-dropTarget {
 543         background-color: #fff;
 544         border: 1px solid #aaa;
 545         vertical-align: middle;
 546         border-radius: 0.25em;
 547 }
 548 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 549         border-radius: 0.25em;
 550 }
 551 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 552         line-height: 1.4;
 553         overflow: inherit;
 554         white-space: normal;
 555 }
 556 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget {
 557         border-style: dashed;
 558 }
 559 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 560 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 561 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 562         background-color: #f3f3f3;
 563         color: #ccc;
 564         border-color: #ddd;
 565         text-shadow: 0 1px 1px #fff;
 566 }
 567 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 568 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 569 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
 570         background-color: #f3f3f3;
 571         color: #ccc;
 572         border-color: #ddd;
 573         text-shadow: 0 1px 1px #fff;
 574 }
 575 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 576 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 577 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 578 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 579 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 580 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 581         opacity: 0.2;
 582 }
 583 .oo-ui-outlineOptionWidget {
 584         -webkit-touch-callout: none;
 585         -webkit-user-select: none;
 586            -moz-user-select: none;
 587             -ms-user-select: none;
 588                 user-select: none;
 589         font-size: 1.1em;
 590         padding: 0.75em;
 591 }
 592 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
 593         font-size: 90.90909%;
 594 }
 595 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 596         padding-right: 1.5em;
 597 }
 598 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 599         opacity: 0.5;
 600 }
 601 .oo-ui-outlineOptionWidget-level-0 {
 602         padding-left: 3.5em;
 603 }
 604 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
 605         left: 1em;
 606 }
 607 .oo-ui-outlineOptionWidget-level-1 {
 608         padding-left: 5em;
 609 }
 610 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
 611         left: 2.5em;
 612 }
 613 .oo-ui-outlineOptionWidget-level-2 {
 614         padding-left: 6.5em;
 615 }
 616 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
 617         left: 4em;
 618 }
 619 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 620         background-color: #a7dcff;
 621         text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
 622 }
 623 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
 624         font-weight: bold;
 625 }
 626 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
 627         opacity: 0.5;
 628 }
 629 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
 630         color: #777;
 631 }
 632 .oo-ui-outlineControlsWidget {
 633         height: 3em;
 634         background-color: #fff;
 635 }
 636 .oo-ui-outlineControlsWidget-items,
 637 .oo-ui-outlineControlsWidget-movers {
 638         float: left;
 639         -webkit-box-sizing: border-box;
 640            -moz-box-sizing: border-box;
 641                 box-sizing: border-box;
 642 }
 643 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 644         float: left;
 645         background-position: right center;
 646 }
 647 .oo-ui-outlineControlsWidget-items {
 648         float: left;
 649 }
 650 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 651         float: left;
 652 }
 653 .oo-ui-outlineControlsWidget-movers {
 654         float: right;
 655 }
 656 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 657         float: right;
 658 }
 659 .oo-ui-outlineControlsWidget-items,
 660 .oo-ui-outlineControlsWidget-movers {
 661         height: 2em;
 662         margin: 0.5em 0.5em 0.5em 0;
 663         padding: 0;
 664 }
 665 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 666         width: 1.5em;
 667         height: 2em;
 668         margin: 0.5em 0 0.5em 0.5em;
 669         opacity: 0.2;
 670 }
 671 .oo-ui-tabSelectWidget {
 672         text-align: left;
 673         white-space: nowrap;
 674         overflow: hidden;
 675         background-color: #eee;
 676         box-shadow: inset 0 -0.015em 0.1em rgba(0, 0, 0, 0.1);
 677 }
 678 .oo-ui-tabOptionWidget {
 679         display: inline-block;
 680         vertical-align: bottom;
 681         padding: 0.5em 1em;
 682         margin: 0.5em 0 0 0.75em;
 683         border: 1px solid transparent;
 684         border-bottom: 0;
 685         border-top-left-radius: 0.5em;
 686         border-top-right-radius: 0.5em;
 687 }
 688 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 689         padding-right: 1.5em;
 690 }
 691 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 692         opacity: 0.5;
 693 }
 694 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
 695         background-color: transparent;
 696 }
 697 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 698         background-color: rgba(255, 255, 255, 0.2);
 699         border-color: #ddd;
 700 }
 701 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 702         background-color: #fff;
 703         border-color: #ddd;
 704 }
 705 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 706 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 707 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
 708         background-color: #fff;
 709         border-color: #ddd;
 710 }
 711 .oo-ui-capsuleMultiselectWidget {
 712         display: inline-block;
 713         position: relative;
 714         width: 100%;
 715         max-width: 50em;
 716 }
 717 .oo-ui-capsuleMultiselectWidget-handle {
 718         width: 100%;
 719         display: block;
 720         position: relative;
 721 }
 722 .oo-ui-capsuleMultiselectWidget-content {
 723         position: relative;
 724 }
 725 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
 726         display: none;
 727 }
 728 .oo-ui-capsuleMultiselectWidget-group {
 729         display: inline;
 730 }
 731 .oo-ui-capsuleMultiselectWidget-handle {
 732         background-color: #fff;
 733         cursor: text;
 734         min-height: 2.4em;
 735         margin-right: 0.5em;
 736         padding: 0.15em 0.25em;
 737         border: 1px solid rgba(0, 0, 0, 0.1);
 738         border-radius: 0.25em;
 739         -webkit-box-sizing: border-box;
 740            -moz-box-sizing: border-box;
 741                 box-sizing: border-box;
 742 }
 743 .oo-ui-capsuleMultiselectWidget-handle:last-child {
 744         margin-right: 0;
 745 }
 746 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator,
 747 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 748         position: absolute;
 749 }
 750 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
 751         border: 0;
 752         line-height: 1.675em;
 753         margin: 0;
 754         margin-left: 0.2em;
 755         padding: 0;
 756         font-size: inherit;
 757         font-family: inherit;
 758         background-color: transparent;
 759         color: #000;
 760         vertical-align: middle;
 761 }
 762 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
 763         outline: none;
 764 }
 765 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
 766         padding-right: 2.4875em;
 767 }
 768 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 769         right: 0;
 770         top: 0;
 771         margin: 0.775em;
 772 }
 773 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
 774         padding-left: 2.475em;
 775 }
 776 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 777         left: 0;
 778         top: 0;
 779         margin: 0.3em;
 780 }
 781 .oo-ui-capsuleMultiselectWidget:hover .oo-ui-capsuleMultiselectWidget-handle {
 782         border-color: rgba(0, 0, 0, 0.2);
 783 }
 784 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
 785         color: #ccc;
 786         text-shadow: 0 1px 1px #fff;
 787         border-color: #ddd;
 788         background-color: #f3f3f3;
 789         cursor: default;
 790 }
 791 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon,
 792 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 793         opacity: 0.2;
 794 }
 795 .oo-ui-capsuleItemWidget {
 796         position: relative;
 797         display: inline-block;
 798         cursor: default;
 799         white-space: nowrap;
 800         width: auto;
 801         max-width: 100%;
 802         -webkit-box-sizing: border-box;
 803            -moz-box-sizing: border-box;
 804                 box-sizing: border-box;
 805         vertical-align: middle;
 806         padding: 0 0.4em;
 807         margin: 0.1em;
 808         height: 1.7em;
 809         line-height: 1.7em;
 810         background-color: #eee;
 811         background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #fff), color-stop(100%, #ddd));
 812         background-image: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
 813         background-image:    -moz-linear-gradient(top, #fff 0, #ddd 100%);
 814         background-image:         linear-gradient(to bottom, #fff 0, #ddd 100%);
 815         -ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffffff\', endColorstr=\'#ffdddddd\' )';
 816         border: 1px solid #ccc;
 817         color: #555;
 818         border-radius: 0.25em;
 819 }
 820 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 821         display: inline-block;
 822         text-overflow: ellipsis;
 823         overflow: hidden;
 824 }
 825 .oo-ui-capsuleItemWidget:focus {
 826         outline: none;
 827         border-color: #087ecc;
 828 }
 829 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
 830         opacity: 0.5;
 831         -webkit-transform: translate3d(0, 0, 0);
 832         box-shadow: none;
 833         color: #333;
 834         background: #eee;
 835         border-color: #ccc;
 836 }
 837 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
 838         margin-top: -1.25em;
 839         padding-left: 0.3em;
 840 }
 841 .oo-ui-searchWidget-query {
 842         position: absolute;
 843         top: 0;
 844         left: 0;
 845         right: 0;
 846 }
 847 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 848         width: 100%;
 849 }
 850 .oo-ui-searchWidget-results {
 851         position: absolute;
 852         bottom: 0;
 853         left: 0;
 854         right: 0;
 855         overflow-x: hidden;
 856         overflow-y: auto;
 857 }
 858 .oo-ui-searchWidget-query {
 859         height: 4em;
 860         padding: 0 1em;
 861         box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
 862 }
 863 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 864         margin: 0.75em 0;
 865 }
 866 .oo-ui-searchWidget-results {
 867         top: 4em;
 868         padding: 1em;
 869         line-height: 0;
 870 }
 871 .oo-ui-numberInputWidget {
 872         display: inline-block;
 873         position: relative;
 874         max-width: 50em;
 875 }
 876 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
 877 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
 878         display: table-cell;
 879 }
 880 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
 881         -webkit-box-sizing: border-box;
 882            -moz-box-sizing: border-box;
 883                 box-sizing: border-box;
 884 }
 885 .oo-ui-numberInputWidget-field {
 886         display: table;
 887         table-layout: fixed;
 888         width: 100%;
 889 }
 890 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
 891         width: 2.25em;
 892 }
 893 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 894         border-top-right-radius: 0;
 895         border-bottom-right-radius: 0;
 896         border-right-width: 0;
 897 }
 898 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 899         border-top-left-radius: 0;
 900         border-bottom-left-radius: 0;
 901         border-left-width: 0;
 902 }
 903 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
 904         border-radius: 0;
 905 }