WordPressのログイン画面のスタイルを変える

admin.php

function custom_login() {
  echo '<link rel="stylesheet" type="text/css" href="'.get_template_directory_uri() . '/library/css/login.css" />';
}
add_action('login_head', 'custom_login');

login.css

/*
 * login.css
 */
 body.login{
	background-image: url('../images/login_bg_photo.jpg');
	background-position: center;
	color: #fff;
}
div#login{
	margin-bottom: 0px;
	padding: 20px;
	background-color: rgba(230, 230, 230, 0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	clear: both;
	overflow: hidden;
	position: relative;
	top: 100px;
}
.login h1{display: none;}
.login #nav{
	display: none;
}
.login #backtoblog{
	text-align: center;
}
.login .message {
	border-left: 0px solid #7ad03a;
	background-color: #800;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	color: #fff;
}
.login form {
	margin-top: 20px;
	margin-left: 0;
	padding: 26px 24px 46px;
	font-weight: 400;
	overflow: hidden;
	background: #f66f6f;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
	color: #fff;
}
.login form label {
	color: #fff;
}
.login #backtoblog a, .login #nav a {
	text-decoration: none;
	color: #fff;
}
.login #backtoblog a{
	display: block;
	padding: 12px 0;
	background: #16a6b6; 
}
.login #backtoblog, .login #nav{
	padding: 0;
}