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

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