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