login page QA issues
Showing
1 changed file
with
60 additions
and
8 deletions
| ... | @@ -46,9 +46,56 @@ body.login { | ... | @@ -46,9 +46,56 @@ body.login { |
| 46 | 46 | ||
| 47 | text-decoration: underline; | 47 | text-decoration: underline; |
| 48 | } | 48 | } |
| 49 | @media(min-width:601px) { | ||
| 50 | #login h1 { | ||
| 51 | /* display: none; */ | ||
| 52 | position: absolute; | ||
| 53 | width: 400px; | ||
| 54 | min-height: 250px; | ||
| 55 | padding: 60px 100px 100px 240px; | ||
| 56 | margin-left: 30%; | ||
| 57 | margin-top: 5%; | ||
| 58 | pointer-events: none; | ||
| 59 | } | ||
| 60 | } | ||
| 49 | 61 | ||
| 50 | #login h1 { | 62 | #backtoblog:before { |
| 51 | display: none; | 63 | content: ''; |
| 64 | font-family: 'FontAwesome'; | ||
| 65 | font-size: 20px; | ||
| 66 | position: absolute; | ||
| 67 | left: 20px; | ||
| 68 | top: -1px; | ||
| 69 | } | ||
| 70 | |||
| 71 | @media(max-width:600px) { | ||
| 72 | #backtoblog:before { | ||
| 73 | margin-top:39px; | ||
| 74 | margin-left:-10px; | ||
| 75 | } | ||
| 76 | } | ||
| 77 | |||
| 78 | #login h1 span { | ||
| 79 | display:block; | ||
| 80 | position: absolute; | ||
| 81 | left:70px; | ||
| 82 | font-size:24px; | ||
| 83 | color:#221D58 !important; | ||
| 84 | pointer-events: none; | ||
| 85 | } | ||
| 86 | |||
| 87 | |||
| 88 | @media(max-width:1000px) and (min-width:601px) { | ||
| 89 | #login h1 span { | ||
| 90 | left:0; | ||
| 91 | } | ||
| 92 | } | ||
| 93 | |||
| 94 | @media(max-width:800px) and (min-width:601px) { | ||
| 95 | #login h1 span { | ||
| 96 | left:0; | ||
| 97 | top:200px; | ||
| 98 | } | ||
| 52 | } | 99 | } |
| 53 | 100 | ||
| 54 | 101 | ||
| ... | @@ -69,8 +116,8 @@ body.login { | ... | @@ -69,8 +116,8 @@ body.login { |
| 69 | padding: 60px 100px 100px 240px; | 116 | padding: 60px 100px 100px 240px; |
| 70 | margin-left: 30%; | 117 | margin-left: 30%; |
| 71 | margin-top: 5%; | 118 | margin-top: 5%; |
| 72 | background: url(../images/login.png) 0px 0px no-repeat; | 119 | /* background: url(../images/login.png) 0px 0px no-repeat; */ |
| 73 | background-size: 672px 398px !important; | 120 | /* background-size: 672px 398px !important; */ |
| 74 | 121 | ||
| 75 | } | 122 | } |
| 76 | 123 | ||
| ... | @@ -307,9 +354,14 @@ label { | ... | @@ -307,9 +354,14 @@ label { |
| 307 | } | 354 | } |
| 308 | 355 | ||
| 309 | #login h1 { | 356 | #login h1 { |
| 310 | display: none; | 357 | position: absolute; |
| 358 | top:130px; | ||
| 359 | width:100%; | ||
| 311 | } | 360 | } |
| 312 | 361 | ||
| 362 | #login h1 span { | ||
| 363 | left:45px; | ||
| 364 | } | ||
| 313 | 365 | ||
| 314 | #login form { | 366 | #login form { |
| 315 | width: 100%; | 367 | width: 100%; |
| ... | @@ -327,9 +379,9 @@ label { | ... | @@ -327,9 +379,9 @@ label { |
| 327 | padding: 60px 100px 100px 240px; | 379 | padding: 60px 100px 100px 240px; |
| 328 | margin-left: -34%; | 380 | margin-left: -34%; |
| 329 | margin-top: 22%; | 381 | margin-top: 22%; |
| 330 | background: url(../images/login.png) 0px 0px no-repeat; | 382 | /* background: url(../images/login.png) 0px 0px no-repeat; */ |
| 331 | background-size: 672px 398px !important; | 383 | /* background-size: 672px 398px !important; */ |
| 332 | background-position: top; | 384 | /* background-position: top; */ |
| 333 | 385 | ||
| 334 | } | 386 | } |
| 335 | 387 | ... | ... |
-
Please register or sign in to post a comment