<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>BuckGet.com</title> <style type="text/css"> /* ------------------------------------- GLOBAL A very basic CSS reset ------------------------------------- */ * { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; box-sizing: border-box; /*font-size: 14px;*/ } img { max-width: 100%; height: auto; } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6; font-size: 14px; } /* Let's make sure all tables have defaults */ table td { vertical-align: top; } /* ------------------------------------- BODY & CONTAINER ------------------------------------- */ body { background-color: #f6f6f6; font-size: 14px; line-height: auto; } .body-wrap { background-color: #f6f6f6; width: 100%; } .container { display: block !important; max-width: 600px !important; margin: 0 auto !important; /* makes it centered */ clear: both !important; } .content { max-width: 600px; margin: 0 auto; display: block; padding: 20px; } /* ------------------------------------- HEADER, FOOTER, MAIN ------------------------------------- */ .main { background-color: #fff; border: 1px solid #e9e9e9; border-radius: 3px; } .content-wrap { padding: 20px; } .content-block { padding: 0 0 20px; } .header { width: 100%; margin-bottom: 20px; } .footer { width: 100%; clear: both; color: #999; padding: 20px; } .footer a { color: #999; } .footer p, .footer a, .footer unsubscribe, .footer td { font-size: 12px; } /* ------------------------------------- TYPOGRAPHY ------------------------------------- */ h1, h2, h3 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #000; margin: 40px 0 20px 0; line-height: 1.2; font-weight: bold; } h1 { font-size: 32px; font-weight: 500; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 14px; font-weight: 600; } p, ul, ol { margin-top: 10px; margin-bottom: 15px; font-weight: normal; } p li, ul li, ol li { margin-left: 5px; list-style-position: inside; } /* ------------------------------------- LINKS & BUTTONS ------------------------------------- */ a { color: #348eda; text-decoration: underline; } .btn-primary, .newsletters_button { text-decoration: none; color: #FFF; background-color: #348eda; border: solid #348eda; border-width: 10px 20px; line-height: 2; font-weight: bold; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; text-transform: capitalize; } /* ------------------------------------- OTHER STYLES THAT MIGHT BE USEFUL ------------------------------------- */ .last { margin-bottom: 0; } .first { margin-top: 0; } .aligncenter { text-align: center; } .alignright { text-align: right; } .alignleft { text-align: left; } .clear { clear: both; } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } /* ------------------------------------- ALERTS Change the class depending on warning email, good email or bad email ------------------------------------- */ .alert { font-size: 16px; color: #fff; font-weight: 500; padding: 20px; text-align: center; border-radius: 3px 3px 0 0; } .alert a { color: #fff; text-decoration: none; font-weight: 500; font-size: 16px; } .alert.alert-warning { background-color: #FF9F00; } .alert.alert-bad { background-color: #D0021B; } .alert.alert-good { background-color: #68B90F; } /* ------------------------------------- INVOICE Styles for the billing table ------------------------------------- */ .invoice { margin: 40px auto; text-align: left; width: 80%; } .invoice td { padding: 5px 0; } .invoice .invoice-items { width: 100%; } .invoice .invoice-items td { border-top: #eee 1px solid; } .invoice .invoice-items .total td { border-top: 2px solid #333; border-bottom: 2px solid #333; font-weight: 700; } /* ------------------------------------- RESPONSIVE AND MOBILE FRIENDLY STYLES ------------------------------------- */ @media only screen and (max-width: 640px) { h1, h2, h3, h4 { font-weight: 600 !important; margin: 20px 0 5px !important; } h1 { font-size: 22px !important; } h2 { font-size: 18px !important; } h3 { font-size: 16px !important; } .container { width: 100% !important; } .content, .content-wrap { padding: 10px !important; } .invoice { width: 100% !important; } } </style> </head> <body itemscope itemtype="http://schema.org/EmailMessage"> <table class="body-wrap"> <tr> <td></td> <td class="container" width="600"> <div class="content"> <table class="main" width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="alert alert-good"> Invite your friends from google </td> </tr> <tr> <td class="content-wrap"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="content-block"> <!-- Content Goes Here --><p style="text-align: center;"><a href="http://www.addtoany.com/add_to/google_plus?linkurl=http%3A%2F%2Fbuckget.com%2F&linkname=BuckGet.com%20-%20Make%20money%20online&linknote=Make%20money%20online">CLICK HERE TO INVITE YOURÂ FRIENDS FROM GOOGLE</a></p> <p style="text-align: center;"><a href="http://www.addtoany.com/add_to/google_plus?linkurl=http%3A%2F%2Fbuckget.com%2F&linkname=BuckGet.com%20-%20Make%20money%20online&linknote=Make%20money%20online"><img src="http://buckget.com/wp-content/uploads/2016/06/share-button-google-300x66.png" alt="CLICK HERE TO INVITE YOURÂ FRIENDS FROM GOOGLE" width="300" height="66" class="size-medium wp-image-2825 aligncenter" /></a></p> </td> </tr> </table> </td> </tr> </table> <div class="footer"> <table width="100%"> <tr> <td class="aligncenter content-block"> <a href="http://buckget.com">BuckGet.com</a> | <a class="newsletters_manage newsletters_link" href="http://buckget.com/manage-subscriptions-8/?method=loginauth&email=doc@...&subscriberauth=120136d905ca7a9e52c54f7213cc0645" title="Manage Subscriptions" style="">Manage Subscriptions</a> </td> </tr> </table> </div> </div> </td> <td></td> </tr> </table> </body> </html> _______________________________________________ [hidden email] mailing list https://lists.freebsd.org/mailman/listinfo/freebsd-doc To unsubscribe, send any mail to "[hidden email]" |
Free forum by Nabble | Edit this page |