Skip to content

Instantly share code, notes, and snippets.

@salehahmadbabu
Created October 11, 2021 09:08
Show Gist options
  • Save salehahmadbabu/ea2402b0064a8d0c06ad3a93a1b93a70 to your computer and use it in GitHub Desktop.
Save salehahmadbabu/ea2402b0064a8d0c06ad3a93a1b93a70 to your computer and use it in GitHub Desktop.
body.login.login-password-protected {
position: relative;
overflow: hidden;
display: flex;
justify-content:center;
align-items: center;
}
body.login.login-password-protected:after {
position: absolute;
content: '';
left: 0;
top: 0;
width: 110%;
height: 110%;
background: url(https://chateau-devincy.aeximius-studio.com/wp-content/uploads/2021/10/0871-scaled.jpg);
z-index: -1;
filter: blur(10px);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
margin-left:-5%;
margin-top: -5%;
}
body.login.login-password-protected #login {
padding: 40px 20px;
max-width: 520px;
width: 100%;
background-color: #ffffff73;
}
.login form {
background: transparent;
border: none;
box-shadow: none;
text-align: center;
}
.login form .input {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
color: #fff;
width: 100%;
outline:none;
box-shadow:none;
margin-top:30px;
font-size:18px;
}
.login form .input::placeholder {
color:#fff;
}
.login form label {
width: 100%;
font-size:20px;
font-weight:300;
}
.login form input[type=submit] {
float: unset;
background: transparent;
border: 1px solid #fff;
border-radius: 25px;
padding: 0px 40px !important;
font-size: 20px;
outline:none;
box-shadow:none;
}
.login form input[type=submit]:hover,
.login form input[type=submit]:active,
.login form input[type=submit]:focus {
background:transparent;
border: 1px solid #fff;
outline:none;
box-shadow:none;
}
.login form .submit {
text-align: center;
}
.login h1 a {
background-image: url(https://chateau-devincy.aeximius-studio.com/wp-content/uploads/2021/10/Logo-Chateau-de-Vincy-NEGATIF-BLANC.png) !important;
overflow: visible;
width: 100% !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment