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 #logo {
  64         margin: 6px 0 14px 0;
  65         border-bottom: none;
  66         text-align:center
  67 }
  68 #logo a {
  69         background-image: url(../images/w-logo-blue.png?ver=20131202);
  70         background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
  71         -webkit-background-size: 80px 80px;
  72         background-size: 80px 80px;
  73         background-position: center top;
  74         background-repeat: no-repeat;
  75         color: #999;
  76         height: 80px;
  77         font-size: 20px;
  78         font-weight: normal;
  79         line-height: 1.3em;
  80         margin: -130px auto 25px;
  81         padding: 0;
  82         text-decoration: none;
  83         width: 80px;
  84         text-indent: -9999px;
  85         outline: none;
  86         overflow: hidden;
  87         display: block;
  88 }
  89 .step {
  90         margin: 20px 0 15px;
  91 }
  92 .step, th {
  93         text-align: left;
  94         padding: 0;
  95 }
  96 .step .button-large {
  97         font-size: 14px;
  98 }
  99 textarea {
 100         border: 1px solid #dfdfdf;
 101         font-family: "Open Sans", sans-serif;
 102         width: 100%;
 103         -webkit-box-sizing: border-box;
 104         -moz-box-sizing: border-box;
 105         box-sizing: border-box;
 106 }
 107
 108 .form-table {
 109         border-collapse: collapse;
 110         margin-top: 1em;
 111         width: 100%;
 112 }
 113
 114 .form-table td {
 115         margin-bottom: 9px;
 116         padding: 10px 20px 10px 0;
 117         border-bottom: 8px solid #fff;
 118         font-size: 14px;
 119         vertical-align: top
 120 }
 121
 122 .form-table th {
 123         font-size: 14px;
 124         text-align: left;
 125         padding: 16px 20px 10px 0;
 126         width: 140px;
 127         vertical-align: top;
 128 }
 129
 130 .form-table code {
 131         line-height: 18px;
 132         font-size: 14px;
 133 }
 134
 135 .form-table p {
 136         margin: 4px 0 0 0;
 137         font-size: 11px;
 138 }
 139
 140 .form-table input {
 141         line-height: 20px;
 142         font-size: 15px;
 143         padding: 3px 5px;
 144         border: 1px solid #ddd;
 145         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 146         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 147 }
 148
 149 input,
 150 submit {
 151         font-family: "Open Sans", sans-serif;
 152 }
 153
 154 .form-table input[type=text],
 155 .form-table input[type=password] {
 156         width: 206px;
 157 }
 158
 159 .form-table th p {
 160         font-weight: normal;
 161 }
 162
 163 .form-table.install-success td {
 164         vertical-align: middle;
 165         padding: 16px 20px 10px 0;
 166 }
 167
 168 .form-table.install-success td p {
 169         margin: 0;
 170         font-size: 14px;
 171 }
 172
 173 .form-table.install-success td code {
 174         margin: 0;
 175         font-size: 18px;
 176 }
 177
 178 #error-page {
 179         margin-top: 50px;
 180 }
 181
 182 #error-page p {
 183         font-size: 14px;
 184         line-height: 18px;
 185         margin: 25px 0 20px;
 186 }
 187
 188 #error-page code, .code {
 189         font-family: Consolas, Monaco, monospace;
 190 }
 191
 192 #pass-strength-result {
 193         background-color: #eee;
 194         border-color: #ddd !important;
 195         border-style: solid;
 196         border-width: 1px;
 197         margin: 5px 5px 5px 0;
 198         padding: 5px;
 199         text-align: center;
 200         width: 200px;
 201         display: none;
 202 }
 203
 204 #pass-strength-result.bad {
 205         background-color: #ffb78c;
 206         border-color: #ff853c !important;
 207 }
 208
 209 #pass-strength-result.good {
 210         background-color: #ffec8b;
 211         border-color: #ffcc00 !important;
 212 }
 213
 214 #pass-strength-result.short {
 215         background-color: #ffa0a0;
 216         border-color: #f04040 !important;
 217 }
 218
 219 #pass-strength-result.strong {
 220         background-color: #c3ff88;
 221         border-color: #8dff1c !important;
 222 }
 223
 224 .message {
 225         border: 1px solid #c00;
 226         padding: 0.5em 0.7em;
 227         margin: 5px 0 15px;
 228         background-color: #ffebe8;
 229 }
 230
 231 /* @noflip */
 232 #dbname,
 233 #uname,
 234 #pwd,
 235 #dbhost,
 236 #prefix,
 237 #user_login,
 238 #admin_email,
 239 #pass1,
 240 #pass2 {
 241         direction: ltr;
 242 }
 243
 244
 245 /* localization */
 246 body.rtl,
 247 .rtl textarea,
 248 .rtl input,
 249 .rtl submit {
 250         font-family: Tahoma, sans-serif;
 251 }
 252
 253 :lang(he-il) body.rtl,
 254 :lang(he-il) .rtl textarea,
 255 :lang(he-il) .rtl input,
 256 :lang(he-il) .rtl submit {
 257         font-family: Arial, sans-serif;
 258 }
 259
 260 @media only screen and (max-width: 799px) {
 261         body {
 262                 margin-top: 115px;
 263         }
 264         #logo a {
 265                 margin: -125px auto 30px;
 266         }
 267 }
 268
 269 @media screen and ( max-width: 782px ) {
 270
 271         .form-table {
 272                 margin-top: 0;
 273         }
 274
 275         .form-table th,
 276         .form-table td {
 277                 display: block;
 278                 width: auto;
 279                 vertical-align: middle;
 280         }
 281
 282         .form-table th {
 283                 padding: 20px 0 0;
 284         }
 285
 286         .form-table td {
 287                 padding: 5px 0;
 288                 border: 0;
 289                 margin: 0;
 290         }
 291
 292         textarea,
 293         input {
 294                 font-size: 16px;
 295         }
 296
 297         .form-table td input[type="text"],
 298         .form-table td input[type="password"],
 299         .form-table td select,
 300         .form-table td textarea,
 301         .form-table span.description {
 302                 width: 100%;
 303                 font-size: 16px;
 304                 line-height: 1.5;
 305                 padding: 7px 10px;
 306                 display: block;
 307                 max-width: none;
 308                 -webkit-box-sizing: border-box;
 309                 -moz-box-sizing: border-box;
 310                 box-sizing: border-box;
 311         }
 312
 313 }