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