[Summary view] [Print] [Text view]

   1  html {
   2      background: #f0f0f1;
   3      margin: 0 20px;
   4  }
   5  
   6  body {
   7      background: #fff;
   8      border: 1px solid #c3c4c7;
   9      color: #3c434a;
  10      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  11      margin: 140px auto 25px;
  12      padding: 20px 20px 10px;
  13      max-width: 700px;
  14      -webkit-font-smoothing: subpixel-antialiased;
  15      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  16  }
  17  
  18  a {
  19      color: var(--wp-admin-theme-color);
  20  }
  21  
  22  a:hover,
  23  a:active {
  24      color: var(--wp-admin-theme-color-darker-20);
  25  }
  26  
  27  a:focus {
  28      color: var(--wp-admin-theme-color-darker-20);
  29      border-radius: 2px;
  30      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
  31      /* Only visible in Windows High Contrast mode */
  32      outline: 2px solid transparent;
  33  }
  34  
  35  h1,
  36  h2 {
  37      border-bottom: 1px solid #dcdcde;
  38      clear: both;
  39      color: #646970;
  40      font-size: 24px;
  41      padding: 0 0 7px;
  42      font-weight: 400;
  43  }
  44  
  45  h3 {
  46      font-size: 16px;
  47  }
  48  
  49  p,
  50  li,
  51  dd,
  52  dt {
  53      padding-bottom: 2px;
  54      font-size: 14px;
  55      line-height: 1.5;
  56  }
  57  
  58  code,
  59  .code {
  60      font-family: Consolas, Monaco, monospace;
  61  }
  62  
  63  ul,
  64  ol,
  65  dl {
  66      padding: 5px 5px 5px 22px;
  67  }
  68  
  69  a img {
  70      border: 0;
  71  }
  72  
  73  abbr {
  74      border: 0;
  75      font-variant: normal;
  76  }
  77  
  78  fieldset {
  79      border: 0;
  80      padding: 0;
  81      margin: 0;
  82  }
  83  
  84  #logo {
  85      margin: -130px auto 25px;
  86      padding: 0 0 25px;
  87      width: 84px;
  88      height: 84px;
  89      overflow: hidden;
  90      background-image: url(../images/w-logo-gray.png?ver=20260303);
  91      background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303);
  92      background-size: 84px;
  93      background-position: center top;
  94      background-repeat: no-repeat;
  95      color: #3c434a; /* same as login.css */
  96      font-size: 20px;
  97      font-weight: 400;
  98      line-height: 1.3;
  99      text-decoration: none;
 100      text-align: center;
 101      text-indent: -9999px;
 102      outline: none;
 103  }
 104  
 105  .step {
 106      margin: 20px 0 15px;
 107  }
 108  
 109  .step,
 110  th {
 111      text-align: left;
 112      padding: 0;
 113  }
 114  
 115  .language-chooser.wp-core-ui .step .button.button-large {
 116      font-size: 14px;
 117  }
 118  
 119  textarea {
 120      border: 1px solid #dcdcde;
 121      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 122      width: 100%;
 123      box-sizing: border-box;
 124  }
 125  
 126  .form-table {
 127      border-collapse: collapse;
 128      margin-top: 1em;
 129      width: 100%;
 130  }
 131  
 132  .form-table td {
 133      margin-bottom: 9px;
 134      padding: 10px 20px 10px 0;
 135      font-size: 14px;
 136      vertical-align: top;
 137  }
 138  
 139  .form-table th {
 140      font-size: 14px;
 141      text-align: left;
 142      padding: 10px 20px 10px 0;
 143      width: 115px;
 144      vertical-align: top;
 145  }
 146  
 147  .form-table code {
 148      line-height: 1.28571428;
 149      font-size: 14px;
 150  }
 151  
 152  .form-table p {
 153      margin: 4px 0 0;
 154      font-size: 11px;
 155  }
 156  
 157  .form-table .setup-description {
 158      margin: 4px 0 0;
 159      line-height: 1.6;
 160  }
 161  
 162  .form-table input {
 163      line-height: 1.33333333;
 164      font-size: 15px;
 165      padding: 3px 5px;
 166  }
 167  
 168  .wp-pwd {
 169      margin-top: 0;
 170  }
 171  
 172  .form-table .wp-pwd {
 173      display: flex;
 174      column-gap: 4px;
 175  }
 176  
 177  .form-table .password-input-wrapper {
 178      width: 100%;
 179  }
 180  
 181  input {
 182      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 183  }
 184  
 185  .form-table input[type="text"],
 186  .form-table input[type="email"],
 187  .form-table input[type="url"],
 188  .form-table input[type="password"],
 189  #pass-strength-result {
 190      width: 100%;
 191  }
 192  
 193  .form-table th p {
 194      font-weight: 400;
 195  }
 196  
 197  .form-table.install-success th,
 198  .form-table.install-success td {
 199      vertical-align: middle;
 200      padding: 16px 20px 16px 0;
 201  }
 202  
 203  .form-table.install-success td p {
 204      margin: 0;
 205      font-size: 14px;
 206  }
 207  
 208  .form-table.install-success td code {
 209      margin: 0;
 210      font-size: 18px;
 211  }
 212  
 213  #error-page {
 214      margin-top: 50px;
 215  }
 216  
 217  #error-page p {
 218      font-size: 14px;
 219      line-height: 1.28571428;
 220      margin: 25px 0 20px;
 221  }
 222  
 223  #error-page code,
 224  .code {
 225      font-family: Consolas, Monaco, monospace;
 226  }
 227  
 228  .message {
 229      border-left: 4px solid #d63638;
 230      padding: 0.7em 0.6em;
 231      background-color: #fcf0f1;
 232  }
 233  
 234  /* rtl:ignore */
 235  #dbname,
 236  #uname,
 237  #pwd,
 238  #dbhost,
 239  #prefix,
 240  /* stylelint-disable selector-id-pattern -- These ID selectors use a single underscore but cannot be changed because of backward compatibility reasons. */
 241  #user_login,
 242  #admin_email,
 243  /* stylelint-enable */
 244  #pass1,
 245  #pass2 {
 246      direction: ltr;
 247  }
 248  
 249  /* localization */
 250  body.rtl,
 251  .rtl textarea,
 252  .rtl input {
 253      font-family: Tahoma, sans-serif;
 254  }
 255  
 256  :lang(he-il) body.rtl,
 257  :lang(he-il) .rtl textarea,
 258  :lang(he-il) .rtl input {
 259      font-family: Arial, sans-serif;
 260  }
 261  
 262  @media only screen and (max-width: 799px) {
 263      body {
 264          margin-top: 115px;
 265      }
 266  
 267      #logo a {
 268          margin: -125px auto 30px;
 269      }
 270  }
 271  
 272  @media screen and (max-width: 782px) {
 273      .form-table {
 274          margin-top: 0;
 275      }
 276  
 277      .form-table th,
 278      .form-table td {
 279          display: block;
 280          width: auto;
 281          vertical-align: middle;
 282      }
 283  
 284      .form-table th {
 285          padding: 20px 0 0;
 286      }
 287  
 288      .form-table td {
 289          padding: 5px 0;
 290          border: 0;
 291          margin: 0;
 292      }
 293  
 294      textarea,
 295      input {
 296          font-size: 16px;
 297      }
 298  
 299      .form-table td input[type="text"],
 300      .form-table td input[type="email"],
 301      .form-table td input[type="url"],
 302      .form-table td input[type="password"],
 303      .form-table td select,
 304      .form-table td textarea,
 305      .form-table span.description {
 306          width: 100%;
 307          font-size: 16px;
 308          line-height: 1.5;
 309          padding: 7px 10px;
 310          display: block;
 311          max-width: none;
 312          box-sizing: border-box;
 313      }
 314  
 315      #pwd {
 316          padding-right: 2.5rem;
 317      }
 318  
 319      .wp-pwd #pass1 {
 320          padding-right: 50px;
 321      }
 322  
 323      .wp-pwd .button.wp-hide-pw {
 324          right: 0;
 325      }
 326  
 327      #pass-strength-result {
 328          width: 100%;
 329      }
 330  }
 331  
 332  body.language-chooser {
 333      max-width: 300px;
 334  }
 335  
 336  .language-chooser [for="language"] {
 337      display: inline-block;
 338      margin-bottom: 10px;
 339      font-size: 14px;
 340      font-weight: 600;
 341  }
 342  
 343  .language-chooser select {
 344      padding: 8px;
 345      width: 100%;
 346      display: block;
 347      border: 1px solid #dcdcde;
 348      background: #fff;
 349      color: #2c3338;
 350      font-size: 16px;
 351      font-family: Arial, sans-serif;
 352      font-weight: 400;
 353  }
 354  
 355  .language-chooser select:focus {
 356      color: #2c3338;
 357  }
 358  
 359  .language-chooser select option:hover,
 360  .language-chooser select option:focus {
 361      color: var(--wp-admin-theme-color-darker-20);
 362  }
 363  
 364  .language-chooser .step {
 365      text-align: right;
 366  }
 367  
 368  .screen-reader-input,
 369  .screen-reader-text {
 370      border: 0;
 371      clip-path: inset(50%);
 372      height: 1px;
 373      margin: -1px;
 374      overflow: hidden;
 375      padding: 0;
 376      position: absolute;
 377      width: 1px;
 378      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 379      word-wrap: normal !important;
 380      word-break: normal !important;
 381  }
 382  
 383  .spinner {
 384      background: url(../images/spinner.gif) no-repeat;
 385      background-size: 20px 20px;
 386      visibility: hidden;
 387      opacity: 0.7;
 388      filter: alpha(opacity=70);
 389      width: 20px;
 390      height: 20px;
 391      margin: 2px 5px 0;
 392  }
 393  
 394  .step .spinner {
 395      display: inline-block;
 396      vertical-align: middle;
 397      margin-right: 15px;
 398  }
 399  
 400  .hide-if-no-js,
 401  .button.wp-hide-pw.user-new-password-toggle.hide-if-no-js {
 402      display: none;
 403  }
 404  
 405  /**
 406   * HiDPI Displays
 407   */
 408  @media print,
 409      (min-resolution: 120dpi) {
 410      .spinner {
 411          background-image: url(../images/spinner-2x.gif);
 412      }
 413  }