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

   1 /*!
   2  * OOjs UI v0.18.3
   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-04T00:22:45Z
  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.15em 0 0 rgba(0, 0, 0, 0.15);
  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-indexLayout > .oo-ui-menuLayout-menu {
  83   height: 2.75em;
  84 }
  85 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
  86   top: 2.75em;
  87 }
  88 .oo-ui-menuLayout {
  89   position: absolute;
  90   top: 0;
  91   left: 0;
  92   right: 0;
  93   bottom: 0;
  94   /* stylelint-disable declaration-no-important */
  95   /* stylelint-enable declaration-no-important */
  96 }
  97 .oo-ui-menuLayout-menu,
  98 .oo-ui-menuLayout-content {
  99   position: absolute;
 100   -webkit-transition: all 200ms ease;
 101      -moz-transition: all 200ms ease;
 102           transition: all 200ms ease;
 103 }
 104 .oo-ui-menuLayout-menu {
 105   height: 18em;
 106   width: 18em;
 107 }
 108 .oo-ui-menuLayout-content {
 109   top: 18em;
 110   left: 18em;
 111   right: 18em;
 112   bottom: 18em;
 113 }
 114 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
 115   width: 0 !important;
 116   height: 0 !important;
 117   overflow: hidden;
 118 }
 119 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
 120   top: 0 !important;
 121   left: 0 !important;
 122   right: 0 !important;
 123   bottom: 0 !important;
 124 }
 125 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
 126   width: auto !important;
 127   left: 0;
 128   top: 0;
 129   right: 0;
 130 }
 131 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
 132   right: 0 !important;
 133   bottom: 0 !important;
 134   left: 0 !important;
 135 }
 136 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
 137   height: auto !important;
 138   top: 0;
 139   right: 0;
 140   bottom: 0;
 141 }
 142 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
 143   bottom: 0 !important;
 144   left: 0 !important;
 145   top: 0 !important;
 146 }
 147 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
 148   width: auto !important;
 149   right: 0;
 150   bottom: 0;
 151   left: 0;
 152 }
 153 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
 154   left: 0 !important;
 155   top: 0 !important;
 156   right: 0 !important;
 157 }
 158 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
 159   height: auto !important;
 160   bottom: 0;
 161   left: 0;
 162   top: 0;
 163 }
 164 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
 165   top: 0 !important;
 166   right: 0 !important;
 167   bottom: 0 !important;
 168 }
 169 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
 170   display: block;
 171   position: relative;
 172 }
 173 .oo-ui-buttonSelectWidget {
 174   display: inline-block;
 175   white-space: nowrap;
 176   border-radius: 2px;
 177   margin-right: 0.5em;
 178   z-index: 0;
 179   position: relative;
 180 }
 181 .oo-ui-buttonSelectWidget:last-child {
 182   margin-right: 0;
 183 }
 184 .oo-ui-buttonSelectWidget:focus {
 185   outline: 0;
 186 }
 187 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
 188   border-radius: 0;
 189   margin-left: -1px;
 190 }
 191 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
 192   border-bottom-left-radius: 2px;
 193   border-top-left-radius: 2px;
 194   margin-left: 0;
 195 }
 196 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
 197   border-bottom-right-radius: 2px;
 198   border-top-right-radius: 2px;
 199 }
 200 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
 201   border-color: #36c;
 202   box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 203 }
 204 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
 205 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
 206   z-index: 1;
 207 }
 208 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 209   z-index: 3;
 210 }
 211 .oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 212   z-index: -1;
 213 }
 214 .oo-ui-buttonOptionWidget {
 215   display: inline-block;
 216   padding: 0;
 217 }
 218 .oo-ui-buttonOptionWidget.oo-ui-buttonElement-active .oo-ui-buttonElement-button {
 219   cursor: default;
 220 }
 221 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 222 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 223   position: static;
 224   display: inline-block;
 225   vertical-align: middle;
 226 }
 227 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected,
 228 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-pressed,
 229 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
 230   background-color: transparent;
 231 }
 232 .oo-ui-toggleButtonWidget {
 233   margin-right: 0.5em;
 234 }
 235 .oo-ui-toggleButtonWidget:last-child {
 236   margin-right: 0;
 237 }
 238 .oo-ui-toggleSwitchWidget {
 239   position: relative;
 240   display: inline-block;
 241   vertical-align: middle;
 242   overflow: hidden;
 243   -webkit-box-sizing: border-box;
 244      -moz-box-sizing: border-box;
 245           box-sizing: border-box;
 246   -webkit-transform: translate3d(0, 0, 0);
 247   background-color: #f8f9fa;
 248   width: 3.5em;
 249   min-height: 26px;
 250   height: 2em;
 251   border: 1px solid #72777d;
 252   border-radius: 1em;
 253   margin-right: 0.5em;
 254   -webkit-transition: background-color 250ms, border-color 250ms;
 255      -moz-transition: background-color 250ms, border-color 250ms;
 256           transition: background-color 250ms, border-color 250ms;
 257 }
 258 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
 259   cursor: pointer;
 260 }
 261 .oo-ui-toggleSwitchWidget-grip {
 262   position: absolute;
 263   display: block;
 264   -webkit-box-sizing: border-box;
 265      -moz-box-sizing: border-box;
 266           box-sizing: border-box;
 267 }
 268 .oo-ui-toggleSwitchWidget:last-child {
 269   margin-right: 0;
 270 }
 271 .oo-ui-toggleSwitchWidget:before {
 272   content: '';
 273   display: block;
 274   position: absolute;
 275   top: 1px;
 276   left: 1px;
 277   bottom: 1px;
 278   right: 1px;
 279   border: 1px solid transparent;
 280   border-radius: 1em;
 281   z-index: 1;
 282   -webkit-transition: border-color 250ms;
 283      -moz-transition: border-color 250ms;
 284           transition: border-color 250ms;
 285 }
 286 .oo-ui-toggleSwitchWidget-grip {
 287   top: 0.3125em;
 288   min-width: 16px;
 289   width: 1.25em;
 290   min-height: 16px;
 291   height: 1.25em;
 292   border-radius: 1.25em;
 293   -webkit-transition: background-color 250ms, left 100ms, margin-left 100ms;
 294      -moz-transition: background-color 250ms, left 100ms, margin-left 100ms;
 295           transition: background-color 250ms, left 100ms, margin-left 100ms;
 296 }
 297 .oo-ui-toggleSwitchWidget-glow {
 298   display: none;
 299 }
 300 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 301   left: 0.4em;
 302   margin-left: 0;
 303 }
 304 .oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 305   left: 1.9em;
 306   margin-left: -2px;
 307 }
 308 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
 309   background-color: #f8f9fa;
 310   border: 1px solid #72777d;
 311 }
 312 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
 313   background-color: #fff;
 314   border-color: #447ff5;
 315 }
 316 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
 317   background-color: #fff;
 318   border-color: #447ff5;
 319 }
 320 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
 321 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
 322 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
 323   background-color: #2a4b8d;
 324   border-color: #2a4b8d;
 325   box-shadow: inset 0 0 0 1px #2a4b8d;
 326 }
 327 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
 328 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
 329 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
 330   background-color: #fff;
 331   border-color: #fff;
 332   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 333 }
 334 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
 335   border-color: #36c;
 336   box-shadow: inset 0 0 0 1px #36c;
 337   outline: 0;
 338 }
 339 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
 340   border-color: #36c;
 341 }
 342 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
 343   background-color: #36c;
 344   border-color: #36c;
 345 }
 346 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 347   background-color: #fff;
 348   border-color: #fff;
 349   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
 350 }
 351 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
 352   background-color: #447ff5;
 353   border-color: #447ff5;
 354 }
 355 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
 356 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
 357   background-color: #2a4b8d;
 358   border-color: #2a4b8d;
 359 }
 360 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
 361   border-color: #36c;
 362 }
 363 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus:before {
 364   border-color: #fff;
 365 }
 366 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
 367   background-color: #c8ccd1;
 368   border-color: #c8ccd1;
 369   outline: 0;
 370 }
 371 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
 372   border: 1px solid #fff;
 373   box-shadow: inset 0 0 0 1px #fff;
 374 }
 375 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
 376   background-color: #fff;
 377 }
 378 .oo-ui-selectFileWidget {
 379   display: inline-block;
 380   vertical-align: middle;
 381   width: 100%;
 382   max-width: 50em;
 383   margin-right: 0.5em;
 384 }
 385 .oo-ui-selectFileWidget-selectButton {
 386   display: table-cell;
 387 }
 388 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 389   position: relative;
 390   overflow: hidden;
 391 }
 392 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > [type='file'] {
 393   position: absolute;
 394   top: 0;
 395   bottom: 0;
 396   left: 0;
 397   right: 0;
 398   width: 100%;
 399   height: 100%;
 400   opacity: 0;
 401   z-index: 1;
 402   cursor: pointer;
 403   padding-top: 100px;
 404 }
 405 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > [type='file'] {
 406   display: none;
 407 }
 408 .oo-ui-selectFileWidget-info {
 409   width: 100%;
 410   display: table-cell;
 411   vertical-align: middle;
 412   position: relative;
 413   overflow: hidden;
 414   -webkit-box-sizing: border-box;
 415      -moz-box-sizing: border-box;
 416           box-sizing: border-box;
 417 }
 418 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 419 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 420   position: absolute;
 421 }
 422 .oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
 423   cursor: default;
 424   -webkit-touch-callout: none;
 425   -webkit-user-select: none;
 426      -moz-user-select: none;
 427       -ms-user-select: none;
 428           user-select: none;
 429 }
 430 .oo-ui-selectFileWidget-label {
 431   position: absolute;
 432   top: 0;
 433   bottom: 0;
 434   left: 0;
 435   right: 0;
 436   text-overflow: ellipsis;
 437 }
 438 .oo-ui-selectFileWidget-clearButton {
 439   position: absolute;
 440   z-index: 2;
 441 }
 442 .oo-ui-selectFileWidget-dropTarget {
 443   position: relative;
 444   cursor: default;
 445   height: 8.815em;
 446 }
 447 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel,
 448 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton,
 449 .oo-ui-selectFileWidget-dropTarget .oo-ui-iconElement-icon {
 450   display: none;
 451 }
 452 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
 453   width: 7.815em;
 454   position: absolute;
 455   top: 0.5em;
 456   bottom: 0.5em;
 457   left: 0.5em;
 458   background-position: center center;
 459   background-repeat: no-repeat;
 460   background-size: contain;
 461 }
 462 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
 463   background-repeat: repeat;
 464   background-size: auto;
 465 }
 466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
 467   opacity: 0.4;
 468   height: 7.815em;
 469   width: 7.815em;
 470 }
 471 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 472   display: block;
 473   height: 100%;
 474   width: auto;
 475   margin-left: 8.815em;
 476   border: 0;
 477 }
 478 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 479   display: block;
 480   position: relative;
 481   top: inherit;
 482 }
 483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-fileName {
 484   display: block;
 485   padding-top: 0.5em;
 486   padding-right: 2.375em;
 487 }
 488 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-clearButton {
 489   right: 0.5em;
 490 }
 491 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail,
 492 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 493   display: none;
 494 }
 495 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
 496   display: block;
 497   margin: 2.2em 1em 1em;
 498 }
 499 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget,
 500 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 501   text-align: center;
 502 }
 503 .oo-ui-selectFileWidget-empty.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info,
 504 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
 505   margin: 0;
 506 }
 507 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-clearButton,
 508 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
 509   display: none;
 510 }
 511 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-label {
 512   cursor: default;
 513 }
 514 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled .oo-ui-selectFileWidget-dropLabel {
 515   display: block;
 516 }
 517 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 518 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 519   -webkit-touch-callout: none;
 520   -webkit-user-select: none;
 521      -moz-user-select: none;
 522       -ms-user-select: none;
 523           user-select: none;
 524 }
 525 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 526 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget,
 527 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button,
 528 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-buttonElement-button {
 529   cursor: no-drop;
 530 }
 531 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 532   height: auto;
 533 }
 534 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 535   padding: 1em;
 536 }
 537 .oo-ui-selectFileWidget:last-child {
 538   margin-right: 0;
 539 }
 540 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 541   border-radius: 0 2px 2px 0;
 542 }
 543 .oo-ui-selectFileWidget-info {
 544   height: 2.4em;
 545   background-color: #fff;
 546   border: 1px solid #a2a9b1;
 547   border-radius: 2px 0 0 2px;
 548   border-width: 1px 0 1px 1px;
 549 }
 550 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
 551   left: 0;
 552   top: 0;
 553   height: 2.3em;
 554   margin-left: 0.5em;
 555 }
 556 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 557   top: 0;
 558   right: 0;
 559   height: 2.3em;
 560   margin-right: 0.775em;
 561 }
 562 .oo-ui-selectFileWidget-label {
 563   -webkit-box-sizing: border-box;
 564      -moz-box-sizing: border-box;
 565           box-sizing: border-box;
 566   display: block;
 567   right: 2.375em;
 568   margin: 0;
 569   padding-left: 0.5em;
 570   line-height: 2.3;
 571   white-space: nowrap;
 572 }
 573 .oo-ui-selectFileWidget-fileName {
 574   display: block;
 575   overflow: hidden;
 576   text-overflow: ellipsis;
 577 }
 578 .oo-ui-selectFileWidget-clearButton {
 579   top: 0;
 580   right: 0;
 581   min-width: 24px;
 582   width: 1.875em;
 583   margin-right: 0;
 584 }
 585 .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 586   height: 2.3em;
 587 }
 588 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
 589   color: #72777d;
 590 }
 591 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-label {
 592   left: 2.875em;
 593 }
 594 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 595   right: 4.4625em;
 596   padding-left: 0;
 597 }
 598 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-clearButton {
 599   right: 2.0875em;
 600 }
 601 .oo-ui-selectFileWidget-empty.oo-ui-indicatorElement .oo-ui-selectFileWidget-label,
 602 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-label {
 603   right: 2em;
 604 }
 605 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget {
 606   background-color: #eaf3ff;
 607 }
 608 .oo-ui-selectFileWidget-dropTarget {
 609   background-color: #fff;
 610   border: 1px solid #a2a9b1;
 611   vertical-align: middle;
 612   overflow: hidden;
 613   border-radius: 2px;
 614 }
 615 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
 616   border-radius: 2px;
 617 }
 618 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-label {
 619   line-height: 1.4;
 620   overflow: inherit;
 621   white-space: normal;
 622 }
 623 .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
 624   background-color: #eee;
 625   border-style: dashed;
 626 }
 627 .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 628 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
 629 .oo-ui-selectFileWidget-notsupported.oo-ui-selectFileWidget-dropTarget {
 630   background-color: #eaecf0;
 631   border-color: #c8ccd1;
 632 }
 633 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 634 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info,
 635 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info {
 636   background-color: #eaecf0;
 637   color: #72777d;
 638   border-color: #c8ccd1;
 639   text-shadow: 0 1px 1px #fff;
 640 }
 641 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 642 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 643 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon,
 644 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 645 .oo-ui-selectFileWidget-empty.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator,
 646 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
 647   opacity: 0.51;
 648 }
 649 .oo-ui-widget-disabled .oo-ui-selectFileWidget-dropLabel {
 650   display: none;
 651 }
 652 .oo-ui-outlineOptionWidget {
 653   -webkit-touch-callout: none;
 654   -webkit-user-select: none;
 655      -moz-user-select: none;
 656       -ms-user-select: none;
 657           user-select: none;
 658   font-size: 1.1em;
 659   padding: 0.75em;
 660   -webkit-transition: background-color 100ms, color 100ms;
 661      -moz-transition: background-color 100ms, color 100ms;
 662           transition: background-color 100ms, color 100ms;
 663 }
 664 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
 665   background-color: #eaecf0;
 666   color: #000;
 667 }
 668 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
 669   background-color: #eaf3ff;
 670   color: #36c;
 671 }
 672 .oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
 673   background-color: rgba(41, 98, 204, 0.1);
 674   color: #36c;
 675 }
 676 .oo-ui-outlineOptionWidget .oo-ui-iconElement-icon {
 677   font-size: 90.90909%;
 678 }
 679 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 680   padding-right: 1.5em;
 681 }
 682 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 683   opacity: 0.5;
 684 }
 685 .oo-ui-outlineOptionWidget-level-0 {
 686   padding-left: 3.5em;
 687 }
 688 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
 689   left: 1em;
 690 }
 691 .oo-ui-outlineOptionWidget-level-1 {
 692   padding-left: 5em;
 693 }
 694 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
 695   left: 2.5em;
 696 }
 697 .oo-ui-outlineOptionWidget-level-2 {
 698   padding-left: 6.5em;
 699 }
 700 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
 701   left: 4em;
 702 }
 703 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
 704   font-weight: bold;
 705 }
 706 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
 707   opacity: 0.5;
 708 }
 709 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
 710   color: #777;
 711 }
 712 .oo-ui-outlineControlsWidget {
 713   height: 3em;
 714   background-color: #fff;
 715 }
 716 .oo-ui-outlineControlsWidget-items,
 717 .oo-ui-outlineControlsWidget-movers {
 718   float: left;
 719   -webkit-box-sizing: border-box;
 720      -moz-box-sizing: border-box;
 721           box-sizing: border-box;
 722 }
 723 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 724   float: left;
 725   background-position: right center;
 726 }
 727 .oo-ui-outlineControlsWidget-items {
 728   float: left;
 729 }
 730 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
 731   float: left;
 732 }
 733 .oo-ui-outlineControlsWidget-movers {
 734   float: right;
 735 }
 736 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
 737   float: right;
 738 }
 739 .oo-ui-outlineControlsWidget-items,
 740 .oo-ui-outlineControlsWidget-movers {
 741   height: 2em;
 742   margin: 0.5em 0.5em 0.5em 0;
 743   padding: 0;
 744 }
 745 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
 746   width: 1.5em;
 747   height: 2em;
 748   margin: 0.5em 0 0.5em 0.5em;
 749   opacity: 0.2;
 750 }
 751 .oo-ui-tabSelectWidget {
 752   text-align: left;
 753   white-space: nowrap;
 754   overflow: hidden;
 755   background-color: #ddd;
 756 }
 757 .oo-ui-tabOptionWidget {
 758   display: inline-block;
 759   vertical-align: bottom;
 760   padding: 0.35em 1em;
 761   margin: 0.5em 0 0 0.75em;
 762   border: 1px solid transparent;
 763   border-bottom: 0;
 764   border-top-left-radius: 2px;
 765   border-top-right-radius: 2px;
 766   color: #222;
 767   font-weight: bold;
 768 }
 769 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 770   background-color: rgba(255, 255, 255, 0.3);
 771 }
 772 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
 773   background-color: rgba(255, 255, 255, 0.8);
 774 }
 775 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
 776   padding-right: 1.5em;
 777 }
 778 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 779   opacity: 0.5;
 780 }
 781 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 782 .oo-ui-selectWidget-depressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected,
 783 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
 784   background-color: #fff;
 785   color: #333;
 786 }
 787 .oo-ui-capsuleMultiselectWidget {
 788   display: inline-block;
 789   position: relative;
 790   width: 100%;
 791   max-width: 50em;
 792 }
 793 .oo-ui-capsuleMultiselectWidget-handle {
 794   width: 100%;
 795   display: block;
 796   position: relative;
 797 }
 798 .oo-ui-capsuleMultiselectWidget-content {
 799   position: relative;
 800 }
 801 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-content > input {
 802   display: none;
 803 }
 804 .oo-ui-capsuleMultiselectWidget-group {
 805   display: inline;
 806 }
 807 .oo-ui-capsuleMultiselectWidget-handle {
 808   min-height: 2.4em;
 809   margin-right: 0.5em;
 810   padding: 0.15em 0.25em;
 811   border: 1px solid #a2a9b1;
 812   border-radius: 2px;
 813   -webkit-box-sizing: border-box;
 814      -moz-box-sizing: border-box;
 815           box-sizing: border-box;
 816 }
 817 .oo-ui-capsuleMultiselectWidget-handle:last-child {
 818   margin-right: 0;
 819 }
 820 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator,
 821 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 822   position: absolute;
 823 }
 824 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-moz-placeholder {
 825   color: #72777d;
 826   opacity: 1;
 827 }
 828 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-moz-placeholder {
 829   color: #72777d;
 830   opacity: 1;
 831 }
 832 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :-ms-input-placeholder {
 833   color: #72777d;
 834 }
 835 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content ::-webkit-input-placeholder {
 836   color: #72777d;
 837 }
 838 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content :placeholder-shown {
 839   color: #72777d;
 840 }
 841 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input {
 842   border: 0;
 843   line-height: 1.675;
 844   margin: 0 0 0 0.2em;
 845   padding: 0;
 846   font-size: inherit;
 847   font-family: inherit;
 848   background-color: transparent;
 849   color: #000;
 850   vertical-align: middle;
 851 }
 852 .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-capsuleMultiselectWidget-content > input:focus {
 853   outline: 0;
 854 }
 855 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle {
 856   padding-right: 2.4875em;
 857 }
 858 .oo-ui-capsuleMultiselectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 859   right: 0;
 860   top: 0;
 861   margin: 0.775em;
 862 }
 863 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle {
 864   padding-left: 2.475em;
 865 }
 866 .oo-ui-capsuleMultiselectWidget.oo-ui-iconElement .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 867   left: 0;
 868   top: 0;
 869   margin: 0.3em;
 870 }
 871 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget {
 872   width: 100%;
 873   margin-top: -1px;
 874 }
 875 .oo-ui-capsuleMultiselectWidget .oo-ui-popupWidget-popup {
 876   min-width: 100%;
 877   -webkit-box-sizing: border-box;
 878      -moz-box-sizing: border-box;
 879           box-sizing: border-box;
 880   border-width: 0 1px;
 881   border-radius: 0 0 2px 2px;
 882 }
 883 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled .oo-ui-capsuleMultiselectWidget-handle {
 884   background-color: #fff;
 885   cursor: text;
 886   -webkit-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 887      -moz-transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 888           transition: border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1);
 889 }
 890 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled:hover .oo-ui-capsuleMultiselectWidget-handle {
 891   border-color: #72777d;
 892 }
 893 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-enabled.oo-ui-capsuleMultiselectWidget-open .oo-ui-capsuleMultiselectWidget-handle {
 894   border-color: #36c;
 895   outline: 0;
 896   box-shadow: inset 0 0 0 1px #36c;
 897 }
 898 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle {
 899   color: #72777d;
 900   text-shadow: 0 1px 1px #fff;
 901   border-color: #c8ccd1;
 902   background-color: #eaecf0;
 903 }
 904 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-iconElement-icon {
 905   opacity: 0.51;
 906 }
 907 .oo-ui-capsuleMultiselectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiselectWidget-handle > .oo-ui-indicatorElement-indicator {
 908   opacity: 0.15;
 909 }
 910 .oo-ui-capsuleItemWidget {
 911   position: relative;
 912   display: inline-block;
 913   cursor: default;
 914   white-space: nowrap;
 915   width: auto;
 916   max-width: 100%;
 917   -webkit-box-sizing: border-box;
 918      -moz-box-sizing: border-box;
 919           box-sizing: border-box;
 920   vertical-align: middle;
 921   height: 1.7em;
 922   line-height: 1.7;
 923   background-color: #eee;
 924   color: #222;
 925   margin: 0.1em;
 926   border: 1px solid #a2a9b1;
 927   border-radius: 2px;
 928   padding: 0 0.4em;
 929 }
 930 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 931   display: inline-block;
 932   text-overflow: ellipsis;
 933   overflow: hidden;
 934   cursor: text;
 935 }
 936 .oo-ui-capsuleItemWidget:focus {
 937   outline: 0;
 938   border-color: #36c;
 939   box-shadow: inset 0 0 0 1px #36c;
 940 }
 941 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
 942   background-color: #eaecf0;
 943   color: #72777d;
 944   border-color: #c8ccd1;
 945   text-shadow: 0 1px 1px #fff;
 946 }
 947 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
 948   display: none;
 949 }
 950 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled {
 951   padding-right: 1.5375em;
 952 }
 953 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled > .oo-ui-buttonElement {
 954   display: block;
 955   position: absolute;
 956   top: 0;
 957   right: 0;
 958   bottom: 0;
 959 }
 960 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button {
 961   display: block;
 962   width: 1.5375em;
 963   height: 100%;
 964 }
 965 .oo-ui-capsuleItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button .oo-ui-indicator-clear {
 966   position: absolute;
 967   top: 0;
 968   right: 0.3em;
 969   bottom: 0;
 970   height: auto;
 971 }
 972 .oo-ui-searchWidget-query {
 973   position: absolute;
 974   top: 0;
 975   left: 0;
 976   right: 0;
 977 }
 978 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 979   width: 100%;
 980 }
 981 .oo-ui-searchWidget-results {
 982   position: absolute;
 983   bottom: 0;
 984   left: 0;
 985   right: 0;
 986   overflow-x: hidden;
 987   overflow-y: auto;
 988 }
 989 .oo-ui-searchWidget-query {
 990   height: 4em;
 991   padding: 0 1em;
 992   border-bottom: 1px solid #a2a9b1;
 993 }
 994 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
 995   margin: 0.75em 0;
 996 }
 997 .oo-ui-searchWidget-results {
 998   top: 4em;
 999   padding: 1em;
1000   line-height: 0;
1001 }
1002 .oo-ui-numberInputWidget {
1003   display: inline-block;
1004   position: relative;
1005   max-width: 50em;
1006 }
1007 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget,
1008 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget {
1009   display: table-cell;
1010 }
1011 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1012   -webkit-box-sizing: border-box;
1013      -moz-box-sizing: border-box;
1014           box-sizing: border-box;
1015 }
1016 .oo-ui-numberInputWidget-field {
1017   display: table;
1018   table-layout: fixed;
1019   width: 100%;
1020 }
1021 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonWidget {
1022   width: 2.5em;
1023 }
1024 .oo-ui-numberInputWidget-buttoned .oo-ui-buttonElement-button {
1025   display: block;
1026   min-height: 2.5em;
1027   padding-left: 0;
1028   padding-right: 0;
1029 }
1030 .oo-ui-numberInputWidget-buttoned .oo-ui-textInputWidget input {
1031   border-radius: 0;
1032 }
1033 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1034   border-top-right-radius: 0;
1035   border-bottom-right-radius: 0;
1036   border-right-width: 0;
1037 }
1038 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
1039   border-top-left-radius: 0;
1040   border-bottom-left-radius: 0;
1041   border-left-width: 0;
1042 }