Snippets
Created by
Jamie Scott
last modified
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>INSET YOUR EMAIL TITLE TO MATCH YOUR SUBJECT LINE</title>
<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------
// General resets to level the playing field and tame some of the various oddities encountered in clients
-------------------------------------------------------------------------------------------------------------- */
/* Client-specific Styles */
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
/* Prevent Webkit and Windows Mobile platforms from changing default font sizes.*/
.ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
/* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
/*This table ensures your email is centered and carried the background colour of the email. Do not set this colour on the body tag or it will carry through
when forwarding or replying to the email.*/
#backgroundTable {
background-color: #f5f5f5;
line-height: 100% !important;
margin:0;
padding:0;
width:100% !important;
}
/* Some sensible defaults for images
Bring inline: Yes. */
img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;}
a img {border:none;}
.image_fix {display:block;}
/* Yahoo paragraph fix
Bring inline: Yes. */
p {margin: 1em 0;}
/* Outlook 07, 10 Padding issue fix
Bring inline: No.*/
table td {border-collapse: collapse;}
/* Remove spacing around Outlook 07, 10 tables
Bring inline: Yes */
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
/* Styling your links has become much simpler with the new Yahoo. In fact, it falls in line with the main credo of styling in email and make sure to bring
your styles inline. Your link colors will be uniform across clients when brought inline.
Bring inline: Yes. */
a {color: #712c8f; text-decoration: none;}
/*Styling Begins*/
/*BOF Generic styling*/
/* --------------------------------------------------------------------------------------------------------------
// Generic styling for all tables, table rows and table cells.
// Change these to suit your design
// Web safe fonts only and include fallbacks where required
-------------------------------------------------------------------------------------------------------------- */
/* Change these to suit your design. Web safe fonts only */
table, tr, td {
color: #000000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
}
/* --------------------------------------------------------------------------------------------------------------
// As we're using line breaks instead on paragrahs let's reset the line height on paragraphs to pull the
// paragraphs slightly closer together
-------------------------------------------------------------------------------------------------------------- */
table tr td br {
line-height: 14px;
}
/* --------------------------------------------------------------------------------------------------------------
// The table will house your email content, set the border, border colour and width, and background colour here
-------------------------------------------------------------------------------------------------------------- */
#contentTable {
border: 1px solid #eeeeee;
background-color: #ffffff;
}
/* --------------------------------------------------------------------------------------------------------------
// Spacer Styling to replace 1px spacer gifs
-------------------------------------------------------------------------------------------------------------- */
td[height="1"] {
mso-line-height-rule: exactly;
line-height: 1px;
font-size: 1px;
height: 1px;
margin: 0px;
padding: 0px;
}
td[height="1"] div {
line-height: 1px;
font-size: 1px;
height: 1px;
display: none;
margin: 0px;
padding: 0px;
}
.space-1 {
mso-line-height-rule: exactly;
height: 1px;
line-height: 1px;
font-size: 1px;
margin: 0px;
padding: 0px;
}
td[height="15"] {
mso-line-height-rule: exactly;
line-height: 15px;
font-size: 15px;
height: 15px;
margin: 0px;
padding: 0px;
}
td[height="15"] div {
line-height: 15px;
font-size: 15px;
height: 15px;
display: none;
margin: 0px;
padding: 0px;
}
.space-15 {
mso-line-height-rule: exactly;
height: 15px;
line-height: 15px;
font-size: 15px;
margin: 0px;
padding: 0px;
}
/* --------------------------------------------------------------------------------------------------------------
// Insert the rest of your email styling below here
-------------------------------------------------------------------------------------------------------------- */
/*Styles go here*/
.background-blue {
background-color: #009fda;
}
.background-dark-blue {
background-color: #00355f;
}
.background-grey {
background-color: #b6b6b6;
}
.background-white {
background-color: #ffffff;
}
.text-white {
color: #ffffff;
}
.text-grey {
color: #878787;
}
/*EOF Generic styling*/
/* --------------------------------------------------------------------------------------------------------------
// The below styling is the styling for the header and footer disclaimers. Leave in place.
-------------------------------------------------------------------------------------------------------------- */
/*BOF Disclaimer styling*/
#topDisclaimer, #topDisclaimer td {
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 16px;
}
#bottomDisclaimer, #bottomDisclaimer td {
color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}
/*EOF Disclaimer styling*/
/*Styling Ends*/
</style>
</head>
<body>
<!--BOF Wrapper Table-->
<table cellpadding="0" cellspacing="0" width="100%" border="0" id="backgroundTable" bgcolor="#f5f5f5">
<tr>
<td valign="top" align="center">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600">
<!--BOF Top Disclaimer-->
<tr>
<td width="600" valign="top" align="center">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" id="topDisclaimer">
<tr>
<td valign="top" align="center" width="600">
<br />
<!-- This is the generic header for all emails. This is at the top to provide comfort to those on a mailing list who are unaware where the
email came from. The header also provides the Adestra short codes for the view in browser link. Adestra
will pick up on its presence and convert the links to the correct code. DO NOT EDIT THIS-->
You received this newsletter because you are currently on the Dods Parliamentary Communications Limited
mailing list.<br />
Email not displaying correctly? [*link.webversion('View it in your browser')*]
<br />
</td>
</tr>
</table>
</td>
</tr>
<!--EOF Top Disclaimer-->
<!--BOF Spacer Row providing some space between the top of the email and the top disclaimer-->
<tr>
<td valign="top" align="center" width="600" height="16" class="space-15">
<div> </div>
</td>
</tr>
<!--EOF Spacer Row-->
<!--BOF Email Content-->
<tr>
<td valign="top" align="center" width="600">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" id="contentTable">
<tr>
<td valign="top" align="center" width="598">
<!--START EDITING HERE-->
<!--END EDITING HERE-->
</td>
</tr>
</table>
</td>
</tr>
<!--EOF Email Content-->
<!--BOF Spacer Row providing some space between the bottom of the email and the bottom disclaimer-->
<tr>
<td valign="top" align="center" width="600" height="16" class="space-15">
<div> </div>
</td>
</tr>
<!--EOF Spacer Row-->
<!--BOF Bottom Disclaimer-->
<tr>
<td width="600" valign="top" align="center">
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600" id="bottomDisclaimer">
<tr>
<td valign="top" align="center" width="598">
<!-- This is the generic footer for all emails. This provides the copyright information and registration information for Dods.
DO NOT EDIT THIS -->
© 2016 Dods Parliamentary Communications Ltd<br /> Registered in England under Company number 01262354.<br /> Registered Office:
21 Dartmouth Street, London SW1H 9BP
<br />If you no longer wish to receive our mails, please [*link.unsub('unsubscribe')*].
</td>
</tr>
</table>
</td>
</tr>
<!--BOF Spacer Row providing some space between the bottom of the email and the body-->
<tr>
<td valign="top" align="center" width="600" height="16" class="space-15">
<div> </div>
</td>
</tr>
<!--EOF Spacer Row-->
</table>
<!--EOF Bottom Disclaimer-->
</td>
</tr>
</table>
<!--EOF Wrapper Table-->
</body>
</html>
|
Comments (0)
You can clone a snippet to your computer for local editing. Learn more.