f004e919 by Jeremy Groot

fixs to mobile

1 parent 4b800867
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
......