Skip to content

Instantly share code, notes, and snippets.

@brandonhimpfen
Created January 14, 2014 20:34
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save brandonhimpfen/8425177 to your computer and use it in GitHub Desktop.
Save brandonhimpfen/8425177 to your computer and use it in GitHub Desktop.
Example WordPress login page CSS that I use for one of my travel sites.
body.login {
background: #428bca;
}
body.login div#login {
color: #fff;
}
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;
}
body.login div#login form#loginform {
background-image: -webkit-gradient(linear, left 0, left 100%, from(#5bc0de), to(#31b0d5));
background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
background-image: -moz-linear-gradient(top, #5bc0de 0, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0, #31b0d5 100%);
background-repeat: repeat-x;
border-color: #2aabd2;
border: 1px solid #357ebd;
color: #fff;
}
body.login div#login form#loginform p {
color: #fff;
}
body.login div#login form#loginform p label {
color: #fff;
}
body.login div#login form#loginform input {
border-radius: 6px;
background: #fff;
border: 1px solid #428bca;
}
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 {
background: #fff;
border: 1px solid #ccc;
color: #333;
}
body.login div#login p#nav {
}
body.login div#login p#nav a {
color: #fff;
}
body.login div#login p#backtoblog {
}
body.login div#login p#backtoblog a {
color: #a2dae8;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment