Skip to content

Instantly share code, notes, and snippets.

@dallas
Created January 31, 2011 19:15
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 dallas/804609 to your computer and use it in GitHub Desktop.
Save dallas/804609 to your computer and use it in GitHub Desktop.
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; }
/* 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; }
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