DD
Showing
2 changed files
with
41 additions
and
7 deletions
| ... | @@ -48,7 +48,7 @@ body.login { | ... | @@ -48,7 +48,7 @@ body.login { |
| 48 | 48 | ||
| 49 | 49 | ||
| 50 | #login form { | 50 | #login form { |
| 51 | width: 35%; | 51 | width: 400px; |
| 52 | min-height: 250px; | 52 | min-height: 250px; |
| 53 | display: block; | 53 | display: block; |
| 54 | margin-top: 35%; | 54 | margin-top: 35%; |
| ... | @@ -66,9 +66,12 @@ body.login { | ... | @@ -66,9 +66,12 @@ body.login { |
| 66 | margin-top: 8%; | 66 | margin-top: 8%; |
| 67 | background: url(../images/login.png) 0px 0px no-repeat; | 67 | background: url(../images/login.png) 0px 0px no-repeat; |
| 68 | background-size: 672px 398px !important; | 68 | background-size: 672px 398px !important; |
| 69 | background-position: top; | 69 | |
| 70 | } | 70 | } |
| 71 | 71 | ||
| 72 | |||
| 73 | |||
| 74 | |||
| 72 | #lostpasswordform { | 75 | #lostpasswordform { |
| 73 | background: url(../images/reset.png) 0px 0px no-repeat !important; | 76 | background: url(../images/reset.png) 0px 0px no-repeat !important; |
| 74 | } | 77 | } |
| ... | @@ -193,8 +196,31 @@ label { | ... | @@ -193,8 +196,31 @@ label { |
| 193 | display: none; | 196 | display: none; |
| 194 | } | 197 | } |
| 195 | 198 | ||
| 199 | @media (max-width: 1000px) { | ||
| 200 | |||
| 201 | #login form { | ||
| 202 | width: 30%; | ||
| 203 | margin-left: 20%; | ||
| 204 | padding: 60px 100px 100px 140px; | ||
| 205 | } | ||
| 206 | |||
| 207 | .login #nav { | ||
| 208 | width: 40%; | ||
| 209 | display: block; | ||
| 210 | margin: auto; | ||
| 211 | margin-top: -100px; | ||
| 212 | background-color: transparent; | ||
| 213 | padding: 0px 100px 100px 240px; | ||
| 214 | margin-left: 10%; | ||
| 215 | |||
| 216 | |||
| 217 | } | ||
| 218 | |||
| 219 | |||
| 220 | } | ||
| 221 | |||
| 196 | 222 | ||
| 197 | @media (max-width: 879px) { | 223 | @media (max-width: 600px) { |
| 198 | 224 | ||
| 199 | 225 | ||
| 200 | html { | 226 | html { |
| ... | @@ -203,7 +229,7 @@ label { | ... | @@ -203,7 +229,7 @@ label { |
| 203 | 229 | ||
| 204 | 230 | ||
| 205 | #login { | 231 | #login { |
| 206 | background: none !important; | 232 | background: url(../images/logo-white-5.png) 70px 10px no-repeat !important; |
| 207 | padding-top: 40%; | 233 | padding-top: 40%; |
| 208 | width: 100%; | 234 | width: 100%; |
| 209 | padding: 8% 0 0; | 235 | padding: 8% 0 0; |
| ... | @@ -215,7 +241,7 @@ label { | ... | @@ -215,7 +241,7 @@ label { |
| 215 | 241 | ||
| 216 | body.login { | 242 | body.login { |
| 217 | 243 | ||
| 218 | background: url(../images/LoginMobile.png) no-repeat 0px bottom fixed; | 244 | background: url(../images/loginM.png) no-repeat 0px bottom fixed; |
| 219 | -webkit-background-size: cover; | 245 | -webkit-background-size: cover; |
| 220 | -moz-background-size: cover; | 246 | -moz-background-size: cover; |
| 221 | -o-background-size: cover; | 247 | -o-background-size: cover; |
| ... | @@ -268,7 +294,7 @@ label { | ... | @@ -268,7 +294,7 @@ label { |
| 268 | width: 100%; | 294 | width: 100%; |
| 269 | min-height: 250px; | 295 | min-height: 250px; |
| 270 | display: block; | 296 | display: block; |
| 271 | margin-top: 35%; | 297 | |
| 272 | -moz-border-radius: 0px; | 298 | -moz-border-radius: 0px; |
| 273 | -khtml-border-radius: 0; | 299 | -khtml-border-radius: 0; |
| 274 | -webkit-border-radius: 0; | 300 | -webkit-border-radius: 0; |
| ... | @@ -279,7 +305,7 @@ label { | ... | @@ -279,7 +305,7 @@ label { |
| 279 | border-radius: 0px; | 305 | border-radius: 0px; |
| 280 | border: none; | 306 | border: none; |
| 281 | padding: 60px 100px 100px 240px; | 307 | padding: 60px 100px 100px 240px; |
| 282 | margin-left: -50%; | 308 | margin-left: -34%; |
| 283 | margin-top: 30%; | 309 | margin-top: 30%; |
| 284 | background: url(../images/login.png) 0px 0px no-repeat; | 310 | background: url(../images/login.png) 0px 0px no-repeat; |
| 285 | background-size: 672px 398px !important; | 311 | background-size: 672px 398px !important; |
| ... | @@ -297,4 +323,12 @@ label { | ... | @@ -297,4 +323,12 @@ label { |
| 297 | 323 | ||
| 298 | 324 | ||
| 299 | 325 | ||
| 326 | } | ||
| 327 | |||
| 328 | @media (max-width: 400px) { | ||
| 329 | #login form { | ||
| 330 | width: 140%; | ||
| 331 | margin-left: -40%; | ||
| 332 | background-size: 872px 398px !important; | ||
| 333 | } | ||
| 300 | } | 334 | } |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
com/Branding/images/loginM.png
0 → 100644
27.9 KB
-
Please register or sign in to post a comment