ish_manager 0.1.8.346 → 0.1.8.347

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/ish_manager/email_templates.scss +4 -1
  3. data/app/controllers/ish_manager/email_contexts_controller.rb +5 -3
  4. data/app/mailers/ish_manager/office_mailer.rb +1 -1
  5. data/app/views/202212 Mailchimp Templates/202212 1col fixed-width.html +863 -0
  6. data/app/views/202212 Mailchimp Templates/202212 1col full-width.html +906 -0
  7. data/app/views/202212 Mailchimp Templates/202212 2col fixed-width 2.html +1003 -0
  8. data/app/views/202212 Mailchimp Templates/202212 2col fixed-width.html +1082 -0
  9. data/app/views/202212 Mailchimp Templates/202212 2col full-width 2.html +1053 -0
  10. data/app/views/202212 Mailchimp Templates/202212 2col full-width.html +1147 -0
  11. data/app/views/202212 Mailchimp Templates/202212 3col fixed-width.html +1087 -0
  12. data/app/views/202212 Mailchimp Templates/202212 3col full-width.html +1136 -0
  13. data/app/views/202212 Mailchimp Templates/202212 catalog various-colors-1.html +1223 -0
  14. data/app/views/202212 Mailchimp Templates/202212 educate.html +1080 -0
  15. data/app/views/202212 Mailchimp Templates/202212 follow up.html +1001 -0
  16. data/app/views/202212 Mailchimp Templates/202212 make an announcement.html +1048 -0
  17. data/app/views/202212 Mailchimp Templates/202212 sell-a-product.html +977 -0
  18. data/app/views/202212 Mailchimp Templates/202212 tell a story.html +1168 -0
  19. data/app/views/202212 Mailchimp Templates/202212 theme art-newsletter.html +1612 -0
  20. data/app/views/202212 Mailchimp Templates/202212 theme caribou-xmas.html +856 -0
  21. data/app/views/202212 Mailchimp Templates/202212 theme colorbox.html +1027 -0
  22. data/app/views/202212 Mailchimp Templates/202212 theme competition-invitation.html +918 -0
  23. data/app/views/202212 Mailchimp Templates/202212 theme event-veerle.html +1132 -0
  24. data/app/views/202212 Mailchimp Templates/202212 theme fall-colors.html +1407 -0
  25. data/app/views/202212 Mailchimp Templates/202212 theme gift-giving.html +787 -0
  26. data/app/views/202212 Mailchimp Templates/202212 theme giftgiving-snowmen.html +731 -0
  27. data/app/views/202212 Mailchimp Templates/202212 theme heart-of-flowers.html +795 -0
  28. data/app/views/202212 Mailchimp Templates/202212 theme hero-card.html +915 -0
  29. data/app/views/202212 Mailchimp Templates/202212 theme hero-image.html +1148 -0
  30. data/app/views/202212 Mailchimp Templates/202212 theme monthly-contest.html +967 -0
  31. data/app/views/202212 Mailchimp Templates/202212 theme multiple-event.html +1189 -0
  32. data/app/views/202212 Mailchimp Templates/202212 theme postcard.html +914 -0
  33. data/app/views/202212 Mailchimp Templates/202212 theme snowy-fields.html +733 -0
  34. data/app/views/202212 Mailchimp Templates/202212 theme soft.html +849 -0
  35. data/app/views/202212 Mailchimp Templates/202212 theme sophisticated.html +1079 -0
  36. data/app/views/202212 Mailchimp Templates/202212 theme subtle.html +1218 -0
  37. data/app/views/202212 Mailchimp Templates/202212 theme ticket.html +1015 -0
  38. data/app/views/202212 Mailchimp Templates/202212 theme whale.html +888 -0
  39. data/app/views/ish_manager/application/_main_footer.haml +5 -3
  40. data/app/views/ish_manager/email_contexts/_form.haml +3 -1
  41. data/app/views/ish_manager/email_contexts/show.haml +3 -3
  42. data/app/views/layouts/ish_manager/application.haml +10 -6
  43. data/lib/tasks/office_tasks.rake +27 -0
  44. metadata +37 -2
