Advertisement
VortexDesign

Jazzy Forms Style Sheet - In progress

Sep 1st, 2013
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.65 KB | None | 0 0
  1. /* Jazzy Forms style sheet*/
  2. /* Append to your themes style.css */
  3. /* CSS Developed by VortexDesign.com */
  4. /* This is a work in progress */
  5.  
  6.  
  7. .jzzf_element_t{
  8. font-size: 16px;
  9. font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
  10. font-weight: normal;
  11. font-style: italic;
  12. letter-spacing: 1px;
  13. text-align: left;
  14. margin-top: -17px;
  15. margin-left: 11px;
  16. max-width:95%;
  17. }
  18.  
  19. div.jzzf_full {
  20. }
  21.  
  22. div.jzzf_half {
  23. width: 244px;
  24. float: left;
  25. margin-right: 33px;
  26. position: relative;
  27. font-size: 14px !important;
  28. font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
  29. font-weight: normal !important;
  30. font-style: italic !important;
  31. letter-spacing: 1px;
  32. text-align: left;
  33. margin-top:22px;
  34. }
  35.  
  36. div.jzzf_third {
  37. content:none;
  38. background:none;
  39. background-image:none;
  40. list-style:none;
  41. width: 30%; }
  42.  
  43. div.jzzf_quarter {
  44. list-style:none;
  45. float: left;
  46. width: 22%;
  47. }
  48.  
  49. form.jzzf_form li{
  50. width:555px;
  51. list-style:none;
  52. background-image:none !important;
  53. background-repeat: no-repeat;
  54. padding-left: 0px;
  55. }
  56.  
  57.  
  58. label.jzzf_element_label,
  59. .jzzf_dropdown_label,
  60. .jzzf_form li div label,
  61. .jzzf_form li span label{
  62. color: #435646;
  63. font-size: 18px;
  64. font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
  65. font-weight: normal;
  66. font-style: normal;
  67. letter-spacing: 1px;
  68. text-align: left;
  69. margin-top:-22px !important;
  70. margin-bottom:-11px !important;
  71. }
  72.  
  73. /*checkbox label*/
  74. .jzzf_checkbox_label{
  75. color: #000000 !important;
  76. font-size: 16px !important;
  77. font-family: 'Verdana', Tahoma, San-Serif !important;
  78. font-weight: normal;
  79. font-style: normal;
  80. letter-spacing: 1px !important;
  81. text-align: left;
  82. padding-top:-22px !important;
  83. margin-left: 33px;
  84. padding-bottom:11px;
  85. margin-top:-55px !important;
  86. text-indent: -0px ;
  87. display:block;
  88. }
  89.  
  90. /*checkbox*/
  91. .jzzf_element_c{
  92. margin-left:-11px;
  93. margin-top:-22px;
  94. padding-top:7px;
  95. margin-bottom:7px;
  96. }
  97.  
  98. .jzzf_form input, .jzzf_form select{
  99.  
  100. clear:both;
  101. background: #F9FAFB;
  102. background: rgba(249, 250, 251, 0.26);
  103. -webkit-border-radius:5px;
  104. -moz-border-radius:5px;
  105. border-radius:7px;
  106. -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  107. -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  108. box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  109. border:1px solid rgba(0, 0, 0, 0.26);
  110. margin:11px;
  111. margin-top:11px;
  112. margin-bottom:11px;
  113. padding:22px;
  114. text-shadow:none !important;
  115. overflow:hidden;
  116. padding:7px;
  117. max-width:95%;
  118. }
  119.  
  120. .jzzf_form input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
  121. {
  122. background: #F9FAFB;
  123. background: rgba(249, 250, 251, 0.26);
  124. -webkit-border-radius:5px;
  125. -moz-border-radius:5px;
  126. border-radius:7px;
  127. -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  128. -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  129. box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.17);
  130. border:1px solid rgba(0, 0, 0, 0.26);
  131. margin:0 auto;
  132. }
  133.  
  134. .jzzf_form input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="dropdown"], textarea
  135. {
  136. width: 95%;
  137. padding: 9px 0;
  138. color: #3D3D3D !important;
  139. font-size: 15px;
  140. font-family: 'Palatino Linotype', Georgia, 'Times New Roman', Times, Serif;
  141. font-weight: normal;
  142. font-style: normal;
  143. text-shadow: none;
  144. margin-top:4px;
  145. padding-left:11px;
  146. padding-bottom:11px;
  147. height:20px;
  148. margin-bottom:11px;
  149. }
  150.  
  151.  
  152.  
  153. /* End Additional CSS Styles */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement