In a previous post, I showed you how-to custom the WordPress login page using a custom WordPress function.This is great if you are using WordPress for a members / client area, branded login page for employees or if you just want a beautiful login page.

Germany Custom WordPress Login Page Theme

The CSS is:

body.login {
    background: #000;
}
body.login div#login {
    color: #ae8400;
}
body.login div#login a {
    color: #fff;
}
body.login div#login a:hover {
    color: #fff;
}
body.login div#login h1 {
    background: none;
}
body.login div#login h1 a {
    background: none;
    background-size: 1px 1px;
    width: 1px;
    height: 1px;
    visibility: hidden;
    display: none;
}
body.login div#login form#loginform {
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#fde052), to(#ffce00));
    background-image: -webkit-linear-gradient(top, #fde052, 0%, #ffce00, 100%);
    background-image: -moz-linear-gradient(top, #fde052 0, #ffce00 100%);
    background-image: linear-gradient(to bottom, #fde052 0, #ffce00 100%);
    background-repeat: repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffde052, endColorstr=#ffffce00, GradientType=0)  border-color: #cc9800;
    border: 1px solid #cc9800;
    color: #fff;
    border-radius: 6px;
}
body.login div#login form#loginform p {
    color: #ae8400;
}
body.login div#login form#loginform p label {
    color: #ae8400;
}
body.login div#login form#loginform input {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #cc9800;
}
body.login div#login form#loginform p.submit input#wp-submit {
    background: #d9534f;
    color: #fff;
    border: 1px solid #c9302c;
    border-color: #c9302c;
    box-shadow: none
}
body.login div#login p#nav a {
    color: #fff;
}

The Result

Germany Custom WordPress Login Page Theme