Skip to content

Instantly share code, notes, and snippets.

@benbonnet
Created April 16, 2014 13:10
Show Gist options
  • Save benbonnet/10872286 to your computer and use it in GitHub Desktop.
Save benbonnet/10872286 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
#newsletter_mail{ overflow: hidden;
.box{ overflow: hidden; margin-bottom: 0px; }
#newsletter_header{ text-align: center;margin-top:20px;
#newsletter_logo{
img{ width: 300px; }
}
}
table{ width: 620px; margin: 20px 30px;
img{ height:20px; width: auto; }
td{
a{ font-size: 14px; font-family: "suisse_medium"; float: left; }
}
td.img{ text-align: right; width: 40px; }
}
hr{ border: 1px solid #000; margin-bottom: 30px;
&.header.top{ margin-bottom: 0px; margin-top: 30px; }
&.header.bottom{ margin-top: 0px; }
}
.newsletter_banner{ background: #EEE; border: 1px solid #DDD; margin-bottom: 30px; display: block; height: 200px; text-align: center; line-height: 200px; }
.newsletter_block{
h1{ margin: 0px; padding: 0px;
span{ display: block; margin-bottom: 10px; color: #999; font-size: 11px; font-family: "roman";
a{ color: #999; font-size: 11px; font-family: "roman"; }
}
a{ font-size: 20px; font-family: "suisse_medium"; }
}
p{ margin: 0px;
&.more{ margin-top: 10px;
a{ font-family: "suisse_medium"; }
}
}
.only_text{
h1{ font-size: 28px;
span{ font-size: 14px; }
}
}
}
#footer{ background: #F9F9F9; border-top: 1px solid #DDD; padding-top: 30px; padding-bottom: 30px;
#footer_logo{ display: block; text-align: center; font-size: 0px; margin-bottom: 30px;
img{ width: 200px; }
}
hr{ margin: 10px 30px; border: 0px; border-top: 1px solid #DDD; }
#cats{ text-align: center;
a{ font-family: "suisse_medium"; margin: 0px 10px; }
}
#sharers{ text-align: center; margin-top: 30px;
a{ margin: 0px 20px; }
img{ height: 20px; width: auto; }
}
}
#magazine{ background: #000; margin: 0px 30px; text-align: center; overflow: hidden; margin-bottom: 30px; background: #F9F9F9; border: 1px solid #DDD;
h1{ text-align: center; font-size: 24px; margin: 20px 0px; }
table{ width: 100%; margin: 0px; padding: 0px;
td{ width: 50%; padding: 0px;text-align:center; }
a{ display: inline; text-align:center; float: none; }
img{ margin: 0px; height: 350px; float: none; }
}
p.link{ margin-bottom: 10px;
img{ height: 50px; width: auto; }
}
}
#legal{ padding: 20px 50px; margin: 0px; text-align: center; font-size: 11px; color: #999; line-height: 13px;
a{ color: #999; }
}
#posts{ margin: 0px; padding: 0px; width: 620px; margin-left: 30px; line-height: 100%;
td{width: 50%;
.newsletter_block{ padding: 0px; margin: 0px;
h1{ margin-top: 20px; display: block; margin-bottom: 10px; line-height: 18px;
span{ margin: 0px; margin-bottom: 5px; }
}
p{
a{ font-weight: normal; font-family: "roman"; line-height: 16px; }
}
a{ float: none; }
}
&.odd{ padding: 0px 30px 30px 0px; }
&.event{ padding: 0px 0px 30px 0px; }
img{ height: auto; width: 310px; }
}
}
}
#newsletter_mail { overflow: hidden; }
#newsletter_mail .box { overflow: hidden; margin-bottom: 0px; }
#newsletter_mail #newsletter_header { text-align: center; margin-top: 20px; }
#newsletter_mail #newsletter_header #newsletter_logo img { width: 300px; }
#newsletter_mail table { width: 620px; margin: 20px 30px; }
#newsletter_mail table img { height: 20px; width: auto; }
#newsletter_mail table td a { font-size: 14px; font-family: "suisse_medium"; float: left; }
#newsletter_mail table td.img { text-align: right; width: 40px; }
#newsletter_mail hr { border: 1px solid #000; margin-bottom: 30px; }
#newsletter_mail hr.header.top { margin-bottom: 0px; margin-top: 30px; }
#newsletter_mail hr.header.bottom { margin-top: 0px; }
#newsletter_mail .newsletter_banner { background: #EEE; border: 1px solid #DDD; margin-bottom: 30px; display: block; height: 200px; text-align: center; line-height: 200px; }
#newsletter_mail .newsletter_block h1 { margin: 0px; padding: 0px; }
#newsletter_mail .newsletter_block h1 span { display: block; margin-bottom: 10px; color: #999; font-size: 11px; font-family: "roman"; }
#newsletter_mail .newsletter_block h1 span a { color: #999; font-size: 11px; font-family: "roman"; }
#newsletter_mail .newsletter_block h1 a { font-size: 20px; font-family: "suisse_medium"; }
#newsletter_mail .newsletter_block p { margin: 0px; }
#newsletter_mail .newsletter_block p.more { margin-top: 10px; }
#newsletter_mail .newsletter_block p.more a { font-family: "suisse_medium"; }
#newsletter_mail .newsletter_block .only_text h1 { font-size: 28px; }
#newsletter_mail .newsletter_block .only_text h1 span { font-size: 14px; }
#newsletter_mail #footer { background: #F9F9F9; border-top: 1px solid #DDD; padding-top: 30px; padding-bottom: 30px; }
#newsletter_mail #footer #footer_logo { display: block; text-align: center; font-size: 0px; margin-bottom: 30px; }
#newsletter_mail #footer #footer_logo img { width: 200px; }
#newsletter_mail #footer hr { margin: 10px 30px; border: 0px; border-top: 1px solid #DDD; }
#newsletter_mail #footer #cats { text-align: center; }
#newsletter_mail #footer #cats a { font-family: "suisse_medium"; margin: 0px 10px; }
#newsletter_mail #footer #sharers { text-align: center; margin-top: 30px; }
#newsletter_mail #footer #sharers a { margin: 0px 20px; }
#newsletter_mail #footer #sharers img { height: 20px; width: auto; }
#newsletter_mail #magazine { background: #000; margin: 0px 30px; text-align: center; overflow: hidden; margin-bottom: 30px; background: #F9F9F9; border: 1px solid #DDD; }
#newsletter_mail #magazine h1 { text-align: center; font-size: 24px; margin: 20px 0px; }
#newsletter_mail #magazine table { width: 100%; margin: 0px; padding: 0px; }
#newsletter_mail #magazine table td { width: 50%; padding: 0px; text-align: center; }
#newsletter_mail #magazine table a { display: inline; text-align: center; float: none; }
#newsletter_mail #magazine table img { margin: 0px; height: 350px; float: none; }
#newsletter_mail #magazine p.link { margin-bottom: 10px; }
#newsletter_mail #magazine p.link img { height: 50px; width: auto; }
#newsletter_mail #legal { padding: 20px 50px; margin: 0px; text-align: center; font-size: 11px; color: #999; line-height: 13px; }
#newsletter_mail #legal a { color: #999; }
#newsletter_mail #posts { margin: 0px; padding: 0px; width: 620px; margin-left: 30px; line-height: 100%; }
#newsletter_mail #posts td { width: 50%; }
#newsletter_mail #posts td .newsletter_block { padding: 0px; margin: 0px; }
#newsletter_mail #posts td .newsletter_block h1 { margin-top: 20px; display: block; margin-bottom: 10px; line-height: 18px; }
#newsletter_mail #posts td .newsletter_block h1 span { margin: 0px; margin-bottom: 5px; }
#newsletter_mail #posts td .newsletter_block p a { font-weight: normal; font-family: "roman"; line-height: 16px; }
#newsletter_mail #posts td .newsletter_block a { float: none; }
#newsletter_mail #posts td.odd { padding: 0px 30px 30px 0px; }
#newsletter_mail #posts td.event { padding: 0px 0px 30px 0px; }
#newsletter_mail #posts td img { height: auto; width: 310px; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment