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

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