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

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