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