Guest User

Untitled

a guest
Jun 23rd, 2018
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.41 KB | None | 0 0
  1. .cleanform {
  2. font-size:1em;
  3. width:40em;
  4. color:#1b1b1b;
  5. text-align:left;
  6. position:relative;
  7. margin:1em auto
  8. }
  9.  
  10. /* Elements */
  11.  
  12. .cleanform label,.cleanform legend{
  13. padding:0;
  14. margin:0.3em 0;
  15. color:white;
  16. }
  17.  
  18. .cleanform fieldset{
  19. padding:0.7em;
  20. border:1px solid #ddd;
  21. margin:0 0 0.5em 0;
  22. }
  23.  
  24. .cleanform label {
  25. font-weight:bold;
  26. }
  27.  
  28. .cleanform fieldset input {
  29. width:70%;
  30. line-height:1.5em;
  31. padding:0.15em;
  32. }
  33.  
  34. .cleanform .radio input,
  35. .cleanform .checkbox input {
  36. width:auto;
  37. border:none;
  38. }
  39.  
  40. .cleanform input, .cleanform textarea, .cleanform select {
  41. display:block;
  42. margin-bottom:1em;
  43. font-size:1em;
  44. border:1px solid #bbb;
  45. padding:0.15em;
  46. margin-right:1em
  47. }
  48.  
  49. .cleanform .radio label, .cleanform .radio input,
  50. .cleanform .checkbox label, .cleanform .checkbox input{
  51. display:inline;
  52. margin:0 1.5em 0 0
  53. }
  54.  
  55.  
  56. .cleanform .radio input, .cleanform .checkbox input{
  57. margin:0 0.3em 0 0
  58. }
  59.  
  60. .cleanform .multiple label{
  61. float:left;
  62. width:29%;
  63. overflow:hidden;
  64. padding-left:1px;
  65. }
  66.  
  67. .cleanform .multiple input {
  68. cursor:pointer;
  69. }
  70.  
  71. /* Button */
  72.  
  73. .cleanform button {
  74. margin:0.3em 0;
  75. border:1px solid #ccc;
  76. background-color:#eee;
  77. font-size:1em;
  78. cursor:pointer;
  79. padding:0.5em
  80. }
  81.  
  82. .cleanform button:hover {
  83. background-color:#E6EFC2;
  84. border:1px solid #C6D880;
  85. color:#529214;
  86. }
  87.  
  88. .cleanform button:active {
  89. background-color:#333;
  90. color:white;
  91. border:1px solid #000;
  92. }
  93.  
  94. /* information */
  95.  
  96. .cleanform .formInfo {
  97. margin-bottom:1em;
  98. padding-bottom:0.5em;
  99. border-bottom:0.1em solid #ddd;
  100. color:white;
  101. }
  102.  
  103. .cleanform .formInfo h2 {
  104. color:#00889e;
  105. font-weight:bold;
  106. font-size:1.2em;
  107. margin-bottom:1em
  108. }
  109.  
  110. .cleanform .formInfo p{
  111. text-align:justify
  112. }
  113.  
  114. .cleanform .required {
  115. color:#ff3838;
  116. font-weight:bold;
  117. font-size:0.8em;
  118. }
Add Comment
Please, Sign In to add comment