wp-admin/css/install.css

   1 html {
   2         background: #f1f1f1;
   3         margin: 0 20px;
   4 }
   5
   6 body {
   7         background: #fff;
   8         color: #444;
   9         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  10         margin: 140px auto 25px;
  11         padding: 20px 20px 10px 20px;
  12         max-width: 700px;
  13         -webkit-font-smoothing: subpixel-antialiased;
  14         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
  15         box-shadow: 0 1px 3px rgba(0,0,0,0.13);
  16 }
  17
  18 a {
  19         color: #0073aa;
  20 }
  21
  22 a:hover,
  23 a:active {
  24         color: #00a0d2;
  25 }
  26
  27 a:focus {
  28         color: #124964;
  29         -webkit-box-shadow:
  30                 0 0 0 1px #5b9dd9,
  31                 0 0 2px 1px rgba(30, 140, 190, .8);
  32         box-shadow:
  33                 0 0 0 1px #5b9dd9,
  34                 0 0 2px 1px rgba(30, 140, 190, .8);
  35 }
  36
  37 .ie8 a:focus {
  38         outline: #5b9dd9 solid 1px;
  39 }
  40
  41 h1, h2 {
  42         border-bottom: 1px solid #ddd;
  43         clear: both;
  44         color: #666;
  45         font-size: 24px;
  46         padding: 0;
  47         padding-bottom: 7px;
  48         font-weight: 400;
  49 }
  50
  51 h3 {
  52         font-size: 16px;
  53 }
  54
  55 p, li, dd, dt {
  56         padding-bottom: 2px;
  57         font-size: 14px;
  58         line-height: 1.5;
  59 }
  60
  61 code, .code {
  62         font-family: Consolas, Monaco, monospace;
  63 }
  64
  65 ul, ol, dl {
  66         padding: 5px 5px 5px 22px;
  67 }
  68
  69 a img {
  70         border:0
  71 }
  72 abbr {
  73         border: 0;
  74         font-variant: normal;
  75 }
  76
  77 fieldset {
  78         border: 0;
  79         padding: 0;
  80         margin: 0;
  81 }
  82
  83 label {
  84         cursor: pointer;
  85 }
  86
  87 #logo {
  88         margin: 6px 0 14px 0;
  89         padding: 0 0 7px 0;
  90         border-bottom: none;
  91         text-align:center
  92 }
  93 #logo a {
  94         background-image: url(../images/w-logo-blue.png?ver=20131202);
  95         background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
  96         -webkit-background-size: 84px;
  97         background-size: 84px;
  98         background-position: center top;
  99         background-repeat: no-repeat;
 100         color: #444; /* same as login.css */
 101         height: 84px;
 102         font-size: 20px;
 103         font-weight: 400;
 104         line-height: 1.3em;
 105         margin: -130px auto 25px;
 106         padding: 0;
 107         text-decoration: none;
 108         width: 84px;
 109         text-indent: -9999px;
 110         outline: none;
 111         overflow: hidden;
 112         display: block;
 113 }
 114
 115 #logo a:focus {
 116         -webkit-box-shadow: none;
 117         box-shadow: none;
 118 }
 119
 120 .step {
 121         margin: 20px 0 15px;
 122 }
 123 .step, th {
 124         text-align: left;
 125         padding: 0;
 126 }
 127 .language-chooser.wp-core-ui .step .button.button-large {
 128         height: 36px;
 129         font-size: 14px;
 130         line-height: 33px;
 131         vertical-align: middle;
 132 }
 133 textarea {
 134         border: 1px solid #ddd;
 135         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 136         width: 100%;
 137         -webkit-box-sizing: border-box;
 138         -moz-box-sizing: border-box;
 139         box-sizing: border-box;
 140 }
 141
 142 .form-table {
 143         border-collapse: collapse;
 144         margin-top: 1em;
 145         width: 100%;
 146 }
 147
 148 .form-table td {
 149         margin-bottom: 9px;
 150         padding: 10px 20px 10px 0;
 151         font-size: 14px;
 152         vertical-align: top
 153 }
 154
 155 .form-table th {
 156         font-size: 14px;
 157         text-align: left;
 158         padding: 10px 20px 10px 0;
 159         width: 140px;
 160         vertical-align: top;
 161 }
 162
 163 .form-table code {
 164         line-height: 18px;
 165         font-size: 14px;
 166 }
 167
 168 .form-table p {
 169         margin: 4px 0 0 0;
 170         font-size: 11px;
 171 }
 172
 173 .form-table input {
 174         line-height: 20px;
 175         font-size: 15px;
 176         padding: 3px 5px;
 177         border: 1px solid #ddd;
 178         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 179         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 180 }
 181
 182 input,
 183 submit {
 184         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 185 }
 186
 187 .form-table input[type=text],
 188 .form-table input[type=email],
 189 .form-table input[type=url],
 190 .form-table input[type=password] {
 191         width: 206px;
 192 }
 193
 194 .form-table th p {
 195         font-weight: 400;
 196 }
 197
 198 .form-table.install-success th,
 199 .form-table.install-success td {
 200         vertical-align: middle;
 201         padding: 16px 20px 16px 0;
 202 }
 203
 204 .form-table.install-success td p {
 205         margin: 0;
 206         font-size: 14px;
 207 }
 208
 209 .form-table.install-success td code {
 210         margin: 0;
 211         font-size: 18px;
 212 }
 213
 214 #error-page {
 215         margin-top: 50px;
 216 }
 217
 218 #error-page p {
 219         font-size: 14px;
 220         line-height: 18px;
 221         margin: 25px 0 20px;
 222 }
 223
 224 #error-page code, .code {
 225         font-family: Consolas, Monaco, monospace;
 226 }
 227
 228 .wp-hide-pw > .dashicons {
 229         line-height: inherit;
 230 }
 231
 232 #pass-strength-result {
 233         background-color: #eee;
 234         border: 1px solid #ddd;
 235         color: #23282d;
 236         margin: -2px 5px 5px 0px;
 237         padding: 3px 5px;
 238         text-align: center;
 239         width: 218px;
 240         -webkit-box-sizing: border-box;
 241         -moz-box-sizing: border-box;
 242         box-sizing: border-box;
 243         opacity: 0;
 244 }
 245
 246 #pass-strength-result.short {
 247         background-color: #f1adad;
 248         border-color: #e35b5b;
 249         opacity: 1;
 250 }
 251
 252 #pass-strength-result.bad {
 253         background-color: #fbc5a9;
 254         border-color: #f78b53;
 255         opacity: 1;
 256 }
 257
 258 #pass-strength-result.good {
 259         background-color: #ffe399;
 260         border-color: #ffc733;
 261         opacity: 1;
 262 }
 263
 264 #pass-strength-result.strong {
 265         background-color: #c1e1b9;
 266         border-color: #83c373;
 267         opacity: 1;
 268 }
 269
 270 #pass1.short, #pass1-text.short {
 271         border-color: #e35b5b;
 272 }
 273
 274 #pass1.bad, #pass1-text.bad {
 275         border-color: #f78b53;
 276 }
 277
 278 #pass1.good, #pass1-text.good {
 279         border-color: #ffc733;
 280 }
 281
 282 #pass1.strong, #pass1-text.strong {
 283         border-color: #83c373;
 284 }
 285
 286 .pw-weak {
 287         display: none;
 288 }
 289
 290 .message {
 291         border-left: 4px solid #dc3232;
 292         padding: .7em .6em;
 293         background-color: #fbeaea;
 294 }
 295
 296 /* rtl:ignore */
 297 #dbname,
 298 #uname,
 299 #pwd,
 300 #dbhost,
 301 #prefix,
 302 #user_login,
 303 #admin_email,
 304 #pass1,
 305 #pass2 {
 306         direction: ltr;
 307 }
 308
 309 #pass1-text,
 310 .show-password #pass1 {
 311         display: none;
 312 }
 313
 314 .show-password #pass1-text
 315 {
 316         display: inline-block;
 317 }
 318
 319 .form-table span.description.important {
 320         font-size: 12px;
 321 }
 322
 323
 324 /* localization */
 325 body.rtl,
 326 .rtl textarea,
 327 .rtl input,
 328 .rtl submit {
 329         font-family: Tahoma, sans-serif;
 330 }
 331
 332 :lang(he-il) body.rtl,
 333 :lang(he-il) .rtl textarea,
 334 :lang(he-il) .rtl input,
 335 :lang(he-il) .rtl submit {
 336         font-family: Arial, sans-serif;
 337 }
 338
 339 @media only screen and (max-width: 799px) {
 340         body {
 341                 margin-top: 115px;
 342         }
 343         #logo a {
 344                 margin: -125px auto 30px;
 345         }
 346 }
 347
 348 @media screen and ( max-width: 782px ) {
 349
 350         .form-table {
 351                 margin-top: 0;
 352         }
 353
 354         .form-table th,
 355         .form-table td {
 356                 display: block;
 357                 width: auto;
 358                 vertical-align: middle;
 359         }
 360
 361         .form-table th {
 362                 padding: 20px 0 0;
 363         }
 364
 365         .form-table td {
 366                 padding: 5px 0;
 367                 border: 0;
 368                 margin: 0;
 369         }
 370
 371         textarea,
 372         input {
 373                 font-size: 16px;
 374         }
 375
 376         .form-table td input[type="text"],
 377         .form-table td input[type="email"],
 378         .form-table td input[type="url"],
 379         .form-table td input[type="password"],
 380         .form-table td select,
 381         .form-table td textarea,
 382         .form-table span.description {
 383                 width: 100%;
 384                 font-size: 16px;
 385                 line-height: 1.5;
 386                 padding: 7px 10px;
 387                 display: block;
 388                 max-width: none;
 389                 -webkit-box-sizing: border-box;
 390                 -moz-box-sizing: border-box;
 391                 box-sizing: border-box;
 392         }
 393
 394 }
 395
 396 body.language-chooser {
 397         max-width: 300px;
 398 }
 399
 400 .language-chooser select {
 401         padding: 8px;
 402         width: 100%;
 403         display: block;
 404         border: 1px solid #ddd;
 405         background-color: #fff;
 406         color: #32373c;
 407         font-size: 16px;
 408         font-family: Arial, sans-serif;
 409         font-weight: 400;
 410 }
 411
 412 .language-chooser p {
 413         text-align: right;
 414 }
 415
 416 .screen-reader-input,
 417 .screen-reader-text {
 418         position: absolute;
 419         margin: -1px;
 420         padding: 0;
 421         height: 1px;
 422         width: 1px;
 423         overflow: hidden;
 424         clip: rect(0 0 0 0);
 425         border: 0;
 426 }
 427
 428 .spinner {
 429         background: url(../images/spinner.gif) no-repeat;
 430         -webkit-background-size: 20px 20px;
 431         background-size: 20px 20px;
 432         visibility: hidden;
 433         opacity: 0.7;
 434         filter: alpha(opacity=70);
 435         width: 20px;
 436         height: 20px;
 437         margin: 2px 5px 0;
 438 }
 439
 440 .step .spinner {
 441         display: inline-block;
 442         vertical-align: middle;
 443         margin-right: 15px;
 444 }
 445
 446 .button-secondary.hide-if-no-js,
 447 .hide-if-no-js {
 448         display: none;
 449 }
 450
 451 /**
 452  * HiDPI Displays
 453  */
 454 @media print,
 455   (-webkit-min-device-pixel-ratio: 1.25),
 456   (min-resolution: 120dpi) {
 457
 458         .spinner {
 459                 background-image: url(../images/spinner-2x.gif);
 460         }
 461
 462 }