daily pastebin goal
18%
SHARE
TWEET

Untitled

a guest Aug 16th, 2018 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top