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

   1 /*!
   2  * OOUI v0.34.1-pre (3913589098)
   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-09-10T23:46:11Z
  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: 3;
  64   top: 0;
  65 }
  66 .oo-ui-dialog-content > .oo-ui-window-body {
  67   overflow: auto;
  68   -webkit-overflow-scrolling: touch;
  69   z-index: 2;
  70   top: 0;
  71   bottom: 0;
  72 }
  73 .oo-ui-dialog-content > .oo-ui-window-foot {
  74   z-index: 3;
  75   bottom: 0;
  76 }
  77
  78 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
  79   position: relative;
  80   text-align: center;
  81 }
  82 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
  83   display: block;
  84 }
  85 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
  86   position: relative;
  87   top: auto;
  88   bottom: auto;
  89 }
  90 .oo-ui-messageDialog-actions-horizontal {
  91   display: table;
  92   table-layout: fixed;
  93   width: 100%;
  94 }
  95 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
  96   display: table-cell;
  97   width: 1%;
  98 }
  99 .oo-ui-messageDialog-actions-vertical {
 100   display: block;
 101 }
 102 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 103   display: block;
 104   overflow: hidden;
 105   text-overflow: ellipsis;
 106 }
 107 .oo-ui-messageDialog-content > .oo-ui-window-foot {
 108   outline: 1px solid #a2a9b1;
 109 }
 110 .oo-ui-messageDialog-title,
 111 .oo-ui-messageDialog-message {
 112   display: block;
 113   line-height: 1.42857143em;
 114   text-align: center;
 115 }
 116 .oo-ui-messageDialog-title {
 117   font-size: 1.5em;
 118   color: #000;
 119 }
 120 .oo-ui-messageDialog-message {
 121   font-size: 1.1em;
 122   color: #222;
 123   text-align: left;
 124 }
 125 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
 126   min-height: 2.85714286em;
 127   margin-right: 0;
 128 }
 129 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
 130   margin-right: 0;
 131 }
 132 .oo-ui-messageDialog-actions .oo-ui-actionWidget:first-child {
 133   margin-left: 0;
 134 }
 135 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
 136   border: 0;
 137   border-radius: 0;
 138   padding: 0;
 139 }
 140 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
 141   line-height: 2.85714286em;
 142   text-align: center;
 143 }
 144 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
 145   background-color: rgba(8, 126, 204, 0.1);
 146 }
 147 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
 148   background-color: rgba(212, 83, 83, 0.1);
 149 }
 150 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
 151   border-right: 1px solid #a2a9b1;
 152   margin: 0;
 153 }
 154 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:first-child > .oo-ui-buttonElement-button {
 155   border-radius: 0 0 0 2px;
 156 }
 157 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
 158   border-right-width: 0;
 159 }
 160 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 161   border-radius: 0 0 2px 0;
 162 }
 163 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:only-child > .oo-ui-buttonElement-button {
 164   border-radius: 0 0 2px 2px;
 165 }
 166 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
 167   border-bottom: 1px solid #a2a9b1;
 168   margin: 0;
 169 }
 170 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
 171   border-bottom-width: 0;
 172 }
 173 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child > .oo-ui-buttonElement-button {
 174   border-radius: 0 0 2px 2px;
 175 }
 176
 177 .oo-ui-processDialog-location {
 178   overflow: hidden;
 179   text-overflow: ellipsis;
 180   white-space: nowrap;
 181 }
 182 .oo-ui-processDialog-title {
 183   display: inline;
 184   padding: 0;
 185 }
 186 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget,
 187 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget,
 188 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
 189   white-space: nowrap;
 190 }
 191 .oo-ui-processDialog-actions-safe,
 192 .oo-ui-processDialog-actions-primary {
 193   position: absolute;
 194   top: 0;
 195   bottom: 0;
 196 }
 197 .oo-ui-processDialog-actions-safe {
 198   left: 0;
 199 }
 200 .oo-ui-processDialog-actions-primary {
 201   right: 0;
 202 }
 203 .oo-ui-processDialog-errors {
 204   position: absolute;
 205   top: 0;
 206   left: 0;
 207   right: 0;
 208   bottom: 0;
 209   z-index: 4;
 210   overflow-x: hidden;
 211   overflow-y: auto;
 212   -webkit-overflow-scrolling: touch;
 213 }
 214 .oo-ui-processDialog-content .oo-ui-window-head {
 215   min-height: 2.85714286em;
 216 }
 217 .oo-ui-processDialog-content .oo-ui-window-body {
 218   top: 2.85714286em;
 219   outline: 1px solid #c8ccd1;
 220 }
 221 .oo-ui-processDialog-navigation {
 222   position: relative;
 223   min-height: 2.85714286em;
 224 }
 225 .oo-ui-processDialog-location {
 226   min-height: 2.85714286em;
 227   text-align: center;
 228   cursor: default;
 229 }
 230 .oo-ui-processDialog-title {
 231   font-size: 1.1em;
 232   font-weight: bold;
 233   line-height: 2.5974026em;
 234 }
 235 .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button {
 236   border-radius: 0;
 237   border-top-color: transparent;
 238   border-bottom-color: #c8ccd1;
 239 }
 240 .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover,
 241 .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
 242   border-top-color: transparent;
 243   border-bottom-color: #c8ccd1;
 244 }
 245 .oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:focus {
 246   border-color: #36c;
 247 }
 248 .oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:hover,
 249 .oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:active {
 250   border-right-color: #c8ccd1;
 251   border-left-color: transparent;
 252 }
 253 .oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:focus {
 254   border-color: #36c;
 255 }
 256 .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button {
 257   min-height: 2.85714286em;
 258   padding-top: 0;
 259   padding-left: 3.14285714em;
 260   padding-right: 0;
 261 }
 262 .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 263   left: 0.85714286em;
 264 }
 265 .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement:first-child {
 266   margin-left: 0;
 267 }
 268 .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button {
 269   padding: 0.71428571em 0.85714286em;
 270 }
 271 .oo-ui-processDialog .oo-ui-actionWidget.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
 272   padding-left: 2.64285714em;
 273 }
 274 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget > .oo-ui-buttonElement-button {
 275   border-left-color: #c8ccd1;
 276   border-right-color: transparent;
 277 }
 278 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:hover,
 279 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:active {
 280   border-left-color: #c8ccd1;
 281   border-right-color: transparent;
 282 }
 283 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:focus {
 284   border-color: #36c;
 285 }
 286 .oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button,
 287 .oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button {
 288   border-right-color: #c8ccd1;
 289   border-left-color: transparent;
 290 }
 291 .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button {
 292   background-color: transparent;
 293   border-right-color: transparent;
 294 }
 295 .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:hover {
 296   background-color: #f8f9fa;
 297   border-right-color: #c8ccd1;
 298 }
 299 .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:active {
 300   background-color: #c8ccd1;
 301   border-right-color: #c8ccd1;
 302 }
 303 .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:focus {
 304   border-color: #36c;
 305 }
 306 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
 307   margin-right: 0;
 308 }
 309 .oo-ui-processDialog-actions-other .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button {
 310   border-top-color: #c8ccd1;
 311   border-bottom-color: transparent;
 312 }
 313 .oo-ui-processDialog > .oo-ui-window-frame {
 314   min-height: 5em;
 315 }
 316 .oo-ui-processDialog-errors {
 317   background-color: rgba(255, 255, 255, 0.9);
 318   padding: 3em 3em 0 3em;
 319   text-align: center;
 320 }
 321 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
 322   margin: 2em 1em 2em 1em;
 323 }
 324 .oo-ui-processDialog-errors-title {
 325   font-size: 1.5em;
 326   color: #000;
 327   margin-bottom: 1.5em;
 328 }
 329 .oo-ui-processDialog-error {
 330   background-color: #fee7e6;
 331   margin: 1em 0 0;
 332   border: 1px solid #d33;
 333   padding: 1.14285714em 1.71428571em;
 334   text-align: left;
 335 }
 336 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-content .oo-ui-window-head,
 337 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-navigation,
 338 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-location {
 339   min-height: 3.14285714em;
 340 }
 341 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-location {
 342   margin-left: 1em;
 343   text-align: left;
 344 }
 345 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-title {
 346   line-height: 2.85714286em;
 347 }
 348 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-processDialog-content .oo-ui-window-body {
 349   top: 3.14285714em;
 350 }
 351 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-actionWidget.oo-ui-iconElement > .oo-ui-buttonElement-button {
 352   min-height: 3.14285714em;
 353   padding-left: 3.14285714em;
 354 }
 355 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-actionWidget.oo-ui-labelElement > .oo-ui-buttonElement-button {
 356   padding: 0.85714286em 0.85714286em;
 357 }
 358 .oo-ui-processDialog.oo-ui-isMobile .oo-ui-actionWidget.oo-ui-labelElement.oo-ui-iconElement > .oo-ui-buttonElement-button {
 359   padding-left: 2.64285714em;
 360 }
 361
 362 .oo-ui-windowManager-modal > .oo-ui-dialog {
 363   position: fixed;
 364   width: 0;
 365   height: 0;
 366   overflow: hidden;
 367   z-index: 4;
 368 }
 369 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
 370   width: auto;
 371   height: auto;
 372   top: 0;
 373   right: 0;
 374   bottom: 0;
 375   left: 0;
 376   padding: 1em;
 377 }
 378 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
 379   position: absolute;
 380   right: 0;
 381   left: 0;
 382   margin: auto;
 383   max-width: 100%;
 384   max-height: 100%;
 385 }
 386 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
 387   width: 100%;
 388   height: 100%;
 389   top: 0;
 390   bottom: 0;
 391 }
 392 .oo-ui-windowManager-modal-active {
 393   overflow: hidden;
 394   position: relative;
 395 }
 396 .oo-ui-windowManager-ios-modal-ready {
 397   height: 100%;
 398   overflow: hidden;
 399 }
 400 .oo-ui-windowManager-modal > .oo-ui-dialog {
 401   background-color: rgba(255, 255, 255, 0.5);
 402   opacity: 0;
 403   -webkit-transition: opacity ease-out 250ms;
 404   -moz-transition: opacity ease-out 250ms;
 405   transition: opacity ease-out 250ms;
 406 }
 407 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
 408   background-color: #fff;
 409   opacity: 0;
 410   -webkit-transform: scale(0.5);
 411   -moz-transform: scale(0.5);
 412   -ms-transform: scale(0.5);
 413   transform: scale(0.5);
 414   -webkit-transition: all ease-out 250ms;
 415   -moz-transition: all ease-out 250ms;
 416   transition: all ease-out 250ms;
 417 }
 418 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
 419   opacity: 1;
 420 }
 421 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
 422   opacity: 1;
 423   -webkit-transform: scale(1);
 424   -moz-transform: scale(1);
 425   -ms-transform: scale(1);
 426   transform: scale(1);
 427 }
 428 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
 429   top: 1em;
 430   bottom: 1em;
 431   max-height: 100%;
 432   max-height: calc( 100% - 2em );
 433   border: 1px solid #a2a9b1;
 434   border-radius: 2px;
 435   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
 436 }