fixs to mobile
Showing
1 changed file
with
20 additions
and
8 deletions
| 1 | html, | 1 | html, |
| 2 | body { | 2 | body { |
| 3 | overflow: hidden; | 3 | overflow: hidden; |
| 4 | width:100%; | ||
| 4 | } | 5 | } |
| 5 | 6 | ||
| 6 | #login { | 7 | #login { |
| ... | @@ -357,15 +358,11 @@ label { | ... | @@ -357,15 +358,11 @@ label { |
| 357 | padding: 40px 0 0; | 358 | padding: 40px 0 0; |
| 358 | margin: auto; | 359 | margin: auto; |
| 359 | background-size: 132px 72px !important; | 360 | background-size: 132px 72px !important; |
| 360 | |||
| 361 | |||
| 362 | |||
| 363 | |||
| 364 | } | 361 | } |
| 365 | 362 | ||
| 366 | body.login { | 363 | body.login { |
| 367 | 364 | background: url(../images/LogIn@15x.png) no-repeat -150px bottom fixed; | |
| 368 | background: url(../images/loginM.png) no-repeat 0px bottom fixed; | 365 | /* background: url(../images/loginM.png) no-repeat 0px bottom fixed; */ |
| 369 | -webkit-background-size: cover; | 366 | -webkit-background-size: cover; |
| 370 | -moz-background-size: cover; | 367 | -moz-background-size: cover; |
| 371 | -o-background-size: cover; | 368 | -o-background-size: cover; |
| ... | @@ -382,7 +379,7 @@ label { | ... | @@ -382,7 +379,7 @@ label { |
| 382 | width: 100%; | 379 | width: 100%; |
| 383 | display: block; | 380 | display: block; |
| 384 | margin: auto; | 381 | margin: auto; |
| 385 | margin-top: -70px; | 382 | margin-top: -55px; |
| 386 | background-color: transparent; | 383 | background-color: transparent; |
| 387 | padding: 0; | 384 | padding: 0; |
| 388 | } | 385 | } |
| ... | @@ -470,7 +467,17 @@ label { | ... | @@ -470,7 +467,17 @@ label { |
| 470 | 467 | ||
| 471 | } | 468 | } |
| 472 | 469 | ||
| 470 | @media(max-height:500px){ | ||
| 471 | body.login { | ||
| 472 | background-position: bottom left !important; | ||
| 473 | } | ||
| 474 | } | ||
| 475 | |||
| 473 | @media (max-width: 420px) { | 476 | @media (max-width: 420px) { |
| 477 | body.login { | ||
| 478 | background: url(../images/LogIn@15x.png) no-repeat -220px; | ||
| 479 | background-size: auto 100%; | ||
| 480 | } | ||
| 474 | #login form { | 481 | #login form { |
| 475 | width: 100%; | 482 | width: 100%; |
| 476 | background-size: 872px 398px !important; | 483 | background-size: 872px 398px !important; |
| ... | @@ -490,7 +497,6 @@ label { | ... | @@ -490,7 +497,6 @@ label { |
| 490 | top: -10px; | 497 | top: -10px; |
| 491 | left: unset; | 498 | left: unset; |
| 492 | right: 0; | 499 | right: 0; |
| 493 | |||
| 494 | } | 500 | } |
| 495 | 501 | ||
| 496 | #login_error, | 502 | #login_error, |
| ... | @@ -530,4 +536,10 @@ label { | ... | @@ -530,4 +536,10 @@ label { |
| 530 | } | 536 | } |
| 531 | 537 | ||
| 532 | 538 | ||
| 539 | } | ||
| 540 | |||
| 541 | @media(max-width:420px) { | ||
| 542 | .login #backtoblog a { | ||
| 543 | /* color:#221D58 !important; */ | ||
| 544 | } | ||
| 533 | } | 545 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment