Posted By

thebloomagencyus on 10/28/17


Tagged


Versions (?)

CSS


 / Published in: CSS
 

CSS

  1. /*
  2. Contact Form by html-form-guide.com
  3. You can customize all the aspects of the form in this style sheet
  4. All the style elements use form id selector(notice the #contactus). So, including this
  5. stylesheet does not affect the other elements at all!
  6. */
  7.  
  8. #contactus fieldset
  9. {
  10. width:320px;
  11. padding:20px;
  12. border:1px solid #ccc;
  13. -moz-border-radius: 10px;
  14. -webkit-border-radius: 10px;
  15. -khtml-border-radius: 10px;
  16. border-radius: 10px;
  17. }
  18.  
  19. #contactus legend, h2
  20. {
  21. font-family : Arial, sans-serif;
  22. font-size: 1.3em;
  23. font-weight:bold;
  24. color:#333;
  25. }
  26.  
  27. #contactus label
  28. {
  29. font-family : Arial, sans-serif;
  30. font-size:0.8em;
  31. font-weight: bold;
  32. }
  33.  
  34. #contactus input[type="text"],textarea
  35. {
  36. font-family : Arial, Verdana, sans-serif;
  37. font-size: 0.8em;
  38. line-height:140%;
  39. color : #000;
  40. padding : 3px;
  41. border : 1px solid #999;
  42. -moz-border-radius: 5px;
  43. -webkit-border-radius: 5px;
  44. -khtml-border-radius: 5px;
  45. border-radius: 5px;
  46.  
  47. }
  48.  
  49. #contactus input[type="text"]
  50. {
  51. height:18px;
  52. width:220px;
  53.  
  54. -webkit-border-radius: 5px;
  55. -moz-border-radius: 5px;
  56. border-radius: 5px;
  57.  
  58. }
  59.  
  60. #contactus #scaptcha
  61. {
  62. width:60px;
  63. height:18px;
  64. }
  65.  
  66. #contactus input[type="submit"]
  67. {
  68. width:100px;
  69. height:30px;
  70. padding-left:0px;
  71.  
  72. -webkit-border-radius: 5px;
  73. -moz-border-radius: 5px;
  74. border-radius: 5px;
  75. }
  76.  
  77. #contactus textarea
  78. {
  79. height:120px;
  80. width:310px;
  81. -webkit-border-radius: 8px;
  82. -moz-border-radius: 8px;
  83. border-radius: 8px;
  84. }
  85.  
  86. #contactus input[type="text"]:focus,textarea:focus
  87. {
  88. color : #009;
  89. border : 1px solid #990000;
  90. background-color : #ffff99;
  91. font-weight:bold;
  92. }
  93.  
  94. #contactus .container
  95. {
  96. margin-top:8px;
  97. margin-bottom: 10px;
  98. }
  99.  
  100. #contactus .error
  101. {
  102. font-family: Verdana, Arial, sans-serif;
  103. font-size: 0.7em;
  104. color: #900;
  105. background-color : #ffff00;
  106. }
  107.  
  108. #contactus fieldset#antispam
  109. {
  110. padding:2px;
  111. border-top:1px solid #EEE;
  112. border-left:0;
  113. border-right:0;
  114. border-bottom:0;
  115. width:350px;
  116. }
  117.  
  118. #contactus fieldset#antispam legend
  119. {
  120. font-family : Arial, sans-serif;
  121. font-size: 0.8em;
  122. font-weight:bold;
  123. color:#333;
  124. }
  125.  
  126. #contactus .short_explanation
  127. {
  128. font-family : Arial, sans-serif;
  129. font-size: 0.6em;
  130. color:#333;
  131. }
  132.  
  133. /* spam_trap: This input is hidden. This is here to trick the spam bots*/
  134. #contactus .spmhidip
  135. {
  136. display:none;
  137. width:10px;
  138. height:3px;
  139. }
  140. #fg_crdiv
  141. {
  142. font-family : Arial, sans-serif;
  143. font-size: 0.3em;
  144. opacity: .2;
  145. -moz-opacity: .2;
  146. filter: alpha(opacity=20);
  147. }
  148. #fg_crdiv p
  149. {
  150. display:none;
  151. }

Report this snippet  

You need to login to post a comment.