Advertisement
Guest User

contact form

a guest
Dec 11th, 2017
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.18 KB | None | 0 0
  1. /* Contact Form */
  2. #contactform {
  3.     width: 350px;
  4.     height: auto;
  5.     padding: 30px;
  6.     background-color: #35424a;
  7.     border: 2px solid #5F37AE;
  8.     color: #ffffff;
  9.     float: left;
  10. }
  11.  
  12. #contactform label {
  13.     font-size: 1.1em;
  14.     font-weight: 700;
  15.     vertical-align: top;
  16.     color: #ffffff;
  17. }
  18.  
  19. #contactform input#name {
  20.     border: 1px solid #5F37AE;
  21.     margin-top: 10px;
  22.     margin-bottom: 10px;
  23.     padding-left: 5px;
  24.     width: 310px;
  25.     height: 30px;
  26.     font-size: .8em;
  27. }
  28.  
  29. #contactform input#email {
  30.     border: 1px solid #5F37AE;
  31.     margin-top: 10px;
  32.     margin-bottom: 10px;
  33.     padding-left: 5px;
  34.     width: 310px;
  35.     height: 30px;
  36.     font-size: .8em;
  37. }
  38.  
  39. #contactform textarea#message {
  40.     border: 1px solid #5F37AE;
  41.     margin-top: 10px;
  42.     margin-bottom: 10px;
  43.     padding-left: 5px;
  44.     width: 310px;
  45.     height: auto;
  46.     font-size: .8em;
  47. }
  48.  
  49. #contactform input#submit {
  50.     background-color: #5F37AE;
  51.     border-radius: 5px;
  52.     border: none;
  53.     padding: 10px 25px;
  54.     color: #ffffff;
  55.     text-shadow: 1px 1px 1px #5F37AE;
  56.     margin-left: 120px;
  57. }
  58.  
  59. #contactform input#submit:hover {
  60.     background-color: #392168;
  61. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement