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

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