Created
April 16, 2014 13:10
-
-
Save benbonnet/10872286 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// 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; } | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#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