Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
.message-content {
max-width: 600px;
margin: 30px auto;
font-family: Georgia, Times, serif;
.message-content div { padding-bottom: 10px; }
.message-content img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 {
color: #333;
p {
margin-bottom: 1em;
font-size: 18px;
color: #333333;
line-height: 1.5em;
font-family: Georgia, Times, serif;
blockquote {
border-left: solid 5px #aaa;
margin: 20px 0px;
padding: 15px 30px;
font-size: 20px;
line-height: 1.5em;
font-style: italic;
color: #444;
font-family: Georgia, Times, serif;
a {
text-decoration: none;
border-bottom: 1px dotted #0875c1;
color: #0875c1;
a:hover {
color: #1b8ede;
border-bottom-color: #1b8ede;
.button {
border: none;
background: #777;
color: #fff;
padding: 10px;
display: inline-block;
margin: 10px 0px;
font-family: Helvetica, Arial, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
.button:hover {
color: #fff;
background: #666;
.footer {
border-top: 1px dotted #888;
padding: 20px 0px;
font-family: Helvetica, Arial, sans-serif;
color: #aaa;
font-size: 12px;
.social-links { margin-bottom: 10px; padding: 0px; }
.social-links a { text-align: center; padding: 5px; border: none; }
<div class='message-content'>
{{ message_content }}
<div class="footer">
<a href="{{ unsubscribe_url }}">Unsubscribe</a> | {{ address }}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment