Created
January 31, 2011 19:15
-
-
Save dallas/804609 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
body, table, td, th, p, a, img { margin:0 auto; padding:0; } | |
thead, tbody, tr { margin:0; padding:0; } | |
body, table.body-table, table.body-table td.body-td { | |
background-color:#ffffff; | |
color:#333333; | |
font-family:"Lucida Grande", Arial, Helvetica, sans-serif; | |
font-size:16px; | |
line-height:24px; | |
margin:0; | |
padding:0; | |
} | |
a { text-decoration:none; } | |
img { display:block; } | |
td { vertical-align:top; } | |
table.full-width { width:100%; } | |
table.page-container { width:608px; } | |
.bold { font-weight:bold; } | |
td.container { padding:0 9px 0 29px; } | |
td.container table.page { padding:0 18px 15px; } | |
table.page td.column-1-of-2, | |
table.page td.column-2-of-2 { width:258px; } | |
table.page td.column-1-of-2 { padding-right:18px; } | |
table.page td.column-1-of-3, | |
table.page td.column-2-of-3, | |
table.page td.column-3-of-3 { width:166px; } | |
table.page td.column-1-of-3, | |
table.page td.column-2-of-3 { padding-right:18px; } | |
table.page td.column-1-of-5, | |
table.page td.column-2-of-5, | |
table.page td.column-3-of-5, | |
table.page td.column-4-of-5, | |
table.page td.column-5-of-5 { | |
padding-right:11px; | |
width:98px; | |
} | |
table.page td.column-5-of-5 { padding-right:0; } | |
tr.heading td.left, | |
tr.heading td.left img, | |
tr.heading td.right, | |
tr.heading td.right img, | |
tr.heading td.main { | |
height:61px; | |
width:4px; | |
} | |
tr.heading td.main { width:600px; } | |
tr.heading td.main table { height:100%; } | |
tr.heading td.main tr.top-border td, | |
tr.heading td.main tr.bottom-border td, | |
tr.heading td.main tr.bottom-border td img { width:600px; height:5px; } | |
tr.heading td.main tr.heading-text td { padding:8px 0 0 8px; } | |
tr.heading td.main tr.heading-text td p { | |
font-family:Helvetica, Arial, sans-serif; | |
font-size:36px; | |
font-weight:bold; | |
line-height:1; | |
} | |
tr.heading-bottom td.fold, | |
tr.heading-bottom td.bottom, | |
tr.heading-bottom td.bottom-right { height:15px; } | |
tr.heading-bottom td.fold, | |
tr.heading-bottom td.fold img { height:15px; width:29px; } | |
tr.heading-bottom td.bottom, | |
tr.heading-bottom td.bottom img { height:15px; width:570px; } | |
tr.heading-bottom td.bottom-right, | |
tr.heading-bottom td.bottom-right img { height:15px; width:9px; } | |
tr.disclaimer td { | |
height:35px; | |
padding:0 23px 5px 43px; | |
vertical-align:bottom; | |
} | |
tr.disclaimer p { | |
color:#666666; | |
font-family:Arial, Helvetica, sans-serif; | |
font-size:10px; | |
line-height:13px; | |
} | |
tr.header td.container { height:90px; } | |
tr.header td.container table.page { padding:13px 18px 3px 17px; } | |
tr.header td.privacy-policy { | |
font-size:10px; | |
line-height:1; | |
padding-top:62px; | |
text-align:right; | |
} | |
tr.intro td.container table.page { padding:12px 18px 15px; } | |
table.your-info { padding:3px; } | |
table.your-info table { | |
padding:7px 5px; | |
width:252px; | |
} | |
table.your-info table p.title { | |
font-family:Helvetica, Arial, sans-serif; | |
font-size:20px; | |
font-weight:bold; | |
text-transform:uppercase; | |
padding:0 6px; | |
} | |
table.your-info table tr.info td { padding-top:3px; } | |
table.your-info table tr.info td p { | |
font-size:14px; | |
line-height:20px; | |
padding:0 6px; | |
} | |
tr.chiseled-divider-top td, | |
tr.chiseled-divider-bottom td { height:1px; } | |
tr.info-went-to table.page { padding-bottom:0; } | |
tr.info-went-to table.page td { padding-bottom:18px; } | |
tr.info-went-to p { | |
font-size:12px; | |
line-height:1; | |
padding-bottom:4px; | |
} | |
tr.info-went-to p.name { | |
font-size:14px; | |
font-weight:bold; | |
line-height:18px; | |
} | |
tr.info-went-to p.email { padding-bottom:0; } | |
tr.more-help td.container table.page, | |
tr.for-even-more td.container table.page { padding-bottom:5px; } | |
tr.more-help p { | |
font-size:11px; | |
line-height:14px; | |
} | |
tr.trade-lists p.title { | |
font-size:14px; | |
font-weight:bold; | |
line-height:18px; | |
padding-bottom:4px; | |
} | |
tr.trade-lists p, | |
tr.trade-lists p a { | |
font-size:12px; | |
line-height:18px; | |
} | |
tr.for-even-more p { | |
font-size:12px; | |
line-height:16px; | |
} | |
tr.questions-and-comments td { | |
padding:3px 110px 8px 130px; | |
text-align:center; | |
width:360px; | |
} | |
tr.questions-and-comments td p { | |
color:#666666; | |
font-family:Arial, Helvetica, sans-serif; | |
font-size:10px; | |
line-height:13px; | |
text-align:center; | |
} | |
tr.trust-seals table td { | |
font-size:10px; | |
line-height:1; | |
padding:0 4.5px 10px; | |
text-align:center; | |
vertical-align:top; | |
} | |
tr.trust-seals table td.auto-width { | |
padding:0; | |
width:100%; | |
} | |
tr.trust-seals td.bbb, | |
tr.trust-seals td.bbb img { width:45px; height:69px; } | |
tr.trust-seals td.verisign, | |
tr.trust-seals td.verisign img { width:82px; height:46px; } | |
tr.trust-seals td.truste, | |
tr.trust-seals td.truste img { width:132px; height:41px; } |
This file contains hidden or 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
/* colors and whatnot */ | |
body, table.body-table, table.body-table td.body-td { background-color:#cfdbdf; } | |
a { color:#0069aa; } | |
td.container table.page { background-color:#e9eef1; } | |
td.container table.page.dark, | |
tr.heading-bottom.dark td.bottom { background-color:#4d5c65; } | |
tr.heading td.main table { background-color:#e0eaee; } | |
tr.heading td.main tr.top-border td, | |
tr.heading td.main tr.bottom-border td { background-color:#0069aa; } | |
tr.heading td.main tr.heading-text td p { color:#005d96; } | |
tr.heading-bottom td.fold, | |
tr.heading-bottom td.bottom-right { background-color:#cfdbdf; } | |
tr.heading-bottom td.bottom { background-color:#e9eef1; } | |
tr.header td.logo { | |
font-size:22px; | |
line-height:1; | |
} | |
tr.header-divider table, | |
tr.header-divider table tr, | |
tr.header-divider table td { background-color:#e9eef1; } | |
tr.header-divider table td { | |
font-size:12px; | |
line-height:1; | |
} | |
table.your-info { background-color:#005d96; } | |
table.your-info table { background-color:#cfdbdf; } | |
table.your-info table p.title { color:#29485c; } | |
table.your-info table tr.info td p, | |
table.your-info table tr.info td p a { color:#29485c; } | |
tr.chiseled-divider-top td { background-color:#aeb7ba; } | |
tr.chiseled-divider-bottom td { background-color:#e0e9ec; } | |
tr.trade-lists p.title { color:#e9eef1; } | |
tr.trade-lists p a { color:#c7e4f6; } | |
tr.for-even-more p { color:#e9eef1; } | |
tr.for-even-more p a { color:#adc6d7; } | |
/* image dimensions */ | |
td.logo, td.logo img { width:423px; height:74px; } | |
tr.header-divider table td, tr.header-divider img { width:570px; height:15px; } |
This file contains hidden or 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
body, table.body-table, table.body-table td.body-td { background-color:#efe8d7; } | |
a { color:#a43d3d; } | |
td.container table.page { background-color:#fcfaf7; } | |
td.container table.page.dark, | |
tr.heading-bottom.dark td.bottom { background-color:#533838; } | |
tr.heading td.main table { background-color:#ebe3d0; } | |
tr.heading td.main tr.top-border td, | |
tr.heading td.main tr.bottom-border td { background-color:#a43d3d; } | |
tr.heading td.main tr.heading-text td p { color:#7d242a; } | |
tr.heading-bottom td.fold, | |
tr.heading-bottom td.bottom-right { background-color:#efe8d7; } | |
tr.heading-bottom td.bottom { background-color:#fcfaf7; } | |
tr.disclaimer-wrapper td { | |
background-color:#581819; | |
background-image:url(/images/emails/customer_mailer/confirmation_email/rrr/disclaimer-bg.gif); | |
background-position:bottom center; | |
background-repeat:repeat-x; | |
} | |
tr.disclaimer td { | |
height:25px; | |
padding-top:3px; | |
padding-bottom:3px; | |
} | |
tr.disclaimer p { color:#c3adad; } | |
tr.disclaimer p a { color:#fcfaf7; } | |
tr.header-wrapper td.wrapper, | |
tr.header-wrapper td.header-container table.page { background-color:#ebe3d0; } | |
tr.header-wrapper td.container table.page { padding:0 0 8px; } | |
tr.header-wrapper tr.light-border td, | |
tr.header-wrapper tr.dark-border td { height:1px; } | |
tr.header-wrapper tr.light-border td { background-color:#e9e1d2; } | |
tr.header-wrapper tr.dark-border td { background-color:#c6bca5; } | |
tr.header-wrapper tr.gradient td, | |
tr.header-wrapper tr.gradient td img { | |
background-color:#ded3ba; | |
height:79px; | |
text-align:left; | |
width:100%; | |
} | |
tr.header-wrapper td.pre-header tr.gradient td { text-align:right; } | |
tr.header-wrapper td.header-left, | |
tr.header-wrapper td.header-left tr.gradient td, | |
tr.header-wrapper td.header-left tr.gradient td img { width:43px; } | |
td.header-container { width:608px; } | |
td.header-container tr.header td.container { padding:0; } | |
tr.header td.logo { | |
font-size:12px; | |
line-height:1; | |
} | |
tr.header td.header-right tr.gradient td { | |
font-size:14px; | |
line-height:1; | |
} | |
tr.header td.privacy-policy { | |
font-size:12px; | |
font-weight:bold; | |
padding:19px 23px 0 0; | |
} | |
tr.header td.privacy-policy a { color:#9c7546; } | |
tr.header-border td { | |
background-color:#e2d9c4; | |
height:1px; | |
} | |
table.your-info { background-color:#7d242a; } | |
table.your-info table { background-color:#e3d9c3; } | |
table.your-info table p.title { color:#640b0e; } | |
table.your-info table tr.info td p, | |
table.your-info table tr.info td p a { color:#7d242a; } | |
tr.chiseled-divider-top td { background-color:#c6bca5; } | |
tr.chiseled-divider-bottom td { background-color:#efe8d7; } | |
tr.trade-lists p.title, | |
tr.for-even-more p { color:#fcfaf7; } | |
tr.trade-lists p a, | |
tr.for-even-more p a { color:#e09494; } | |
tr.questions-and-comments td p { color:#9c7546; } | |
tr.questions-and-comments td p a { color:#79363b; } | |
/* image dimensions */ | |
td.logo, td.logo img { width:150px; height:115px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment