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

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