wp-admin/css/install-rtl.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: #0073aa;
  20         text-decoration: none;
  21 }
  22
  23 a:hover {
  24         color: #00a0d2;
  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 22px 5px 5px;
  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: right;
  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 0 10px 20px;
 124         font-size: 14px;
 125         vertical-align: top
 126 }
 127
 128 .form-table th {
 129         font-size: 14px;
 130         text-align: right;
 131         padding: 10px 0 10px 20px;
 132         width: 140px;
 133         vertical-align: top;
 134 }
 135
 136 .form-table code {
 137         line-height: 18px;
 138         font-size: 14px;
 139 }
 140
 141 .form-table p {
 142         margin: 4px 0 0 0;
 143         font-size: 11px;
 144 }
 145
 146 .form-table input {
 147         line-height: 20px;
 148         font-size: 15px;
 149         padding: 3px 5px;
 150         border: 1px solid #ddd;
 151         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 152         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 153 }
 154
 155 input,
 156 submit {
 157         font-family: "Open Sans", sans-serif;
 158 }
 159
 160 .form-table input[type=text],
 161 .form-table input[type=email],
 162 .form-table input[type=url],
 163 .form-table input[type=password] {
 164         width: 206px;
 165 }
 166
 167 .form-table th p {
 168         font-weight: normal;
 169 }
 170
 171 .form-table.install-success td {
 172         vertical-align: middle;
 173         padding: 16px 0 16px 20px;
 174 }
 175
 176 .form-table.install-success td p {
 177         margin: 0;
 178         font-size: 14px;
 179 }
 180
 181 .form-table.install-success td code {
 182         margin: 0;
 183         font-size: 18px;
 184 }
 185
 186 #error-page {
 187         margin-top: 50px;
 188 }
 189
 190 #error-page p {
 191         font-size: 14px;
 192         line-height: 18px;
 193         margin: 25px 0 20px;
 194 }
 195
 196 #error-page code, .code {
 197         font-family: Consolas, Monaco, monospace;
 198 }
 199
 200 .wp-hide-pw > .dashicons {
 201         line-height: inherit;
 202 }
 203
 204 #pass-strength-result {
 205         background-color: #eee;
 206         border: 1px solid #ddd;
 207         color: #23282d;
 208         margin: -2px 0px 5px 5px;
 209         padding: 3px 5px;
 210         text-align: center;
 211         width: 218px;
 212         -webkit-box-sizing: border-box;
 213         -moz-box-sizing: border-box;
 214         box-sizing: border-box;
 215         opacity: 0;
 216 }
 217
 218 #pass-strength-result.short {
 219         background-color: #f1adad;
 220         border-color: #e35b5b;
 221         opacity: 1;
 222 }
 223
 224 #pass-strength-result.bad {
 225         background-color: #fbc5a9;
 226         border-color: #f78b53;
 227         opacity: 1;
 228 }
 229
 230 #pass-strength-result.good {
 231         background-color: #ffe399;
 232         border-color: #ffc733;
 233         opacity: 1;
 234 }
 235
 236 #pass-strength-result.strong {
 237         background-color: #c1e1b9;
 238         border-color: #83c373;
 239         opacity: 1;
 240 }
 241
 242 #pass1.short, #pass1-text.short {
 243         border-color: #e35b5b;
 244 }
 245
 246 #pass1.bad, #pass1-text.bad {
 247         border-color: #f78b53;
 248 }
 249
 250 #pass1.good, #pass1-text.good {
 251         border-color: #ffc733;
 252 }
 253
 254 #pass1.strong, #pass1-text.strong {
 255         border-color: #83c373;
 256 }
 257
 258 .pw-weak {
 259         display: none;
 260 }
 261
 262 .message {
 263         border: 1px solid #c00;
 264         padding: 0.5em 0.7em;
 265         margin: 5px 0 15px;
 266         background-color: #ffebe8;
 267 }
 268
 269 /* rtl:ignore */
 270 #dbname,
 271 #uname,
 272 #pwd,
 273 #dbhost,
 274 #prefix,
 275 #user_login,
 276 #admin_email,
 277 #pass1,
 278 #pass2 {
 279         direction: ltr;
 280 }
 281
 282 #pass1-text,
 283 .show-password #pass1 {
 284         display: none;
 285 }
 286
 287 .show-password #pass1-text
 288 {
 289         display: inline-block;
 290 }
 291
 292 .form-table span.description.important {
 293         font-size: 12px;
 294 }
 295
 296
 297 /* localization */
 298 body.rtl,
 299 .rtl textarea,
 300 .rtl input,
 301 .rtl submit {
 302         font-family: Tahoma, sans-serif;
 303 }
 304
 305 :lang(he-il) body.rtl,
 306 :lang(he-il) .rtl textarea,
 307 :lang(he-il) .rtl input,
 308 :lang(he-il) .rtl submit {
 309         font-family: Arial, sans-serif;
 310 }
 311
 312 @media only screen and (max-width: 799px) {
 313         body {
 314                 margin-top: 115px;
 315         }
 316         #logo a {
 317                 margin: -125px auto 30px;
 318         }
 319 }
 320
 321 @media screen and ( max-width: 782px ) {
 322
 323         .form-table {
 324                 margin-top: 0;
 325         }
 326
 327         .form-table th,
 328         .form-table td {
 329                 display: block;
 330                 width: auto;
 331                 vertical-align: middle;
 332         }
 333
 334         .form-table th {
 335                 padding: 20px 0 0;
 336         }
 337
 338         .form-table td {
 339                 padding: 5px 0;
 340                 border: 0;
 341                 margin: 0;
 342         }
 343
 344         textarea,
 345         input {
 346                 font-size: 16px;
 347         }
 348
 349         .form-table td input[type="text"],
 350         .form-table td input[type="email"],
 351         .form-table td input[type="url"],
 352         .form-table td input[type="password"],
 353         .form-table td select,
 354         .form-table td textarea,
 355         .form-table span.description {
 356                 width: 100%;
 357                 font-size: 16px;
 358                 line-height: 1.5;
 359                 padding: 7px 10px;
 360                 display: block;
 361                 max-width: none;
 362                 -webkit-box-sizing: border-box;
 363                 -moz-box-sizing: border-box;
 364                 box-sizing: border-box;
 365         }
 366
 367 }
 368
 369 body.language-chooser {
 370         max-width: 300px;
 371 }
 372
 373 .language-chooser select {
 374         padding: 8px;
 375         width: 100%;
 376         display: block;
 377         border: 1px solid #ddd;
 378         background-color: #fff;
 379         color: #32373c;
 380         font-size: 16px;
 381         font-family: Arial, sans-serif;
 382         font-weight: normal;
 383 }
 384
 385 .language-chooser p {
 386         text-align: left;
 387 }
 388
 389 .screen-reader-input,
 390 .screen-reader-text {
 391         position: absolute;
 392         margin: -1px;
 393         padding: 0;
 394         height: 1px;
 395         width: 1px;
 396         overflow: hidden;
 397         clip: rect(0 0 0 0);
 398         border: 0;
 399 }
 400
 401 .spinner {
 402         background: url(../images/spinner.gif) no-repeat;
 403         -webkit-background-size: 20px 20px;
 404         background-size: 20px 20px;
 405         visibility: hidden;
 406         opacity: 0.7;
 407         filter: alpha(opacity=70);
 408         width: 20px;
 409         height: 20px;
 410         margin: 2px 5px 0;
 411 }
 412
 413 .step .spinner {
 414         display: inline-block;
 415         margin-top: 8px;
 416         margin-left: 15px;
 417         vertical-align: top;
 418 }
 419
 420 .button-secondary.hide-if-no-js,
 421 .hide-if-no-js {
 422         display: none;
 423 }
 424
 425 /**
 426  * HiDPI Displays
 427  */
 428 @media print,
 429   (-webkit-min-device-pixel-ratio: 1.25),
 430   (min-resolution: 120dpi) {
 431
 432         .spinner {
 433                 background-image: url(../images/spinner-2x.gif);
 434         }
 435
 436 }