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

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