@@ -0,0 +1,1015 @@
1
+ <!doctype html>
2
+ <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
3
+ <head>
4
+ <!-- NAME: TICKET -->
5
+ <!--[if gte mso 15]>
6
+ <xml>
7
+ <o:OfficeDocumentSettings>
8
+ <o:AllowPNG/>
9
+ <o:PixelsPerInch>96</o:PixelsPerInch>
10
+ </o:OfficeDocumentSettings>
11
+ </xml>
12
+ <![endif]-->
13
+ <meta charset="UTF-8">
14
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
15
+ <meta name="viewport" content="width=device-width, initial-scale=1">
16
+ <title>*|MC:SUBJECT|*</title>
17
+
18
+ <!--[if gte mso 6]>
19
+ <style>
20
+ table.mcnFollowContent{width:100%;}
21
+ table.mcnShareContent{width:100%;}
22
+ td.columnsContainer{width:30%;}
23
+ </style>
24
+ <![endif]-->
25
+ <style type="text/css">
26
+ p{
27
+ margin:10px 0;
28
+ padding:0;
29
+ }
30
+ table{
31
+ border-collapse:collapse;
32
+ }
33
+ h1,h2,h3,h4,h5,h6{
34
+ display:block;
35
+ margin:0;
36
+ padding:0;
37
+ }
38
+ img,a img{
39
+ border:0;
40
+ height:auto;
41
+ outline:none;
42
+ text-decoration:none;
43
+ }
44
+ body,#bodyTable,#bodyCell{
45
+ height:100%;
46
+ margin:0;
47
+ padding:0;
48
+ width:100%;
49
+ }
50
+ .mcnPreviewText{
51
+ display:none !important;
52
+ }
53
+ #outlook a{
54
+ padding:0;
55
+ }
56
+ img{
57
+ -ms-interpolation-mode:bicubic;
58
+ }
59
+ table{
60
+ mso-table-lspace:0pt;
61
+ mso-table-rspace:0pt;
62
+ }
63
+ .ReadMsgBody{
64
+ width:100%;
65
+ }
66
+ .ExternalClass{
67
+ width:100%;
68
+ }
69
+ p,a,li,td,blockquote{
70
+ mso-line-height-rule:exactly;
71
+ }
72
+ a[href^=tel],a[href^=sms]{
73
+ color:inherit;
74
+ cursor:default;
75
+ text-decoration:none;
76
+ }
77
+ p,a,li,td,body,table,blockquote{
78
+ -ms-text-size-adjust:100%;
79
+ -webkit-text-size-adjust:100%;
80
+ }
81
+ .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
82
+ line-height:100%;
83
+ }
84
+ a[x-apple-data-detectors]{
85
+ color:inherit !important;
86
+ text-decoration:none !important;
87
+ font-size:inherit !important;
88
+ font-family:inherit !important;
89
+ font-weight:inherit !important;
90
+ line-height:inherit !important;
91
+ }
92
+ a.mcnButton{
93
+ display:block;
94
+ }
95
+ .mcnImage,.mcnRetinaImage{
96
+ vertical-align:bottom;
97
+ }
98
+ .mcnTextContent{
99
+ word-break:break-word;
100
+ }
101
+ .mcnTextContent img{
102
+ height:auto !important;
103
+ }
104
+ .mcnDividerBlock{
105
+ table-layout:fixed !important;
106
+ }
107
+ /*
108
+ @tab Page
109
+ @section background style
110
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
111
+ */
112
+ body,#bodyTable,#templateFooter{
113
+ /*@editable*/background-color:#FDB813;
114
+ }
115
+ /*
116
+ @tab Page
117
+ @section background style
118
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
119
+ */
120
+ #bodyCell{
121
+ /*@editable*/border-top:0;
122
+ }
123
+ /*
124
+ @tab Page
125
+ @section heading 1
126
+ @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
127
+ @style heading 1
128
+ */
129
+ h1{
130
+ /*@editable*/color:#212223 !important;
131
+ /*@editable*/font-family:Georgia;
132
+ /*@editable*/font-size:40px;
133
+ /*@editable*/font-style:normal;
134
+ /*@editable*/font-weight:normal;
135
+ /*@editable*/line-height:125%;
136
+ /*@editable*/letter-spacing:-1px;
137
+ /*@editable*/text-align:left;
138
+ }
139
+ /*
140
+ @tab Page
141
+ @section heading 2
142
+ @tip Set the styling for all second-level headings in your emails.
143
+ @style heading 2
144
+ */
145
+ h2{
146
+ /*@editable*/color:#212223 !important;
147
+ /*@editable*/font-family:Georgia;
148
+ /*@editable*/font-size:26px;
149
+ /*@editable*/font-style:normal;
150
+ /*@editable*/font-weight:normal;
151
+ /*@editable*/line-height:125%;
152
+ /*@editable*/letter-spacing:-.75px;
153
+ /*@editable*/text-align:left;
154
+ }
155
+ /*
156
+ @tab Page
157
+ @section heading 3
158
+ @tip Set the styling for all third-level headings in your emails.
159
+ @style heading 3
160
+ */
161
+ h3{
162
+ /*@editable*/color:#212223 !important;
163
+ /*@editable*/font-family:Georgia;
164
+ /*@editable*/font-size:18px;
165
+ /*@editable*/font-style:normal;
166
+ /*@editable*/font-weight:normal;
167
+ /*@editable*/line-height:125%;
168
+ /*@editable*/letter-spacing:-.5px;
169
+ /*@editable*/text-align:left;
170
+ }
171
+ /*
172
+ @tab Page
173
+ @section heading 4
174
+ @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
175
+ @style heading 4
176
+ */
177
+ h4{
178
+ /*@editable*/color:#212223 !important;
179
+ /*@editable*/font-family:Georgia;
180
+ /*@editable*/font-size:16px;
181
+ /*@editable*/font-style:normal;
182
+ /*@editable*/font-weight:normal;
183
+ /*@editable*/line-height:125%;
184
+ /*@editable*/letter-spacing:normal;
185
+ /*@editable*/text-align:left;
186
+ }
187
+ /*
188
+ @tab Preheader
189
+ @section preheader style
190
+ @tip Set the background color and borders for your email's preheader area.
191
+ */
192
+ #templatePreheader{
193
+ /*@editable*/background-color:#212223;
194
+ /*@editable*/border-top:0;
195
+ /*@editable*/border-bottom:0;
196
+ }
197
+ /*
198
+ @tab Preheader
199
+ @section preheader text
200
+ @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
201
+ */
202
+ .preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
203
+ /*@editable*/color:#FFFFFF;
204
+ /*@editable*/font-family:Helvetica;
205
+ /*@editable*/font-size:10px;
206
+ /*@editable*/line-height:125%;
207
+ /*@editable*/text-align:left;
208
+ }
209
+ /*
210
+ @tab Preheader
211
+ @section preheader link
212
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
213
+ */
214
+ .preheaderContainer .mcnTextContent a{
215
+ /*@editable*/color:#FFFFFF;
216
+ /*@editable*/font-weight:normal;
217
+ /*@editable*/text-decoration:underline;
218
+ }
219
+ /*
220
+ @tab Header
221
+ @section header style
222
+ @tip Set the background color and borders for your email's header area.
223
+ */
224
+ #templateHeader{
225
+ /*@editable*/background-color:#FDB813;
226
+ /*@editable*/border-top:0;
227
+ /*@editable*/border-bottom:0;
228
+ }
229
+ /*
230
+ @tab Header
231
+ @section header text
232
+ @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
233
+ */
234
+ .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
235
+ /*@editable*/color:#FFFFFF;
236
+ /*@editable*/font-family:Helvetica;
237
+ /*@editable*/font-size:16px;
238
+ /*@editable*/line-height:150%;
239
+ /*@editable*/text-align:left;
240
+ }
241
+ /*
242
+ @tab Header
243
+ @section header link
244
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
245
+ */
246
+ .headerContainer .mcnTextContent a{
247
+ /*@editable*/color:#FFFFFF;
248
+ /*@editable*/font-weight:normal;
249
+ /*@editable*/text-decoration:underline;
250
+ }
251
+ /*
252
+ @tab Columns
253
+ @section column style
254
+ @tip Set the background color and borders for your email's columns area.
255
+ */
256
+ #templateColumns{
257
+ /*@editable*/background-color:#FFFFFF;
258
+ /*@editable*/border-top:0;
259
+ /*@editable*/border-bottom:1px solid #EFEFEF;
260
+ }
261
+ /*
262
+ @tab Columns
263
+ @section left column text
264
+ @tip Set the styling for your email's left column text. Choose a size and color that is easy to read.
265
+ */
266
+ .leftColumnContainer .mcnTextContent,.leftColumnContainer .mcnTextContent p{
267
+ /*@editable*/color:#212223;
268
+ /*@editable*/font-family:Helvetica;
269
+ /*@editable*/font-size:16px;
270
+ /*@editable*/line-height:150%;
271
+ /*@editable*/text-align:left;
272
+ }
273
+ /*
274
+ @tab Columns
275
+ @section left column link
276
+ @tip Set the styling for your email's left column links. Choose a color that helps them stand out from your text.
277
+ */
278
+ .leftColumnContainer .mcnTextContent a{
279
+ /*@editable*/color:#541900;
280
+ /*@editable*/font-weight:normal;
281
+ /*@editable*/text-decoration:underline;
282
+ }
283
+ /*
284
+ @tab Columns
285
+ @section right column text
286
+ @tip Set the styling for your email's right column text. Choose a size and color that is easy to read.
287
+ */
288
+ .rightColumnContainer .mcnTextContent,.rightColumnContainer .mcnTextContent p{
289
+ /*@editable*/color:#212223;
290
+ /*@editable*/font-family:Helvetica;
291
+ /*@editable*/font-size:16px;
292
+ /*@editable*/line-height:150%;
293
+ /*@editable*/text-align:left;
294
+ }
295
+ /*
296
+ @tab Columns
297
+ @section right column link
298
+ @tip Set the styling for your email's right column links. Choose a color that helps them stand out from your text.
299
+ */
300
+ .rightColumnContainer .mcnTextContent a{
301
+ /*@editable*/color:#541900;
302
+ /*@editable*/font-weight:normal;
303
+ /*@editable*/text-decoration:underline;
304
+ }
305
+ /*
306
+ @tab Body
307
+ @section body style
308
+ @tip Set the background color and borders for your email's body area.
309
+ */
310
+ #templateBody,.backgroundColor{
311
+ /*@editable*/background-color:#FDB813;
312
+ }
313
+ /*
314
+ @tab Body
315
+ @section body style
316
+ @tip Set the background color and borders for your email's body area.
317
+ */
318
+ #templateBody{
319
+ /*@editable*/border-top:0;
320
+ /*@editable*/border-bottom:0;
321
+ }
322
+ /*
323
+ @tab Body
324
+ @section body container
325
+ @tip Set the background color for your email's body container.
326
+ */
327
+ #bodyBackground{
328
+ /*@editable*/background-color:#FFFFFF;
329
+ }
330
+ /*
331
+ @tab Body
332
+ @section body text
333
+ @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
334
+ */
335
+ .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
336
+ /*@editable*/color:#212223;
337
+ /*@editable*/font-family:Helvetica;
338
+ /*@editable*/font-size:16px;
339
+ /*@editable*/line-height:150%;
340
+ /*@editable*/text-align:left;
341
+ }
342
+ /*
343
+ @tab Body
344
+ @section body link
345
+ @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
346
+ */
347
+ .bodyContainer .mcnTextContent a{
348
+ /*@editable*/color:#541900;
349
+ /*@editable*/font-weight:normal;
350
+ /*@editable*/text-decoration:underline;
351
+ }
352
+ /*
353
+ @tab Footer
354
+ @section footer style
355
+ @tip Set the background color and borders for your email's footer area.
356
+ */
357
+ #templateFooter{
358
+ /*@editable*/border-top:0;
359
+ /*@editable*/border-bottom:0;
360
+ }
361
+ /*
362
+ @tab Footer
363
+ @section footer text
364
+ @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
365
+ */
366
+ .footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
367
+ /*@editable*/color:#212223;
368
+ /*@editable*/font-family:Helvetica;
369
+ /*@editable*/font-size:10px;
370
+ /*@editable*/line-height:125%;
371
+ /*@editable*/text-align:center;
372
+ }
373
+ /*
374
+ @tab Footer
375
+ @section footer link
376
+ @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
377
+ */
378
+ .footerContainer .mcnTextContent a{
379
+ /*@editable*/color:#212223;
380
+ /*@editable*/font-weight:normal;
381
+ /*@editable*/text-decoration:underline;
382
+ }
383
+ @media only screen and (max-width: 480px){
384
+ body,table,td,p,a,li,blockquote{
385
+ -webkit-text-size-adjust:none !important;
386
+ }
387
+
388
+ } @media only screen and (max-width: 480px){
389
+ body{
390
+ width:100% !important;
391
+ min-width:100% !important;
392
+ }
393
+
394
+ } @media only screen and (max-width: 480px){
395
+ .templateContainer{
396
+ max-width:600px !important;
397
+ width:100% !important;
398
+ }
399
+
400
+ } @media only screen and (max-width: 480px){
401
+ .columnsContainer{
402
+ display:block!important;
403
+ max-width:600px !important;
404
+ padding-bottom:18px !important;
405
+ padding-left:0 !important;
406
+ width:100%!important;
407
+ }
408
+
409
+ } @media only screen and (max-width: 480px){
410
+ .mcnRetinaImage{
411
+ max-width:100% !important;
412
+ }
413
+
414
+ } @media only screen and (max-width: 480px){
415
+ .mcnImage{
416
+ height:auto !important;
417
+ width:100% !important;
418
+ }
419
+
420
+ } @media only screen and (max-width: 480px){
421
+ .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
422
+ max-width:100% !important;
423
+ width:100% !important;
424
+ }
425
+
426
+ } @media only screen and (max-width: 480px){
427
+ .mcnBoxedTextContentContainer{
428
+ min-width:100% !important;
429
+ }
430
+
431
+ } @media only screen and (max-width: 480px){
432
+ .mcnImageGroupContent{
433
+ padding:9px !important;
434
+ }
435
+
436
+ } @media only screen and (max-width: 480px){
437
+ .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
438
+ padding-top:9px !important;
439
+ }
440
+
441
+ } @media only screen and (max-width: 480px){
442
+ .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
443
+ padding-top:18px !important;
444
+ }
445
+
446
+ } @media only screen and (max-width: 480px){
447
+ .mcnImageCardBottomImageContent{
448
+ padding-bottom:9px !important;
449
+ }
450
+
451
+ } @media only screen and (max-width: 480px){
452
+ .mcnImageGroupBlockInner{
453
+ padding-top:0 !important;
454
+ padding-bottom:0 !important;
455
+ }
456
+
457
+ } @media only screen and (max-width: 480px){
458
+ .mcnImageGroupBlockOuter{
459
+ padding-top:9px !important;
460
+ padding-bottom:9px !important;
461
+ }
462
+
463
+ } @media only screen and (max-width: 480px){
464
+ .mcnTextContent,.mcnBoxedTextContentColumn{
465
+ padding-right:18px !important;
466
+ padding-left:18px !important;
467
+ }
468
+
469
+ } @media only screen and (max-width: 480px){
470
+ .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
471
+ padding-right:18px !important;
472
+ padding-bottom:0 !important;
473
+ padding-left:18px !important;
474
+ }
475
+
476
+ } @media only screen and (max-width: 480px){
477
+ .mcpreview-image-uploader{
478
+ display:none !important;
479
+ width:100% !important;
480
+ }
481
+
482
+ } @media only screen and (max-width: 480px){
483
+ /*
484
+ @tab Mobile Styles
485
+ @section heading 1
486
+ @tip Make the first-level headings larger in size for better readability on small screens.
487
+ */
488
+ h1{
489
+ /*@editable*/font-size:24px !important;
490
+ /*@editable*/line-height:125% !important;
491
+ }
492
+
493
+ } @media only screen and (max-width: 480px){
494
+ /*
495
+ @tab Mobile Styles
496
+ @section heading 2
497
+ @tip Make the second-level headings larger in size for better readability on small screens.
498
+ */
499
+ h2{
500
+ /*@editable*/font-size:20px !important;
501
+ /*@editable*/line-height:125% !important;
502
+ }
503
+
504
+ } @media only screen and (max-width: 480px){
505
+ /*
506
+ @tab Mobile Styles
507
+ @section heading 3
508
+ @tip Make the third-level headings larger in size for better readability on small screens.
509
+ */
510
+ h3{
511
+ /*@editable*/font-size:18px !important;
512
+ /*@editable*/line-height:125% !important;
513
+ }
514
+
515
+ } @media only screen and (max-width: 480px){
516
+ /*
517
+ @tab Mobile Styles
518
+ @section heading 4
519
+ @tip Make the fourth-level headings larger in size for better readability on small screens.
520
+ */
521
+ h4{
522
+ /*@editable*/font-size:16px !important;
523
+ /*@editable*/line-height:125% !important;
524
+ }
525
+
526
+ } @media only screen and (max-width: 480px){
527
+ /*
528
+ @tab Mobile Styles
529
+ @section Boxed Text
530
+ @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
531
+ */
532
+ .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
533
+ /*@editable*/font-size:18px !important;
534
+ /*@editable*/line-height:125% !important;
535
+ }
536
+
537
+ } @media only screen and (max-width: 480px){
538
+ /*
539
+ @tab Mobile Styles
540
+ @section Preheader Visibility
541
+ @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
542
+ */
543
+ #templatePreheader{
544
+ /*@editable*/display:block !important;
545
+ }
546
+
547
+ } @media only screen and (max-width: 480px){
548
+ /*
549
+ @tab Mobile Styles
550
+ @section Preheader Text
551
+ @tip Make the preheader text larger in size for better readability on small screens.
552
+ */
553
+ .preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
554
+ /*@editable*/font-size:14px !important;
555
+ /*@editable*/line-height:115% !important;
556
+ }
557
+
558
+ } @media only screen and (max-width: 480px){
559
+ /*
560
+ @tab Mobile Styles
561
+ @section Header Text
562
+ @tip Make the header text larger in size for better readability on small screens.
563
+ */
564
+ .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
565
+ /*@editable*/font-size:18px !important;
566
+ /*@editable*/line-height:125% !important;
567
+ }
568
+
569
+ } @media only screen and (max-width: 480px){
570
+ /*
571
+ @tab Mobile Styles
572
+ @section Body Text
573
+ @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
574
+ */
575
+ .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
576
+ /*@editable*/font-size:18px !important;
577
+ /*@editable*/line-height:125% !important;
578
+ }
579
+
580
+ } @media only screen and (max-width: 480px){
581
+ /*
582
+ @tab Mobile Styles
583
+ @section Left Column Text
584
+ @tip Make the left column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
585
+ */
586
+ .leftColumnContainer .mcnTextContent,.leftColumnContainer .mcnTextContent p{
587
+ /*@editable*/font-size:18px !important;
588
+ /*@editable*/line-height:125% !important;
589
+ }
590
+
591
+ } @media only screen and (max-width: 480px){
592
+ /*
593
+ @tab Mobile Styles
594
+ @section Right Column Text
595
+ @tip Make the right column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
596
+ */
597
+ .rightColumnContainer .mcnTextContent,.rightColumnContainer .mcnTextContent p{
598
+ /*@editable*/font-size:18px !important;
599
+ /*@editable*/line-height:125% !important;
600
+ }
601
+
602
+ } @media only screen and (max-width: 480px){
603
+ /*
604
+ @tab Mobile Styles
605
+ @section footer text
606
+ @tip Make the body content text larger in size for better readability on small screens.
607
+ */
608
+ .footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
609
+ /*@editable*/font-size:14px !important;
610
+ /*@editable*/line-height:115% !important;
611
+ }
612
+
613
+ }</style></head>
614
+ <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
615
+ <!--*|IF:MC_PREVIEW_TEXT|*-->
616
+ <!--[if !gte mso 9]><!----><span class="mcnPreviewText" style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">*|MC_PREVIEW_TEXT|*</span><!--<![endif]-->
617
+ <!--*|END:IF|*-->
618
+ <center>
619
+ <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
620
+ <tr>
621
+ <td align="center" valign="top" id="bodyCell">
622
+ <!-- BEGIN TEMPLATE // -->
623
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
624
+ <tr>
625
+ <td align="center" valign="top">
626
+ <!-- BEGIN PREHEADER // -->
627
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
628
+ <tr>
629
+ <td align="center" valign="top">
630
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer">
631
+ <tr>
632
+ <td valign="top" class="preheaderContainer" style="padding-top:10px; padding-bottom:10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
633
+ <tbody class="mcnTextBlockOuter">
634
+ <tr>
635
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
636
+ <!--[if mso]>
637
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
638
+ <tr>
639
+ <![endif]-->
640
+
641
+ <!--[if mso]>
642
+ <td valign="top" width="600" style="width:600px;">
643
+ <![endif]-->
644
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
645
+ <tbody><tr>
646
+
647
+ <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px; text-align: center;">
648
+
649
+ <a href="*|ARCHIVE|*" target="_blank">View this email in your browser</a>
650
+ </td>
651
+ </tr>
652
+ </tbody></table>
653
+ <!--[if mso]>
654
+ </td>
655
+ <![endif]-->
656
+
657
+ <!--[if mso]>
658
+ </tr>
659
+ </table>
660
+ <![endif]-->
661
+ </td>
662
+ </tr>
663
+ </tbody>
664
+ </table></td>
665
+ </tr>
666
+ </table>
667
+ </td>
668
+ </tr>
669
+ </table>
670
+ <!-- // END PREHEADER -->
671
+ </td>
672
+ </tr>
673
+ <tr>
674
+ <td align="center" valign="top">
675
+ <!-- BEGIN HEADER // -->
676
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
677
+ <tr>
678
+ <td align="center" valign="top">
679
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer">
680
+ <tr>
681
+ <td valign="top" class="headerContainer" style="padding-top:10px; padding-bottom:10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;">
682
+ <tbody class="mcnImageBlockOuter">
683
+ <tr>
684
+ <td valign="top" style="padding:9px" class="mcnImageBlockInner">
685
+ <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;">
686
+ <tbody><tr>
687
+ <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
688
+
689
+
690
+ <img align="center" alt="" src="https://cdn-images.mailchimp.com/template_images/gallery/logo_fhpdark.png" width="114" style="max-width:114px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" class="mcnImage">
691
+
692
+
693
+ </td>
694
+ </tr>
695
+ </tbody></table>
696
+ </td>
697
+ </tr>
698
+ </tbody>
699
+ </table></td>
700
+ </tr>
701
+ </table>
702
+ </td>
703
+ </tr>
704
+ </table>
705
+ <!-- // END HEADER -->
706
+ </td>
707
+ </tr>
708
+ <tr>
709
+ <td align="center" valign="top">
710
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
711
+ <tr>
712
+ <td align="center" valign="top" style="padding-top:10px; padding-bottom:10px;">
713
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer">
714
+ <tr>
715
+ <td align="center" valign="top">
716
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="bodyBackground">
717
+ <tr>
718
+ <td align="center" valign="top">
719
+ <!-- BEGIN COLUMNS // -->
720
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
721
+ <tr>
722
+ <td align="left" valign="top" class="columnsContainer" width="50%" style="padding-top:9px; padding-bottom:9px;">
723
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
724
+ <tr>
725
+ <td valign="top" class="leftColumnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
726
+ <tbody class="mcnTextBlockOuter">
727
+ <tr>
728
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
729
+ <!--[if mso]>
730
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
731
+ <tr>
732
+ <![endif]-->
733
+
734
+ <!--[if mso]>
735
+ <td valign="top" width="300" style="width:300px;">
736
+ <![endif]-->
737
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
738
+ <tbody><tr>
739
+
740
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
741
+
742
+ <h2>Frothy Pub Run</h2>
743
+ </td>
744
+ </tr>
745
+ </tbody></table>
746
+ <!--[if mso]>
747
+ </td>
748
+ <![endif]-->
749
+
750
+ <!--[if mso]>
751
+ </tr>
752
+ </table>
753
+ <![endif]-->
754
+ </td>
755
+ </tr>
756
+ </tbody>
757
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
758
+ <tbody class="mcnTextBlockOuter">
759
+ <tr>
760
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
761
+ <!--[if mso]>
762
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
763
+ <tr>
764
+ <![endif]-->
765
+
766
+ <!--[if mso]>
767
+ <td valign="top" width="300" style="width:300px;">
768
+ <![endif]-->
769
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
770
+ <tbody><tr>
771
+
772
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
773
+
774
+ A for-charity 5K race featuring beer and more beer — probably with a little running in between.
775
+ </td>
776
+ </tr>
777
+ </tbody></table>
778
+ <!--[if mso]>
779
+ </td>
780
+ <![endif]-->
781
+
782
+ <!--[if mso]>
783
+ </tr>
784
+ </table>
785
+ <![endif]-->
786
+ </td>
787
+ </tr>
788
+ </tbody>
789
+ </table></td>
790
+ </tr>
791
+ </table>
792
+ </td>
793
+ <td align="left" valign="top" class="columnsContainer" width="50%" style="padding-top:9px; padding-bottom:9px;">
794
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
795
+ <tr>
796
+ <td valign="top" class="rightColumnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
797
+ <tbody class="mcnTextBlockOuter">
798
+ <tr>
799
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
800
+ <!--[if mso]>
801
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
802
+ <tr>
803
+ <![endif]-->
804
+
805
+ <!--[if mso]>
806
+ <td valign="top" width="300" style="width:300px;">
807
+ <![endif]-->
808
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
809
+ <tbody><tr>
810
+
811
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
812
+
813
+ Frothy Head Pub<br>New York City, NY<br>October 21, 2055
814
+ </td>
815
+ </tr>
816
+ </tbody></table>
817
+ <!--[if mso]>
818
+ </td>
819
+ <![endif]-->
820
+
821
+ <!--[if mso]>
822
+ </tr>
823
+ </table>
824
+ <![endif]-->
825
+ </td>
826
+ </tr>
827
+ </tbody>
828
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonBlock" style="min-width:100%;">
829
+ <tbody class="mcnButtonBlockOuter">
830
+ <tr>
831
+ <td style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;" valign="top" align="center" class="mcnButtonBlockInner">
832
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 3px;background-color: #212223;">
833
+ <tbody>
834
+ <tr>
835
+ <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial; font-size: 16px; padding: 10px;">
836
+ <a class="mcnButton " title="RSVP" href="http://" target="_self" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;">RSVP</a>
837
+ </td>
838
+ </tr>
839
+ </tbody>
840
+ </table>
841
+ </td>
842
+ </tr>
843
+ </tbody>
844
+ </table></td>
845
+ </tr>
846
+ </table>
847
+ </td>
848
+ </tr>
849
+ </table>
850
+ <!-- // END COLUMNS -->
851
+ </td>
852
+ </tr>
853
+ <tr>
854
+ <td align="center" valign="top">
855
+ <!-- BEGIN BODY // -->
856
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="">
857
+ <tr>
858
+ <td valign="top" class="bodyContainer" style="padding-top:10px; padding-bottom:10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
859
+ <tbody class="mcnTextBlockOuter">
860
+ <tr>
861
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
862
+ <!--[if mso]>
863
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
864
+ <tr>
865
+ <![endif]-->
866
+
867
+ <!--[if mso]>
868
+ <td valign="top" width="600" style="width:600px;">
869
+ <![endif]-->
870
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
871
+ <tbody><tr>
872
+
873
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
874
+
875
+ <h1>Drink. Run.</h1><h3>What could possibly go wrong?</h3>
876
+ </td>
877
+ </tr>
878
+ </tbody></table>
879
+ <!--[if mso]>
880
+ </td>
881
+ <![endif]-->
882
+
883
+ <!--[if mso]>
884
+ </tr>
885
+ </table>
886
+ <![endif]-->
887
+ </td>
888
+ </tr>
889
+ </tbody>
890
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
891
+ <tbody class="mcnTextBlockOuter">
892
+ <tr>
893
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
894
+ <!--[if mso]>
895
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
896
+ <tr>
897
+ <![endif]-->
898
+
899
+ <!--[if mso]>
900
+ <td valign="top" width="600" style="width:600px;">
901
+ <![endif]-->
902
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
903
+ <tbody><tr>
904
+
905
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
906
+
907
+ Have you ever thought to yourself, '<em>I'd love to drink a few pints, then go on to run a 5K immediately after</em>'?<br><br>No? Well, we have. A lot. Which is why we're hosting the first annual Frothy Pub Run, a for-charity foot race that begins at FHP with 5 pints of our beers, winds through the city, and ends back at FHP with another 5 pints. Crazy? Maybe a bit.<br><br>We wouldn't have it any other way.
908
+ </td>
909
+ </tr>
910
+ </tbody></table>
911
+ <!--[if mso]>
912
+ </td>
913
+ <![endif]-->
914
+
915
+ <!--[if mso]>
916
+ </tr>
917
+ </table>
918
+ <![endif]-->
919
+ </td>
920
+ </tr>
921
+ </tbody>
922
+ </table></td>
923
+ </tr>
924
+ </table>
925
+ <!-- // END BODY -->
926
+ </td>
927
+ </tr>
928
+ <tr>
929
+ <td align="center" valign="top" class="backgroundColor">
930
+ <img src="https://cdn-images.mailchimp.com/template_images/gallery/eb_stubend.png" height="10" width="600" class="mcnImage" style="display:block; max-width:600px;">
931
+ </td>
932
+ </tr>
933
+ </table>
934
+ </td>
935
+ </tr>
936
+ </table>
937
+ </td>
938
+ </tr>
939
+ </table>
940
+ </td>
941
+ </tr>
942
+ <tr>
943
+ <td align="center" valign="top" style="padding-bottom:40px;">
944
+ <!-- BEGIN FOOTER // -->
945
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
946
+ <tr>
947
+ <td align="center" valign="top">
948
+ <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer">
949
+ <tr>
950
+ <td valign="top" class="footerContainer" style="padding-top:10px; padding-bottom:10px;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
951
+ <tbody class="mcnTextBlockOuter">
952
+ <tr>
953
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
954
+ <!--[if mso]>
955
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
956
+ <tr>
957
+ <![endif]-->
958
+
959
+ <!--[if mso]>
960
+ <td valign="top" width="600" style="width:600px;">
961
+ <![endif]-->
962
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
963
+ <tbody><tr>
964
+
965
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
966
+
967
+ <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
968
+ <br>
969
+ *|IFNOT:ARCHIVE_PAGE|*
970
+ *|LIST:DESCRIPTION|*
971
+ <br>
972
+ <br>
973
+ <strong>Our mailing address is:</strong>
974
+ <br>
975
+ *|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
976
+ <br>
977
+ <br>
978
+ Want to change how you receive these emails?<br>
979
+ You can <a href="*|UPDATE_PROFILE|*">update your preferences</a> or <a href="*|UNSUB|*">unsubscribe from this list</a>.
980
+ <br>
981
+ <br>
982
+ *|IF:REWARDS|* *|HTML:REWARDS|*
983
+ *|END:IF|*
984
+
985
+ </td>
986
+ </tr>
987
+ </tbody></table>
988
+ <!--[if mso]>
989
+ </td>
990
+ <![endif]-->
991
+
992
+ <!--[if mso]>
993
+ </tr>
994
+ </table>
995
+ <![endif]-->
996
+ </td>
997
+ </tr>
998
+ </tbody>
999
+ </table></td>
1000
+ </tr>
1001
+ </table>
1002
+ </td>
1003
+ </tr>
1004
+ </table>
1005
+ <!-- // END FOOTER -->
1006
+ </td>
1007
+ </tr>
1008
+ </table>
1009
+ <!-- // END TEMPLATE -->
1010
+ </td>
1011
+ </tr>
1012
+ </table>
1013
+ </center>
1014
+ <script type="text/javascript" src="/WAbyZUhtL/C/-fIkNMFw/1rOppNmp/RSlzKA/VFRPR3UV/LCoB"></script></body>
1015
+ </html>