@font-face { font-family: 'Conv_Optima Medium'; src: url('fonts/Optima Medium.eot'); src: local('☺'), url('fonts/Optima Medium.woff') format('woff'), url('fonts/Optima Medium.ttf') format('truetype'), url('fonts/Optima Medium.svg') format('svg'); font-weight: normal; font-style: normal; } body { background-repeat: repeat; background-position: center center; background-color: transparent; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } #loginBox { top: 53%; } .login-form { background-color: #95c501; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.50); box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.50); } .login-form .header { height: 190px; background-repeat: no-repeat; background-position: 0px center; } .login-form .content .input { padding: 10px 25px; } .login-form .footer { border-top: none; text-align: center; background-image: none; background-color: #ec6e00; padding: 2px 30px; } .login-form .footer .button { float: none; font-family:'Conv_Optima Medium',Sans-Serif; font-size: 16px; color: #fff; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.25); border-radius: 5px; cursor: pointer; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; background: none; border: none; } .login-form .footer .button:hover { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .login-form .footer .button:focus { position: relative; bottom: 0; background: #5D4A3D; box-shadow: none; -moz-box-shadow: none; }