API tools faq
paste
Advertisement
cahnory

Email resp

cahnory
Jan 24th, 2013
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta http-equiv="Content-Style-Type" content="text/css">
  6. <meta name="viewport" content="initial-scale=1.0">
  7.  
  8.  
  9.  
  10.  
  11.  
  12. <title>Subject</title>
  13. <style>@media only screen and (max-width: 539px), IEMobile {
  14.     *[yahoo] table { color: red }
  15.   }
  16.  
  17. .flip-columns {
  18.   direction: rtl;
  19. }
  20. .flip-columns > .column,
  21. .flip-columns > tr > .column,
  22. .flip-columns > tbody > tr > .column {
  23.   direction: ltr;
  24. }
  25. @media only screen and (max-width: 539px), IEMobile {
  26.   *[yahoo] table,
  27.   *[yahoo] tbody,
  28.   *[yahoo] tr,
  29.   *[yahoo] td:nth-last-of-type(1) { display: block }
  30.   *[yahoo] * { max-width: 100% }
  31.  
  32.   *[yahoo] .full {
  33.     display: block;
  34.     margin: 0 auto;
  35.     width: 100%;
  36.   }
  37.  
  38.   *[yahoo] /* Columns */
  39.   .column {
  40.     -webkit-box-sizing: border-box;
  41.        -moz-box-sizing: border-box;
  42.             box-sizing: border-box;
  43.     display: block;
  44.     float: left;
  45.   }
  46.   *[yahoo] .column,
  47.   *[yahoo] .column.single,
  48.   *[yahoo] .column.by-one,
  49.   *[yahoo] .column.by-two.span-two,
  50.   *[yahoo] .column.by-three.span-three,
  51.   *[yahoo] .column.by-four.span-four,
  52.   *[yahoo] .column.by-five.span-five,
  53.   *[yahoo] .column.by-six.span-six {
  54.     width: 100%;
  55.   }
  56.   *[yahoo] .column.by-two,
  57.   *[yahoo] .column.by-four.span-two,
  58.   *[yahoo] .column.by-six.span-three {
  59.     width: 50%;
  60.   }
  61.   *[yahoo] .column.by-three,
  62.   *[yahoo] .column.by-six.span-two {
  63.     width: 33.333%;
  64.   }
  65.   *[yahoo] .column.by-three.span-two,
  66.   *[yahoo] .column.by-six.span-four {
  67.     width: 66.666%;
  68.   }
  69.   *[yahoo] .column.by-four {
  70.     width: 25%;
  71.   }
  72.   *[yahoo] .column.by-four.span-three {
  73.     width: 75%;
  74.   }
  75.   *[yahoo] .column.by-five {
  76.     width: 20%;
  77.   }
  78.   *[yahoo] .column.by-five.span-two {
  79.     width: 40%;
  80.   }
  81.   *[yahoo] .column.by-five.span-three {
  82.     width: 60%;
  83.   }
  84.   *[yahoo] .column.by-five.span-four {
  85.     width: 80%;
  86.   }
  87.   *[yahoo] .column.by-six {
  88.     width: 16.666%;
  89.   }
  90.   *[yahoo] .column.by-six.span-five {
  91.     width: 83.333%;
  92.   }
  93.  
  94.   *[yahoo] /* Left goes under right */
  95.   .flip-columns {
  96.     direction: ltr;
  97.   }
  98. }</style><!--[if (lt IE 9)&(!IEMobile)]><style>*[yahoo] table { color: red }
  99.  
  100.  
  101.  *[yahoo] table,
  102.  *[yahoo] tbody,
  103.  *[yahoo] tr,
  104.  *[yahoo] td:nth-last-of-type(1) { display: block }
  105.  *[yahoo] * { max-width: 100% }
  106.  
  107.  *[yahoo] .full {
  108.    display: block;
  109.    margin: 0 auto;
  110.    width: 100%;
  111.  }
  112.  
  113.  *[yahoo] /* Columns */
  114.  .column {
  115.    -webkit-box-sizing: border-box;
  116.       -moz-box-sizing: border-box;
  117.            box-sizing: border-box;
  118.    display: block;
  119.    float: left;
  120.  }
  121.  *[yahoo] .column,
  122.  *[yahoo] .column.single,
  123.  *[yahoo] .column.by-one,
  124.  *[yahoo] .column.by-two.span-two,
  125.  *[yahoo] .column.by-three.span-three,
  126.  *[yahoo] .column.by-four.span-four,
  127.  *[yahoo] .column.by-five.span-five,
  128.  *[yahoo] .column.by-six.span-six {
  129.    width: 100%;
  130.  }
  131.  *[yahoo] .column.by-two,
  132.  *[yahoo] .column.by-four.span-two,
  133.  *[yahoo] .column.by-six.span-three {
  134.    width: 50%;
  135.  }
  136.  *[yahoo] .column.by-three,
  137.  *[yahoo] .column.by-six.span-two {
  138.    width: 33.333%;
  139.  }
  140.  *[yahoo] .column.by-three.span-two,
  141.  *[yahoo] .column.by-six.span-four {
  142.    width: 66.666%;
  143.  }
  144.  *[yahoo] .column.by-four {
  145.    width: 25%;
  146.  }
  147.  *[yahoo] .column.by-four.span-three {
  148.    width: 75%;
  149.  }
  150.  *[yahoo] .column.by-five {
  151.    width: 20%;
  152.  }
  153.  *[yahoo] .column.by-five.span-two {
  154.    width: 40%;
  155.  }
  156.  *[yahoo] .column.by-five.span-three {
  157.    width: 60%;
  158.  }
  159.  *[yahoo] .column.by-five.span-four {
  160.    width: 80%;
  161.  }
  162.  *[yahoo] .column.by-six {
  163.    width: 16.666%;
  164.  }
  165.  *[yahoo] .column.by-six.span-five {
  166.    width: 83.333%;
  167.  }
  168.  
  169.  *[yahoo] /* Left goes under right */
  170.  .flip-columns {
  171.    direction: ltr;
  172.  }</style><![endif]--></head>
  173. <body id="test" style="margin: 0px; background-color: #FFFFFF; color: #000000; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px; background-position: initial initial; background-repeat: initial initial;" screen_capture_injected="true" yahoo="true"><div style="display: none; font-size: 0px; color: #000000; font-family: Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 17px;" yahoo="true">subject</div><table width="100%" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" yahoo="true"><tr><td width="100%" align="center" valign="top">
  174.  
  175.   <table border="0" cellpadding="0" cellspacing="0" width="540">
  176.  
  177.     <tr><td align="left" valign="top" width="540">
  178.         <table border="0" cellpadding="0" cellspacing="0" width="540">
  179.           <tr>
  180.             <td class="column" width="360" style="background:url(http://email.bleuebuzz.pro/1/200/23c76fcd89187123283eea3c19cb06b4-img/illus.1.resp.jpg) 360px 0 no-repeat;" align="left" valign="top">
  181.               <img src="http://email.bleuebuzz.pro/1/200/825c61a1003fb2ad4650fd2c07b72b82-img/illus.1.jpg" border="0" alt="" width="360" height="272">
  182.             </td><td class="column" width="180" align="center" valign="top" style="color: #000000; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px;">
  183.               <div class="column by-two">
  184.                   &nbsp;
  185.                   <a href="http://email.bleuebuzz.pro/1/200/#offer1"><div style="font-size:1px;line-height:1px"><img src="http://email.bleuebuzz.pro/1/200/94de5c9ed22c0c756c3da85db639f6d6-img/offer.small.jpg" style="display: block;" border="0" alt="" width="146" height="102"></div></a>
  186.                   <a href="http://email.bleuebuzz.pro/1/200/#offer1">Offre 1</a>
  187.               </div>
  188.               <div class="column by-two">
  189.                   &nbsp;
  190.                   <a href="http://email.bleuebuzz.pro/1/200/#offer2"><div style="font-size:1px;line-height:1px"><img src="http://email.bleuebuzz.pro/1/200/94de5c9ed22c0c756c3da85db639f6d6-img/offer.small.jpg" style="display: block;" border="0" alt="" width="146" height="102"></div></a>
  191.                   <a href="http://email.bleuebuzz.pro/1/200/#offer2">Offre 2</a>
  192.               </div>
  193.             </td>
  194.           </tr>
  195.         </table>
  196.     </td></tr>
  197.    
  198.     <tr><td height="17" align="left" valign="top" width="540"></td></tr>
  199.    
  200.     <tr><td align="left" valign="top" width="540">
  201.         <table class="flip-columns" border="0" cellpadding="0" cellspacing="0" width="540">
  202.           <tr>
  203.             <td class="column" width="360" style="background:url(http://email.bleuebuzz.pro/1/200/23c76fcd89187123283eea3c19cb06b4-img/illus.1.resp.jpg) 360px 0 no-repeat;" align="left" valign="top">
  204.               <img src="http://email.bleuebuzz.pro/1/200/825c61a1003fb2ad4650fd2c07b72b82-img/illus.1.jpg" border="0" alt="" width="360" height="272">
  205.             </td><td class="column" width="180" align="center" valign="top" style="color: #000000; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 17px;">
  206.               <div class="column by-two">
  207.                   &nbsp;
  208.                   <a href="http://email.bleuebuzz.pro/1/200/#offer1"><div style="font-size:1px;line-height:1px"><img src="http://email.bleuebuzz.pro/1/200/94de5c9ed22c0c756c3da85db639f6d6-img/offer.small.jpg" style="display: block;" border="0" alt="" width="146" height="102"></div></a>
  209.                   <a href="http://email.bleuebuzz.pro/1/200/#offer1">Offre 1</a>
  210.               </div>
  211.               <div class="column by-two">
  212.                   &nbsp;
  213.                   <a href="http://email.bleuebuzz.pro/1/200/#offer2"><div style="font-size:1px;line-height:1px"><img src="http://email.bleuebuzz.pro/1/200/94de5c9ed22c0c756c3da85db639f6d6-img/offer.small.jpg" style="display: block;" border="0" alt="" width="146" height="102"></div></a>
  214.                   <a href="http://email.bleuebuzz.pro/1/200/#offer2">Offre 2</a>
  215.               </div>
  216.             </td>
  217.           </tr>
  218.         </table>
  219.     </td></tr>
  220.    
  221.   </table>
  222.  
  223. </td></tr></table>
  224. </body></html>
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!