96 lines
1.8 KiB
PHP
96 lines
1.8 KiB
PHP
body.ppwp-sitewide-protection {
|
|
background: #2a2c2e url("<?php echo esc_url( ppw_get_background_image( 'sw-default2.jpg' ) ); ?>") no-repeat center/cover !important;
|
|
}
|
|
|
|
.pda-form-login {
|
|
width: 50%;
|
|
height: 100%;
|
|
position: relative;
|
|
left: 0;
|
|
margin: 0 0 0 auto;
|
|
padding: 0;
|
|
}
|
|
|
|
.ppwp-countdown-container {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 2px;
|
|
width: 50%;
|
|
margin: 0 0 0 auto;
|
|
}
|
|
|
|
.pda-form-login form {
|
|
max-width: 350px;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
position: relative;
|
|
padding: 2rem;
|
|
overflow: hidden;
|
|
background: #111;
|
|
border-radius: 0.4em;
|
|
border: 1px solid #191919;
|
|
box-shadow: 1px 1px 78px #171717;
|
|
color: #fff;
|
|
}
|
|
|
|
.pda-form-login a.ppw-swp-logo {
|
|
top: 26%;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.pda-form-login form:before {
|
|
content: "";
|
|
width: 8px;
|
|
height: 5px;
|
|
position: absolute;
|
|
left: 34%;
|
|
top: -7px;
|
|
border-radius: 50%;
|
|
box-shadow: 0 0 6px 4px #fff;
|
|
}
|
|
|
|
.pda-form-login form:after {
|
|
content: "";
|
|
width: 400px;
|
|
height: 200px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 35px;
|
|
transform: rotate(75deg);
|
|
background: linear-gradient(50deg, rgba(255, 255, 255, 0.15), transparent);
|
|
opacity: .4;
|
|
z-index: -1;
|
|
}
|
|
|
|
.pda-form-login .input_wp_protect_password {
|
|
padding: .8rem;
|
|
background: linear-gradient(#1f2124, #27292c);
|
|
border: 1px solid #000;
|
|
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
padding-right: 2.5rem;
|
|
}
|
|
|
|
.pda-form-login .input_wp_protect_password:focus {
|
|
box-shadow: inset 0 0 2px #000;
|
|
background: #494d54;
|
|
outline: none;
|
|
}
|
|
|
|
.pda-form-login .button-login {
|
|
width: 100%;
|
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 10px 10px rgba(255, 255, 255, 0.1);
|
|
border-radius: 3px;
|
|
background: #218dd6;
|
|
cursor: pointer;
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
|
|
margin-top: 1rem;
|
|
}
|