API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 16th, 2018
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.50 KB | None | 0 0
raw download clone embed print report
  1. <!-- MailerLite Universal -->
  2. <script>
  3. (function(m,a,i,l,e,r){ m['MailerLiteObject']=e;function f(){
  4. var c={ a:arguments,q:[]};var r=this.push(c);return "number"!=typeof r?r:f.bind(c.q);}
  5. f.q=f.q||[];m[e]=m[e]||f.bind(f.q);m[e].q=m[e].q||f.q;r=a.createElement(i);
  6. var _=a.getElementsByTagName(i)[0];r.async=1;r.src=l+'?v'+(~~(new Date().getTime()/1000000));
  7. _.parentNode.insertBefore(r,_);})(window, document, 'script', 'https://static.mailerlite.com/js/universal.js', 'ml');
  8.  
  9. var ml_account = ml('accounts', '1215900', 'f7r9j1a9c0', 'load');
  10. </script>
  11. <!-- End MailerLite Universal -->
  12.  
  13.  
  14. <div class="ml-form-embed"
  15. data-account="1215900:f7r9j1a9c0"
  16. data-form="969826:y6n7x9">
  17. </div>
  18.  
  19. HTML CODE
  20. <style type="text/css">
  21. /* LOADER */
  22. .ml-form-embedSubmitLoad {
  23. display: inline-block;
  24. width: 20px;
  25. height: 20px;
  26. }
  27. .ml-form-embedSubmitLoad:after {
  28. content: " ";
  29. display: block;
  30. width: 11px;
  31. height: 11px;
  32. margin: 1px;
  33. border-radius: 50%;
  34. border: 4px solid #fff;
  35. border-color: #ffffff #ffffff #ffffff transparent;
  36. animation: ml-form-embedSubmitLoad 1.2s linear infinite;
  37. }
  38. @keyframes ml-form-embedSubmitLoad {
  39. 0% {
  40. transform: rotate(0deg);
  41. }
  42. 100% {
  43. transform: rotate(360deg);
  44. }
  45. }
  46. #mlb2-969826.ml-form-embedContainer {
  47. box-sizing: border-box;
  48. display: table;
  49. height: 100%;
  50. margin: 0 auto;
  51. position: static;
  52. width: 100% !important;
  53. }
  54. #mlb2-969826.ml-form-embedContainer h4,
  55. #mlb2-969826.ml-form-embedContainer p,
  56. #mlb2-969826.ml-form-embedContainer span,
  57. #mlb2-969826.ml-form-embedContainer button {
  58. text-transform: none !important;
  59. letter-spacing: normal !important;
  60. }
  61. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper {
  62. background-color: #f6f6f6;
  63.  
  64. border-width: 0px;
  65. border-color: #e6e6e6;
  66. border-radius: 4px;
  67. border-style: solid;
  68. box-sizing: border-box;
  69. display: inline-block !important;
  70. margin: 0;
  71. padding: 0;
  72. position: relative;
  73. }
  74. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper.embedPopup,
  75. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper.embedDefault { width: 400px; }
  76. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper.embedForm { max-width: 400px; width: 100%; }
  77. #mlb2-969826.ml-form-embedContainer .ml-form-align-left { text-align: left; }
  78. #mlb2-969826.ml-form-embedContainer .ml-form-align-center { text-align: center; }
  79. #mlb2-969826.ml-form-embedContainer .ml-form-align-default { display: table-cell !important; vertical-align: middle !important; text-align: center !important; }
  80. #mlb2-969826.ml-form-embedContainer .ml-form-align-right { text-align: right; }
  81. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedHeader img {
  82. border-top-left-radius: 4px;
  83. border-top-right-radius: 4px;
  84. height: auto;
  85. width: 100%;
  86. }
  87. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
  88. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
  89. padding: 20px 20px 0 20px;
  90. }
  91. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody.ml-form-embedBodyHorizontal {
  92. padding-bottom: 0;
  93. }
  94. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
  95. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
  96. margin: 0 0 20px 0;
  97. }
  98. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
  99. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
  100. color: #000000;
  101. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  102. font-size: 30px;
  103. font-weight: 400;
  104. margin: 0 0 10px 0;
  105. text-align: left;
  106. }
  107. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
  108. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
  109. color: #000000;
  110. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  111. font-size: 14px;
  112. font-weight: 400;
  113. margin: 0 0 10px 0;
  114. text-align: left;
  115. }
  116. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ul,
  117. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent ol,
  118. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ul,
  119. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent ol {
  120. color: #000000;
  121. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  122. font-size: 14px;
  123. }
  124. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p a,
  125. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p a {
  126. color: #000000;
  127. text-decoration: underline;
  128. }
  129. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
  130. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
  131. margin: 0;
  132. }
  133. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form {
  134. margin: 0;
  135. width: 100%;
  136. }
  137. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
  138. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow {
  139. margin: 0 0 20px 0;
  140. width: 100%;
  141. }
  142. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent.horozintalForm {
  143. margin: 0;
  144. padding: 0 0 20px 0;
  145. }
  146. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
  147. margin: 0 0 10px 0;
  148. width: 100%;
  149. }
  150. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-last-item {
  151. margin: 0;
  152. }
  153. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow.ml-formfieldHorizintal {
  154. margin: 0;
  155. }
  156. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
  157. background-color: #ffffff;
  158. color: #333333;
  159. border-color: #cccccc;
  160. border-radius: 4px;
  161. border-style: solid;
  162. border-width: 1px;
  163. font-size: 14px;
  164. line-height: 20px;
  165. padding: 10px 10px;
  166. width: 100%;
  167. box-sizing: border-box;
  168. max-width: 100%;
  169. }
  170. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-webkit-input-placeholder { color: #333333; }
  171. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input::-moz-placeholder { color: #333333; }
  172. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-ms-input-placeholder { color: #333333; }
  173. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input:-moz-placeholder { color: #333333; }
  174. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
  175. height: 42px;
  176. }
  177. .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 70%; float: left; }
  178. .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal { width: 30%; float: left; }
  179. .ml-form-formContent.horozintalForm .ml-form-horizontalRow .horizontal-fields { box-sizing: border-box; float: left; padding-right: 10px; }
  180. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
  181. background-color: #ffffff;
  182. color: #333333;
  183. border-color: #cccccc;
  184. border-radius: 4px;
  185. border-style: solid;
  186. border-width: 1px;
  187. font-size: 14px;
  188. line-height: 20px;
  189. padding: 10px 10px;
  190. width: 100%;
  191. box-sizing: border-box;
  192. }
  193. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
  194. background-color: #000000;
  195. border-color: #000000;
  196. border-style: solid;
  197. border-width: 1px;
  198. border-radius: 4px;
  199. box-shadow: none;
  200. color: #ffffff !important;
  201. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  202. font-size: 14px !important;
  203. font-weight: 700;
  204. line-height: 20px;
  205. padding: 10px !important;
  206. width: 100%;
  207. }
  208. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button:hover {
  209. background-color: #333333;
  210. border-color: #333333;
  211. }
  212. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow input[type="checkbox"] {
  213. display: inline-block;
  214. float: left;
  215. margin: 1px 0 0 0;
  216. opacity: 1;
  217. visibility: visible;
  218. appearance: checkbox !important;
  219. -moz-appearance: checkbox !important;
  220. -webkit-appearance: checkbox !important;
  221. position: relative;
  222. height: 14px;
  223. width: 14px;
  224. }
  225. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description {
  226. color: #000000;
  227. display: block;
  228. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  229. font-size: 12px;
  230. text-align: left;
  231. padding-left: 25px;
  232. }
  233. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label {
  234. font-weight: normal;
  235. margin: 0;
  236. padding: 0;
  237. }
  238. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label a {
  239. color: #000000;
  240. text-decoration: underline;
  241. }
  242. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
  243. color: #000000 !important;
  244. font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  245. font-size: 12px !important;
  246. line-height: 18px !important;
  247. margin: 0 5px 0 0;
  248. }
  249. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:first-letter {
  250. color: #000000 !important;
  251. font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  252. font-size: 12px !important;
  253. font-weight: normal !important;
  254. line-height: 18px !important;
  255. padding: 0 !important;
  256. }
  257. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p:last-child {
  258. margin: 0;
  259. }
  260. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
  261. margin: 0 0 20px 0;
  262. }
  263. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
  264. background-color: #000000;
  265. border: none;
  266. border-radius: 4px;
  267. box-shadow: none;
  268. color: #ffffff !important;
  269. font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  270. font-size: 14px !important;
  271. font-weight: 700;
  272. line-height: 20px;
  273. padding: 10px !important;
  274. width: 100%;
  275. box-sizing: border-box;
  276. }
  277. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button:hover {
  278. background-color: #333333;
  279. }
  280. .ml-subscribe-close {
  281. width: 30px;
  282. height: 30px;
  283. background: url(https://bucket.mlcdn.com/images/default/modal_close.png) no-repeat;
  284. background-size: 30px;
  285. cursor: pointer;
  286. margin-top: -10px;
  287. margin-right: -10px;
  288. position: absolute;
  289. top: 0;
  290. right: 0;
  291. }
  292. .ml-error input {
  293. background: url(https://bucket.mlcdn.com/images/default/error-icon.png) 98% center no-repeat #ffffff !important;
  294. background-size: 24px 24px !important;
  295. }
  296. .ml-error .label-description {
  297. color: #ff0000 !important;
  298. }
  299. .ml-error .label-description p {
  300. color: #ff0000 !important;
  301. }
  302.  
  303. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p,
  304. #mlb2-969826.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow.ml-error .label-description p:first-letter {
  305. color: #ff0000 !important;
  306. }
  307. @media only screen and (max-width: 400px){
  308. .ml-form-embedWrapper.embedDefault, .ml-form-embedWrapper.embedPopup { width: 100%!important; }
  309. .ml-form-formContent.horozintalForm { float: left!important; }
  310. .ml-form-formContent.horozintalForm .ml-form-horizontalRow { height: auto!important; width: 100%!important; float: left!important; }
  311. .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal { width: 100%!important; }
  312. .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal > div { padding-right: 0px!important; padding-bottom: 10px; }
  313. .ml-form-formContent.horozintalForm .ml-button-horizontal { width: 100%!important; }
  314. }
  315. </style>
  316. <div id="mlb2-969826" class="ml-form-embedContainer ml-subscribe-form ml-subscribe-form-969826">
  317. <div class="ml-form-align-center ">
  318. <div class="ml-form-embedWrapper embedForm">
  319. <div class="ml-form-embedBody ml-form-embedBodyDefault row-form">
  320. <div class="ml-form-embedContent">
  321. <h4>Newsletter</h4>
  322. <p>Signup for news and special offers!</p>
  323. </div>
  324. <form class="ml-block-form" action="https://app.mailerlite.com/webforms/submit/y6n7x9" data-code="y6n7x9" method="post" target="_blank">
  325. <div class="ml-form-formContent">
  326. <div class="ml-form-fieldRow ml-last-item">
  327. <div class="ml-field-group ml-field-email ml-validate-email ml-validate-required">
  328. <input type="email" class="form-control" data-inputmask="" name="fields[email]" value="" placeholder="Email">
  329. </div>
  330. </div>
  331. </div>
  332. <input type="hidden" name="ml-submit" value="1">
  333. <div class="ml-form-embedSubmit">
  334. <button type="submit" class="primary">Subscribe</button>
  335. <button disabled="disabled" style="display: none;" type="button" class="loading btn btn-block">
  336.  
  337. <div class="ml-form-embedSubmitLoad"><div></div><div></div><div></div><div></div></div>
  338.  
  339. </button>
  340. </div>
  341. </form>
  342. </div>
  343. <div class="ml-form-successBody row-success" style="display: none">
  344. <div class="ml-form-successContent">
  345. <h4>Thank you!</h4>
  346. <p>You have successfully joined our subscriber list.</p>
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <script>
  353. function ml_webform_success_969826() {
  354. var $ = ml_jQuery || jQuery;
  355. $('.ml-subscribe-form-969826 .row-success').show();
  356. $('.ml-subscribe-form-969826 .row-form').hide();
  357. }
  358. </script>
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!