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