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

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