Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save gdnwebmedia/a37db1cd8b3040ec91c5c79c10658e43 to your computer and use it in GitHub Desktop.
Save gdnwebmedia/a37db1cd8b3040ec91c5c79c10658e43 to your computer and use it in GitHub Desktop.
Custom modifications to enhance Branda's AbstractTag Custom Login Template
html body {
display: flex;
align-items: stretch;
align-content: flex-start;
background-position: 200px 50%;
background-color: #ffffff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body,
.branda-background-mask {
background-color: #ffffff;
}
.branda-login {
width: 40%;
min-width: 350px;
display: flex;
align-items: center;
margin-left: 0;
}
@media only screen and (max-width: 768px) {
.branda-login {
width: 100%;
}
}
#login {
margin: 0 auto;
width: 320px;
}
#login h1 {
margin-bottom: 0;
}
.login {
display: flex;
}
.login #login #nav,
.login #loginform {
max-width: 320px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment