@charset "utf-8";
/* CSS Document */
body{ background:#000;}
.svgpaz, #login-container{
/* background: url('data:image/svg+xml;utf8,') no-repeat center;
*/
background: url('data:image/svg+xml;utf8,') no-repeat center;
}
.svgpaz{
background-size: 90px auto;
width:99%;
display:block;
width:90px;
height:90px;
margin:auto;
opacity:.6
}
#login-container{
display: flex;
justify-content: center;
flex-flow: row wrap;
align-content: center;
align-items: center;
position: absolute;
background-size: 700px auto;
width:99%;
min-height:100vh;
filter: invert(1);
}
#login{
padding: 6px;
background: #fff;
border-radius: 12px;
width:300px;
filter: invert(1);
}
#login h1, #login p.forgetmenot, #label_x_name{ display:none}
/*
#eye {
float: right;
background: #fff;
border-radius: 50%;
font-size: 15px;
color: #22a;
width: 18px;
top: 4px;
left: 5px;
position: relative;
height: 18px;
line-height: 1.2;
cursor: pointer;
}
.login .button.wp-hide-pw{ display:none !important;}
*/
#login form {
margin: 0;
padding: 2em;
font-weight: 400;
overflow: hidden;
background: #fff;
box-shadow: none;
border:none;
}
#login form input.input {
font-size: 17px;
width: 100%;
padding: 4px 5px;
margin: 0 0 10px;
}
#login form p.submit {
margin: 20px 0 5px 0;
padding: 0;
text-align: center;
}
input#wp-submit {
width: 70%;
height: 28px;
line-height: 26px;
padding: 0 10px;
border-radius: 6px;
background: linear-gradient(#eee, #999);
color: #000!important;
border: 0;
box-shadow: none;
margin: 0;
float: none;
text-shadow: none;
}
input#wp-submit:hover {
background: linear-gradient(#666, #eee);
color: #fff!important;
}
.login #login_error, .login .message, .login .success {
border-top-right-radius: 12px;
padding: 10px;
margin-left: 4px;
margin-bottom: 5px;
background-color: #fff;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
#login #nav {
padding: 0;
margin: 0 15px;
color: transparent !important;
text-shadow: none;
text-align:center;
}
#backtoblog {
text-align: center;
}
.login #nav a, .login #backtoblog a {
padding: 2px 8px;
border-radius: 5px;
text-decoration: none;
display: inline-block;
margin: 3px;
background: linear-gradient(#fff, #ccc);
color: #666 !important;
text-shadow: none;
border: 1px solid #ccc;
}
.login #nav a:hover, .login #backtoblog a:hover {
color: #000 !important;
background: linear-gradient(#ccc, #fff);
}
.login label{ display:block;}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
height: 30px;
line-height: 28px;
padding: 0 12px 2px;
}
@media screen and (max-height: 580px){
#login {
margin-top: 8em;
}
}
@media screen and (max-height: 480px){
#login {
margin-top: 12em;
}
}
#login-footer{
position: absolute;
width: 25em;
text-align: center;
padding: 2em;
color: #666;
top:60em;
}
#cookiestxt p{ text-align:justify;}