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