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

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