resources/src/mediawiki.special.userlogin.common.styles/authentication-popup.less

   1 body.mw-authentication-popup {
   2         font-family: sans-serif;
   3         font-size: 0.875rem;
   4         line-height: 1.4;
   5
   6         header,
   7         main,
   8         footer {
   9                 margin: 2em auto;
  10         }
  11
  12         /* Flexbox gap not supported by all browsers */
  13         /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  14         header {
  15                 max-width: 28rem;
  16                 display: flex;
  17                 flex-wrap: wrap;
  18                 align-items: center;
  19                 gap: 1em;
  20
  21                 .mw-logo {
  22                         display: flex;
  23                         align-items: center;
  24
  25                         .mw-logo-icon {
  26                                 margin-right: 0.5em;
  27                         }
  28                 }
  29
  30                 h1 {
  31                         font-family: 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
  32                         border: 0;
  33                         margin: 0;
  34                         padding: 0;
  35                 }
  36         }
  37
  38         main {
  39                 max-width: 28rem;
  40
  41                 .mw-htmlform {
  42                         width: 100%;
  43                 }
  44
  45                 .mw-createacct-benefits-container {
  46                         display: none;
  47                 }
  48
  49                 #mw-createaccount-cta {
  50                         background-image: none;
  51                         padding-top: 0;
  52                 }
  53         }
  54
  55         footer {
  56                 /* Flexbox gap not supported by all browsers */
  57                 /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  58                 ul {
  59                         list-style: none none;
  60                         display: flex;
  61                         flex-wrap: wrap;
  62                         align-items: center;
  63                         justify-content: center;
  64                         gap: 1em;
  65                 }
  66         }
  67 }