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

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