Skip to content

Commit 1c63b46

Browse files
loreinaloreina
committed
make css inline
1 parent 577242f commit 1c63b46

10 files changed

Lines changed: 579 additions & 979 deletions

File tree

‎assets/email/AccountConfirmation.hbs‎

Lines changed: 57 additions & 97 deletions
Large diffs are not rendered by default.

‎assets/email/AccountInvitation.hbs‎

Lines changed: 61 additions & 101 deletions
Large diffs are not rendered by default.

‎assets/email/ResetPassword.hbs‎

Lines changed: 58 additions & 98 deletions
Large diffs are not rendered by default.

‎assets/email/statusEmail/Accepted.hbs‎

Lines changed: 64 additions & 104 deletions
Large diffs are not rendered by default.

‎assets/email/statusEmail/Applied.hbs‎

Lines changed: 57 additions & 97 deletions
Large diffs are not rendered by default.

‎assets/email/statusEmail/Cancelled.hbs‎

Lines changed: 56 additions & 96 deletions
Large diffs are not rendered by default.

‎assets/email/statusEmail/Checked-in.hbs‎

Lines changed: 56 additions & 96 deletions
Large diffs are not rendered by default.

‎assets/email/statusEmail/Confirmed.hbs‎

Lines changed: 55 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
padding: 0;
99
}
1010
11-
/* Force Outlook to provide a "view in browser" message */
11+
1212
.ReadMsgBody {
1313
width: 100%;
1414
}
@@ -17,7 +17,7 @@
1717
width: 100%;
1818
}
1919
20-
/* Force Hotmail to display emails at full width */
20+
2121
.ExternalClass,
2222
.ExternalClass p,
2323
.ExternalClass span,
@@ -27,7 +27,7 @@
2727
line-height: 100%;
2828
}
2929
30-
/* Force Hotmail to display normal line spacing */
30+
3131
body,
3232
table,
3333
td,
@@ -39,19 +39,19 @@
3939
-ms-text-size-adjust: 100%;
4040
}
4141
42-
/* Prevent WebKit and Windows mobile changing default text sizes */
42+
4343
table,
4444
td {
4545
mso-table-lspace: 0pt;
4646
mso-table-rspace: 0pt;
4747
}
4848
49-
/* Remove spacing between tables in Outlook 2007 and up */
49+
5050
img {
5151
-ms-interpolation-mode: bicubic;
5252
}
5353
54-
/* Allow smoother rendering of resized image in Internet Explorer */
54+
5555
5656
body {
5757
margin: 0;
@@ -119,7 +119,7 @@
119119
display: block;
120120
}
121121
122-
/* ========== Body Styles ========== */
122+
123123
124124
#templateBody {
125125
background-color: #FFFFFF;
@@ -146,10 +146,10 @@
146146
147147
.bodyContent a:link,
148148
.bodyContent a:visited,
149-
/* Yahoo! Mail Override */
149+
150150
.bodyContent a .yshortcuts
151151
152-
/* Yahoo! Mail Override */
152+
153153
{
154154
color: white;
155155
text-decoration: none;
@@ -169,7 +169,7 @@
169169
text-align: center;
170170
}
171171
172-
/* ========== Footer Styles ========== */
172+
173173
174174
.footerContent {
175175
color: #808080;
@@ -185,22 +185,22 @@
185185
186186
.footerContent a:link,
187187
.footerContent a:visited,
188-
/* Yahoo! Mail Override */
188+
189189
.footerContent a .yshortcuts,
190190
.footerContent a span
191191
192-
/* Yahoo! Mail Override */
192+
193193
{
194194
color: #606060;
195195
font-weight: normal;
196196
text-decoration: underline;
197197
}
198198
199-
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
199+
200200
201201
@media only screen and (max-width: 480px) {
202202
203-
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
203+
204204
body,
205205
table,
206206
td,
@@ -211,119 +211,87 @@
211211
-webkit-text-size-adjust: none !important;
212212
}
213213
214-
/* Prevent Webkit platforms from changing default text sizes */
214+
215215
body {
216216
width: 100% !important;
217217
min-width: 100% !important;
218218
}
219219
220-
/* Prevent iOS Mail from adding padding to the body */
220+
221221
222-
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
222+
223223
#bodyCell {
224224
padding: 10px !important;
225225
}
226226
227-
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
227+
228228
229-
/* ======== Page Styles ======== */
229+
230230
231-
/**
232-
* @tab Mobile Styles
233-
* @section template width
234-
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
235-
*/
231+
236232
#templateContainer {
237233
width: 600px !important;
238234
239235
max-width: 100% !important;
240236
}
241237
242-
/**
243-
* @tab Mobile Styles
244-
* @section heading 1
245-
* @tip Make the first-level headings larger in size for better readability on small screens.
246-
*/
238+
247239
h1 {
248240
249241
font-size: 24px !important;
250242
251243
line-height: 100% !important;
252244
}
253245
254-
/**
255-
* @tab Mobile Styles
256-
* @section heading 2
257-
* @tip Make the second-level headings larger in size for better readability on small screens.
258-
*/
246+
259247
h2 {
260248
261249
font-size: 20px !important;
262250
263251
line-height: 100% !important;
264252
}
265253
266-
/**
267-
* @tab Mobile Styles
268-
* @section heading 3
269-
* @tip Make the third-level headings larger in size for better readability on small screens.
270-
*/
254+
271255
h3 {
272256
273257
font-size: 18px !important;
274258
275259
line-height: 100% !important;
276260
}
277261
278-
/**
279-
* @tab Mobile Styles
280-
* @section heading 4
281-
* @tip Make the fourth-level headings larger in size for better readability on small screens.
282-
*/
262+
283263
h4 {
284264
285265
font-size: 16px !important;
286266
287267
line-height: 100% !important;
288268
}
289269
290-
/* ======== Header Styles ======== */
270+
291271
292272
#templatePreheader {
293273
display: none !important;
294274
}
295275
296-
/* Hide the template preheader to save space */
276+
297277
298-
/**
299-
* @tab Mobile Styles
300-
* @section header image
301-
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
302-
*/
278+
303279
#headerImage {
304280
height: auto !important;
305281
max-width: 80% !important;
306282
}
307283
308-
/**
309-
* @tab Mobile Styles
310-
* @section header text
311-
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
312-
*/
284+
313285
.headerContent {
314286
315287
font-size: 20px !important;
316288
317289
line-height: 125% !important;
318290
}
319291
320-
/* ======== Body Styles ======== */
292+
321293
322-
/**
323-
* @tab Mobile Styles
324-
* @section body image
325-
* @tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
326-
*/
294+
327295
#bodyImage {
328296
height: auto !important;
329297
@@ -332,25 +300,17 @@
332300
width: 100% !important;
333301
}
334302
335-
/**
336-
* @tab Mobile Styles
337-
* @section body text
338-
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
339-
*/
303+
340304
.bodyContent {
341305
342306
font-size: 18px !important;
343307
344308
line-height: 125% !important;
345309
}
346310
347-
/* ======== Footer Styles ======== */
311+
348312
349-
/**
350-
* @tab Mobile Styles
351-
* @section footer text
352-
* @tip Make the body content text larger in size for better readability on small screens.
353-
*/
313+
354314
.footerContent {
355315
356316
font-size: 14px !important;
@@ -362,7 +322,7 @@
362322
display: block !important;
363323
}
364324
365-
/* Place footer social and utility links on their own lines, for easier access */
325+
366326
}
367327
</style>
368328

