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

   1 /*!
   2  * OOUI v0.28.2
   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-09-11T23:05:21Z
  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: none;
 112 }
 113 .oo-ui-messageDialog-title,
 114 .oo-ui-messageDialog-message {
 115   display: block;
 116   line-height: 1.5em;
 117   text-align: center;
 118 }
 119 .oo-ui-messageDialog-title {
 120   font-size: 1.5em;
 121   color: #000;
 122 }
 123 .oo-ui-messageDialog-message {
 124   font-size: 1.1em;
 125   color: #666;
 126   text-align: left;
 127 }
 128 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 129   min-height: 2.5em;
 130   margin-right: 0;
 131 }
 132 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 133   margin-right: 0;
 134 }
 135 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 136   line-height: 2.5em;
 137   text-align: center;
 138 }
 139 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
 140   font-weight: bold;
 141 }
 142 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 143   margin: 0;
 144 }
 145 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
 146   border-left-width: 2px;
 147   border-left-color: transparent;
 148   border-radius: 0 0 0 3px;
 149 }
 150 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:hover {
 151   border-left-color: #aaa;
 152 }
 153 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button:focus {
 154   border-left-color: #ace;
 155 }
 156 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 157   border-right-width: 2px;
 158   border-right-color: transparent;
 159   border-radius: 0 0 3px 0;
 160 }
 161 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:hover {
 162   border-right-color: #aaa;
 163 }
 164 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button:focus {
 165   border-right-color: #ace;
 166 }
 167 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
 168   border-radius: 0 0 3px 3px;
 169 }
 170 @supports ( width: calc( 100% + 2px ) ) {
 171   .oo-ui-messageDialog-actions-horizontal {
 172     width: calc(100% + 2px);
 173     margin-left: -1px;
 174     margin-right: -1px;
 175   }
 176 }
 177 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 178   margin: -1px 0 0;
 179   border-bottom: 1px solid #e5e5e5;
 180 }
 181 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:first-child {
 182   margin-top: 0;
 183 }
 184 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 185   border-bottom-width: 0;
 186 }
 187 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget > .oo-ui-buttonElement-button {
 188   border-radius: 0;
 189 }
 190 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 191   border-radius: 0 0 3px 3px;
 192 }
 193 .oo-ui-processDialog-location {
 194   overflow: hidden;
 195   text-overflow: ellipsis;
 196   white-space: nowrap;
 197 }
 198 .oo-ui-processDialog-title {
 199   display: inline;
 200   padding: 0;
 201 }
 202 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 203 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 204 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 205   white-space: nowrap;
 206 }
 207 .oo-ui-processDialog-actions-safe,
 208 .oo-ui-processDialog-actions-primary {
 209   position: absolute;
 210   top: 0;
 211   bottom: 0;
 212 }
 213 .oo-ui-processDialog-actions-safe {
 214   left: 0;
 215 }
 216 .oo-ui-processDialog-actions-primary {
 217   right: 0;
 218 }
 219 .oo-ui-processDialog-errors {
 220   position: absolute;
 221   top: 0;
 222   left: 0;
 223   right: 0;
 224   bottom: 0;
 225   z-index: 4;
 226   overflow-x: hidden;
 227   overflow-y: auto;
 228 }
 229 .oo-ui-processDialog-content .oo-ui-window-head {
 230   height: 3.4em;
 231 }
 232 .oo-ui-processDialog-content .oo-ui-window-body {
 233   top: 3.4em;
 234   box-shadow: 0 0 0.33em rgba(0, 0, 0, 0.33);
 235 }
 236 .oo-ui-processDialog-navigation {
 237   position: relative;
 238   height: 3.4em;
 239   padding: 0 1em;
 240 }
 241 .oo-ui-processDialog-location {
 242   padding: 0.75em 0;
 243   height: 1.875em;
 244   cursor: default;
 245   text-align: center;
 246 }
 247 .oo-ui-processDialog-title {
 248   font-weight: bold;
 249   line-height: 1.875em;
 250 }
 251 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-buttonElement-button,
 252 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-buttonElement-button,
 253 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
 254   min-width: 1.875em;
 255   min-height: 1.875em;
 256 }
 257 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget .oo-ui-labelElement-label,
 258 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget .oo-ui-labelElement-label,
 259 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
 260   line-height: 1.875em;
 261 }
 262 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 263 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon,
 264 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
 265   margin-top: -0.125em;
 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 1.5em 3em;
 327   text-align: center;
 328 }
 329 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 330   margin: 2em 1em 2em 1em;
 331 }
 332 .oo-ui-processDialog-errors-title {
 333   font-size: 1.5em;
 334   color: #000;
 335   margin-bottom: 2em;
 336 }
 337 .oo-ui-processDialog-error {
 338   text-align: left;
 339   margin: 1em;
 340   padding: 1em;
 341   border: 1px solid #ff9e9e;
 342   background-color: #fff7f7;
 343   border-radius: 3px;
 344 }
 345 .oo-ui-windowManager-modal > .oo-ui-dialog {
 346   position: fixed;
 347   width: 0;
 348   height: 0;
 349   overflow: hidden;
 350   z-index: 4;
 351 }
 352 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 353   width: auto;
 354   height: auto;
 355   top: 0;
 356   right: 0;
 357   bottom: 0;
 358   left: 0;
 359   padding: 1em;
 360 }
 361 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
 362   position: absolute;
 363   right: 0;
 364   left: 0;
 365   margin: auto;
 366   max-width: 100%;
 367   max-height: 100%;
 368 }
 369 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 370   width: 100%;
 371   height: 100%;
 372   top: 0;
 373   bottom: 0;
 374 }
 375 .oo-ui-windowManager-modal > .oo-ui-dialog {
 376   background-color: rgba(255, 255, 255, 0.5);
 377   opacity: 0;
 378   -webkit-transition: opacity 250ms;
 379   -moz-transition: opacity 250ms;
 380   transition: opacity 250ms;
 381 }
 382 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 383   background-color: #fff;
 384   opacity: 0;
 385   -webkit-transform: scale(0.5);
 386   -moz-transform: scale(0.5);
 387   -ms-transform: scale(0.5);
 388   transform: scale(0.5);
 389   -webkit-transition: all 250ms;
 390   -moz-transition: all 250ms;
 391   transition: all 250ms;
 392 }
 393 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 394   opacity: 1;
 395 }
 396 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 397   opacity: 1;
 398   -webkit-transform: scale(1);
 399   -moz-transform: scale(1);
 400   -ms-transform: scale(1);
 401   transform: scale(1);
 402 }
 403 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 404   top: 1em;
 405   bottom: 1em;
 406   max-height: 100%;
 407   max-height: calc( 100% - 2em );
 408   border: 1px solid #ccc;
 409   border-radius: 3px;
 410   box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.3);
 411 }