/* Page Background */
body.login, html {
background: #295b87 !important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
/* overflow:auto; GJS NOV 1 */
}
.login form {
border: 1px solid #222222 !important;
}
#login{
background: #222222 !important;
width: 100% !important;
height:100%;
padding: 100px 0 0;
}
.login label {
color: #fff;
}
.login .message,.login #login_error {
top: 0;
position: fixed;
width: 100%;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
text-align: center;
border: none;
box-shadow: none;
/*color: #FFFFFF; 2017*/
}
body.login div#login form{
/* Size and position */
width: 300px;
margin: 0px auto;
padding: 0px;
position: relative;
text-align: center !important;
background:none;
box-shadow:none;
/* Font styles */
color: white;
text-shadow: 0 2px 1px rgba(0,0,0,0.3);
}
#login form p {
padding-left: 10px;
padding-right: 10px;
}
/* Input */
body.login div#login form input {
padding: 8px 4px 8px 10px;
margin-bottom: 15px;
background: none; /* For Internet Explorer */
border: 1px solid rgba(0,0,0, 0.2);
background: rgba(0,0,0,0.15);
border-radius: 2px;
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: #fff;
font-size: 13px;
direction:ltr;
}
body.login div#login form input:focus,
body.login div#login form input:focus,
body.login div#login form input:focus {
box-shadow:
0 0 1px 3px rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 3px rgba(255,255,255,0.15);
outline: none;
}
body.login div#login form input:focus {
outline: none;
}
body.login div#login form#loginform p.forgetmenot input#rememberme {
margin-top:8px;
}
/* submit */
body.login div#login form p.submit input#wp-submit{
padding: 0 20px;
width:150px;
float: left;
margin-left: 75px;
height:35px;
background-color: #7eb75b;
*background-color: #7eb75b;
background-image: -moz-linear-gradient(top, #7eb75b, #63a04d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7eb75b), to(#63a04d));
background-image: -webkit-linear-gradient(top, #7eb75b, #63a04d);
background-image: -o-linear-gradient(top, #7eb75b, #63a04d);
background-image: linear-gradient(to bottom, #7eb75b, #63a04d);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: inset 0 1px rgba(255,255,255,0.4), 0 2px 1px rgba(0,0,0,0.1);
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Font styles */
color: white;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
font-size: 13px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.login div#login form p.submit input#wp-submit:hover {
background: #51a351;
}
body.login div#login form p.submit input#wp-submit:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
}
body.login div#login p#nav{
margin-left:-20px;
}
body.login div#login p#backtoblog{
margin-left:-20px;
}
body.login div#login p#nav a ,body.login div#login p#backtoblog a{
text-decoration:none;
text-shadow:none;
color: #fff !important;
}
body.login div#login p#nav a:hover ,body.login div#login p#backtoblog a:hover{
opacity:0.5;
transition: all 0.3s ease-out;
}
.login form .forgetmenot {
float: none !important;
}
body.login p#backtoblog {
display:none !important;
}
body.login div#login p#nav {
margin: 0 auto !important;
text-align: center !important;
}
.interim-login #login {
margin-top: 85p !important;
}
#wp-auth-check-wrap .wp-auth-check-close::before {
height: 22px;
background-color: #36F;
margin: 0;
width: 22px;
}
#wp-auth-check-wrap #wp-auth-check {
background-color: #222 !important;
}
#wp-auth-check-wrap .wp-auth-check-close {
top: #222 !important;
}
#wp-auth-check-wrap .wp-auth-check-close::before {
color: #FFF !important;
}
.interim-login #login {
padding-top: 60px;
}
.interim-login.login .message {
width: auto !important;
}
#login h1 a {
background-image: url('../images/logo-login.png') !important;
background-size: auto;
height: 240px;
width: 360px;
max-height: 240px;
max-width: 360px;
overflow: hidden;
}