Posted By

rlargett on 12/18/09


Tagged

form css


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

satsuma


form css


 / Published in: CSS
 

  1. form ol{
  2. list-style: none;
  3. margin: 0;
  4. padding: 0;
  5. }
  6. form ol li{
  7. padding: 20px 0;
  8. overflow: hidden;
  9. }
  10. form ol li label{
  11. float: left;
  12. width: 20%;
  13. text-align: right;
  14. padding: 0 50px 0 0;
  15. }
  16. form ol li textarea{
  17. width: 60%;
  18. height: 150px;
  19. }
  20. form ol li img{
  21. padding-top: 5px;
  22. }
  23. form ol li input[type="submit"]{
  24. width: 15%;
  25. margin-left: 28%;
  26. }
  27. form ol li.ltgrey{
  28. background-color: #B0BCC5;
  29. border-top: solid 1px #93A3AE;
  30. border-bottom: solid 1px #93A3AE;
  31. }
  32. form .indicate-required, form .note-required{
  33. color: red;
  34. }
  35. input#age_group1, input#age_group2, input#age_group3, input#age_group4, input#age_group5, input#service_time1, input#service_time2, input#service_time3, input#address_type1, input#address_type2, input#marital_status1, input#marital_status2, input#marital_status3, input#marital_status4, input#mce-group-0, input#mce-group-1, input#mce-group-2, input#mce-EMAILTYPE-0, input#mce-EMAILTYPE-1, input#mce-EMAILTYPE-2{
  36. margin-right: 1%;
  37. padding: .2em .3em;
  38. width: auto;
  39. float: left;
  40. z-index: 999;
  41. }
  42. label.group{
  43. display: inline;
  44. margin: .3em 0 0 0;
  45. line-height: 1em;
  46. width: auto;
  47. float: left;
  48. text-align: left;
  49. padding: 0 2em 0 0;
  50. font-weight: normal;
  51. }

Report this snippet  

You need to login to post a comment.