1
0
Fork 0

New home/login page style

This commit is contained in:
fabrixxm 2018-01-14 18:45:00 +01:00
commit 1064da1052
5 changed files with 73 additions and 2 deletions

View file

@ -3005,3 +3005,68 @@ section .profile-match-wrapper {
float: left;
}
/**
* Login page
*/
.mod-home.is-not-singleuser,
.mod-login {
background-image: linear-gradient(to right, rgba(0,0,0, 0.7) , rgba(0,0,0, 0.4)), url($login_bg_image);
background-size: cover;
background-attachment: fixed;
background-position: center;
padding-top: 0;
}
.mod-home.is-not-singleuser nav.navbar,
.mod-login nav.navbar { background-color: transparent }
.mod-home.is-not-singleuser #topbar-second,
.mod-login #topbar-second {
background-color: transparent;
box-shadow: unset;
border: 0
}
.mod-home.is-not-singleuser #content > h1,
.mod-login #content > h1 {
color: #eee;
}
@media screen and (min-width: 700px) {
.mod-home.is-not-singleuser #content > #login-form,
.mod-login #content > #login-form {
width: 50%;
background-color: #fff;
color: #444;
padding: 1em;
float: right;
position: relative;
margin-top: 4em;
}
.mod-home.is-not-singleuser #content > #login-form:before,
.mod-login #content > #login-form:before {
display: block;
position: absolute;
content: " ";
background-color: rgba(255,255,255,0.1);
width:90%;
height: 110%;
top: -5%;
left: 5%;
z-index: -1;
}
.mod-home.is-not-singleuser #content > #login-form:after,
.mod-login #content > #login-form:after {
display: block;
position: absolute;
content: " ";
background-color: rgba(255,255,255,0.2);
width:80%;
height: 120%;
top: -10%;
left: 10%;
z-index: -1;
}
}