@@ -371,56 +331,56 @@
371331
<title>We've got your application!</title>
372332
</head>
373333

374-
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
334+
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100% !important;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;width:100% !important;background-color:#F9F9F9;" >
375335
<center>
376-
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
336+
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;height:100% !important;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;width:100% !important;background-color:#F9F9F9;" >
377337
<tr>
378-
<td align="center" valign="top" id="bodyCell">
338+
<td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;height:100% !important;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;width:100% !important;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;" >
379339
<!-- BEGIN TEMPLATE // -->
380-
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
340+
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;width:600px;" >
381341
<tr>
382-
<td align="center" valign="top">
342+
<td align="center" valign="top" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
383343
<!-- BEGIN HEADER // -->
384-
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
344+
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;" >
385345
<tr>
386-
<td valign="top" class="headerContent">
346+
<td valign="top" class="headerContent" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
387347
<img src="https://mchacks.ca/static/mchacks-long-tight.png" width="250" height="59" alt="Logo" title="Logo" id="headerImage" mc:label="header_image"
388-
mc:edit="header_image" mc:allowdesigner mc:allowtext />
348+
mc:edit="header_image" mc:allowdesigner mc:allowtext style="-ms-interpolation-mode:bicubic;border-width:0;line-height:100%;outline-style:none;text-decoration:none;height:auto;max-width:30%;width:250px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto;display:block;" />
389349
</td>
390350
</tr>
391351
</table>
392352
<!-- // END HEADER -->
393353
</td>
394354
</tr>
395355
<tr>
396-
<td align="center" valign="top">
356+
<td align="center" valign="top" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
397357
<!-- BEGIN BODY // -->
398-
<table cellpadding="0" cellspacing="0" width="100%" id="templateBody">
358+
<table cellpadding="0" cellspacing="0" width="100%" id="templateBody" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;background-color:#FFFFFF;border-width:5px;border-style:solid;border-color:#E9E9E9;border-radius:6px;border-collapse:separate;" >
399359
<tr>
400-
<td valign="top" class="bodyContent" mc:edit="body_content00">
401-
<h1>Attendance Confirmed</h1>
402-
<p>Hi {{firstName}},</p>
403-
<p>Thanks for confirming your attendance! Excited to see you!
360+
<td valign="top" class="bodyContent" mc:edit="body_content00" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#202020;font-family:'Hind', Helvetica;font-size:14px;line-height:150%;padding-top:36px;padding-right:30px;padding-bottom:20px;padding-left:30px;text-align:left;" >
361+
<h1 style="display:block;font-family:'Brown', Helvetica;font-size:26px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:normal;color:#F2463A;margin-top:0;margin-right:0;margin-bottom:28px;margin-left:0px;text-align:left;" >Attendance Confirmed</h1>
362+
<p style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >Hi {{firstName}},</p>
363+
<p style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >Thanks for confirming your attendance! Excited to see you!
404364
</p>
405-
<p>Best, <br> The McHacks Team</p>
365+
<p style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >Best, <br> The McHacks Team</p>
406366
</td>
407367
</tr>
408368
</table>
409369
<!-- // END BODY -->
410370
</td>
411371
</tr>
412372
<tr>
413-
<td align="center" valign="top">
373+
<td align="center" valign="top" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
414374
<!-- BEGIN FOOTER // -->
415-
<!-- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
375+
<!-- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;" >
416376
<tr>
417-
<td valign="top" class="footerContent" mc:edit="footer_content00">
418-
<a href="https://facebook.com/{{ facebookHandle }}">Like on Facebook</a>&nbsp;&nbsp;&nbsp;
419-
<a href="mailto:{{ emailAddress }}">Email Us</a>
377+
<td valign="top" class="footerContent" mc:edit="footer_content00" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#808080;font-family:'Lato', Helvetica;font-size:10px;line-height:150%;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;text-align:left;" >
378+
<a href="https://facebook.com/{{ facebookHandle }}" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#606060;font-weight:normal;text-decoration:underline;" >Like on Facebook</a>&nbsp;&nbsp;&nbsp;
379+
<a href="mailto:{{ emailAddress }}" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#606060;font-weight:normal;text-decoration:underline;" >Email Us</a>
420380
</td>
421381
</tr>
422382
<tr>
423-
<td valign="top" class="footerContent" style="padding-top:0;" mc:edit="footer_content01">
383+
<td valign="top" class="footerContent" mc:edit="footer_content01" style="padding-top:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;color:#808080;font-family:'Lato', Helvetica;font-size:10px;line-height:150%;padding-right:20px;padding-bottom:20px;padding-left:20px;text-align:left;" >
424384
<em>Copyright &copy; {{ hackathonName }} 2018, All rights reserved.</em>
425385
<br />
426386
</td>

0 commit comments

Comments
 (0)