Customizing the Wordpress Login Form

// wordpress Customizing the Login Form

// psate the below code in functions.php
// wp logo changing code wp login face
function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
                   background: url("http://s23.postimg.org/vxpowrfcb/screenshot_173.png") no-repeat scroll 0 0 transparent;
height: 117px;
width: 100%;
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );



// wp url/link controling code wp login face
function my_login_logo_url() {
    return home_url();
}
add_filter( 'login_headerurl', 'my_login_logo_url' );

function my_login_logo_url_title() {
    return 'Your Site Name and Info';
}
add_filter( 'login_headertitle', 'my_login_logo_url_title' );


// enqueue for wp login face
function my_login_stylesheet() {
    wp_enqueue_style( 'custom-login', get_template_directory_uri() . '/css/style-login.css' );
    wp_enqueue_script( 'custom-login', get_template_directory_uri() . '/css/style-login.js' );
}
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );



/******************************************************************************************************************/

// put this file into css   name      style-login.css




/* Change background color and font family */
body {
  background:url(http://lorempixel.com/1500/800/nature) no-repeat scroll center center ;
  font-family: Arial,Verdana,sans-serif;width:100%;height:100%;
}
body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform { background: none repeat scroll 0 0 #00CCFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
  font-weight: 400;
  margin-left: 0;
  margin-top: 20px;
  overflow: hidden;
  padding: 26px 24px 46px;}
body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}






// source links:
http://codex.wordpress.org/Customizing_the_Login_Form

http://www.elegantthemes.com/blog/tips-tricks/how-to-customize-the-wordpress-login-page