bold results from the CPAN

bold

CSS-Inliner

view release on metacpan or search on metacpan

t/html/mediaquerytest_result.html view on Meta::CPAN

.firstArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.firstArea a {
text-decoration: underline;
color: #6c8b9e;
}

.secondAreaWrapper {
background-color: #ffffff;
padding:20px;
}

.secondArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.secondArea a {
text-decoration: underline;
color: #6c8b9e;
}

.thirdAreaWrapper {
background-color: #ffffff;
padding:20px;
}

.thirdArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.thirdArea a {
text-decoration: underline;
color: #6c8b9e;
}

.contentBorder {
border: 1px none #ffffff/* @editable */;
}

.heading_1 {
color: #333333;
font-size: 20px;
font-family: Tahoma;
font-weight: bold;
font-style: normal;
}

.heading_2 {
color: #6c8b9e;
font-size: 16px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.previewArea {
background-color: #ffffff;
border-top:0px none;
border-bottom:0px none;
text-align: center;
padding:5px;
}

.previewArea {
color: #12347A;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.previewArea a {
text-decoration: none;
color: #6c8b9e;
}

.mastheadArea {
text-align: center;
}

.mastheadArea img {
border:none;
display:block;
}

.footerArea {
border-top: 1px none #ffffff;
background-color: #ffffff;
text-align: center;
}

.footerArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.footerArea a {
text-decoration: none;
color: #6c8b9e;
}

t/html/mediaquerytest_result.html view on Meta::CPAN

}

td[class="firstAreaWrapper"] {
display: block;
}

td[class="secondAreaWrapper"] {
display: block;
}

td[class="thirdAreaWrapper"] {
display: block;
}

td[class="firstAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="secondAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="thirdAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="mastheadArea"] img {
height:auto !important;
width:100% !important;
}

}
</style>
 </head>
 <body style="background-color: #CCCCCC;">
  <table cellpadding="0" cellspacing="0" class="backgroundTable" style="background-color: #CCCCCC;" width="100%">
   <tr>
    <td align="center" style="vertical-align: top;" valign="top">
     <table cellpadding="0" cellspacing="0" class="wrapper" style="width: 600px;">
      <tr>
       <td class="contentBorder" style="vertical-align: top; border: 1px none #ffffff;">
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="previewArea" style="vertical-align: top; background-color: #ffffff; border-top: 0px none; border-bottom: 0px none; text-align: center; padding: 5px; color: #12347A; font-size: 12px; font-family: Tahoma; font-weight: normal; font-...
           <div mm:edit="header">
            <p style="margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;">Having trouble reading this email? <a href="#[ONLINEVIEW]# " style="text-decoration: none; color: #6c8b9e;">View it in your browser.</a></p>
           </div>
          </td>
         </tr>
         <tr>
          <td class="mastheadArea" style="vertical-align: top; background-color: #ffffff; text-align: center;"><img mm:masthead="masthead" src="http://www.mailermailer.com/images/tmpl/mastheads/news_and_updates/newsletter.jpg" style="border: none; di...
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="topArea" style="vertical-align: top; background-color: #ffffff; padding: 20px; color: #000000; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal; text-align: left;" valign="top"><img mm:image="image_to...
           <div mm:edit="top">
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-size: 20px; font-family: Tahoma; font-weight: bold; font-style: normal;">Heading</span></p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-size: 16px; font-family: Tahoma; font-weight: normal; font-style: normal;">Sub-Heading</span></p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
           </div>
          </td>
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="firstAreaWrapper" style="vertical-align: top; background-color: #ffffff; padding: 20px;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="firstArea" style="vertical-align: top; color: #000000; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal; text-align: left;" valign="top"><img alt="" mm:image="image_first" src="http://images.mailer...
              <div mm:edit="first">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-size: 20px; font-family: Tahoma; font-weight: bold; font-style: normal;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-size: 16px; font-family: Tahoma; font-weight: normal; font-style: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
          <td class="secondAreaWrapper" style="vertical-align: top; background-color: #ffffff; padding: 20px;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="secondArea" style="vertical-align: top; color: #000000; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal; text-align: left;" valign="top"><img alt="" mm:image="image_second" src="http://images.mail...
              <div mm:edit="second">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-size: 20px; font-family: Tahoma; font-weight: bold; font-style: normal;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-size: 16px; font-family: Tahoma; font-weight: normal; font-style: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
          <td class="thirdAreaWrapper" style="vertical-align: top; background-color: #ffffff; padding: 20px;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="thirdArea" style="vertical-align: top; color: #000000; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal; text-align: left;" valign="top"><img alt="" mm:image="image_third" src="http://images.mailer...
              <div mm:edit="third">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-size: 20px; font-family: Tahoma; font-weight: bold; font-style: normal;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-size: 16px; font-family: Tahoma; font-weight: normal; font-style: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <table cellpadding="20" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="footerArea" colspan="2" style="vertical-align: top; border-top: 1px none #ffffff; background-color: #ffffff; text-align: center; color: #000000; font-size: 12px; font-family: Tahoma; font-weight: normal; font-style: normal;">
           <div mm:footer="footer"> #[SENDER_COMPANY]# <br /> #[SENDER_ADDRESS]# <br /> This email was sent to: <a href="mailto:#[USER_EMAIL]#" style="text-decoration: none; color: #6c8b9e;">#[USER_EMAIL]#</a><br /><a href="#[UNSUB_LINK]#" style="tex...
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>

( run in 0.898 second using v1.01-cache-2.11-cpan-524268b4103 )