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

   1 /*!
   2  * OOUI v0.51.4
   3  * https://www.mediawiki.org/wiki/OOUI
   4  *
   5  * Copyright 2011–2024 OOUI Team and other contributors.
   6  * Released under the MIT license
   7  * http://oojs.mit-license.org
   8  *
   9  * Date: 2024-12-05T17:34:44Z
  10  */
  11
  12 .oo-ui-window {
  13   background-color: transparent;
  14   background-image: none;
  15 }
  16 .oo-ui-window-frame {
  17   box-sizing: border-box;
  18 }
  19 .oo-ui-window-content {
  20   position: absolute;
  21   top: 0;
  22   left: 0;
  23   right: 0;
  24   bottom: 0;
  25   overflow: hidden;
  26 }
  27 .oo-ui-window-content:focus {
  28   outline: 0;
  29 }
  30 .oo-ui-window-head,
  31 .oo-ui-window-foot {
  32   -webkit-touch-callout: none;
  33   -webkit-user-select: none;
  34   -moz-user-select: none;
  35   -ms-user-select: none;
  36   user-select: none;
  37 }
  38 .oo-ui-window-body {
  39   margin: 0;
  40   padding: 0;
  41   background: none;
  42 }
  43 .oo-ui-window-overlay {
  44   position: absolute;
  45   top: 0;
  46   /* @noflip */
  47   left: 0;
  48 }
  49 .oo-ui-window-focusTrap {
  50   display: none;
  51 }
  52 .oo-ui-windowManager-modal .oo-ui-window-focusTrap,
  53 .oo-ui-windowManager-size-full .oo-ui-window-focusTrap,
  54 .oo-ui-windowManager-forceTrapFocus .oo-ui-window-focusTrap {
  55   display: block;
  56 }
  57
  58 .oo-ui-dialog-content > .oo-ui-window-head,
  59 .oo-ui-dialog-content > .oo-ui-window-body,
  60 .oo-ui-dialog-content > .oo-ui-window-foot {
  61   position: absolute;
  62   left: 0;
  63   right: 0;
  64   box-sizing: border-box;
  65 }
  66 .oo-ui-dialog-content > .oo-ui-window-head {
  67   overflow: hidden;
  68   z-index: 3;
  69   top: 0;
  70 }
  71 .oo-ui-dialog-content > .oo-ui-window-body {
  72   overflow: auto;
  73   -webkit-overflow-scrolling: touch;
  74   z-index: 2;
  75   top: 0;
  76   bottom: 0;
  77 }
  78 .oo-ui-dialog-content > .oo-ui-window-foot {
  79   z-index: 3;
  80   bottom: 0;
  81 }
  82 .oo-ui-dialog-content > .oo-ui-window-body {
  83   box-shadow: 0 0 0.66em rgba(0, 0, 0, 0.25);
  84 }
  85
  86 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
  87   position: relative;
  88   text-align: center;
  89 }
  90 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
  91   display: block;
  92 }
  93 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
  94   position: relative;
  95   top: auto;
  96   bottom: auto;
  97 }
  98 .oo-ui-messageDialog-actions-horizontal {
  99   display: flex;
 100   width: 100%;
 101 }
 102 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 103   flex-grow: 1;
 104 }
 105 .oo-ui-messageDialog-actions-vertical {
 106   display: block;
 107 }
 108 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 109   display: block;
 110   overflow: hidden;
 111   text-overflow: ellipsis;
 112 }
 113 .oo-ui-messageDialog-content > .oo-ui-window-body {
 114   box-shadow: none;
 115 }
 116 .oo-ui-messageDialog-title,
 117 .oo-ui-messageDialog-message {
 118   display: block;
 119   line-height: 1.5em;
 120   text-align: center;
 121 }
 122 .oo-ui-messageDialog-title {
 123   font-size: 1.5em;
 124   color: #000;
 125 }
 126 .oo-ui-messageDialog-message {
 127   font-size: 1.1em;
 128   color: #333;
 129   text-align: left;
 130 }
 131 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 132   min-height: 2.5em;
 133   margin-right: 0;
 134 }
 135 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 136   margin-right: 0;
 137 }
 138 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 139   padding-top: 0;
 140   padding-bottom: 0;
 141 }
 142 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 143   line-height: 2.5em;
 144   text-align: center;
 145 }
 146 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 147   font-weight: bold;
 148 }
 149 .oo-ui-messageDialog-actions-horizontal {
 150   width: calc(100% + 2px);
 151   margin-left: -1px;
 152   margin-right: -1px;
 153 }
 154 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 155   margin: 0;
 156 }
 157 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
 158   border-left-width: 2px;
 159   border-left-color: transparent;
 160   border-radius: 0 0 0 3px;
 161 }
 162 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover {
 163   border-left-color: #aaa;
 164 }
 165 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus {
 166   border-left-color: #ace;
 167 }
 168 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 169   border-right-width: 2px;
 170   border-right-color: transparent;
 171   border-radius: 0 0 3px 0;
 172 }
 173 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover {
 174   border-right-color: #aaa;
 175 }
 176 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus {
 177   border-right-color: #ace;
 178 }
 179 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
 180   border-radius: 0 0 3px 3px;
 181 }
 182 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 183   margin: -1px 0 0;
 184   border-bottom: 1px solid #e5e5e5;
 185 }
 186 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child {
 187   margin-top: 0;
 188 }
 189 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 190   border-bottom-width: 0;
 191 }
 192 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button {
 193   border-radius: 0;
 194 }
 195 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 196   border-radius: 0 0 3px 3px;
 197 }
 198
 199 .oo-ui-processDialog-location {
 200   overflow: hidden;
 201   text-overflow: ellipsis;
 202   white-space: nowrap;
 203 }
 204 .oo-ui-processDialog-title {
 205   display: inline;
 206   padding: 0;
 207 }
 208 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 209 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 210 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 211   white-space: nowrap;
 212 }
 213 .oo-ui-processDialog-actions-safe,
 214 .oo-ui-processDialog-actions-primary {
 215   position: absolute;
 216   top: 0;
 217   bottom: 0;
 218 }
 219 .oo-ui-processDialog-actions-safe {
 220   left: 0;
 221 }
 222 .oo-ui-processDialog-actions-primary {
 223   right: 0;
 224 }
 225 .oo-ui-processDialog-errors {
 226   position: absolute;
 227   top: 0;
 228   left: 0;
 229   right: 0;
 230   bottom: 0;
 231   z-index: 4;
 232   overflow: hidden auto;
 233   -webkit-overflow-scrolling: touch;
 234 }
 235 .oo-ui-processDialog-content > .oo-ui-window-head {
 236   height: 3.4em;
 237 }
 238 .oo-ui-processDialog-content > .oo-ui-window-body {
 239   top: 3.4em;
 240   box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
 241 }
 242 .oo-ui-processDialog-navigation {
 243   position: relative;
 244   height: 3.4em;
 245 }
 246 .oo-ui-processDialog-location {
 247   padding: 0.75em 0;
 248   height: 1.875em;
 249   cursor: default;
 250   text-align: center;
 251 }
 252 .oo-ui-processDialog-title {
 253   font-weight: bold;
 254   line-height: 1.875em;
 255 }
 256 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
 257 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
 258 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
 259   min-width: 1.875em;
 260   min-height: 1.875em;
 261 }
 262 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
 263 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
 264 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
 265   line-height: 1.875em;
 266 }
 267 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 268 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed,
 269 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
 270   margin: 0.75em;
 271 }
 272 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
 273 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button,
 274 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
 275   padding: 0 1em;
 276   vertical-align: middle;
 277   margin: -1px;
 278 }
 279 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 280 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless,
 281 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
 282   margin: 0;
 283 }
 284 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 285 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button,
 286 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
 287   padding: 0.75em 1em;
 288   vertical-align: middle;
 289 }
 290 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:hover,
 291 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
 292   background-color: rgba(0, 0, 0, 0.05);
 293 }
 294 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget:active,
 295 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
 296   background-color: rgba(0, 0, 0, 0.1);
 297 }
 298 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover,
 299 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
 300   background-color: rgba(8, 126, 204, 0.05);
 301 }
 302 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active,
 303 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
 304   background-color: rgba(8, 126, 204, 0.1);
 305 }
 306 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label,
 307 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 308   font-weight: bold;
 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 0 3em;
 327 }
 328 .oo-ui-processDialog-errors-title {
 329   font-size: 1.5em;
 330   color: #000;
 331   margin-bottom: 2em;
 332   text-align: center;
 333 }
 334 .oo-ui-processDialog-errors > .oo-ui-messageWidget {
 335   margin: 1em 0 0;
 336 }
 337 .oo-ui-processDialog-errors-actions {
 338   text-align: center;
 339 }
 340 .oo-ui-processDialog-errors-actions > .oo-ui-buttonWidget {
 341   margin: 2em 1em;
 342 }
 343 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-location {
 344   text-align: left;
 345 }
 346
 347 .oo-ui-windowManager-modal > .oo-ui-dialog {
 348   position: fixed;
 349   width: 0;
 350   height: 0;
 351   overflow: hidden;
 352   z-index: 4;
 353 }
 354 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 355   width: auto;
 356   height: auto;
 357   top: 0;
 358   right: 0;
 359   bottom: 0;
 360   left: 0;
 361   padding: 1em;
 362 }
 363 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
 364   position: absolute;
 365   right: 0;
 366   left: 0;
 367   margin: auto;
 368   max-width: 100%;
 369   max-height: 100%;
 370 }
 371 .oo-ui-windowManager-size-full > .oo-ui-dialog > .oo-ui-window-frame {
 372   width: 100%;
 373   height: 100%;
 374   top: 0;
 375   bottom: 0;
 376 }
 377 body.oo-ui-windowManager-modal-active {
 378   overflow: hidden;
 379 }
 380 html.oo-ui-windowManager-modal-active:not( .oo-ui-windowManager-modal-active-fullscreen) {
 381   scrollbar-gutter: stable;
 382 }
 383 .oo-ui-windowManager-ios-modal-ready {
 384   height: 100%;
 385   overflow: hidden;
 386 }
 387 .oo-ui-windowManager-modal > .oo-ui-dialog {
 388   background-color: rgba(255, 255, 255, 0.5);
 389   opacity: 0;
 390   transition-property: opacity;
 391   transition-duration: 250ms;
 392 }
 393 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 394   background-color: #fff;
 395   opacity: 0;
 396   transform: scale(0.5);
 397   transition-property: all;
 398   transition-duration: 250ms;
 399 }
 400 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 401   opacity: 1;
 402 }
 403 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 404   opacity: 1;
 405   transform: scale(1);
 406 }
 407 .oo-ui-windowManager-modal:not( .oo-ui-windowManager-size-full) > .oo-ui-dialog > .oo-ui-window-frame {
 408   top: 1em;
 409   bottom: 1em;
 410   max-height: 100%;
 411   max-height: calc( 100% - 2em );
 412   border: 1px solid #ccc;
 413   border-radius: 3px;
 414   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
 415 }