resources/lib/oojs-ui/oojs-ui-core-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-element-hidden {
  12         display: none !important;
  13         /* stylelint-disable-line declaration-no-important */
  14 }
  15 .oo-ui-buttonElement {
  16         display: inline-block;
  17         vertical-align: middle;
  18 }
  19 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  20         cursor: pointer;
  21         display: inline-block;
  22         vertical-align: middle;
  23         font-family: inherit;
  24         font-size: inherit;
  25         line-height: normal;
  26         white-space: nowrap;
  27         -webkit-touch-callout: none;
  28         -webkit-user-select: none;
  29            -moz-user-select: none;
  30             -ms-user-select: none;
  31                 user-select: none;
  32 }
  33 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  34 .oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  35         display: none;
  36 }
  37 .oo-ui-buttonElement.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
  38         cursor: default;
  39 }
  40 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
  41 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
  42 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
  43         z-index: 2;
  44 }
  45 .oo-ui-buttonElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
  46 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  47 .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
  48         display: inline-block;
  49         vertical-align: middle;
  50 }
  51 .oo-ui-buttonElement-frameless {
  52         position: relative;
  53 }
  54 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
  55         vertical-align: top;
  56         text-align: center;
  57 }
  58 .oo-ui-buttonElement > .oo-ui-buttonElement-button {
  59         font-weight: bold;
  60         text-decoration: none;
  61 }
  62 .oo-ui-buttonElement > .oo-ui-buttonElement-button:focus {
  63         border-radius: 2px;
  64         outline: 0;
  65 }
  66 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
  67         margin-left: 0;
  68 }
  69 .oo-ui-buttonElement.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  70         margin-right: 0.25em;
  71         margin-left: 0.46875em;
  72 }
  73 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  74         -webkit-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  75            -moz-transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  76                 transition: background-color 100ms, color 100ms, border-color 100ms, box-shadow 100ms;
  77 }
  78 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  79 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  80         opacity: 0.87;
  81         -webkit-transition: opacity 100ms;
  82            -moz-transition: opacity 100ms;
  83                 transition: opacity 100ms;
  84 }
  85 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon.oo-ui-image-invert,
  86 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
  87         opacity: 1;
  88 }
  89 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
  90 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
  91         opacity: 0.73;
  92 }
  93 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon.oo-ui-image-invert,
  94 .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator.oo-ui-image-invert {
  95         opacity: 1;
  96 }
  97 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
  98 .oo-ui-buttonElement.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
  99         opacity: 1;
 100 }
 101 .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button .oo-ui-indicatorElement-indicator {
 102         margin-right: 0;
 103 }
 104 .oo-ui-buttonElement-frameless.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 105         margin-left: 0.25em;
 106         margin-right: 0.25em;
 107 }
 108 .oo-ui-buttonElement-frameless > input.oo-ui-buttonElement-button {
 109         padding-left: 0.25em;
 110         padding-right: 0.25em;
 111 }
 112 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 113         color: #222;
 114 }
 115 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 116         color: #444;
 117 }
 118 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 119         box-shadow: inset 0 0 0 1px #36c, 0 0 0 1px #36c;
 120 }
 121 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
 122 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button:active {
 123         color: #000;
 124 }
 125 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 126         color: #36c;
 127 }
 128 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 129         color: #447ff5;
 130 }
 131 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 132 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 133         color: #2a4b8d;
 134         box-shadow: none;
 135 }
 136 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 137         color: #36c;
 138 }
 139 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 140         color: #447ff5;
 141 }
 142 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 143 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 144         color: #2a4b8d;
 145         box-shadow: none;
 146 }
 147 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 148         color: #c33;
 149 }
 150 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover > .oo-ui-labelElement-label {
 151         color: #e53939;
 152 }
 153 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active > .oo-ui-labelElement-label,
 154 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 155         color: #873636;
 156         box-shadow: none;
 157 }
 158 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 159 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 160         opacity: 1;
 161 }
 162 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-iconElement-icon,
 163 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled[class*='oo-ui-flaggedElement'] > .oo-ui-buttonElement-button:hover > .oo-ui-indicatorElement-indicator {
 164         opacity: 0.73;
 165 }
 166 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 167         color: #72777d;
 168 }
 169 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 170 .oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 171         opacity: 0.51;
 172 }
 173 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button,
 174 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
 175         padding-left: 2.4em;
 176 }
 177 .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
 178         padding: 0.5em 1em;
 179         min-height: 1.2em;
 180         min-width: 1em;
 181         border-radius: 2px;
 182         position: relative;
 183 }
 184 .oo-ui-buttonElement-framed > input.oo-ui-buttonElement-button,
 185 .oo-ui-buttonElement-framed.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 186         line-height: 1.2;
 187 }
 188 .oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 189         position: absolute;
 190         top: 0.2em;
 191         left: 0.5625em;
 192 }
 193 .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
 194         margin-left: 0.3em;
 195 }
 196 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator,
 197 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 198         margin-left: 0.46875em;
 199         margin-right: -0.275em;
 200 }
 201 .oo-ui-buttonElement-framed.oo-ui-indicatorElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 202         position: relative;
 203         left: 0.2em;
 204 }
 205 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 206         background-color: #c8ccd1;
 207         color: #fff;
 208         border: 1px solid #c8ccd1;
 209 }
 210 .oo-ui-buttonElement-framed.oo-ui-widget-disabled + .oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 211         border-left-color: #fff;
 212 }
 213 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
 214         background-color: #f8f9fa;
 215         color: #222;
 216         border: 1px solid #9aa0a7;
 217 }
 218 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 219         background-color: #fff;
 220         color: #444;
 221         border-color: #a2a9b1;
 222 }
 223 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 224         border-color: #36c;
 225         box-shadow: inset 0 0 0 1px #36c;
 226 }
 227 .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 228 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
 229         background-color: #d9d9d9;
 230         color: #000;
 231         border-color: #72777d;
 232 }
 233 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 234         background-color: #2a4b8d;
 235         color: #fff;
 236         border-color: #2a4b8d;
 237         z-index: 3;
 238 }
 239 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
 240         border-color: #36c;
 241         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 242 }
 243 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 244         color: #36c;
 245 }
 246 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 247         background-color: #fff;
 248         border-color: #859dcc;
 249 }
 250 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 251 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 252 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 253         background-color: #eff3fa;
 254         color: #2a4b8d;
 255         border-color: #2a4b8d;
 256         box-shadow: none;
 257 }
 258 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 259         border-color: #36c;
 260         box-shadow: inset 0 0 0 1px #36c;
 261 }
 262 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 263         color: #36c;
 264 }
 265 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 266         background-color: #fff;
 267         border-color: #859dcc;
 268 }
 269 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 270 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 271 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 272         background-color: #eff3fa;
 273         color: #2a4b8d;
 274         border-color: #2a4b8d;
 275         box-shadow: none;
 276 }
 277 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 278         border-color: #36c;
 279         box-shadow: inset 0 0 0 1px #36c;
 280 }
 281 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 282         color: #c33;
 283 }
 284 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 285         background-color: #fff;
 286         border-color: #b77c79;
 287 }
 288 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 289 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 290 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 291         background-color: #fbf4f4;
 292         color: #873636;
 293         border-color: #873636;
 294         box-shadow: none;
 295 }
 296 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 297         border-color: #c33;
 298         box-shadow: inset 0 0 0 1px #c33;
 299 }
 300 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 301         color: #fff;
 302         background-color: #36c;
 303         border-color: #36c;
 304 }
 305 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 306         background-color: #447ff5;
 307         border-color: #447ff5;
 308 }
 309 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 310 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 311 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 312         color: #fff;
 313         background-color: #2a4b8d;
 314         border-color: #2a4b8d;
 315         box-shadow: none;
 316 }
 317 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 318         border-color: #36c;
 319         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 320 }
 321 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 322         color: #fff;
 323         background-color: #36c;
 324         border-color: #36c;
 325 }
 326 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 327         background-color: #447ff5;
 328         border-color: #447ff5;
 329 }
 330 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 331 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 332 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 333         color: #fff;
 334         background-color: #2a4b8d;
 335         border-color: #2a4b8d;
 336         box-shadow: none;
 337 }
 338 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 339         border-color: #36c;
 340         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 341 }
 342 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
 343         color: #fff;
 344         background-color: #c33;
 345         border-color: #c33;
 346 }
 347 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
 348         background-color: #e53939;
 349         border-color: #e53939;
 350 }
 351 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
 352 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
 353 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
 354         color: #fff;
 355         background-color: #873636;
 356         border-color: #873636;
 357         box-shadow: none;
 358 }
 359 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
 360         border-color: #c33;
 361         box-shadow: inset 0 0 0 1px #c33, inset 0 0 0 2px #fff;
 362 }
 363 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon,
 364 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button > .oo-ui-indicatorElement-indicator {
 365         opacity: 1;
 366 }
 367 .oo-ui-clippableElement-clippable {
 368         -webkit-box-sizing: border-box;
 369            -moz-box-sizing: border-box;
 370                 box-sizing: border-box;
 371 }
 372 .oo-ui-floatableElement-hidden {
 373         display: none;
 374 }
 375 .oo-ui-iconElement .oo-ui-iconElement-icon,
 376 .oo-ui-iconElement.oo-ui-iconElement-icon {
 377         background-size: contain;
 378         background-position: center center;
 379         background-repeat: no-repeat;
 380         min-width: 24px;
 381         width: 1.875em;
 382         min-height: 24px;
 383         height: 1.875em;
 384 }
 385 .oo-ui-indicatorElement .oo-ui-indicatorElement-indicator,
 386 .oo-ui-indicatorElement.oo-ui-indicatorElement-indicator {
 387         background-size: contain;
 388         background-position: center center;
 389         background-repeat: no-repeat;
 390         min-width: 12px;
 391         width: 0.9375em;
 392         min-height: 12px;
 393         height: 0.9375em;
 394 }
 395 .oo-ui-labelElement .oo-ui-labelElement-label-highlight {
 396         font-weight: bold;
 397 }
 398 .oo-ui-pendingElement-pending {
 399         background-image: /* @embed */ url(themes/mediawiki/images/textures/pending.gif);
 400 }
 401 .oo-ui-fieldLayout {
 402         display: block;
 403         margin-bottom: 1em;
 404 }
 405 .oo-ui-fieldLayout:before,
 406 .oo-ui-fieldLayout:after {
 407         content: ' ';
 408         display: table;
 409 }
 410 .oo-ui-fieldLayout:after {
 411         clear: both;
 412 }
 413 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 414 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 415 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 416 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 417         display: block;
 418         float: left;
 419 }
 420 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 421         text-align: right;
 422 }
 423 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
 424         display: table;
 425 }
 426 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 427 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 428         display: table-cell;
 429         vertical-align: middle;
 430 }
 431 .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 432         display: inline-block;
 433 }
 434 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help {
 435         float: right;
 436 }
 437 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 438         z-index: 1;
 439 }
 440 .oo-ui-fieldLayout > .oo-ui-fieldLayout-help .oo-ui-fieldLayout-help-content {
 441         padding: 0.5em 0.75em;
 442         line-height: 1.5;
 443 }
 444 .oo-ui-fieldLayout:last-child {
 445         margin-bottom: 0;
 446 }
 447 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label,
 448 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 449         padding-top: 0.5em;
 450         margin-right: 5%;
 451         width: 35%;
 452 }
 453 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
 454 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
 455         width: 60%;
 456 }
 457 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline {
 458         margin-bottom: 1.25em;
 459 }
 460 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 461         padding: 0.25em 0.25em 0.25em 0.5em;
 462 }
 463 .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 464         padding-top: 0.25em;
 465         padding-bottom: 0.5em;
 466 }
 467 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget {
 468         margin-right: 0;
 469 }
 470 .oo-ui-fieldLayout > .oo-ui-popupButtonWidget:last-child {
 471         margin-right: 0;
 472 }
 473 .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-labelElement-label {
 474         color: #72777d;
 475 }
 476 .oo-ui-fieldLayout-messages {
 477         list-style: none none;
 478         margin: 0.25em 0 0 0.25em;
 479         padding: 0;
 480 }
 481 .oo-ui-fieldLayout-messages > li {
 482         margin: 0;
 483         padding: 0;
 484         display: table;
 485 }
 486 .oo-ui-fieldLayout-messages .oo-ui-iconWidget {
 487         display: table-cell;
 488         border-right: 0.5em solid transparent;
 489 }
 490 .oo-ui-fieldLayout-messages .oo-ui-labelWidget {
 491         display: table-cell;
 492         padding: 0.1em 0;
 493         line-height: 1.5;
 494         vertical-align: middle;
 495 }
 496 .oo-ui-actionFieldLayout {
 497         max-width: 50em;
 498 }
 499 .oo-ui-actionFieldLayout-input,
 500 .oo-ui-actionFieldLayout-button {
 501         display: table-cell;
 502         vertical-align: middle;
 503 }
 504 .oo-ui-actionFieldLayout-input {
 505         padding-right: 1em;
 506 }
 507 .oo-ui-actionFieldLayout-button {
 508         width: 1%;
 509         white-space: nowrap;
 510 }
 511 .oo-ui-fieldsetLayout {
 512         position: relative;
 513         min-width: 0;
 514         margin: 0;
 515         border: 0;
 516         padding: 0.01px 0 0 0;
 517 }
 518 body:not( :-moz-handler-blocked ) .oo-ui-fieldsetLayout {
 519         display: table-cell;
 520 }
 521 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 522         display: block;
 523         position: absolute;
 524 }
 525 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 526         color: inherit;
 527         display: inline-table;
 528         box-sizing: border-box;
 529         max-width: 100%;
 530         padding: 0;
 531         white-space: normal;
 532         float: left;
 533 }
 534 .oo-ui-fieldsetLayout-group {
 535         clear: both;
 536 }
 537 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help {
 538         float: right;
 539 }
 540 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help > .oo-ui-popupWidget > .oo-ui-popupWidget-popup {
 541         z-index: 1;
 542 }
 543 .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-help .oo-ui-fieldsetLayout-help-content {
 544         padding: 0.5em 0.75em;
 545         line-height: 1.5;
 546 }
 547 .oo-ui-fieldsetLayout + .oo-ui-fieldsetLayout,
 548 .oo-ui-fieldsetLayout + .oo-ui-formLayout {
 549         margin-top: 2em;
 550 }
 551 .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-labelElement-label {
 552         margin-bottom: 0.5em;
 553         font-size: 1.1em;
 554         font-weight: bold;
 555 }
 556 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-labelElement-label {
 557         padding-left: 2em;
 558         line-height: 1.8;
 559 }
 560 .oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-iconElement-icon {
 561         left: 0;
 562         top: 0.25em;
 563 }
 564 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget {
 565         margin-right: 0;
 566 }
 567 .oo-ui-fieldsetLayout > .oo-ui-popupButtonWidget:last-child {
 568         margin-right: 0;
 569 }
 570 .oo-ui-formLayout + .oo-ui-fieldsetLayout,
 571 .oo-ui-formLayout + .oo-ui-formLayout {
 572         margin-top: 2em;
 573 }
 574 .oo-ui-panelLayout {
 575         position: relative;
 576 }
 577 .oo-ui-panelLayout-scrollable {
 578         overflow-y: auto;
 579 }
 580 .oo-ui-panelLayout-expanded {
 581         position: absolute;
 582         top: 0;
 583         left: 0;
 584         right: 0;
 585         bottom: 0;
 586 }
 587 .oo-ui-panelLayout-padded {
 588         padding: 1.25em;
 589 }
 590 .oo-ui-panelLayout-framed {
 591         border: 1px solid #a2a9b1;
 592         border-radius: 2px;
 593         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 594 }
 595 .oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
 596         margin: 1em 0;
 597 }
 598 .oo-ui-horizontalLayout > .oo-ui-widget {
 599         display: inline-block;
 600         vertical-align: middle;
 601 }
 602 .oo-ui-horizontalLayout > .oo-ui-layout {
 603         display: inline-block;
 604 }
 605 .oo-ui-horizontalLayout > .oo-ui-layout,
 606 .oo-ui-horizontalLayout > .oo-ui-widget {
 607         margin-right: 0.5em;
 608 }
 609 .oo-ui-horizontalLayout > .oo-ui-layout:last-child,
 610 .oo-ui-horizontalLayout > .oo-ui-widget:last-child {
 611         margin-right: 0;
 612 }
 613 .oo-ui-horizontalLayout > .oo-ui-layout {
 614         margin-bottom: 0;
 615 }
 616 .oo-ui-optionWidget {
 617         position: relative;
 618         display: block;
 619         border: 0;
 620         padding: 0.25em 0.5em;
 621 }
 622 .oo-ui-optionWidget.oo-ui-widget-enabled {
 623         cursor: pointer;
 624 }
 625 .oo-ui-optionWidget.oo-ui-widget-disabled {
 626         cursor: default;
 627 }
 628 .oo-ui-optionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 629         display: block;
 630         white-space: nowrap;
 631         text-overflow: ellipsis;
 632         overflow: hidden;
 633 }
 634 .oo-ui-optionWidget .oo-ui-labelElement-label {
 635         line-height: 1.5;
 636 }
 637 .oo-ui-optionWidget-selected .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 638         opacity: 1;
 639 }
 640 .oo-ui-optionWidget.oo-ui-widget-disabled {
 641         color: #72777d;
 642 }
 643 .oo-ui-decoratedOptionWidget {
 644         padding: 0.5em 2em 0.5em 3em;
 645 }
 646 .oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
 647 .oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator {
 648         position: absolute;
 649 }
 650 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 651 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 652         top: 0;
 653         height: 100%;
 654 }
 655 .oo-ui-decoratedOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 656         left: 0.5em;
 657 }
 658 .oo-ui-decoratedOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
 659         right: 0.5em;
 660 }
 661 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
 662 .oo-ui-decoratedOptionWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
 663         opacity: 0.51;
 664 }
 665 .oo-ui-radioSelectWidget:focus {
 666         outline: 0;
 667 }
 668 .oo-ui-radioSelectWidget:focus [type='radio']:checked + span:before {
 669         border-color: #fff;
 670 }
 671 .oo-ui-radioOptionWidget {
 672         cursor: default;
 673         padding: 0.25em 0;
 674         background-color: transparent;
 675 }
 676 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget,
 677 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 678         display: inline-block;
 679         vertical-align: middle;
 680 }
 681 .oo-ui-radioOptionWidget.oo-ui-optionWidget-selected,
 682 .oo-ui-radioOptionWidget.oo-ui-optionWidget-pressed,
 683 .oo-ui-radioOptionWidget.oo-ui-optionWidget-highlighted {
 684         background-color: transparent;
 685 }
 686 .oo-ui-radioOptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 687         padding: 0.25em 0.25em 0.25em 0.5em;
 688 }
 689 .oo-ui-radioOptionWidget .oo-ui-radioInputWidget {
 690         margin-right: 0;
 691 }
 692 .oo-ui-labelWidget {
 693         display: inline-block;
 694 }
 695 .oo-ui-iconWidget {
 696         display: inline-block;
 697         vertical-align: middle;
 698         line-height: 2.5;
 699 }
 700 .oo-ui-iconWidget.oo-ui-widget-disabled {
 701         opacity: 0.51;
 702 }
 703 .oo-ui-indicatorWidget {
 704         display: inline-block;
 705         vertical-align: middle;
 706         line-height: 2.5;
 707         margin: 0.46875em;
 708 }
 709 .oo-ui-indicatorWidget.oo-ui-widget-disabled {
 710         opacity: 0.51;
 711 }
 712 .oo-ui-buttonWidget {
 713         margin-right: 0.5em;
 714 }
 715 .oo-ui-buttonWidget:last-child {
 716         margin-right: 0;
 717 }
 718 .oo-ui-buttonGroupWidget {
 719         display: inline-block;
 720         white-space: nowrap;
 721         border-radius: 2px;
 722         margin-right: 0.5em;
 723 }
 724 .oo-ui-buttonGroupWidget:last-child {
 725         margin-right: 0;
 726 }
 727 .oo-ui-buttonGroupWidget .oo-ui-buttonElement {
 728         margin-right: 0;
 729 }
 730 .oo-ui-buttonGroupWidget .oo-ui-buttonElement:last-child {
 731         margin-right: 0;
 732 }
 733 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 734         border-radius: 0;
 735         margin-left: -1px;
 736 }
 737 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:first-child .oo-ui-buttonElement-button {
 738         border-bottom-left-radius: 2px;
 739         border-top-left-radius: 2px;
 740         margin-left: 0;
 741 }
 742 .oo-ui-buttonGroupWidget .oo-ui-buttonElement-framed:last-child .oo-ui-buttonElement-button {
 743         border-bottom-right-radius: 2px;
 744         border-top-right-radius: 2px;
 745 }
 746 .oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement .oo-ui-buttonElement-button:focus {
 747         border-color: #36c;
 748         z-index: 3;
 749 }
 750 .oo-ui-popupWidget {
 751         position: absolute;
 752         /* @noflip */
 753         left: 0;
 754 }
 755 .oo-ui-popupWidget-popup {
 756         position: relative;
 757         overflow: hidden;
 758         z-index: 1;
 759 }
 760 .oo-ui-popupWidget-anchor {
 761         display: none;
 762         z-index: 1;
 763 }
 764 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor {
 765         display: block;
 766         position: absolute;
 767         top: 0;
 768         /* @noflip */
 769         left: 0;
 770         background-repeat: no-repeat;
 771 }
 772 .oo-ui-popupWidget-head {
 773         -webkit-touch-callout: none;
 774         -webkit-user-select: none;
 775            -moz-user-select: none;
 776             -ms-user-select: none;
 777                 user-select: none;
 778 }
 779 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 780         float: right;
 781 }
 782 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 783         float: left;
 784         cursor: default;
 785 }
 786 .oo-ui-popupWidget-body {
 787         clear: both;
 788         overflow: hidden;
 789 }
 790 .oo-ui-popupWidget-popup {
 791         background-color: #fff;
 792         border: 1px solid #a2a9b1;
 793         border-radius: 2px;
 794         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 795 }
 796 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-popup {
 797         margin-top: 9px;
 798 }
 799 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before,
 800 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 801         content: '';
 802         position: absolute;
 803         width: 0;
 804         height: 0;
 805         border-style: solid;
 806         border-color: transparent;
 807         border-top: 0;
 808 }
 809 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:before {
 810         bottom: -10px;
 811         left: -9px;
 812         border-bottom-color: #888;
 813         border-width: 10px;
 814 }
 815 .oo-ui-popupWidget-anchored .oo-ui-popupWidget-anchor:after {
 816         bottom: -10px;
 817         left: -8px;
 818         border-bottom-color: #fff;
 819         border-width: 9px;
 820 }
 821 .oo-ui-popupWidget-transitioning .oo-ui-popupWidget-popup {
 822         -webkit-transition: width 100ms, height 100ms, left 100ms;
 823            -moz-transition: width 100ms, height 100ms, left 100ms;
 824                 transition: width 100ms, height 100ms, left 100ms;
 825 }
 826 .oo-ui-popupWidget-head {
 827         height: 2.5em;
 828 }
 829 .oo-ui-popupWidget-head > .oo-ui-buttonWidget {
 830         margin: 0.25em;
 831 }
 832 .oo-ui-popupWidget-head > .oo-ui-labelElement-label {
 833         margin: 0.75em 1em;
 834 }
 835 .oo-ui-popupWidget-body-padded {
 836         padding: 0 1em;
 837 }
 838 .oo-ui-popupButtonWidget {
 839         position: relative;
 840 }
 841 .oo-ui-popupButtonWidget .oo-ui-popupWidget {
 842         position: absolute;
 843         cursor: auto;
 844 }
 845 .oo-ui-popupButtonWidget.oo-ui-buttonElement-frameless > .oo-ui-popupWidget {
 846         /* @noflip */
 847         left: 0.9375em;
 848 }
 849 .oo-ui-popupButtonWidget.oo-ui-buttonElement-framed > .oo-ui-popupWidget {
 850         /* @noflip */
 851         left: 1.5em;
 852 }
 853 .oo-ui-inputWidget {
 854         margin-right: 0.5em;
 855 }
 856 .oo-ui-inputWidget:last-child {
 857         margin-right: 0;
 858 }
 859 .oo-ui-buttonInputWidget > button,
 860 .oo-ui-buttonInputWidget > input {
 861         border: 0;
 862         padding: 0;
 863         background-color: transparent;
 864 }
 865 .oo-ui-checkboxInputWidget {
 866         position: relative;
 867         line-height: 1.6em;
 868         white-space: nowrap;
 869 }
 870 .oo-ui-checkboxInputWidget * {
 871         font: inherit;
 872         vertical-align: middle;
 873 }
 874 .oo-ui-checkboxInputWidget [type='checkbox'] {
 875         position: relative;
 876         max-width: none;
 877         width: 1.6em;
 878         height: 1.6em;
 879         margin: 0;
 880         opacity: 0;
 881         z-index: 1;
 882 }
 883 .oo-ui-checkboxInputWidget [type='checkbox'] + span {
 884         background-color: #fff;
 885         background-origin: border-box;
 886         background-position: center center;
 887         background-repeat: no-repeat;
 888         background-size: 0 0;
 889         -webkit-box-sizing: border-box;
 890            -moz-box-sizing: border-box;
 891                 box-sizing: border-box;
 892         position: absolute;
 893         left: 0;
 894         width: 1.6em;
 895         height: 1.6em;
 896         border: 1px solid #72777d;
 897         border-radius: 2px;
 898 }
 899 .oo-ui-checkboxInputWidget [type='checkbox']:checked + span {
 900         background-image: url('themes/mediawiki/images/icons/check-invert.png');
 901         background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg');
 902         background-image:         linear-gradient(transparent, transparent), /* @embed */ url('themes/mediawiki/images/icons/check-invert.svg');
 903         background-image:      -o-linear-gradient(transparent, transparent), url('themes/mediawiki/images/icons/check-invert.png');
 904         background-size: 90% 90%;
 905 }
 906 .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {
 907         background-color: #c8ccd1;
 908         border-color: #c8ccd1;
 909 }
 910 .oo-ui-checkboxInputWidget [type='checkbox']:disabled:hover + span {
 911         background-color: #c8ccd1;
 912         border-color: #c8ccd1;
 913 }
 914 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] {
 915         cursor: pointer;
 916 }
 917 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox'] + span {
 918         cursor: pointer;
 919         -webkit-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 920            -moz-transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 921                 transition: background-color 100ms, background-size 100ms, border-color 100ms, box-shadow 100ms;
 922 }
 923 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
 924 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover + span {
 925         border-color: #36c;
 926 }
 927 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span {
 928         background-color: #2a4b8d;
 929         border-color: #2a4b8d;
 930 }
 931 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
 932         border-color: #36c;
 933         box-shadow: inset 0 0 0 1px #36c;
 934 }
 935 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span {
 936         background-color: #2a4b8d;
 937         border-color: #2a4b8d;
 938 }
 939 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
 940 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus:hover + span {
 941         background-color: #36c;
 942         border-color: #36c;
 943 }
 944 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
 945 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active:hover + span {
 946         background-color: #2a4b8d;
 947         border-color: #2a4b8d;
 948 }
 949 .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span {
 950         background-color: #2a4b8d;
 951         border-color: #2a4b8d;
 952         box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff;
 953 }
 954 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout {
 955         margin-bottom: 0;
 956 }
 957 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
 958         padding: 0.25em 0;
 959 }
 960 .oo-ui-checkboxMultiselectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
 961         line-height: 1.5;
 962 }
 963 .oo-ui-dropdownInputWidget {
 964         position: relative;
 965         vertical-align: middle;
 966         -webkit-box-sizing: border-box;
 967            -moz-box-sizing: border-box;
 968                 box-sizing: border-box;
 969         width: 100%;
 970         max-width: 50em;
 971 }
 972 .oo-ui-dropdownInputWidget .oo-ui-dropdownWidget,
 973 .oo-ui-dropdownInputWidget select {
 974         display: block;
 975 }
 976 .oo-ui-dropdownInputWidget select {
 977         width: 100%;
 978         cursor: pointer;
 979         -webkit-box-sizing: border-box;
 980            -moz-box-sizing: border-box;
 981                 box-sizing: border-box;
 982 }
 983 .oo-ui-dropdownInputWidget select {
 984         background-color: #fff;
 985         height: 2.275em;
 986         font-size: inherit;
 987         font-family: inherit;
 988         -webkit-box-sizing: border-box;
 989            -moz-box-sizing: border-box;
 990                 box-sizing: border-box;
 991         border: 1px solid #9aa0a7;
 992         border-radius: 2px;
 993         padding-left: 1em;
 994         vertical-align: middle;
 995 }
 996 .oo-ui-dropdownInputWidget option {
 997         font-size: inherit;
 998         font-family: inherit;
 999         height: 1.5em;
1000         padding: 0.5em 1em;
1001 }
1002 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
1003 .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
1004         border-color: #a2a9b1;
1005         outline: 0;
1006 }
1007 .oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
1008         color: #72777d;
1009         border-color: #c8ccd1;
1010         background-color: #eaecf0;
1011 }
1012 .oo-ui-radioInputWidget {
1013         position: relative;
1014         line-height: 1.6em;
1015         white-space: nowrap;
1016 }
1017 .oo-ui-radioInputWidget * {
1018         font: inherit;
1019         vertical-align: middle;
1020 }
1021 .oo-ui-radioInputWidget [type='radio'] {
1022         position: relative;
1023         max-width: none;
1024         width: 1.6em;
1025         height: 1.6em;
1026         margin: 0;
1027         opacity: 0;
1028         z-index: 1;
1029 }
1030 .oo-ui-radioInputWidget [type='radio'] + span {
1031         background-color: #fff;
1032         position: absolute;
1033         left: 0;
1034         -webkit-box-sizing: border-box;
1035            -moz-box-sizing: border-box;
1036                 box-sizing: border-box;
1037         width: 1.6em;
1038         height: 1.6em;
1039         border: 1px solid #72777d;
1040         border-radius: 100%;
1041 }
1042 .oo-ui-radioInputWidget [type='radio'] + span:before {
1043         content: ' ';
1044         position: absolute;
1045         top: -4px;
1046         left: -4px;
1047         right: -4px;
1048         bottom: -4px;
1049         border: 1px solid transparent;
1050         border-radius: 100%;
1051 }
1052 .oo-ui-radioInputWidget [type='radio']:checked + span {
1053         border-width: 0.4em;
1054 }
1055 .oo-ui-radioInputWidget [type='radio']:checked:hover + span,
1056 .oo-ui-radioInputWidget [type='radio']:checked:focus:hover + span {
1057         border-width: 0.4em;
1058 }
1059 .oo-ui-radioInputWidget [type='radio']:disabled + span {
1060         background-color: #c8ccd1;
1061         border-color: #c8ccd1;
1062 }
1063 .oo-ui-radioInputWidget [type='radio']:disabled:checked + span {
1064         background-color: #fff;
1065 }
1066 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] {
1067         cursor: pointer;
1068 }
1069 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio'] + span {
1070         cursor: pointer;
1071         -webkit-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1072            -moz-transition: background-color 100ms, border-color 100ms, border-width 100ms;
1073                 transition: background-color 100ms, border-color 100ms, border-width 100ms;
1074 }
1075 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
1076         border-color: #36c;
1077 }
1078 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
1079         background-color: #2a4b8d;
1080         border-color: #2a4b8d;
1081 }
1082 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
1083         border-color: #2a4b8d;
1084 }
1085 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
1086         border-color: #36c;
1087 }
1088 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover:focus + span {
1089         border-color: #36c;
1090         box-shadow: inset 0 0 0 1px #36c;
1091 }
1092 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span,
1093 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active:focus + span {
1094         border-color: #2a4b8d;
1095         box-shadow: inset 0 0 0 1px #2a4b8d;
1096 }
1097 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span {
1098         box-shadow: inset 0 0 0 1px #36c;
1099 }
1100 .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus + span:before {
1101         border-color: #fff;
1102         top: -3px;
1103         right: -3px;
1104         bottom: -3px;
1105         left: -3px;
1106 }
1107 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout {
1108         margin-bottom: 0;
1109 }
1110 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body {
1111         padding: 0.25em 0;
1112 }
1113 .oo-ui-radioSelectInputWidget .oo-ui-fieldLayout .oo-ui-fieldLayout-body .oo-ui-labelElement-label {
1114         line-height: 1.5;
1115 }
1116 .oo-ui-textInputWidget {
1117         position: relative;
1118         vertical-align: middle;
1119         -webkit-box-sizing: border-box;
1120            -moz-box-sizing: border-box;
1121                 box-sizing: border-box;
1122         width: 100%;
1123         max-width: 50em;
1124 }
1125 .oo-ui-textInputWidget input,
1126 .oo-ui-textInputWidget textarea {
1127         display: block;
1128         width: 100%;
1129         -webkit-box-sizing: border-box;
1130            -moz-box-sizing: border-box;
1131                 box-sizing: border-box;
1132 }
1133 .oo-ui-textInputWidget textarea {
1134         overflow: auto;
1135         resize: none;
1136 }
1137 .oo-ui-textInputWidget [type='number'] {
1138         -moz-appearance: textfield;
1139 }
1140 .oo-ui-textInputWidget [type='number']::-webkit-outer-spin-button,
1141 .oo-ui-textInputWidget [type='number']::-webkit-inner-spin-button {
1142         -webkit-appearance: none;
1143         margin: 0;
1144 }
1145 .oo-ui-textInputWidget [type='search'] {
1146         -webkit-appearance: textfield;
1147 }
1148 .oo-ui-textInputWidget [type='search']::-ms-clear {
1149         display: none;
1150 }
1151 .oo-ui-textInputWidget [type='search']::-webkit-search-decoration,
1152 .oo-ui-textInputWidget [type='search']::-webkit-search-cancel-button {
1153         display: none;
1154 }
1155 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1156 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1157 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1158         display: none;
1159 }
1160 .oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon,
1161 .oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
1162         display: block;
1163         position: absolute;
1164         top: 0;
1165         height: 100%;
1166         -webkit-touch-callout: none;
1167         -webkit-user-select: none;
1168            -moz-user-select: none;
1169             -ms-user-select: none;
1170                 user-select: none;
1171 }
1172 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-iconElement-icon,
1173 .oo-ui-textInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1174         cursor: text;
1175 }
1176 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-textInputWidget-type-search > .oo-ui-indicatorElement-indicator {
1177         cursor: pointer;
1178 }
1179 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1180 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1181         -webkit-touch-callout: none;
1182         -webkit-user-select: none;
1183            -moz-user-select: none;
1184             -ms-user-select: none;
1185                 user-select: none;
1186 }
1187 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1188         -webkit-touch-callout: none;
1189         -webkit-user-select: none;
1190            -moz-user-select: none;
1191             -ms-user-select: none;
1192                 user-select: none;
1193 }
1194 .oo-ui-textInputWidget.oo-ui-labelElement > .oo-ui-labelElement-label {
1195         display: block;
1196 }
1197 .oo-ui-textInputWidget > .oo-ui-iconElement-icon,
1198 .oo-ui-textInputWidget-labelPosition-before > .oo-ui-labelElement-label {
1199         left: 0;
1200 }
1201 .oo-ui-textInputWidget > .oo-ui-indicatorElement-indicator,
1202 .oo-ui-textInputWidget-labelPosition-after > .oo-ui-labelElement-label {
1203         right: 0;
1204 }
1205 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1206         position: absolute;
1207         top: 0;
1208 }
1209 .oo-ui-textInputWidget input,
1210 .oo-ui-textInputWidget textarea {
1211         padding: 0.5em;
1212         margin: 0;
1213         font-size: inherit;
1214         font-family: inherit;
1215         background-color: #fff;
1216         color: #000;
1217         border: 1px solid #9aa0a7;
1218         border-radius: 2px;
1219 }
1220 .oo-ui-textInputWidget textarea {
1221         line-height: 1.275;
1222 }
1223 .oo-ui-textInputWidget .oo-ui-pendingElement-pending {
1224         background-color: transparent;
1225 }
1226 .oo-ui-textInputWidget.oo-ui-widget-enabled input,
1227 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
1228         box-shadow: inset 0 0 0 0.1em #fff;
1229         -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);
1230            -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);
1231                 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);
1232 }
1233 .oo-ui-textInputWidget.oo-ui-widget-enabled input:hover,
1234 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:hover {
1235         border-color: #72777d;
1236 }
1237 .oo-ui-textInputWidget.oo-ui-widget-enabled input:focus,
1238 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea:focus {
1239         outline: 0;
1240         border-color: #36c;
1241         box-shadow: inset 0 0 0 1px #36c;
1242 }
1243 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly],
1244 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly] {
1245         color: #777;
1246         text-shadow: 0 1px 1px #fff;
1247 }
1248 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:hover,
1249 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:hover {
1250         border-color: #ccc;
1251 }
1252 .oo-ui-textInputWidget.oo-ui-widget-enabled input[readonly]:focus,
1253 .oo-ui-textInputWidget.oo-ui-widget-enabled textarea[readonly]:focus {
1254         border-color: #ccc;
1255         box-shadow: inset 0 0 0 0.1em #ccc;
1256 }
1257 .oo-ui-textInputWidget.oo-ui-widget-enabled :-moz-placeholder {
1258         color: #54595d;
1259         opacity: 1;
1260 }
1261 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-moz-placeholder {
1262         color: #54595d;
1263         opacity: 1;
1264 }
1265 .oo-ui-textInputWidget.oo-ui-widget-enabled :-ms-input-placeholder {
1266         color: #54595d;
1267 }
1268 .oo-ui-textInputWidget.oo-ui-widget-enabled ::-webkit-input-placeholder {
1269         color: #54595d;
1270 }
1271 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input,
1272 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea {
1273         border-color: #f00;
1274 }
1275 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:hover,
1276 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:hover {
1277         border-color: #f00;
1278 }
1279 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid input:focus,
1280 .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea:focus {
1281         border-color: #f00;
1282         box-shadow: inset 0 0 0 0.1em #f00;
1283 }
1284 .oo-ui-textInputWidget.oo-ui-widget-disabled input,
1285 .oo-ui-textInputWidget.oo-ui-widget-disabled textarea {
1286         background-color: #eaecf0;
1287         color: #72777d;
1288         text-shadow: 0 1px 1px #fff;
1289         border-color: #c8ccd1;
1290 }
1291 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-iconElement-icon,
1292 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1293         opacity: 0.51;
1294 }
1295 .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-labelElement-label {
1296         color: #72777d;
1297         text-shadow: 0 1px 1px #fff;
1298 }
1299 .oo-ui-textInputWidget.oo-ui-iconElement input,
1300 .oo-ui-textInputWidget.oo-ui-iconElement textarea {
1301         padding-left: 2.875em;
1302 }
1303 .oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
1304         left: 0;
1305         height: 100%;
1306         max-height: 2.375em;
1307         margin-left: 0.5em;
1308         background-position: right center;
1309 }
1310 .oo-ui-textInputWidget.oo-ui-indicatorElement input,
1311 .oo-ui-textInputWidget.oo-ui-indicatorElement textarea {
1312         padding-right: 2.4875em;
1313 }
1314 .oo-ui-textInputWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
1315         height: 100%;
1316         max-height: 2.375em;
1317         margin: 0 0.775em;
1318 }
1319 .oo-ui-textInputWidget > .oo-ui-labelElement-label {
1320         padding: 0.4em;
1321         line-height: 1.5;
1322         color: #888;
1323 }
1324 .oo-ui-textInputWidget-labelPosition-after.oo-ui-indicatorElement > .oo-ui-labelElement-label {
1325         margin-right: 2.0875em;
1326 }
1327 .oo-ui-textInputWidget-labelPosition-before.oo-ui-iconElement > .oo-ui-labelElement-label {
1328         margin-left: 2.475em;
1329 }
1330 .oo-ui-menuSelectWidget {
1331         position: absolute;
1332         width: 100%;
1333         z-index: 4;
1334         background-color: #fff;
1335         margin-top: -1px;
1336         border: 1px solid #a2a9b1;
1337         border-radius: 0 0 2px 2px;
1338         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
1339 }
1340 .oo-ui-menuSelectWidget input {
1341         position: absolute;
1342         width: 0;
1343         height: 0;
1344         overflow: hidden;
1345         opacity: 0;
1346 }
1347 .oo-ui-menuOptionWidget {
1348         position: relative;
1349         padding: 0.5em 1em;
1350         -webkit-transition: background-color 100ms, color 100ms;
1351            -moz-transition: background-color 100ms, color 100ms;
1352                 transition: background-color 100ms, color 100ms;
1353 }
1354 .oo-ui-menuOptionWidget .oo-ui-iconElement-icon {
1355         display: none;
1356 }
1357 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1358         display: block;
1359 }
1360 .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1361         background-color: #eaecf0;
1362         color: #000;
1363 }
1364 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
1365         background-color: #eaf3ff;
1366         color: #36c;
1367 }
1368 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected .oo-ui-iconElement-icon {
1369         display: none;
1370 }
1371 .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
1372 .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
1373         background-color: rgba(41, 98, 204, 0.1);
1374         color: #36c;
1375 }
1376 .oo-ui-menuSectionOptionWidget {
1377         cursor: default;
1378         padding: 0.33em 0.75em;
1379         color: #888;
1380 }
1381 .oo-ui-dropdownWidget {
1382         display: inline-block;
1383         position: relative;
1384         width: 100%;
1385         max-width: 50em;
1386         margin-right: 0.5em;
1387 }
1388 .oo-ui-dropdownWidget-handle {
1389         width: 100%;
1390         display: block;
1391         white-space: nowrap;
1392         overflow: hidden;
1393         text-overflow: ellipsis;
1394         cursor: default;
1395         -webkit-touch-callout: none;
1396         -webkit-user-select: none;
1397            -moz-user-select: none;
1398             -ms-user-select: none;
1399                 user-select: none;
1400         -webkit-box-sizing: border-box;
1401            -moz-box-sizing: border-box;
1402                 box-sizing: border-box;
1403 }
1404 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator,
1405 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1406         position: absolute;
1407 }
1408 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1409         cursor: pointer;
1410 }
1411 .oo-ui-dropdownWidget:last-child {
1412         margin-right: 0;
1413 }
1414 .oo-ui-dropdownWidget-handle {
1415         padding: 0.5em 0;
1416         height: 2.275em;
1417         line-height: 1.275;
1418         border: 1px solid #9aa0a7;
1419         border-radius: 2px;
1420 }
1421 .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1422         top: 0;
1423         right: 0;
1424         margin: 0.775em;
1425 }
1426 .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon {
1427         top: 0;
1428         left: 0.25em;
1429         margin: 0.3em;
1430 }
1431 .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1432         margin: 0 1em;
1433 }
1434 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
1435         background-color: #f8f9fa;
1436         color: #222;
1437         -webkit-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1438            -moz-transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1439                 transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
1440 }
1441 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
1442         background-color: #fff;
1443         border-color: #a2a9b1;
1444 }
1445 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-iconElement-icon,
1446 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator {
1447         opacity: 0.73;
1448 }
1449 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
1450         border-color: #36c;
1451         outline: 0;
1452         box-shadow: inset 0 0 0 1px #36c;
1453 }
1454 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1455 .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1456         opacity: 0.87;
1457         -webkit-transition: opacity 100ms;
1458            -moz-transition: opacity 100ms;
1459                 transition: opacity 100ms;
1460 }
1461 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
1462         background-color: #fff;
1463 }
1464 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-iconElement-icon,
1465 .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator {
1466         opacity: 1;
1467 }
1468 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
1469         color: #72777d;
1470         text-shadow: 0 1px 1px #fff;
1471         border-color: #c8ccd1;
1472         background-color: #eaecf0;
1473 }
1474 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle:focus {
1475         outline: 0;
1476 }
1477 .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1478         opacity: 0.15;
1479 }
1480 .oo-ui-dropdownWidget.oo-ui-iconElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1481         margin-left: 3em;
1482 }
1483 .oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
1484         margin-right: 2em;
1485 }
1486 .oo-ui-comboBoxInputWidget {
1487         display: inline-block;
1488 }
1489 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled > .oo-ui-indicatorElement-indicator {
1490         cursor: pointer;
1491 }
1492 .oo-ui-comboBoxInputWidget-php ::-webkit-calendar-picker-indicator {
1493         opacity: 0;
1494         position: absolute;
1495         right: 0;
1496         top: 0;
1497         height: 2.5em;
1498         width: 2.5em;
1499         padding: 0;
1500 }
1501 .oo-ui-comboBoxInputWidget-php > .oo-ui-indicatorElement-indicator {
1502         pointer-events: none;
1503 }
1504 .oo-ui-comboBoxInputWidget input,
1505 .oo-ui-comboBoxInputWidget textarea {
1506         height: 2.35em;
1507 }
1508 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input,
1509 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea {
1510         border-color: #a2a9b1;
1511 }
1512 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover input:focus,
1513 .oo-ui-comboBoxInputWidget.oo-ui-widget-enabled:hover textarea:focus {
1514         border-color: #36c;
1515 }
1516 .oo-ui-comboBoxInputWidget.oo-ui-widget-disabled .oo-ui-indicatorElement-indicator {
1517         opacity: 0.15;
1518 }
1519 .oo-ui-multioptionWidget {
1520         position: relative;
1521         display: block;
1522 }
1523 .oo-ui-multioptionWidget.oo-ui-widget-enabled {
1524         cursor: pointer;
1525 }
1526 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1527         cursor: default;
1528 }
1529 .oo-ui-multioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1530         display: block;
1531         white-space: nowrap;
1532         text-overflow: ellipsis;
1533         overflow: hidden;
1534 }
1535 .oo-ui-multioptionWidget .oo-ui-labelElement-label {
1536         line-height: 1.5;
1537 }
1538 .oo-ui-multioptionWidget.oo-ui-widget-disabled {
1539         color: #72777d;
1540 }
1541 .oo-ui-checkboxMultioptionWidget {
1542         cursor: default;
1543         padding: 0.25em 0;
1544 }
1545 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget,
1546 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1547         display: inline-block;
1548         vertical-align: middle;
1549 }
1550 .oo-ui-checkboxMultioptionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
1551         padding: 0.25em 0.25em 0.25em 0.5em;
1552 }
1553 .oo-ui-checkboxMultioptionWidget .oo-ui-checkboxInputWidget {
1554         margin-right: 0;
1555 }
1556 .oo-ui-progressBarWidget {
1557         max-width: 50em;
1558         background-color: #fff;
1559         border: 1px solid #9aa0a7;
1560         border-radius: 2px;
1561         overflow: hidden;
1562 }
1563 .oo-ui-progressBarWidget-bar {
1564         background-color: #ddd;
1565         height: 1em;
1566         -webkit-transition: width 200ms, margin-left 200ms;
1567            -moz-transition: width 200ms, margin-left 200ms;
1568                 transition: width 200ms, margin-left 200ms;
1569 }
1570 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
1571         -webkit-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1572            -moz-animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1573                 animation: oo-ui-progressBarWidget-slide 2s infinite linear;
1574         width: 40%;
1575         margin-left: -10%;
1576         border-left-width: 1px;
1577 }
1578 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
1579         opacity: 0.6;
1580 }
1581 @-webkit-keyframes oo-ui-progressBarWidget-slide {
1582         from {
1583                 margin-left: -40%;
1584         }
1585         to {
1586                 margin-left: 100%;
1587         }
1588 }
1589 @-moz-keyframes oo-ui-progressBarWidget-slide {
1590         from {
1591                 margin-left: -40%;
1592         }
1593         to {
1594                 margin-left: 100%;
1595         }
1596 }
1597 @keyframes oo-ui-progressBarWidget-slide {
1598         from {
1599                 margin-left: -40%;
1600         }
1601         to {
1602                 margin-left: 100%;
1603         }
1604 }