Skip to content

Instantly share code, notes, and snippets.

@ropiku

ropiku/index.html

Created November 21, 2012 00:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ropiku/4122268 to your computer and use it in GitHub Desktop.
Save ropiku/4122268 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
@media only screen and (max-device-width: 480px) {
table[class=outer] .global-width-670-to-320 {
width: 320px !important;
}
table[class=outer] .global-width-520-to-320 {
width: 320px !important;
}
table[class=outer] .global-width-500-to-300 {
width: 300px !important;
}
table[class=outer] .global-separator-padding {
height: 8px !important;
}
table[class=outer] .global-shrinking-to-0 {
height: 0 !important;
}
table[class=outer] .global-shrinking-to-10 {
height: 10px !important;
}
table[class=outer] .global-h1 {
font-size: 14px !important;
}
table[class=outer] .cut {
width: 0 !important;
padding: 0 !important;
}
table[class=outer] .vcut {
height: 0 !important;
padding: 0 !important;
}
table[class=outer] img.cut {
display: none !important;
width: 0 !important;
height: 0 !important;
}
table[class=outer] .cut span, table[class=outer] .cut a {
display: none !important;
}
table[class=outer] .frame {
width: 320px !important;
border-left: 0 !important;
border-right: 0 !important;
}
table[class=outer] .main_header.media_header {
width: 300px !important;
height: 55px !important;
}
table[class=outer] .header_left {
height: 55px !important;
}
table[class=outer] .logo_header {
height: 62px !important;
}
table[class=outer] .main_name {
font-size: 12px !important;
}
table[class=outer] .subtitle {
font-size: 12px !important;
}
table[class=outer] .media_main {
width: 300px !important;
}
table[class=outer] .media_main .intro {
width: 260px !important;
font-size: 14px !important;
}
table[class=outer] .media_main .intro2 {
font-size: 14px !important;
}
table[class=outer] .media_main .suggestions {
font-size: 14px !important;
}
table[class=outer] .media_more {
width: 300px !important;
border-radius: 0 !important;
background: #fff !important;
border-top: 1px solid #e8e8e8 !important;
}
table[class=outer] .media_button {
width: 300px !important;
background-color: #209ae4 !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
table[class=outer] .media_footer {
font-size: 11px !important;
line-height: 14px !important;
padding: 0 10px !important;
}
table[class=outer] .address {
font-size: 11px !important;
line-height: 14px !important;
display: block !important;
}
table[class=outer] td[class=footer-padding-top] {
height: 12px !important;
}
table[class=outer] td[class=footer-padding-bottom] {
height: 17px !important;
}
table[class=outer] .media_footer br {
display: none !important;
}
table[class=outer] .spacer.ios {
display: none !important;
}
table[class=outer] .reset {
display: block !important;
padding-bottom: 4px !important;
}
table[class=outer] .media_logo_div {
display: block !important;
position: absolute !important;
left: 274px !important;
top: 0 !important;
background-image: url('https://twitter.com/images/email/t1/ribbon.png') !important;
background-size: 100% 100% !important;
width: 36px !important;
height: 68px !important;
z-index: 1 !important;
}
table[class=employee-only-padding-top-bottom] {
width: 300px !important;
}
table[class=employee-only] {
width: 300px !important;
padding: 10px 0;
}
td[class=header_padding] {
height: 55px !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
table[class=outer] .media_button {
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #209ae4 !important;
}
table[class=outer] .media_button td.cut {
width: 0 !important;
padding: 0 !important;
}
table[class=outer] .media_button {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
</style>
</head>
<body style="margin: 0; padding: 0; background: #fff;-webkit-text-size-adjust: 100%;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="outer" style="position: relative; background: #ddd;">
<tbody>
<tr>
<td style="padding: 0;">
<table class="inner frame" align="center" cellpadding="0" cellspacing="0" border="0" width="670" style="background: #fff;position: relative; border: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc;position: relative;">
<tbody>
<tr>
<td style="padding: 0;"> <a href="https://twitter.com?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+21" style="border: none; color: #0084b4; text-decoration: none;"><span class="media_logo_div"></span></a>
<table cellpadding="0" cellspacing="0" border="0" width="670" class="header frame" style="background: #f2f2f2; table-layout: fixed;position: relative;">
<style type="text/css">
@media only screen and (max-device-width: 480px) {
table[class=outer] .inactive_main_avatar .button {
display: none !important;
}
}
</style>
<tbody>
<tr>
<td class="header_left cut" style="width: 19px; height: 77px;padding: 0;"> &nbsp; </td>
<td height="94" width="46" valign="top" rowspan="2" class="logo_header cut" style="background: #fff;line-height: 100%;padding: 0;"><a href="https://twitter.com?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+21" style="border: none; color: #0084b4; text-decoration: none;"><img class="logo cut" src="https://twitter.com/images/email/t1/ribbon.png" width="46" height="94" style="border: 0; line-height: 100%;border: 0;" /></a></td>
<td class="cut" width="9" style="padding: 0;"> &nbsp; </td>
<td width="20" height="77" class="header_padding" style="padding: 0;"> &nbsp; </td>
<td width="300" height="77" class="main_header media_header" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;padding: 0;">
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="main_name" style="font-size: 14px; font-weight: bold; color: #000;padding: 0;font-size: 14px;line-height: normal;font-weight: bold;color: #333333;"> bianca, </td>
</tr>
<tr>
<td class="subtitle" style="font-size: 14px; color: #666;padding: 0;"> Here's a tweet that was just shared on Twitter. </td>
</tr>
</tbody>
</table> </td>
<td width="10" height="77" class="header_padding" style="padding: 0;"> &nbsp; </td>
<td class="inactive_main_avatar cut" align="right" style="padding: 0;">
<table bgcolor="#33a9e5" class="button media_button" border="0" cellspacing="0" cellpadding="0" style="white-space: nowrap;background: #33a9e5 url('https://www.twitter.com/images/email/t1/button_bg_long.png') top repeat-x;border-radius: 5px;border-color: #2288cc;border-style: solid;border-width: 1px;text-align: center;height: 28px;">
<tbody>
<tr>
<td class="spacer" width="10" style="font-size: 1px;padding: 0;">&nbsp;</td>
<td height="28" align="center" style="padding: 0;"><span class="button_text" style="color: #ffffff;font-size: 13px;font-weight: bold;text-shadow: 0px -1px 0px #339bde;white-space: nowrap;overflow: hidden;padding: 0px;margin: 0px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <a class="button_link" href="https://twitter.com?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+21" style="border: none; color: #0084b4; text-decoration: none;color: #ffffff;text-decoration: none;">Go to Twitter</a> </span></td>
<td class="spacer" width="10" style="font-size: 1px;padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table> </td>
<td class="col cut" style="width: 85px;padding: 0;"></td>
</tr>
<tr>
<td class="main header_drop cut" style="background: #fff;border-top: 1px solid #ddd;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 0;">&nbsp;</td>
<td class="main header_drop cut" style="background: #fff;border-top: 1px solid #ddd;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 0;">&nbsp;</td>
<td class="main header_drop media_header" height="17" style="background: #fff;border-top: 1px solid #ddd;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 0;"><img width="1" height="1" style="display: block;border: 0;" src="https://twitter.com/scribe/ibis?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+20" /></td>
<td class="main header_drop cut" height="17" colspan="4" style="background: #fff;border-top: 1px solid #ddd;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table> </td>
<td rowspan="3" style="padding: 0;"></td>
</tr>
<tr>
<td class="content" style="background: #fff;padding: 0;">
<style type="text/css">
@media only screen and (max-device-width: 480px) {
table[class=outer] .fm-name, table[class=outer] .fm-txt, table[class=outer] .fm-via-txt {
font-size: 11px !important;
}
table[class=outer] .fm-name-bold {
font-size: 13px !important;
}
table[class=outer] .fm-spacer {
height: 9px !important;
}
table[class=outer] .fm-txt-top-spacer {
height:2px !important;
}
table[class=outer] .fm-txt-bottom-spacer {
height: 3px !important;
}
table[class=outer] .fm-container {
padding: 0 11px !important;
}
table[class=outer] .fm-mobile-container {
border-bottom: 1px #e8e8e8 solid;
padding-bottom: 10px !important;
}
table[class=outer] .fm-image img {
height: 70px !important;
width: 70px !important;
padding-top: 35px !important;
}
table[class=outer] .tweet-action-border {
border-top:1px #e8e8e8 solid !important;
}
table[class=outer] .mid {
padding: 0 !important;
}
table[class=outer] .name-holder,
table[class=outer] td.name-holder {
padding-left: 0!important;
}
table[class=outer] .cut {
width: 0 !important;
padding: 0 !important;
display: none!important;
}
table[class=outer] .main-content .cut {
display: none !important;
}
table[class=outer] .frame .header .cut,
table[class=outer] td.header_padding {
display: none !important;
}
table[class=outer] .header {
border-bottom: 0px #cccccc solid !important;
background-color: #f2f2f2;
border-right:none !important;
border-left: none !important;
}
table[class=outer] .frame,
table[class=outer] .main-content,
table[class=outer] .footer,
table[class=outer] .header {
width: 320px !important;
}
table[class="outer"] .section-container-inner {
padding-bottom: 0px !important;
padding-top: 7px !important;
}
table[class=outer] .main-content-gap td {
display: none !important;
}
table[class=outer] .footer {
border-bottom: 1px #ccc solid !important;
}
table[class=outer] .frame .x_avatar {
padding-right: 8px !important;
}
table[class=outer] .cellspacing {
padding: 0 0 26px 0 !important;
}
table[class=outer] .main_header.media_header {
width: 300px !important;
height: 55px !important;
padding-left: 11px !important;
}
table[class=outer] .main_header {
padding-left: 2px !important;
line-height: 12px !important;
}
table[class=outer] .header_left {
height: 55px !important;
}
table[class=outer] .logo_header {
display: none !important;
}
table[class=outer] .media_header .main_name {
font-size: 12px !important;
line-height: normal !important;
}
table[class=outer] .media_header .x-subtitle {
font-size: 12px !important;
position: relative !important;
bottom: 0 !important;
}
table[class=outer] .header .header_drop {
border-bottom: 0px #dddddd solid !important;
height: 1px !important;
}
table[class=outer] .frame .styled-x-cut {
background-color: #ffffff !important;
position: relative !important;
top: -1px !important;
height: 50px !important;
}
table[class=outer] .media_footer {
font-size: 11px !important;
line-height: 14px !important;
padding: 9px 10px 0px 10px !important;
}
table[class=outer] .address {
font-size: 11px !important;
line-height: 14px !important;
display: block !important;
}
table[class=outer] td[class=footer-padding-top] {
height: 8px !important;
}
table[class=outer] td[class=footer-padding-bottom] {
height: 17px !important;
}
table[class=outer] .reset {
display: block !important;
padding-bottom: 4px !important;
}
table[class=outer] .media_button {
width: 300px !important;
margin: 0 auto !important;
}
table[class=outer] .styled-x {
padding: 0px !important;
background: #ffffff !important;
padding-bottom: 2px !important;
}
table[class=outer] .styled-x-top-spacer, table[class=outer] .styled-x-bottom-spacer {
height: 0 !important;
}
table[class=outer] .styled-xx {
background: #ffffff !important;
border: none !important;
border-top: 1px #e8e8e8 solid !important;
border-radius: 0 !important;
}
table[class=outer] .container-divider {
display: none !important;
}
table[class=outer] .section-holder {
padding: 0 0px !important;
}
table[class=outer] .section-holder-text, table[class=outer] .nick {
padding: 0 11px !important;
}
table[class=outer] .section-container {
width: 320px!important;
border: none !important;
background: #ffffff !important;
padding: 0 0 10px !important;
margin: 0 !important;
border-left: 0 none !important;
border-right: 0 none !important;
border-radius: 0 !important;
}
table[class=outer] .section-container .date {
font-size: 11px !important;
}
table[class=outer] .section-container .date-top-space {
height: 9px !important;
}
table[class=outer] .section-container .date-bottom-space {
height: 0px !important;
}
table[class=outer] .section-container .date a {
color:#999999 !important;
}
table[class=outer] .mobile-action-bottom-spacer {
border-top: 1px #e8e8e8 solid !important;
height: 29px !important;
}
table[class=outer] .tweet-actions {
width: 129px !important;
text-align: center !important;
display: block !important;
float: left !important;
margin-left: 77px !important;
margin-top: 12px !important;
margin-bottom: 12px !important;
}
table[class=outer] .tweet-actions a {
width: 55px !important;
height: 15px !important;
display: block;
}
table[class=outer] .tweet-actions span {
display: none !important;
}
table[class=outer] .tweet-actions img {
margin: 0 0px !important;
padding-right: 0px !important;
}
table[class="outer"] .avatar-mid, table[class="outer"] .avatar-mid img {
width: 32px !important;
height: 32px !important;
}
table[class=outer] .leading-blurb {
position: relative !important;
padding-top: 7px !important;
}
table[class=outer] .leading-blurb-username {
font-size: 12px;
}
table[class=outer] .leading-blurb-text {
font-family: Georgia, 'Times New Roman', serif;
color: #333333;
font-size: 16px;
}
table[class=outer] .leading-blurb-username {
display: block !important;
margin-top: 2px;
}
table[class=outer] .leading-blurb-text {
padding-right: 6px;
line-height: 22px !important;
font-size: 18px !important;
font-family: Georgia, Helvetica, Arial, sans-serif !important;
margin-bottom: 0px !important;
margin-top: 3px !important;
}
table[class=outer] .ios-blurb {
position: relative !important;
}
table[class=outer] .frame inactive_main_avatar {
text-align: right;
padding-right: 8px !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
table[class=outer] .media_button td.cut {
width: 0 !important;
padding: 0 !important;
}
}
</style>
<table style="position: relative;border: 0;" class="main-content" bgcolor="#ffffff" width="670" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="spacer-75 cut" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
<td valign="top" style="padding: 0;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="mid user" style="padding: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #333333;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr class="container-divider">
<td height="4" class="spacer" colspan="3" style="font-size: 1px;padding: 0;">&nbsp;</td>
</tr>
<tr>
<td width="18" class="spacer cut" style="font-size: 1px;padding: 0;">&nbsp;</td>
<td valign="top" style="padding: 0;">
<table class="section-container" width="100%" border="0" cellspacing="0" cellpadding="0" style="background: #ffffff;">
<tbody>
<tr>
<td style="padding: 0;">
<table class="section-container-inner" width="100%" border="0" cellspacing="0">
<tbody>
<tr>
<td style="padding: 0;">
<table class="section-container-inner" width="100%" border="0" cellspacing="0">
<tbody>
<tr>
<td class="section-holder" style="padding: 0;">
<style type="text/css">
@media only screen and (max-device-width: 480px) {
table[class="big-tweet-template"] {
width: 300px !important;
}
td[class="big-tweet-template-text"] {
font-size: 18px !important;
line-height: 22px !important;
}
td[class="big-tweet-template-text"] a {
color: #777 !important;
}
td[class="big-tweet-template-user-info"] {
width: 242px !important;
}
}
</style>
<table width="500" border="0" align="center" cellpadding="0" cellspacing="0" class="big-tweet-template" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: white; table-layout: fixed;">
<tbody>
<tr valign="top">
<td rowspan="2" width="48" class="big-tweet-template-avatar" style="padding: 0;width: 48px;"> <a href="https://twitter.com/tavitulle/status/250357743595184129?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+912" style="border: none; color: #0084b4; text-decoration: none;"> <img width="48" height="48" src="https://si0.twimg.com/profile_images/2613375883/4jd439irl72fb1qa90vj_reasonably_small.jpeg" alt="Tavi Gevinson" style="border: 0;width: 48px; height: 48px; border-radius: 4px;" /> </a> </td>
<td rowspan="2" width="10" class="big-tweet-template-avatar-padding" style="padding: 0;"></td>
<td height="24" valign="bottom" class="big-tweet-template-user-info" style="padding: 0;width: 442px;"> <a href="https://twitter.com/tavitulle/status/250357743595184129?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+914" style="border: none; color: #0084b4; text-decoration: none;"><span class="big-tweet-template-name" style="font-size: 18px; font-weight: bold; color: #333;">Tavi Gevinson</span></a> </td>
</tr>
<tr valign="top">
<td height="24" class="big-template-tweet-user-info" style="padding: 0;"> <a href="https://twitter.com/tavitulle/status/250357743595184129?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+913" style="border: none; color: #0084b4; text-decoration: none;"> <span class="big-tweet-template-screen-name" style="font-size: 14px; color: #999;">@tavitulle</span> </a> </td>
</tr>
<tr>
<td height="10" colspan="3" class="big-tweet-template-padding" style="padding: 0;"></td>
</tr>
<tr>
<td colspan="3" class="big-tweet-template-text" style="padding: 0;word-wrap: break-word; color: #333; font-size: 22px; font-family: Georgia, 'Times New Roman', Times, serif; line-height: 26px;"> i will only go to homecoming with you if i can get a cut of whatever my mom paid you for asking me </td>
</tr>
<tr>
<td height="4" colspan="3" class="big-tweet-template-padding" style="padding: 0;"></td>
</tr>
<tr>
<td colspan="3" class="big-tweet-template-date" style="padding: 0;font-size: 12px; color: #bbb;"> <a href="https://twitter.com/tavitulle/status/250357743595184129?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+916" style="border: none; color: #0084b4; text-decoration: none;color: #bbb;">05:15 PM - 24 Sep 12</a> </td>
</tr>
</tbody>
</table>
<!--/ Story --> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!--/ Section option 2 --> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
<td class="spacer-75 cut" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
</tr>
<tr>
<td class="spacer-75 cut styled-x-cut" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
<td style="padding: 0;">
<table class="styled-x" width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="18" class="spacer cut" style="font-size: 1px;padding: 0;">&nbsp;</td>
<td height="39" class="spacer mobile-action-bottom-spacer" style="font-size: 1px;padding: 0;">
<table class="tweet-actions" align="left" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="padding: 0;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0;"> <a title="reply" class="action-link" href="https://twitter.com/home?context=email&amp;in_reply_to_status_id=250357743595184129&amp;screen_name=tavitulle&amp;status=&amp;uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+923" style="border: none; color: #0084b4; text-decoration: none;font-family: HelveticaNeue, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 15px;color: #0084b4;text-decoration: none;"> <img border="0" src="https://twitter.com/images/email/t1/actions/icon-blue-reply-2x-nopad.png" width="18" height="13" alt="reply" style="border: 0;margin-top: 0px;margin-bottom: 0px;vertical-align: text-top;" /> <span>Reply</span> </a> </td>
<td style="padding: 0;"> <a title="retweet" class="action-link" href="https://twitter.com/intent/retweet?ea_u=12319&amp;ea_e=1356040108&amp;tweet_id=250357743595184129&amp;ea_s=b9cf1dead7e6fc396644849339797ac9df671366&amp;uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+921" style="border: none; color: #0084b4; text-decoration: none;font-family: HelveticaNeue, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 15px;color: #0084b4;text-decoration: none;"> <img style="padding-left: 15px;border: 0;margin-top: 0px;margin-bottom: 0px;vertical-align: text-top;" border="0" src="https://twitter.com/images/email/t1/actions/icon-blue-retweet-2x-nopad.png" width="22" height="12" alt="retweet" /> <span>Retweet</span> </a> </td>
<td style="padding: 0;"> <a title="favourite" class="action-link" href="https://twitter.com/intent/favorite?ea_u=12319&amp;ea_e=1356040108&amp;tweet_id=250357743595184129&amp;ea_s=5e6b4fd7525bf8b109a4d64dcd4343a1c39c16d4&amp;uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+922" style="border: none; color: #0084b4; text-decoration: none;font-family: HelveticaNeue, Helvetica, Arial, sans-serif;font-size: 12px;line-height: 15px;color: #0084b4;text-decoration: none;"> <img style="padding-left: 15px;border: 0;margin-top: 0px;margin-bottom: 0px;vertical-align: text-top;" border="0" src="https://twitter.com/images/email/t1/actions/icon-blue-favourite-2x-nopad.png" width="15" height="14" alt="favourite" /> <span>Favorite</span> </a> </td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td height="10" colspan="2" class="styled-x-top-spacer" style="padding: 0;"></td>
</tr>
<tr>
<td width="6" class="spacer cut" style="font-size:1;font-size: 1px;padding: 0;">&nbsp;</td>
<td class="styled styled-m" style="padding: 0;">
<!-- Message -->
<table class="styled-xx" bgcolor="#EEEEEE" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-radius: 6px;border: solid 1px #e5e5e5;background: #eeeeee;">
<tbody>
<tr>
<td height="10" colspan="4" class="spacer" style="font-size: 1px;padding: 0;">&nbsp;</td>
</tr>
<tr>
<td class="cut spacer" width="12" style="font-size: 1px;padding: 0;"></td>
<td class="cut" style="padding: 0;"></td>
<!-- Message -->
<td align="left" style="padding: 0;">
<!-- Button -->
<table bgcolor="#33a9e5" class="button media_button" border="0" cellspacing="0" cellpadding="0" style="white-space: nowrap;background: #33a9e5 url('https://www.twitter.com/images/email/t1/button_bg_long.png') top repeat-x;border-radius: 5px;border-color: #2288cc;border-style: solid;border-width: 1px;text-align: center;height: 28px;">
<tbody>
<tr>
<td class="spacer" width="10" style="font-size: 1px;padding: 0;">&nbsp;</td>
<td height="28" align="center" style="padding: 0;"><span class="button_text" style="color: #ffffff;font-size: 13px;font-weight: bold;text-shadow: 0px -1px 0px #339bde;white-space: nowrap;overflow: hidden;padding: 0px;margin: 0px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <a class="button_link" href="https://twitter.com/tavitulle?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+925" style="border: none; color: #0084b4; text-decoration: none;color: #ffffff;text-decoration: none;">View more Tweets from Tavi Gevinson</a> </span></td>
<td class="spacer" width="10" style="font-size: 1px;padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>
<!--/ Button --></td>
<td class="cut spacer" width="10" style="font-size: 1px;padding: 0;"></td>
</tr>
<tr>
<td height="10" colspan="4" class="spacer" style="font-size: 1px;padding: 0;">&nbsp;</td>
</tr>
</tbody>
</table>
<!--/ Message and button --></td>
</tr>
<tr>
<td height="11" colspan="2" class="styled-x-bottom-spacer" style="padding: 0;"></td>
</tr>
</tbody>
</table></td>
<td class="spacer-75 cut styled-x-cut" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
</tr>
<tr class="main-content-gap">
<td class="cut spacer-75" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
<td height="10" class="mid spacer" style="padding: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;font-size: 1px;padding: 0;">&nbsp;</td>
<td class="spacer-75 cut" style="padding: 0;width: 75px;font-size: 1px;">&nbsp;</td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="padding: 0;">
<table bgcolor="#eeeeee" border="0" cellpadding="0" cellspacing="0" width="670" class="frame footer" style="background-color: #eee; background-image: url(https://twitter.com/images/email/t1/shadow_bottom.jpg); background-position: top; background-repeat: repeat-x; border-top-color: #ddd; border-top-style: solid; border-top-width: 1px;position: relative;border: 0;border: 0;">
<tbody>
<tr>
<td colspan="4" height="16" class="footer-padding-top" style="padding: 0;"></td>
</tr>
<tr>
<td class="col cut" style="width: 85px;padding: 0;"></td>
<td class="footer_body media_footer" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; color: #777; text-shadow: 0 1px 0 #fff;padding: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 17px;color: #777;text-shadow: 0 1px 0 #ffffff;padding-left:7px;">
<div>
Forgot your Twitter password?
<a class="reset" href="https://twitter.com/account/resend_password?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+24" style="border: none; color: #0084b4; text-decoration: none;border: none;color: #0084b4;text-decoration: none;">Get instructions on how to reset it.</a>
</div>
<div>
You can also
<a href="https://twitter.com/i/u?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+26&amp;sig=a0adf1d315b12738c612bcae6ac0ae48684740f6" style="border: none; color: #0084b4; text-decoration: none;border: none;color: #0084b4;text-decoration: none;">unsubscribe to these emails</a>
<span class="reset">or change your <a href="https://twitter.com/settings/notifications?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+27" style="border: none; color: #0084b4; text-decoration: none;border: none;color: #0084b4;text-decoration: none;">notification settings</a>. Need <a href="https://support.twitter.com?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+97" style="border: none; color: #0084b4; text-decoration: none;border: none;color: #0084b4;text-decoration: none;">help</a>?</span>
</div>
<div class="reset">
If you received this message in error and did not sign up for Twitter, click
<a href="https://twitter.com/account/not_my_account/misshoax/7FF5E-485DH-135483?uid=12319&amp;iid=795564f0-415d-46bc-8007-8703e1dd7a98&amp;nid=72+25" style="border: none; color: #0084b4; text-decoration: none;border: none;color: #0084b4;text-decoration: none;">not my account</a>.
</div>
<div>
<a href="#" class="address" style="border: none; color: #0084b4; text-decoration: none;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; font-size: 11px; line-height: 17px; color: #999999; text-shadow: 0 1px 0 #fff;border: none;color: #0084b4;text-decoration: none;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;font-size: 11px;line-height: 17px;color: #999999;text-shadow: 0 1px 0 #ffffff;">Twitter, Inc. 1355 Market St., Suite 900 <span class="nobreak" style="white-space: nowrap;">San Francisco, CA 94103 </span></a>
</div> </td>
<td class="col cut" style="width: 85px;padding: 0;"></td>
</tr>
<tr>
<td colspan="3" class="footer-padding-bottom" height="25" style="padding: 0;"></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment