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

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