Skip to content

Instantly share code, notes, and snippets.

@sagive
Created November 21, 2014 07:20
Show Gist options
  • Save sagive/71ce885240ecece1311b to your computer and use it in GitHub Desktop.
Save sagive/71ce885240ecece1311b to your computer and use it in GitHub Desktop.
The complete style for our new login page
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {background: url(images/bg-01.png) repeat 0 0;}
#login {width: 60%; max-width: 720px;}
#loginform {background: #121212;}
.message {text-align:center; background: #121212 !important; color:#fff; border: 0 !important;text-transform: uppercase;}
.login #login_error {border-top: none;background: #121212;-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);color: #DD3D36;text-align: center;font-size: 20px;font-weight: bold;text-transform: uppercase;text-shadow: 1px 1px 1px #000;}
body.login div#login h1 {height: 194px;}
body.login div#login h1 a {background: url(images/custom-login-logo.jpg) no-repeat 0 0; height: 200px; width: 768px; display: block !important; margin: 0 auto;}
#nav {text-align: center;}
#backtoblog {display: none;}
#loginform label {color: #fff !important;}
.login form {margin-top: 0;}
#wp-submit {width: 180px; background: #FF9F00 !important; border: none; color: #121212; font-weight: bold;}
#wp-submit:hover {background: #E68F00 !important;}
.bg1{background: #1E8BC3 !important;}
.col-md-6:first-child {padding: 0 15px 0 0 !important;}
.col-md-6:last-child {padding: 0 0 0 15px !important;}
.col-md-6 {width: 50%;float: left;margin-bottom: 15px;}
.form-control {display: block !important;width: 100% !important;height: 34px !important;padding: 6px 12px !important;font-size: 14px !important;line-height: 1.42857143 !important;color: #121212 !important;background-color: #FFF !important;background-image: none !important;border: none !important;border-radius: 0 !important;margin: 0 !important;}
.clearfix:before {clear:both;content: " ";display: table;}
.clearfix:after {clear:both;content: " ";display: table;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment