This goes in functions:
<?php
function my_login_stylesheet() { ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/login.css" type="text/css" media="all" />
<?php }
add_action( 'login_enqueue_scripts', 'my_login_stylesheet' );
?>
This goes is a file called login.css
/* Body Background */
body.login {
background-image:url('http://www.mooseloose.com/fluid/images/StPatrick.jpg');
width:100%
}
/* container */
body.login div#login {
border:0px solid red;
width:420px;
padding:0px;}
/* Login form */
body.login div#login form#loginform {
width:350px;
background-color:#003300;
-webkit-box-shadow: 3px 3px 10px rgba(50, 50, 57, 0.57);
-moz-box-shadow:3px 3px 10px rgba(50, 50, 57, 0.57);
box-shadow: 3px 3px 10px rgba(50, 50, 57, 0.57);
}
/* holds submit fields */
body.login div#login form#loginform p {
width:300px
}
/* lables */
body.login div#login form#loginform p label {
color:white
}
/* button */
body.login div#login form#loginform p.submit input#wp-submit {
height:20px;
background: rgb(30, 175, 122);
background: -moz-linear-gradient(96deg, rgb(30, 175, 122) 35%, rgb(0, 207, 129) 70%);
background: -webkit-linear-gradient(96deg, rgb(30, 175, 122) 35%, rgb(0, 207, 129) 70%);
background: -o-linear-gradient(96deg, rgb(30, 175, 122) 35%, rgb(0, 207, 129) 70%);
background: -ms-linear-gradient(96deg, rgb(30, 175, 122) 35%, rgb(0, 207, 129) 70%);
background: linear-gradient(186deg, rgb(30, 175, 122) 35%, rgb(0, 207, 129) 70%);
}
/* lost password link */
body.login div#login a:link {
color:red;
text-decoration:none;
}
body.login div#login a {
text-decoration:none
}
body.login h1 a{
background:url(http://www.mooseloose.com/fluid/images/login.jpg) no-repeat top center;
width:420px;
height:88px;
text-indent:-9999px;
overflow:hidden;
padding-0"}