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  

Comments

RSS Icon Subscribe to comments
Posted By: KellimWorthington on May 21, 2018

CSS is that designed to facilitate the division of management and content, counting outline, fonts, and shades. College assignment helper. This division can advance content convenience, give more litheness, and manage in the design of presentation uniqueness.

You need to login to post a comment.