diff --git a/css/contact-us.css b/css/contact-us.css index 7d45fb2..de7b464 100644 --- a/css/contact-us.css +++ b/css/contact-us.css @@ -4,10 +4,10 @@ #contact label { display: block; width: 100%; font-weight: normal; margin-bottom: 20px; position: relative; } #content #contact p { display: block; margin-bottom: 10px; width: 600px; position: relative } -#contact input.safyemail { background: url(https://data.chinahighlights.com/css/images/safty-icon.png) no-repeat 98% center #fff; } -#contact input[type="text"], input[type="email"], input[type="tel"] { padding: 10px 15px; font-size: 14px; width: 100%; border-radius: 2px; border: 1px solid #d2d2d2; box-shadow: inset 2px 2px 2px #d1d1d1; } +#contact input.safyemail { background: url(https://data.chinahighlights.com/css/images/safty-icon.png) no-repeat 98% center #fff; font-family: 'Didact Gothic', Arial, Helvetica, sans-serif; } +#contact input[type="text"], input[type="email"], input[type="tel"] { padding: 10px 15px; font-size: 14px; width: 100%; border-radius: 2px; border: 1px solid #d2d2d2; box-shadow: inset 2px 2px 2px #d1d1d1; font-family: 'Didact Gothic', Arial, Helvetica, sans-serif; } #contact input:focus, textarea:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; transition:all 0.3s ease-in-out; } -textarea { padding: 10px 15px; color: #000; background: #fff; border: 1px solid #d2d2d2; font-size: 14px !important; font-family: Verdana, Geneva, sans-serif; width: 100%; border-radius: 2px; box-shadow: inset 2px 2px 2px #d1d1d1; } +textarea { padding: 10px 15px; color: #000; background: #fff; border: 1px solid #d2d2d2; width: 100%; border-radius: 2px; box-shadow: inset 2px 2px 2px #d1d1d1; font-family: 'Didact Gothic', Arial, Helvetica, sans-serif;height: 80px; } #contact input[type="submit"] { background-color: #a31022; color: #fff; border-radius: 4px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding: 10px; width: 100%; cursor: pointer; margin-top: 25px; border: none; margin-bottom:20px; z-index: 9999; } #contact input[type="submit"]:hover { background: #BA1421; transition: all 0.5s ease-in-out; }