Skip to content

Instantly share code, notes, and snippets.

@heyitsolivia
Created March 19, 2015 15:37
Show Gist options
  • Save heyitsolivia/87185b6b5cd535f2dde7 to your computer and use it in GitHub Desktop.
Save heyitsolivia/87185b6b5cd535f2dde7 to your computer and use it in GitHub Desktop.
new-weekly-inlined
<!-- Inliner Build Version 4380b7741bb759d6cb997545f3add21ad48f010b -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<title></title>
</head>
<body style="width: 100% !important; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; text-align: left; line-height: 20px; font-size: 14px; margin: 0; padding: 0;"><style type="text/css">
a:hover {
color: #42A5B3 !important;
}
a:active {
color: #42A5B3 !important;
}
h1 a:active {
color: #2ba6cb !important;
}
h2 a:active {
color: #2ba6cb !important;
}
h3 a:active {
color: #2ba6cb !important;
}
h4 a:active {
color: #2ba6cb !important;
}
h5 a:active {
color: #2ba6cb !important;
}
h6 a:active {
color: #2ba6cb !important;
}
h1 a:visited {
color: #2ba6cb !important;
}
h2 a:visited {
color: #2ba6cb !important;
}
h3 a:visited {
color: #2ba6cb !important;
}
h4 a:visited {
color: #2ba6cb !important;
}
h5 a:visited {
color: #2ba6cb !important;
}
h6 a:visited {
color: #2ba6cb !important;
}
table.button:hover td {
background: #317E89 !important;
}
table.button:visited td {
background: #317E89 !important;
}
table.button:active td {
background: #317E89 !important;
}
table.button:hover td a {
color: #fff !important;
}
table.button:visited td a {
color: #fff !important;
}
table.button:active td a {
color: #fff !important;
}
table.button:hover td {
background: #2795b6 !important;
}
table.tiny-button:hover td {
background: #2795b6 !important;
}
table.small-button:hover td {
background: #2795b6 !important;
}
table.medium-button:hover td {
background: #2795b6 !important;
}
table.large-button:hover td {
background: #2795b6 !important;
}
table.button:hover td a {
color: #ffffff !important;
}
table.button:active td a {
color: #ffffff !important;
}
table.button td a:visited {
color: #ffffff !important;
}
table.tiny-button:hover td a {
color: #ffffff !important;
}
table.tiny-button:active td a {
color: #ffffff !important;
}
table.tiny-button td a:visited {
color: #ffffff !important;
}
table.small-button:hover td a {
color: #ffffff !important;
}
table.small-button:active td a {
color: #ffffff !important;
}
table.small-button td a:visited {
color: #ffffff !important;
}
table.medium-button:hover td a {
color: #ffffff !important;
}
table.medium-button:active td a {
color: #ffffff !important;
}
table.medium-button td a:visited {
color: #ffffff !important;
}
table.large-button:hover td a {
color: #ffffff !important;
}
table.large-button:active td a {
color: #ffffff !important;
}
table.large-button td a:visited {
color: #ffffff !important;
}
table.secondary:hover td {
background: #d0d0d0 !important; color: #555;
}
table.secondary:hover td a {
color: #555 !important;
}
table.secondary td a:visited {
color: #555 !important;
}
table.secondary:active td a {
color: #555 !important;
}
table.success:hover td {
background: #457a1a !important;
}
table.alert:hover td {
background: #970b0e !important;
}
p.tweetView a:after {
display: inline-block; content: ''; border-left: 4px solid #689FA8; border-top: 4px solid transparent; border-bottom: 4px solid transparent; width: 0; height: 0; margin-left: 5px;
}
@media only screen and (max-width: 600px) {
table[class="body"] img {
width: auto !important; height: auto !important;
}
table[class="body"] center {
min-width: 0 !important;
}
table[class="body"] .container {
width: 95% !important; margin: 0;
}
table[class="body"] .row {
width: 100% !important; display: block !important;
}
table[class="body"] .wrapper {
display: block !important; padding-right: 0 !important;
}
table[class="body"] .columns {
table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
}
table[class="body"] .column {
table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important;
}
table[class="body"] .wrapper.first .columns {
display: table !important;
}
table[class="body"] .wrapper.first .column {
display: table !important;
}
table[class="body"] table.columns td {
width: 100% !important;
}
table[class="body"] table.column td {
width: 100% !important;
}
table[class="body"] .columns td.one {
width: 8.333333% !important;
}
table[class="body"] .column td.one {
width: 8.333333% !important;
}
table[class="body"] .columns td.two {
width: 16.666666% !important;
}
table[class="body"] .column td.two {
width: 16.666666% !important;
}
table[class="body"] .columns td.three {
width: 25% !important;
}
table[class="body"] .column td.three {
width: 25% !important;
}
table[class="body"] .columns td.four {
width: 33.333333% !important;
}
table[class="body"] .column td.four {
width: 33.333333% !important;
}
table[class="body"] .columns td.five {
width: 41.666666% !important;
}
table[class="body"] .column td.five {
width: 41.666666% !important;
}
table[class="body"] .columns td.six {
width: 50% !important;
}
table[class="body"] .column td.six {
width: 50% !important;
}
table[class="body"] .columns td.seven {
width: 58.333333% !important;
}
table[class="body"] .column td.seven {
width: 58.333333% !important;
}
table[class="body"] .columns td.eight {
width: 66.666666% !important;
}
table[class="body"] .column td.eight {
width: 66.666666% !important;
}
table[class="body"] .columns td.nine {
width: 75% !important;
}
table[class="body"] .column td.nine {
width: 75% !important;
}
table[class="body"] .columns td.ten {
width: 83.333333% !important;
}
table[class="body"] .column td.ten {
width: 83.333333% !important;
}
table[class="body"] .columns td.eleven {
width: 91.666666% !important;
}
table[class="body"] .column td.eleven {
width: 91.666666% !important;
}
table[class="body"] .columns td.twelve {
width: 100% !important;
}
table[class="body"] .column td.twelve {
width: 100% !important;
}
table[class="body"] td.offset-by-one {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-two {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-three {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-four {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-five {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-six {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-seven {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-eight {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-nine {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-ten {
padding-left: 0 !important;
}
table[class="body"] td.offset-by-eleven {
padding-left: 0 !important;
}
table[class="body"] table.columns td.expander {
width: 1px !important;
}
table[class="body"] .right-text-pad {
padding-left: 10px !important;
}
table[class="body"] .text-pad-right {
padding-left: 10px !important;
}
table[class="body"] .left-text-pad {
padding-right: 10px !important;
}
table[class="body"] .text-pad-left {
padding-right: 10px !important;
}
table[class="body"] .hide-for-small {
display: none !important;
}
table[class="body"] .show-for-desktop {
display: none !important;
}
table[class="body"] .show-for-small {
display: inherit !important;
}
table[class="body"] .hide-for-desktop {
display: inherit !important;
}
table img {
width: auto !important; height: auto !important;
}
td.article-h2 {
margin-left: 20px !important; margin-right: 20px !important;
}
table.button {
overflow: visible;
}
td.article-h2 {
padding-top: 0px;
}
td.article-author {
padding-top: 0px;
}
td.sectionHeader {
padding-top: 0px;
}
td.tweetText {
padding-top: 0px;
}
td.sectionHeader {
text-align: center; font-size: 20px; line-height: 30px; font-weight: 800; padding-top: 30px;
}
td.splashArticle-h1 {
padding-left: 0px !important;
}
td.splashArticle-date {
padding-left: 0px !important;
}
td.splashArticle-author {
padding-left: 0px !important;
}
td.tweetText.left-text-pad-custom {
padding-left: 20px;
}
}
</style>
<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="center" align="center" valign="top" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;">
<center style="width: 100%; min-width: 580px;">
<table class="row header" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #F4F4F2; padding: 0px;" bgcolor="#F4F4F2"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td align="center" class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="top">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="email-preview-text" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #dce3db; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 1px; visibility: hidden; display: none; height: 0px; margin: 0; padding: 0;" align="left" valign="top">Replace this with email preview text.</td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="six sub-columns" style="border-collapse: collapse !important; vertical-align: top; text-align: left; min-width: 0px; width: 50%; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0 10px 0 0;" align="left" valign="top"><span class="header-share-label" style="color: #AFA89C; font-weight: normal; font-size: 12px;"><a href="#" style="color: #AFA89C; text-decoration: underline;">View on the web</a> | <a href="http://sunlightfoundation.com/join/" style="color: #AFA89C; text-decoration: underline;">Join us</a></span></td>
<td class="six sub-columns last" style="text-align: right; vertical-align: middle; float: none; border-collapse: collapse !important; min-width: 0px; width: 50%; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0 0px 0 0;" align="right" valign="middle"><span class="header-share-label" style="color: #AFA89C; font-weight: normal; font-size: 12px;">Follow Us: <a href="https://twitter.com/SunFoundation" style="color: #AFA89C; text-decoration: underline;"><img alt="twitter" src="http://assets.sunlightfoundation.com.s3.amazonaws.com/email/Email-Images/Twitter.png" style="display: inline; float: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; clear: both; border: none;" align="none" /></a> <a href="https://www.facebook.com/sunlightfoundation" style="color: #AFA89C; text-decoration: underline;"><img alt="facebook" src="http://assets.sunlightfoundation.com/email/Email-Images/Facebook.png" style="display: inline; float: none; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; clear: both; border: none;" align="none" /></a></span></td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr></table></td>
</tr></table></td>
</tr></table><table class="row header-logo" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; background: #FFF; padding: 0px;" bgcolor="#FFF"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td height="10" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td align="center" class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" valign="top">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="center" valign="top">
<center style="width: 100%; min-width: 580px;">
<a href="http://sunlightfoundation.com/" style="color: #005D6E; text-decoration: underline;"><img class="center" alt="Sunlight Foundation" width="117" height="39" src="http://assets.sunlightfoundation.com.s3.amazonaws.com/email/Email-Images/Sunlight_logo_03.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: none; clear: both; display: block; margin: 0 auto; border: none;" align="none" /></a>
</center>
</td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><!-- <td class="center"> --><td class="title-text center" style="border-collapse: collapse !important; vertical-align: top; text-align: center; color: #464646; font-family: Helvetica, Arial, sans-serif; font-weight: 100; line-height: 20px; font-size: 30px; margin: 0; padding: 30px 0 0;" align="center" valign="top">
<center style="width: 100%; min-width: 580px;">
This Week in Sunlight
</center>
</td><!-- </td> -->
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr></table></td>
</tr></table></td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td height="10" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr></table><br /><!-- Header Ends --><!-- Horozontal Splash Image--><table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"><img class="splash-Image" src="http://placehold.it/580x250" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: left; clear: both; display: block; padding: 0 20px 20px 0;" align="left" /></td>
<td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr></table></td>
</tr></table></td>
</tr></table><table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="splashArticle-h1-horozontal" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #464646; font-family: Georgia, serif; font-weight: normal; line-height: 42px; font-size: 36px; margin: 0; padding: 0;" align="left" valign="top"><a href="#" style="color: #005D6E; text-decoration: underline;">47 groups rally around FOIA reform as bill moves to Senate floor</a></td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="splashArticle-author-horozontal" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #27565D; font-family: Georgia, serif; font-weight: normal; line-height: 32px; font-size: 18px; font-style: italic; margin: 0; padding: 0;" align="left" valign="top">by Emily Shaw</td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="splashArticle-date-horozontal" style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: Helvetica; font-weight: normal; line-height: 20px; font-size: 16px; margin: 0; padding: 0;" align="left" valign="top">February 6, 2015</td>
</tr><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="expander" style="border-collapse: collapse !important; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top"></td>
</tr></table></td>
</tr></table></td>
</tr></table><table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto; padding: 0;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td style="border-collapse: collapse !important; vertical-align: top; text-align: left; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 0;" align="left" valign="top">
<table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0px;"><tr style="vertical-align: top; text-align: left; padding: 0;" align="left"><td class="wrapper" style="border-collapse: collapse !important; vertical-align: top; text-align: left; position: relative; color: #262626; font-family: 'Helvetica', 'Arial', sans-serif; font-weight: normal; line-height: 20px; font-size: 14px; margin: 0; padding: 10px 0;" align="left" valign="top">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 580px; margin: 0
...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment