resources/lib/oojs-ui/oojs-ui-windows-mediawiki.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 @keyframes oo-ui-progressBarWidget-slide {
  28         from {
  29                 margin-left: -40%;
  30         }
  31         to {
  32                 margin-left: 100%;
  33         }
  34 }
  35 .oo-ui-window {
  36         background: transparent;
  37 }
  38 .oo-ui-window-frame {
  39         -webkit-box-sizing: border-box;
  40            -moz-box-sizing: border-box;
  41                 box-sizing: border-box;
  42 }
  43 .oo-ui-window-content:focus {
  44         outline: none;
  45 }
  46 .oo-ui-window-head,
  47 .oo-ui-window-foot {
  48         -webkit-touch-callout: none;
  49         -webkit-user-select: none;
  50            -moz-user-select: none;
  51             -ms-user-select: none;
  52                 user-select: none;
  53 }
  54 .oo-ui-window-body {
  55         margin: 0;
  56         padding: 0;
  57         background: none;
  58 }
  59 .oo-ui-window-overlay {
  60         position: absolute;
  61         top: 0;
  62         /* @noflip */
  63         left: 0;
  64 }
  65 .oo-ui-dialog-content > .oo-ui-window-head,
  66 .oo-ui-dialog-content > .oo-ui-window-body,
  67 .oo-ui-dialog-content > .oo-ui-window-foot {
  68         position: absolute;
  69         left: 0;
  70         right: 0;
  71         -webkit-box-sizing: border-box;
  72            -moz-box-sizing: border-box;
  73                 box-sizing: border-box;
  74 }
  75 .oo-ui-dialog-content > .oo-ui-window-head {
  76         overflow: hidden;
  77         z-index: 1;
  78         top: 0;
  79 }
  80 .oo-ui-dialog-content > .oo-ui-window-body {
  81         overflow: auto;
  82         z-index: 2;
  83         top: 0;
  84         bottom: 0;
  85 }
  86 .oo-ui-dialog-content > .oo-ui-window-foot {
  87         overflow: hidden;
  88         z-index: 1;
  89         bottom: 0;
  90 }
  91 .oo-ui-dialog-content > .oo-ui-window-body {
  92         outline: 1px solid #aaaaaa;
  93 }
  94 .oo-ui-messageDialog-actions-horizontal {
  95         display: table;
  96         table-layout: fixed;
  97         width: 100%;
  98 }
  99 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 100         display: table-cell;
 101         width: 1%;
 102 }
 103 .oo-ui-messageDialog-actions-vertical {
 104         display: block;
 105 }
 106 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 107         display: block;
 108         overflow: hidden;
 109         text-overflow: ellipsis;
 110 }
 111 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 112         position: relative;
 113         text-align: center;
 114 }
 115 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 116         display: block;
 117 }
 118 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
 119         position: relative;
 120         top: auto;
 121         bottom: auto;
 122         display: inline;
 123         white-space: nowrap;
 124 }
 125 .oo-ui-messageDialog-title,
 126 .oo-ui-messageDialog-message {
 127         display: block;
 128         text-align: center;
 129 }
 130 .oo-ui-messageDialog-title.oo-ui-labelElement,
 131 .oo-ui-messageDialog-message.oo-ui-labelElement {
 132         padding-top: 0.5em;
 133 }
 134 .oo-ui-messageDialog-title {
 135         font-size: 1.5em;
 136         line-height: 1em;
 137         color: #000000;
 138 }
 139 .oo-ui-messageDialog-message {
 140         font-size: 0.9em;
 141         line-height: 1.25em;
 142         color: #555555;
 143 }
 144 .oo-ui-messageDialog-message-verbose {
 145         font-size: 1.1em;
 146         line-height: 1.5em;
 147         text-align: left;
 148 }
 149 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 150         border-right: 1px solid #e5e5e5;
 151         margin: 0;
 152 }
 153 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 154         border-right-width: 0;
 155 }
 156 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 157         border-bottom: 1px solid #e5e5e5;
 158         margin: 0;
 159 }
 160 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 161         border-bottom-width: 0;
 162 }
 163 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 164         height: 3.4em;
 165         margin-right: 0;
 166 }
 167 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 168         margin-right: 0;
 169 }
 170 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 171         text-align: center;
 172         line-height: 3.4em;
 173         padding: 0 2em;
 174 }
 175 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
 176         background-color: rgba(0, 0, 0, 0.05);
 177 }
 178 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
 179         background-color: rgba(0, 0, 0, 0.1);
 180 }
 181 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
 182         background-color: rgba(8, 126, 204, 0.05);
 183 }
 184 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
 185         background-color: rgba(8, 126, 204, 0.1);
 186 }
 187 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 188         font-weight: bold;
 189 }
 190 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
 191         background-color: rgba(118, 171, 54, 0.05);
 192 }
 193 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
 194         background-color: rgba(118, 171, 54, 0.1);
 195 }
 196 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
 197         background-color: rgba(212, 83, 83, 0.05);
 198 }
 199 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
 200         background-color: rgba(212, 83, 83, 0.1);
 201 }
 202 .oo-ui-processDialog-location {
 203         overflow: hidden;
 204         text-overflow: ellipsis;
 205         white-space: nowrap;
 206 }
 207 .oo-ui-processDialog-title {
 208         display: inline;
 209         padding: 0;
 210 }
 211 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 212 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 213 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 214         white-space: nowrap;
 215 }
 216 .oo-ui-processDialog-actions-safe,
 217 .oo-ui-processDialog-actions-primary {
 218         position: absolute;
 219         top: 0;
 220         bottom: 0;
 221 }
 222 .oo-ui-processDialog-actions-safe {
 223         left: 0;
 224 }
 225 .oo-ui-processDialog-actions-primary {
 226         right: 0;
 227 }
 228 .oo-ui-processDialog-errors {
 229         position: absolute;
 230         top: 0;
 231         left: 0;
 232         right: 0;
 233         bottom: 0;
 234         z-index: 2;
 235         overflow-x: hidden;
 236         overflow-y: auto;
 237 }
 238 .oo-ui-processDialog-content .oo-ui-window-head {
 239         height: 3.4em;
 240 }
 241 .oo-ui-processDialog-content .oo-ui-window-body {
 242         top: 3.4em;
 243         outline: 1px solid rgba(0, 0, 0, 0.2);
 244 }
 245 .oo-ui-processDialog-navigation {
 246         position: relative;
 247         height: 3.4em;
 248         padding: 0 1em;
 249 }
 250 .oo-ui-processDialog-location {
 251         padding: 0.75em 0;
 252         height: 1.875em;
 253         cursor: default;
 254         text-align: center;
 255 }
 256 .oo-ui-processDialog-title {
 257         font-weight: bold;
 258         line-height: 1.875em;
 259 }
 260 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 261 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 262 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 263         margin: 0.5em;
 264 }
 265 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 266 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 267 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
 268         margin: 0;
 269 }
 270 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 271 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 272 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
 273         padding: 0.75em 1em;
 274         vertical-align: middle;
 275 }
 276 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 277 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label,
 278 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-labelElement-label {
 279         line-height: 1.875em;
 280 }
 281 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover,
 282 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:hover {
 283         background-color: rgba(0, 0, 0, 0.05);
 284 }
 285 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active,
 286 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless:active {
 287         background-color: rgba(0, 0, 0, 0.1);
 288 }
 289 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover,
 290 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:hover {
 291         background-color: rgba(8, 126, 204, 0.05);
 292 }
 293 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active,
 294 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive:active {
 295         background-color: rgba(8, 126, 204, 0.1);
 296 }
 297 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 298 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 299         font-weight: bold;
 300 }
 301 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover,
 302 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:hover {
 303         background-color: rgba(118, 171, 54, 0.05);
 304 }
 305 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active,
 306 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-constructive:active {
 307         background-color: rgba(118, 171, 54, 0.1);
 308 }
 309 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover,
 310 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:hover {
 311         background-color: rgba(212, 83, 83, 0.05);
 312 }
 313 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active,
 314 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive:active {
 315         background-color: rgba(212, 83, 83, 0.1);
 316 }
 317 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 318         margin-right: 0;
 319 }
 320 .oo-ui-processDialog > .oo-ui-window-frame {
 321         min-height: 5em;
 322 }
 323 .oo-ui-processDialog-errors {
 324         background-color: rgba(255, 255, 255, 0.9);
 325         padding: 3em 3em 1.5em 3em;
 326         text-align: center;
 327 }
 328 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 329         margin: 2em 1em 2em 1em;
 330 }
 331 .oo-ui-processDialog-errors-title {
 332         font-size: 1.5em;
 333         color: #000000;
 334         margin-bottom: 2em;
 335 }
 336 .oo-ui-processDialog-error {
 337         text-align: left;
 338         margin: 1em;
 339         padding: 1em;
 340         border: 1px solid #ff9e9e;
 341         background-color: #fff7f7;
 342         border-radius: 2px;
 343 }
 344 .oo-ui-windowManager-modal > .oo-ui-dialog {
 345         position: fixed;
 346         width: 0;
 347         height: 0;
 348         overflow: hidden;
 349 }
 350 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 351         width: auto;
 352         height: auto;
 353         top: 0;
 354         right: 0;
 355         bottom: 0;
 356         left: 0;
 357         padding: 1em;
 358 }
 359 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 360         position: absolute;
 361         right: 0;
 362         left: 0;
 363         margin: auto;
 364         overflow: hidden;
 365         max-width: 100%;
 366         max-height: 100%;
 367 }
 368 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 369         width: 100%;
 370         height: 100%;
 371         top: 0;
 372         bottom: 0;
 373 }
 374 .oo-ui-windowManager-modal > .oo-ui-dialog {
 375         background-color: rgba(255, 255, 255, 0.5);
 376         opacity: 0;
 377         -webkit-transition: opacity 250ms ease;
 378            -moz-transition: opacity 250ms ease;
 379                 transition: opacity 250ms ease;
 380 }
 381 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 382         background-color: #ffffff;
 383         opacity: 0;
 384         -webkit-transform: scale(0.5);
 385            -moz-transform: scale(0.5);
 386             -ms-transform: scale(0.5);
 387                 transform: scale(0.5);
 388         -webkit-transition: all 250ms ease;
 389            -moz-transition: all 250ms ease;
 390                 transition: all 250ms ease;
 391 }
 392 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 393         opacity: 1;
 394 }
 395 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
 396         opacity: 1;
 397         -webkit-transform: scale(1);
 398            -moz-transform: scale(1);
 399             -ms-transform: scale(1);
 400                 transform: scale(1);
 401 }
 402 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 403         top: 1em;
 404         bottom: 1em;
 405         border: 1px solid #aaaaaa;
 406         border-radius: 2px;
 407         box-shadow: 0 0.15em 0 0 rgba(0, 0, 0, 0.15);
 408 }