Advertisement
srikat

Untitled

Apr 14th, 2016
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.12 KB | None | 0 0
  1. /* GF Form in Primary Nav
  2. ---------------------------------------------------------------------------------------------------- */
  3.  
  4. .genesis-nav-menu .nav-form-dropdown {
  5. position: relative;
  6. padding: 0;
  7. min-width: 300px;
  8. color: #000;
  9. }
  10.  
  11. #nav-form-holder {
  12. display: none;
  13. position: absolute;
  14. top: 76px;
  15. left: 0;
  16. right: 0;
  17. width: 100%;
  18. padding: 20px;
  19. background: rgba(55,167,50,0.95);
  20. }
  21.  
  22. a#nav-form-toggle {
  23. color: #fff;
  24. text-transform: uppercase;
  25. padding: 26px 20px;
  26. display: block;
  27. }
  28.  
  29. a#nav-form-toggle:hover,
  30. a#nav-form-toggle.open {
  31. text-decoration: none;
  32. background-color: #ffa500;
  33. }
  34.  
  35. a#nav-form-toggle .fa {
  36. margin-left: 40px;
  37. font-size: 24px;
  38. transition: all .4s ease;
  39. position: relative;
  40. }
  41.  
  42. a#nav-form-toggle .fa:before {
  43. position: absolute;
  44. }
  45.  
  46. a#nav-form-toggle .fa:before {
  47. top: 2px;
  48. }
  49.  
  50. a#nav-form-toggle.open .fa:before {
  51. top: -4px;
  52. }
  53.  
  54. #nav-form-holder .wpforms-description {
  55. line-height: 1.3;
  56. }
  57.  
  58. #nav-form-holder div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
  59. max-width: none;
  60. }
  61.  
  62. #nav-form-holder div.wpforms-container-full .wpforms-form input[type=text],
  63. #nav-form-holder div.wpforms-container-full .wpforms-form input[type=email] {
  64. font-size: 13px;
  65. height: auto;
  66. }
  67.  
  68. #nav-form-holder div.wpforms-container-full .wpforms-form .wpforms-field {
  69. padding: 5px 0;
  70. }
  71.  
  72. #nav-form-holder div.wpforms-container-full .wpforms-form .wpforms-field-label {
  73. margin-top: 10px;
  74. }
  75.  
  76. div.wpforms-container-full .product-check-boxes label.wpforms-field-label,
  77. #nav-form-holder div.wpforms-container-full .wpforms-form .wpforms-field-label {
  78. text-transform: uppercase;
  79. font-size: 12px;
  80. margin-bottom: 10px;
  81. padding-left: 1px;
  82. }
  83.  
  84. .product-check-boxes ul {
  85. -moz-column-count: 2;
  86. -moz-column-gap: 20px;
  87. -webkit-column-count: 2;
  88. -webkit-column-gap: 20px;
  89. column-count: 2;
  90. column-gap: 20px;
  91. }
  92.  
  93. #nav-form-holder div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  94. font-size: 13px;
  95. }
  96.  
  97. #nav-form-holder div.wpforms-container-full .wpforms-form input[type=checkbox] {
  98. margin-right: 7px;
  99. }
  100.  
  101. #nav-form-holder div.wpforms-container-full .wpforms-form textarea {
  102. font-size: 13px;
  103. }
  104.  
  105. #nav-form-holder div.wpforms-container-full .wpforms-form button[type=submit] {
  106. background-color: #ffa500;
  107. text-transform: uppercase;
  108. color: #fff;
  109. border: solid 2px #767676;
  110. /*text-shadow: 0 -1px 0 #3574e3;*/
  111. box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
  112. font-size: 13px;
  113. font-weight: bold;
  114. letter-spacing: 1px;
  115. width: 100%;
  116. }
  117.  
  118. /* Clear placeholder text on focus */
  119. input:focus::-webkit-input-placeholder { color:transparent; }
  120. input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
  121. input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
  122. input:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
  123.  
  124. #nav-form-holder .wpforms-confirmation-container-full {
  125. margin-bottom: 0;
  126. }
  127.  
  128. #nav-form-holder .wpforms-confirmation-container-full p {
  129. line-height: 1.3;
  130. }
  131.  
  132. #nav-form-holder div.wpforms-container-full .wpforms-form label.wpforms-error {
  133. margin-top: 5px;
  134. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement