Name That Do Gooder

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700); /*Calling our web font*/ /* ensure that clients don’t add any padding or spaces around the email design and allow us to style emails for the entire width of the preview pane */ body, #bodyTable { height: 100% !important; width: 100% !important; margin: 0; padding: 0; } /* Ensures Webkit- and Windows-based clients don’t automatically resize the email text. */ body, table, td, p, a, li, blockquote { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Forces Yahoo! to display emails at full width */ .thread-item.expanded .thread-body .body, .msg-body { width: 100% !important; display: block !important; } /* Forces Hotmail to display emails at full width */ .ReadMsgBody, .ExternalClass { width: 100%; background-color: #f4f4f4; } /* Forces Hotmail to display normal line spacing. */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } /* Resolves webkit padding issue. */ table { border-spacing: 0; } /* Resolves the Outlook 2007, 2010, and Gmail td padding issue, and removes spacing around tables that Outlook adds. */ table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /* Corrects the way Internet Explorer renders resized images in emails. */ img { -ms-interpolation-mode: bicubic; } /* Ensures images don’t have borders or text-decorations applied to them by default. */ img, a img { border: 0; outline: none; text-decoration: none; } /* Styles Yahoo’s auto-sensing link color and border */ .yshortcuts a { border-bottom: none !important; } /* Styles the tel URL scheme */ a[href^=tel], .mobile_link, .mobile_link a { color: #222222 !important; text-decoration: underline !Important; } .show-me { display: none !important; } /* Media queries for when the viewport is smaller than the default email width but not too narrow. */ @media screen and (max-device-width: 650px), screen and (max-width: 650px) { /* Hides things in Mobile */ .hide-me { display: none !important; height: 0; width: 0; line-height: 0; overflow: hidden; } .show-me { display: block !important; } .daily-content { text-align: center !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } .center-mobile { text-align: center !important; margin: auto !important; } img[class="fluid-logo"] { width: 30% !important; height: auto !important; margin: auto !important; padding: 6px 0 !important; } } /* Media queries for when the viewport is smaller than the default email width but not too narrow. */ @media screen and (max-device-width: 500px), screen and (max-width: 500px) { /* Constrains email width for small screens */ table[class="email-container"] { width: 100% !important; } /* Constrains tables for small screens */ table[class="fluid"] { width: 100% !important; } /* Special sized logo */ img[class="fluid-logo"] { width: 30% !important; max-width: 100% !important; height: auto !important; text-align: center; margin: auto; padding: 10px 0; } /* App store icon */ img[class="app-store-icon"] { width: 20% !important; max-width: 100% !important; height: auto !important; text-align: center; margin: auto; padding: 10px 0; } .smallify-font { font-size: 15px !important; } /* Forces images to resize to full width of their container */ img[class="fluid"], img[class="force-col-center"] { width: 100% !important; max-width: 500px !important; height: auto !important; max-height: 90px; } /* And centers these ones */ img[class="force-col-center"] { margin: auto !important; } /* Forces table cells into rows */ td[class="force-col"], td[class="force-col-center"] { display: block !important; width: 100% !important; clear: both; } /* And centers these ones */ td[class="force-col-center"] { text-align: center !important; } img[class="force-col-center-jokes"] { margin: auto !important; } td[class="force-col-jokes"], td[class="force-col-center-jokes"] { display: block !important; width: 100% !important; clear: both; } td[class="force-col-center-jokes"] { text-align: center !important; } /* Forces table cells into rows */ /* Floats a previously stacked image to the left */ img[class="col-3-img-l"] { float: left; margin: 0 15px 15px 0; } /* Floats a previously stacked image to the right */ img[class="col-3-img-r"] { float: right; margin: 0 0 15px 15px; } /* Makes buttons full width */ table[class="button"] { width: 100% !important; } /* Hides things in Mobile */ img[class="hide-me"] { display: none !important; height: 0; width: 0; line-height: 0; overflow: hidden; } td.nl-spacer { height: 5px; } td.nl-divider { height: 5px; } .hide-for-mobile { display: none !important; } /* targets the ‘adchoice’ and ‘powered by liveintent’ text image for ads*/ td[align=right]:not([class]):not([width]) > a > img, td[align=left]:not([class]):not([width]) > a > img { max-width: 40%; height: auto; } div[class="hide-me"] { display: none; } tr[class="ad-text"] { line-height: 10px; } } @media screen and (max-width: 533px) { td.responsive-facebook-promo { display: block; width: 100%; margin: 10px 0; } } /* Media queries for when the viewport is narrow. */ /* Rules prefixed with ‘hh-‘ (for ‘handheld’) repeat much of what’s above, but these don’t trigger until the smaller screen width. */ @media screen and (max-device-width: 425px), screen and (max-width: 425px) { /* Helper only visible on handhelds. All styles are inline along with a `display:none`, which this class overrides */ div[class="hh-visible"] { display: block !important; } /* Center stuff */ div[class="hh-center"] { text-align: center; width: 100% !important; } /* Hides things in Mobile */ img[class="hide-me"] { display: none !important; height: 0 !important; width: 0 !important; line-height: 0; overflow: hidden; } div[class="hide-me"] { display: none !important; height: 0; width: 0; line-height: 0; overflow: hidden; } /* Constrain tables for small screens */ table[class="hh-fluid"] { width: 100% !important; } /* Force images to resize to full width of their container */ img[class="hh-fluid"], img[class="hh-force-col-center"] { width: 100% !important; max-width: 425px !important; height: auto !important; } /* And center these ones */ img[class="hh-force-col-center"] { margin: auto !important; } /* Force table cells into rows */ td[class="hh-force-col"], td[class="hh-force-col-center"] { display: block !important; width: 100% !important; clear: both; } /* And center these ones */ td[class="hh-force-col-center"] { text-align: center !important; } /* Constrain tables for small screens */ table[class="hh-fluid-jokes"] { width: 60% !important; } img[class="hh-fluid-jokes"], img[class="hh-force-col-center-jokes"] { width: 40% !important; max-width: 40% !important; height: auto !important; } img[class="hh-force-col-center-jokes"] { margin: auto !important; } td[class="hh-force-col-jokes"], td[class="hh-force-col-center-jokes"] { display: block !important; width: 100% !important; clear: both; } /* And center these ones */ td[class="hh-force-col-center-jokes"] { text-align: center !important; } /* Stack the previously floated images */ img[class="col-3-img-l"], img[class="col-3-img-r"] { float: none !important; margin: 15px auto !important; text-align: center !important; } img[class="quote"] { width: 40px !important; height: 40px !important; margin-top: 15px; margin-bottom: -15px; } .story-headline { font-size: 24px !important; } .feature-headline-jokes { line-height: 0; overflow: hidden; text-align: center; font-size: 70px; } .top-blue-bar { padding: 3px 0 !important; } .hide-for-mobile { display: none !important; } tr[class="ad-text"] { line-height: 10px; } table[class="daily-horoscope"] { margin: 30px auto 10px auto !important; } .featured-area { text-align: center !important; margin: auto !important; } table[class="mobile-padding"] { padding: 20px !important; } } /* Media queries for when the viewport is smaller than the default email width but not too narrow. */ @media screen and (max-device-width: 650px), screen and (max-width: 650px) { /* Hides things in Mobile */ .hide-me { display: none !important; height: 0; width: 0; line-height: 0; overflow: hidden; } .show-me { display: block !important; } .daily-content { text-align: center !important; } /* FULL-WIDTH TABLES */ .responsive-table { width: 100% !important; } .center-mobile { text-align: center !important; margin: auto !important; } img[class="fluid-logo"] { width: 30% !important; height: auto !important; margin: auto !important; padding: 6px 0 !important; } }

What Jesus Taught Us While Nailed to the Cross | How to Be More Mindful this Easter | 8 Ways to Feel Young Again | Famous Do-Gooders: Who Said It?
rtb#1 rtb#2 rtb#3 rtb#4 rtb#5 rtb#6 rtb#7 rtb#8 rtb#9 rtb#10 rtb#11 rtb#12 rtb#13 rtb#14 rtb#15 rtb#16 rtb#17 rtb#18 rtb#19 rtb#20