API tools faq
paste
Advertisement
Guest User

for jc

a guest
Nov 25th, 2015
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.35 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2.  
  3. .wpcf7-form input[type="submit"]:hover, .wpcf7-submit:hover {
  4. font-family: 'Lato', sans-serif !important; font-weight: 400 !important;
  5. font-size: 18px !important;
  6. letter-spacing: 2px !important;
  7. color: #ffffff !important;
  8. background-color: #008aa2!important;
  9. border-style: solid !important;
  10. border-color: #ffffff !important;
  11. border-width: 5px!important;
  12. border-radius: 0px;
  13. padding-top: 20px;
  14. padding-bottom: 20px;
  15. }
  16.  
  17. .wpcf7-form input[type="submit"], .wpcf7-submit {
  18. font-family: 'Lato', sans-serif !important; font-weight: 400 !important;
  19. font-size: 18px !important;
  20. letter-spacing: 2px !important;
  21. color: #ffffff !important;
  22. background-color: #008aa2!important;
  23. border-style: solid !important;
  24. border-color: #008aa2!important;
  25. border-radius: 0px;
  26. padding-top: 20px;
  27. padding-bottom: 20px;
  28. }
  29.  
  30. .contact-css {
  31.  
  32.   -webkit-border-radius: 0;
  33.   -moz-border-radius: 0;
  34.   border-radius: 0px;
  35.   font-family: 'Lato';
  36.   color: #006d85;
  37.   font-size: 20px;
  38.   padding: 15px 20px 10px 20px;
  39.  // border: solid #006d85 1px;
  40.   text-decoration: none;
  41.   width: 100% !important;
  42. }
  43.  
  44. .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea .wpcf7-form-control .wpcf7-select {
  45.  
  46.   -webkit-border-radius: 0;
  47.   -moz-border-radius: 0;
  48.   border-radius: 0px;
  49.   font-family: 'Lato'  !important;
  50.   color: #006d85  !important;
  51.   font-size: 16px  !important;
  52.   padding: 15px 20px 10px 20px  !important;
  53.  // border: solid #006d85 1px;
  54.   text-decoration: none  !important;
  55.   width: 100%  !important;
  56. }
  57.  
  58. #theme-page select  {
  59.   -webkit-border-radius: 0 !important;
  60.   -moz-border-radius: 0 !important;
  61.   border-radius: 0px !important;
  62.   font-family: 'Lato' !important;
  63.   color: #006d85 !important;
  64.   font-size: 16px !important;
  65.   padding: 15px 20px 10px 20px !important;
  66.  // border: solid #006d85 1px !important;
  67.   text-decoration: none !important;
  68.   width: 100% !important;
  69. background-color: #ffffff! important;
  70. }
  71.  
  72. .qform {
  73. padding: 0 !important;
  74. margin: 0 0 2px  !important;
  75. }
  76.  
  77. ::-webkit-input-placeholder { /* WebKit browsers */
  78. color: #add7df !important;
  79. opacity: 1;
  80. }
  81.  
  82. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  83. color: #add7df !important;
  84. opacity: 1;
  85. }
  86. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  87. color: #add7df !important;
  88. opacity: 1;
  89. }
  90. :-ms-input-placeholder { /* Internet Explorer 10+ */
  91. color: #add7df !important;
  92. opacity: 1;
  93. }
  94. /* -----------------------------------------------------------*/
  95.  
  96. .btn-quoform {
  97.   background: #d4e8ed;
  98.   background-image: -webkit-linear-gradient(top, #d4e8ed, #d4e8ed);
  99.   background-image: -moz-linear-gradient(top, #d4e8ed, #d4e8ed);
  100.   background-image: -ms-linear-gradient(top, #d4e8ed, #d4e8ed);
  101.   background-image: -o-linear-gradient(top, #d4e8ed, #d4e8ed);
  102.   background-image: linear-gradient(to bottom, #d4e8ed, #d4e8ed);
  103.   -webkit-border-radius: 0;
  104.   -moz-border-radius: 0;
  105.   border-radius: 0px;
  106.   font-family: 'Lato';
  107.   color: #006d85;
  108.   font-size: 20px;
  109.   padding: 10px 20px 10px 20px;
  110.   border: solid #006d85 1px;
  111.   text-decoration: none;
  112. }
  113.  
  114. .btn-quoform:hover {
  115.   background: #d5e3e7;
  116.   text-decoration: none;
  117. }
  118.  
  119. .qform {
  120. display: block;
  121. }
  122.  
  123. .qform tr { border: 1px solid #ccc; }
  124.    
  125.     .qform td {
  126.         /* Behave  like a "row" */
  127.         border: none;
  128.         border-bottom: 1px solid #eee;
  129.         position: relative;
  130.         padding-left: 50%;
  131.     }
  132.    
  133.     .qform td:before {
  134.         /* Now like a table header */
  135.         position: absolute;
  136.         /* Top/left values mimic padding */
  137.         top: 6px;
  138.         left: 6px;
  139.         width: 45%;
  140.         padding-right: 10px;
  141.         white-space: nowrap;
  142.     }
  143.  
  144.  
  145. </style>
  146.  
  147. <p align="center"><button type="button" class="btn-quoform">1. ABOUT YOU</button></p>
  148. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:10%">[select* Title class:title-css id:title-css "Title" "Mr." "Ms." "Mrs."]</td><td style="width:45%">[text* FirstName placeholder "First Name"]</td><td style="width:45%">[text* Surname placeholder "Surname"]</td></tr></table>
  149. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:50%">[email* Email placeholder "Email"]</td><td style="width:50%">[text ContactNumber placeholder "Contact Number"]</td></tr></table>
  150. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:100%">[text PostalAddress placeholder "Postal Address"]</td></tr></table>
  151. <br />
  152. <br />
  153. <p align="center" style="padding-top: 30px;"><button type="button" class="btn-quoform">2. THE DELIVERY</button></p>
  154. <table border="1" class="qform" style=" width: 100%;"><tr><td style="width:30%">[text DeparturePort placeholder "Departure Port"]</td><td style="width:30%">[text* Deliveryport placeholder "Delivery port"]</td><td style="width:40%">[text* Deliverydate placeholder "Preferred delivery date (dd/mm/yy)"] </td></tr> </table>
  155. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:40%">[select Typeofdelivery "Type of Delivery"]</td><td style="width:60%">[text Anyotherinformation placeholder "Any other information"] </td></tr></table>
  156. <br />
  157. <br />
  158. <p align="center" style="padding-top: 30px;"><button type="button" class="btn-quoform">3. ABOUT YOUR YACHT</button></p>
  159. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:30%">[text Yachtname placeholder "Yacht name"]</td><td style="width:30%"> [select Registeredcountry "Registered country" "Afghanistan" "Albania" "Algeria" "Andorra" "Angola" "Antigua & Deps" "Argentina" "Armenia" "Australia" "Austria" "Azerbaijan" "Bahamas" "Bahrain" "Bangladesh" "Barbados" "Belarus" "Belgium" "Belize" "Benin" "Bhutan" "Bolivia" "Bosnia Herzegovina" "Botswana" "Brazil" "Brunei" "Bulgaria" "Burkina" "Burundi" "Cambodia" "Cameroon" "Canada" "Cape Verde" "Central African Rep" "Chad" "Chile" "China" "Colombia" "Comoros" "Congo" "Congo {Democratic Rep}" "Costa Rica" "Croatia" "Cuba" "Cyprus" "Czech Republic" "Denmark" "Djibouti" "Dominica" "Dominican Republic" "East Timor" "Ecuador" "Egypt" "El Salvador" "Equatorial Guinea" "Eritrea" "Estonia" "Ethiopia" "Fiji" "Finland" "France" "Gabon" "Gambia" "Georgia" "Germany" "Ghana" "Greece" "Grenada" "Guatemala" "Guinea" "Guinea-Bissau" "Guyana" "Haiti" "Honduras" "Hungary" "Iceland" "India" "Indonesia" "Iran" "Iraq" "Ireland {Republic}" "Israel" "Italy" "Ivory Coast" "Jamaica" "Japan" "Jordan" "Kazakhstan" "Kenya" "Kiribati" "Korea North" "Korea South" "Kosovo" "Kuwait" "Kyrgyzstan" "Laos" "Latvia" "Lebanon" "Lesotho" "Liberia" "Libya" "Liechtenstein" "Lithuania" "Luxembourg" "Macedonia" "Madagascar" "Malawi" "Malaysia" "Maldives" "Mali" "Malta" "Marshall Islands" "Mauritania" "Mauritius" "Mexico" "Micronesia" "Moldova" "Monaco" "Mongolia" "Montenegro" "Morocco" "Mozambique" "Myanmar, {Burma}" "Namibia" "Nauru" "Nepal" "Netherlands" "New Zealand" "Nicaragua" "Niger" "Nigeria" "Norway" "Oman" "Pakistan" "Palau" "Panama" "Papua New Guinea" "Paraguay" "Peru" "Philippines" "Poland" "Portugal" "Qatar" "Romania" "Russian Federation" "Rwanda" "St Kitts & Nevis" "St Lucia" "Saint Vincent & the Grenadines" "Samoa" "San Marino" "Sao Tome & Principe" "Saudi Arabia" "Senegal" "Serbia" "Seychelles" "Sierra Leone" "Singapore" "Slovakia" "Slovenia" "Solomon Islands" "Somalia" "South Africa" "South Sudan" "Spain" "Sri Lanka" "Sudan" "Suriname" "Swaziland" "Sweden" "Switzerland" "Syria" "Taiwan" "Tajikistan" "Tanzania" "Thailand" "Togo" "Tonga" "Trinidad & Tobago" "Tunisia" "Turkey" "Turkmenistan" "Tuvalu" "Uganda" "Ukraine" "United Arab Emirates" "United Kingdom" "United States" "Uruguay" "Uzbekistan" "Vanuatu" "Vatican City" "Venezuela" "Vietnam" "Yemen" "Zambia" "Zimbabwe"] </td><td style="width:100%"> [text Makemodel placeholder "Make/model"]</tr></table>
  160.  
  161. <table border="1" class="qform" style="width: 100%;"><tr><td style="width:15%">[select Year "Year" "2004" "2005" "2006" "2007" "2008" "2009" "2010" "2011" "2012" "2013" "2014" "2015" "2016" "2017"]</td><td style="width:20%">[text Length placeholder "Length"]</td><td style="width:25%"> [text Enginespeed placeholder "Engine speed"]</td><td style="width:20%">[text Cruisingspeed placeholder "Cruising speed"]</td><td style="width:20%"> [text Auto-helm-YN placeholder "Auto-helm - Y/N"] </td></tr></table>
  162.  
  163. <br />
  164. <p align="center" style="padding-top: 15px;"><span style="font-family: 'Lato', sans-serif !important; font-weight: 400 !important; color: #006d85; font-size: 20px;">Please check your contact details are correct before you click Submit</span></p>
  165.  
  166.  
  167. <p align="center" style="padding-top: 15px;">[submit class:submit-btn "SUBMIT"]</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!