1bd26cfd by Jeremy Groot

login page QA issues

1 parent 5880ef9c
...@@ -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
......