Created
January 14, 2014 20:34
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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