Add Custom Login functionality.
/*Customize Login screen*/
function my_custom_login() {
echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('stylesheet_directory') . '/login/custom-login-styles.css" />';
}
add_action('login_head', 'my_custom_login');
body {background-color:white;}
.login form {box-shadow: 2px 2px 19px rgba(0,0,0,.13);}
.login h1 a {
background-image: url(login-logo.png);
background-size: 225px;
height: 76px;
width: 228px;
}
.login label {
font-size: 12px;
color: #083074;
}
.login input[type="text"]{
background-color: #ffffff;
border-color:#dddddd;
-webkit-border-radius: 4px;
}
.login input[type="password"]{
background-color: #ffffff;
border-color:#dddddd;
-webkit-border-radius: 4px;
}
.login .button-primary {
width: 120px;
float:right;
background: #2A363D; /* Old browsers */
color: #ffffff;
-webkit-border-radius: 4px;
border-color:#2A363D!important;
text-shadow:none!important;
}
.login .button-primary:hover {
background: #a72b64; /* Old browsers */
color: #fff;
-webkit-border-radius: 4px;
border-color:#a72b64!important;
text-shadow:none!important;
}