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 }
  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 #dedede;
  43         clear: both;
  44         color: #666;
  45         font-size: 24px;
  46         padding: 0;
  47         padding-bottom: 7px;
  48         font-weight: normal;
  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 22px 5px 5px;
  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: #999;
 101         height: 84px;
 102         font-size: 20px;
 103         font-weight: normal;
 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: right;
 125         padding: 0;
 126 }
 127 .language-chooser.wp-core-ui .step .button.button-large {
 128         height: 36px;
 129         vertical-align: middle;
 130         font-size: 14px;
 131 }
 132 textarea {
 133         border: 1px solid #dfdfdf;
 134         font-family: "Open Sans", sans-serif;
 135         width: 100%;
 136         -webkit-box-sizing: border-box;
 137         -moz-box-sizing: border-box;
 138         box-sizing: border-box;
 139 }
 140
 141 .form-table {
 142         border-collapse: collapse;
 143         margin-top: 1em;
 144         width: 100%;
 145 }
 146
 147 .form-table td {
 148         margin-bottom: 9px;
 149         padding: 10px 0 10px 20px;
 150         font-size: 14px;
 151         vertical-align: top
 152 }
 153
 154 .form-table th {
 155         font-size: 14px;
 156         text-align: right;
 157         padding: 10px 0 10px 20px;
 158         width: 140px;
 159         vertical-align: top;
 160 }
 161
 162 .form-table code {
 163         line-height: 18px;
 164         font-size: 14px;
 165 }
 166
 167 .form-table p {
 168         margin: 4px 0 0 0;
 169         font-size: 11px;
 170 }
 171
 172 .form-table input {
 173         line-height: 20px;
 174         font-size: 15px;
 175         padding: 3px 5px;
 176         border: 1px solid #ddd;
 177         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 178         box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 179 }
 180
 181 input,
 182 submit {
 183         font-family: "Open Sans", sans-serif;
 184 }
 185
 186 .form-table input[type=text],
 187 .form-table input[type=email],
 188 .form-table input[type=url],
 189 .form-table input[type=password] {
 190         width: 206px;
 191 }
 192
 193 .form-table th p {
 194         font-weight: normal;
 195 }
 196
 197 .form-table.install-success th,
 198 .form-table.install-success td {
 199         vertical-align: middle;
 200         padding: 16px 0 16px 20px;
 201 }
 202
 203 .form-table.install-success td p {
 204         margin: 0;
 205         font-size: 14px;
 206 }
 207
 208 .form-table.install-success td code {
 209         margin: 0;
 210         font-size: 18px;
 211 }
 212
 213 #error-page {
 214         margin-top: 50px;
 215 }
 216
 217 #error-page p {
 218         font-size: 14px;
 219         line-height: 18px;
 220         margin: 25px 0 20px;
 221 }
 222
 223 #error-page code, .code {
 224         font-family: Consolas, Monaco, monospace;
 225 }
 226
 227 .wp-hide-pw > .dashicons {
 228         line-height: inherit;
 229 }
 230
 231 #pass-strength-result {
 232         background-color: #eee;
 233         border: 1px solid #ddd;
 234         color: #23282d;
 235         margin: -2px 0px 5px 5px;
 236         padding: 3px 5px;
 237         text-align: center;
 238         width: 218px;
 239         -webkit-box-sizing: border-box;
 240         -moz-box-sizing: border-box;
 241         box-sizing: border-box;
 242         opacity: 0;
 243 }
 244
 245 #pass-strength-result.short {
 246         background-color: #f1adad;
 247         border-color: #e35b5b;
 248         opacity: 1;
 249 }
 250
 251 #pass-strength-result.bad {
 252         background-color: #fbc5a9;
 253         border-color: #f78b53;
 254         opacity: 1;
 255 }
 256
 257 #pass-strength-result.good {
 258         background-color: #ffe399;
 259         border-color: #ffc733;
 260         opacity: 1;
 261 }
 262
 263 #pass-strength-result.strong {
 264         background-color: #c1e1b9;
 265         border-color: #83c373;
 266         opacity: 1;
 267 }
 268
 269 #pass1.short, #pass1-text.short {
 270         border-color: #e35b5b;
 271 }
 272
 273 #pass1.bad, #pass1-text.bad {
 274         border-color: #f78b53;
 275 }
 276
 277 #pass1.good, #pass1-text.good {
 278         border-color: #ffc733;
 279 }
 280
 281 #pass1.strong, #pass1-text.strong {
 282         border-color: #83c373;
 283 }
 284
 285 .pw-weak {
 286         display: none;
 287 }
 288
 289 .message {
 290         border: 1px solid #c00;
 291         padding: 0.5em 0.7em;
 292         margin: 5px 0 15px;
 293         background-color: #ffebe8;
 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: normal;
 410 }
 411
 412 .language-chooser p {
 413         text-align: left;
 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         margin-top: 8px;
 443         margin-left: 15px;
 444         vertical-align: top;
 445 }
 446
 447 .button-secondary.hide-if-no-js,
 448 .hide-if-no-js {
 449         display: none;
 450 }
 451
 452 /**
 453  * HiDPI Displays
 454  */
 455 @media print,
 456   (-webkit-min-device-pixel-ratio: 1.25),
 457   (min-resolution: 120dpi) {
 458
 459         .spinner {
 460                 background-image: url(../images/spinner-2x.gif);
 461         }
 462
 463 }