New single login.css file for WordPress until 2.9 - belongs to the "Future Core Login" Plugin

login.css

/**
 * Custom login like it should be in core in a future version
 */

/**
 * The following is additional: 
 * Removing dotted borders around links & buttons as far as possible 
 */
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner { 
	padding: 0;
	border: none;
}
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #F9F9F9;
	border-top: 30px solid #464646;
	font: 11px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	color: #333333; /* not needed for standard installation, but here to make every written stuff on the page inherit and consistent. */
}
/**
 * Link to Blog
 */
#backtoblog,
#backtoblog a {
	position: absolute;
	top: 4px;
	left: 15px;
	color: #CCCCCC;
	text-decoration: none;
	white-space: nowrap;
}
#backtoblog a:hover, 
#backtoblog a:active, 
#backtoblog a:focus {
	color:#fff;
}
#login {
	margin: 7em auto;
	width: 320px;
}
/**
 * Wordpress-Logo
 */
h1 a {
	background: url("../images/logo-login.gif") no-repeat scroll center top transparent;
	display: block;
	height: 67px;
	overflow: hidden;
	padding: 0 0 15px 0;
	text-indent: -9999px;
	width: 326px;
	color: #21759B;
}
/**
 * Messageboxes
 */
#login_error, 
.error, 
.updated, 
.message, 
.plugin-message { /* added for plugins: <p class="plugin-message"> */
	margin: 0 0 16px 8px;
	padding: 12px;
	-moz-border-radius: 3px 3px 3px 3px;
	border: 1px solid;
	color: #333333;
}
.updated, 
.message, 
.plugin-message-yellow { /* added for plugins: <p class="plugin-message-yellow"> */
	border-color: #E6DB55;
	background-color: #FFFFE0;
}
#login_error,
.login_error,
.plugin-message-error { /* added for plugins: <p class="plugin-message-error"> */
	border-color: #CC0000;
	background-color: #FFEBE8;
}
/**
 * Form
 */
form {
	-moz-box-shadow: 0 4px 18px #C8C8C8;
	margin: 0 0 0 8px;
	padding: 16px 16px 40px;
	border: 1px solid #E5E5E5;
	-moz-border-radius: 11px 11px 11px 11px;
	font: normal 13px;
	color: #777777;
	background: none repeat scroll 0 0 #FFFFFF;
}
form p {
	margin-bottom:0;
}
form  /* p */ .forgetmenot {
	float: left;
}
form  /* p */ .forgetmenot label {
	font-size: 11px;
	line-height: 19px;
}
input {
	color:#555555;
}
input.user_data,
input#user_pass, 
input#user_login, 
input#user_email {
	margin: 2px 6px 16px 0;
	padding: 3px;
	width: 97%;
	border: 1px solid #E5E5E5;
	font-size: 24px;
	background: none repeat scroll 0 0 #FBFBFB;
}
.button-primary {
	-moz-border-radius: 11px 11px 11px 11px;
	background: url("../images/button-grad.png") repeat-x scroll left top #FFFFFF;
	margin: -3px 0 0 0;
	padding: 3px 10px;
	float: right;
	border: 1px solid #298CBA;
	color: #FFFFFF;
	font: bold 12px "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
input.button-primary:active, 
button.button-primary:active, 
a.button-primary:active {
	background:url("../images/button-grad-active.png") repeat-x scroll left top #21759B;
	color:#EAF2FA;
}
input.button-primary:hover, 
button.button-primary:hover, 
a.button-primary:hover, 
a.button-primary:focus, 
a.button-primary:active {
	border-color:#13455B;
	color:#EAF2FA;
}
.button-disabled, 
.button[disabled], 
.button:disabled,
a.button.disabled {
	border-color:#DDDDDD;
	color:#AAAAAA;
	background:none repeat scroll 0 0 #298CBA;
	color:#9FD0D5;
}
/**
 * Link to lost password or login
 */
.login_link,
#nav {
	margin: 0 0 0 8px;
	padding: 16px;
}
.login_link *,
#nav * {
	color: #21759B;
}
.clear {
	clear: both;
}