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,1003 @@
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
+ <!--[if gte mso 15]>
5
+ <xml>
6
+ <o:OfficeDocumentSettings>
7
+ <o:AllowPNG/>
8
+ <o:PixelsPerInch>96</o:PixelsPerInch>
9
+ </o:OfficeDocumentSettings>
10
+ </xml>
11
+ <![endif]-->
12
+ <meta charset="UTF-8">
13
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
14
+ <meta name="viewport" content="width=device-width, initial-scale=1">
15
+ <title>*|MC:SUBJECT|*</title>
16
+
17
+ <style type="text/css">
18
+ p{
19
+ margin:10px 0;
20
+ padding:0;
21
+ }
22
+ table{
23
+ border-collapse:collapse;
24
+ }
25
+ h1,h2,h3,h4,h5,h6{
26
+ display:block;
27
+ margin:0;
28
+ padding:0;
29
+ }
30
+ img,a img{
31
+ border:0;
32
+ height:auto;
33
+ outline:none;
34
+ text-decoration:none;
35
+ }
36
+ body,#bodyTable,#bodyCell{
37
+ height:100%;
38
+ margin:0;
39
+ padding:0;
40
+ width:100%;
41
+ }
42
+ .mcnPreviewText{
43
+ display:none !important;
44
+ }
45
+ #outlook a{
46
+ padding:0;
47
+ }
48
+ img{
49
+ -ms-interpolation-mode:bicubic;
50
+ }
51
+ table{
52
+ mso-table-lspace:0pt;
53
+ mso-table-rspace:0pt;
54
+ }
55
+ .ReadMsgBody{
56
+ width:100%;
57
+ }
58
+ .ExternalClass{
59
+ width:100%;
60
+ }
61
+ p,a,li,td,blockquote{
62
+ mso-line-height-rule:exactly;
63
+ }
64
+ a[href^=tel],a[href^=sms]{
65
+ color:inherit;
66
+ cursor:default;
67
+ text-decoration:none;
68
+ }
69
+ p,a,li,td,body,table,blockquote{
70
+ -ms-text-size-adjust:100%;
71
+ -webkit-text-size-adjust:100%;
72
+ }
73
+ .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
74
+ line-height:100%;
75
+ }
76
+ a[x-apple-data-detectors]{
77
+ color:inherit !important;
78
+ text-decoration:none !important;
79
+ font-size:inherit !important;
80
+ font-family:inherit !important;
81
+ font-weight:inherit !important;
82
+ line-height:inherit !important;
83
+ }
84
+ #bodyCell{
85
+ padding:10px;
86
+ }
87
+ .templateContainer{
88
+ max-width:600px !important;
89
+ }
90
+ a.mcnButton{
91
+ display:block;
92
+ }
93
+ .mcnImage,.mcnRetinaImage{
94
+ vertical-align:bottom;
95
+ }
96
+ .mcnTextContent{
97
+ word-break:break-word;
98
+ }
99
+ .mcnTextContent img{
100
+ height:auto !important;
101
+ }
102
+ .mcnDividerBlock{
103
+ table-layout:fixed !important;
104
+ }
105
+ /*
106
+ @tab Page
107
+ @section Background Style
108
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
109
+ */
110
+ body,#bodyTable{
111
+ /*@editable*/background-color:#FAFAFA;
112
+ }
113
+ /*
114
+ @tab Page
115
+ @section Background Style
116
+ @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
117
+ */
118
+ #bodyCell{
119
+ /*@editable*/border-top:0;
120
+ }
121
+ /*
122
+ @tab Page
123
+ @section Email Border
124
+ @tip Set the border for your email.
125
+ */
126
+ .templateContainer{
127
+ /*@editable*/border:0;
128
+ }
129
+ /*
130
+ @tab Page
131
+ @section Heading 1
132
+ @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
133
+ @style heading 1
134
+ */
135
+ h1{
136
+ /*@editable*/color:#202020;
137
+ /*@editable*/font-family:Helvetica;
138
+ /*@editable*/font-size:26px;
139
+ /*@editable*/font-style:normal;
140
+ /*@editable*/font-weight:bold;
141
+ /*@editable*/line-height:125%;
142
+ /*@editable*/letter-spacing:normal;
143
+ /*@editable*/text-align:left;
144
+ }
145
+ /*
146
+ @tab Page
147
+ @section Heading 2
148
+ @tip Set the styling for all second-level headings in your emails.
149
+ @style heading 2
150
+ */
151
+ h2{
152
+ /*@editable*/color:#202020;
153
+ /*@editable*/font-family:Helvetica;
154
+ /*@editable*/font-size:22px;
155
+ /*@editable*/font-style:normal;
156
+ /*@editable*/font-weight:bold;
157
+ /*@editable*/line-height:125%;
158
+ /*@editable*/letter-spacing:normal;
159
+ /*@editable*/text-align:left;
160
+ }
161
+ /*
162
+ @tab Page
163
+ @section Heading 3
164
+ @tip Set the styling for all third-level headings in your emails.
165
+ @style heading 3
166
+ */
167
+ h3{
168
+ /*@editable*/color:#202020;
169
+ /*@editable*/font-family:Helvetica;
170
+ /*@editable*/font-size:20px;
171
+ /*@editable*/font-style:normal;
172
+ /*@editable*/font-weight:bold;
173
+ /*@editable*/line-height:125%;
174
+ /*@editable*/letter-spacing:normal;
175
+ /*@editable*/text-align:left;
176
+ }
177
+ /*
178
+ @tab Page
179
+ @section Heading 4
180
+ @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
181
+ @style heading 4
182
+ */
183
+ h4{
184
+ /*@editable*/color:#202020;
185
+ /*@editable*/font-family:Helvetica;
186
+ /*@editable*/font-size:18px;
187
+ /*@editable*/font-style:normal;
188
+ /*@editable*/font-weight:bold;
189
+ /*@editable*/line-height:125%;
190
+ /*@editable*/letter-spacing:normal;
191
+ /*@editable*/text-align:left;
192
+ }
193
+ /*
194
+ @tab Preheader
195
+ @section Preheader Style
196
+ @tip Set the background color and borders for your email's preheader area.
197
+ */
198
+ #templatePreheader{
199
+ /*@editable*/background-color:#FAFAFA;
200
+ /*@editable*/background-image:none;
201
+ /*@editable*/background-repeat:no-repeat;
202
+ /*@editable*/background-position:center;
203
+ /*@editable*/background-size:cover;
204
+ /*@editable*/border-top:0;
205
+ /*@editable*/border-bottom:0;
206
+ /*@editable*/padding-top:9px;
207
+ /*@editable*/padding-bottom:9px;
208
+ }
209
+ /*
210
+ @tab Preheader
211
+ @section Preheader Text
212
+ @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
213
+ */
214
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
215
+ /*@editable*/color:#656565;
216
+ /*@editable*/font-family:Helvetica;
217
+ /*@editable*/font-size:12px;
218
+ /*@editable*/line-height:150%;
219
+ /*@editable*/text-align:left;
220
+ }
221
+ /*
222
+ @tab Preheader
223
+ @section Preheader Link
224
+ @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
225
+ */
226
+ #templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{
227
+ /*@editable*/color:#656565;
228
+ /*@editable*/font-weight:normal;
229
+ /*@editable*/text-decoration:underline;
230
+ }
231
+ /*
232
+ @tab Header
233
+ @section Header Style
234
+ @tip Set the background color and borders for your email's header area.
235
+ */
236
+ #templateHeader{
237
+ /*@editable*/background-color:#FFFFFF;
238
+ /*@editable*/background-image:none;
239
+ /*@editable*/background-repeat:no-repeat;
240
+ /*@editable*/background-position:center;
241
+ /*@editable*/background-size:cover;
242
+ /*@editable*/border-top:0;
243
+ /*@editable*/border-bottom:0;
244
+ /*@editable*/padding-top:9px;
245
+ /*@editable*/padding-bottom:0;
246
+ }
247
+ /*
248
+ @tab Header
249
+ @section Header Text
250
+ @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
251
+ */
252
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
253
+ /*@editable*/color:#202020;
254
+ /*@editable*/font-family:Helvetica;
255
+ /*@editable*/font-size:16px;
256
+ /*@editable*/line-height:150%;
257
+ /*@editable*/text-align:left;
258
+ }
259
+ /*
260
+ @tab Header
261
+ @section Header Link
262
+ @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
263
+ */
264
+ #templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{
265
+ /*@editable*/color:#007C89;
266
+ /*@editable*/font-weight:normal;
267
+ /*@editable*/text-decoration:underline;
268
+ }
269
+ /*
270
+ @tab Body
271
+ @section Body Style
272
+ @tip Set the background color and borders for your email's body area.
273
+ */
274
+ #templateBody{
275
+ /*@editable*/background-color:#FFFFFF;
276
+ /*@editable*/background-image:none;
277
+ /*@editable*/background-repeat:no-repeat;
278
+ /*@editable*/background-position:center;
279
+ /*@editable*/background-size:cover;
280
+ /*@editable*/border-top:0;
281
+ /*@editable*/border-bottom:0;
282
+ /*@editable*/padding-top:9px;
283
+ /*@editable*/padding-bottom:0;
284
+ }
285
+ /*
286
+ @tab Body
287
+ @section Body Text
288
+ @tip Set the styling for your email's body text. Choose a size and color that is easy to read.
289
+ */
290
+ #templateBody .mcnTextContent,#templateBody .mcnTextContent p{
291
+ /*@editable*/color:#202020;
292
+ /*@editable*/font-family:Helvetica;
293
+ /*@editable*/font-size:16px;
294
+ /*@editable*/line-height:150%;
295
+ /*@editable*/text-align:left;
296
+ }
297
+ /*
298
+ @tab Body
299
+ @section Body Link
300
+ @tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
301
+ */
302
+ #templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{
303
+ /*@editable*/color:#007C89;
304
+ /*@editable*/font-weight:normal;
305
+ /*@editable*/text-decoration:underline;
306
+ }
307
+ /*
308
+ @tab Columns
309
+ @section Column Style
310
+ @tip Set the background color and borders for your email's columns.
311
+ */
312
+ #templateColumns{
313
+ /*@editable*/background-color:#FFFFFF;
314
+ /*@editable*/background-image:none;
315
+ /*@editable*/background-repeat:no-repeat;
316
+ /*@editable*/background-position:center;
317
+ /*@editable*/background-size:cover;
318
+ /*@editable*/border-top:0;
319
+ /*@editable*/border-bottom:2px solid #EAEAEA;
320
+ /*@editable*/padding-top:0;
321
+ /*@editable*/padding-bottom:9px;
322
+ }
323
+ /*
324
+ @tab Columns
325
+ @section Column Text
326
+ @tip Set the styling for your email's column text. Choose a size and color that is easy to read.
327
+ */
328
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{
329
+ /*@editable*/color:#202020;
330
+ /*@editable*/font-family:Helvetica;
331
+ /*@editable*/font-size:16px;
332
+ /*@editable*/line-height:150%;
333
+ /*@editable*/text-align:left;
334
+ }
335
+ /*
336
+ @tab Columns
337
+ @section Column Link
338
+ @tip Set the styling for your email's column links. Choose a color that helps them stand out from your text.
339
+ */
340
+ #templateColumns .columnContainer .mcnTextContent a,#templateColumns .columnContainer .mcnTextContent p a{
341
+ /*@editable*/color:#007C89;
342
+ /*@editable*/font-weight:normal;
343
+ /*@editable*/text-decoration:underline;
344
+ }
345
+ /*
346
+ @tab Footer
347
+ @section Footer Style
348
+ @tip Set the background color and borders for your email's footer area.
349
+ */
350
+ #templateFooter{
351
+ /*@editable*/background-color:#FAFAFA;
352
+ /*@editable*/background-image:none;
353
+ /*@editable*/background-repeat:no-repeat;
354
+ /*@editable*/background-position:center;
355
+ /*@editable*/background-size:cover;
356
+ /*@editable*/border-top:0;
357
+ /*@editable*/border-bottom:0;
358
+ /*@editable*/padding-top:9px;
359
+ /*@editable*/padding-bottom:9px;
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
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
367
+ /*@editable*/color:#656565;
368
+ /*@editable*/font-family:Helvetica;
369
+ /*@editable*/font-size:12px;
370
+ /*@editable*/line-height:150%;
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
+ #templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{
379
+ /*@editable*/color:#656565;
380
+ /*@editable*/font-weight:normal;
381
+ /*@editable*/text-decoration:underline;
382
+ }
383
+ @media only screen and (min-width:768px){
384
+ .templateContainer{
385
+ width:600px !important;
386
+ }
387
+
388
+ } @media only screen and (max-width: 480px){
389
+ body,table,td,p,a,li,blockquote{
390
+ -webkit-text-size-adjust:none !important;
391
+ }
392
+
393
+ } @media only screen and (max-width: 480px){
394
+ body{
395
+ width:100% !important;
396
+ min-width:100% !important;
397
+ }
398
+
399
+ } @media only screen and (max-width: 480px){
400
+ .columnWrapper{
401
+ max-width:100% !important;
402
+ width:100% !important;
403
+ }
404
+
405
+ } @media only screen and (max-width: 480px){
406
+ .mcnRetinaImage{
407
+ max-width:100% !important;
408
+ }
409
+
410
+ } @media only screen and (max-width: 480px){
411
+ .mcnImage{
412
+ width:100% !important;
413
+ }
414
+
415
+ } @media only screen and (max-width: 480px){
416
+ .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
417
+ max-width:100% !important;
418
+ width:100% !important;
419
+ }
420
+
421
+ } @media only screen and (max-width: 480px){
422
+ .mcnBoxedTextContentContainer{
423
+ min-width:100% !important;
424
+ }
425
+
426
+ } @media only screen and (max-width: 480px){
427
+ .mcnImageGroupContent{
428
+ padding:9px !important;
429
+ }
430
+
431
+ } @media only screen and (max-width: 480px){
432
+ .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
433
+ padding-top:9px !important;
434
+ }
435
+
436
+ } @media only screen and (max-width: 480px){
437
+ .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
438
+ padding-top:18px !important;
439
+ }
440
+
441
+ } @media only screen and (max-width: 480px){
442
+ .mcnImageCardBottomImageContent{
443
+ padding-bottom:9px !important;
444
+ }
445
+
446
+ } @media only screen and (max-width: 480px){
447
+ .mcnImageGroupBlockInner{
448
+ padding-top:0 !important;
449
+ padding-bottom:0 !important;
450
+ }
451
+
452
+ } @media only screen and (max-width: 480px){
453
+ .mcnImageGroupBlockOuter{
454
+ padding-top:9px !important;
455
+ padding-bottom:9px !important;
456
+ }
457
+
458
+ } @media only screen and (max-width: 480px){
459
+ .mcnTextContent,.mcnBoxedTextContentColumn{
460
+ padding-right:18px !important;
461
+ padding-left:18px !important;
462
+ }
463
+
464
+ } @media only screen and (max-width: 480px){
465
+ .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
466
+ padding-right:18px !important;
467
+ padding-bottom:0 !important;
468
+ padding-left:18px !important;
469
+ }
470
+
471
+ } @media only screen and (max-width: 480px){
472
+ .mcpreview-image-uploader{
473
+ display:none !important;
474
+ width:100% !important;
475
+ }
476
+
477
+ } @media only screen and (max-width: 480px){
478
+ /*
479
+ @tab Mobile Styles
480
+ @section Heading 1
481
+ @tip Make the first-level headings larger in size for better readability on small screens.
482
+ */
483
+ h1{
484
+ /*@editable*/font-size:22px !important;
485
+ /*@editable*/line-height:125% !important;
486
+ }
487
+
488
+ } @media only screen and (max-width: 480px){
489
+ /*
490
+ @tab Mobile Styles
491
+ @section Heading 2
492
+ @tip Make the second-level headings larger in size for better readability on small screens.
493
+ */
494
+ h2{
495
+ /*@editable*/font-size:20px !important;
496
+ /*@editable*/line-height:125% !important;
497
+ }
498
+
499
+ } @media only screen and (max-width: 480px){
500
+ /*
501
+ @tab Mobile Styles
502
+ @section Heading 3
503
+ @tip Make the third-level headings larger in size for better readability on small screens.
504
+ */
505
+ h3{
506
+ /*@editable*/font-size:18px !important;
507
+ /*@editable*/line-height:125% !important;
508
+ }
509
+
510
+ } @media only screen and (max-width: 480px){
511
+ /*
512
+ @tab Mobile Styles
513
+ @section Heading 4
514
+ @tip Make the fourth-level headings larger in size for better readability on small screens.
515
+ */
516
+ h4{
517
+ /*@editable*/font-size:16px !important;
518
+ /*@editable*/line-height:150% !important;
519
+ }
520
+
521
+ } @media only screen and (max-width: 480px){
522
+ /*
523
+ @tab Mobile Styles
524
+ @section Boxed Text
525
+ @tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
526
+ */
527
+ .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
528
+ /*@editable*/font-size:14px !important;
529
+ /*@editable*/line-height:150% !important;
530
+ }
531
+
532
+ } @media only screen and (max-width: 480px){
533
+ /*
534
+ @tab Mobile Styles
535
+ @section Preheader Visibility
536
+ @tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
537
+ */
538
+ #templatePreheader{
539
+ /*@editable*/display:block !important;
540
+ }
541
+
542
+ } @media only screen and (max-width: 480px){
543
+ /*
544
+ @tab Mobile Styles
545
+ @section Preheader Text
546
+ @tip Make the preheader text larger in size for better readability on small screens.
547
+ */
548
+ #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{
549
+ /*@editable*/font-size:14px !important;
550
+ /*@editable*/line-height:150% !important;
551
+ }
552
+
553
+ } @media only screen and (max-width: 480px){
554
+ /*
555
+ @tab Mobile Styles
556
+ @section Header Text
557
+ @tip Make the header text larger in size for better readability on small screens.
558
+ */
559
+ #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{
560
+ /*@editable*/font-size:16px !important;
561
+ /*@editable*/line-height:150% !important;
562
+ }
563
+
564
+ } @media only screen and (max-width: 480px){
565
+ /*
566
+ @tab Mobile Styles
567
+ @section Body Text
568
+ @tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
569
+ */
570
+ #templateBody .mcnTextContent,#templateBody .mcnTextContent p{
571
+ /*@editable*/font-size:16px !important;
572
+ /*@editable*/line-height:150% !important;
573
+ }
574
+
575
+ } @media only screen and (max-width: 480px){
576
+ /*
577
+ @tab Mobile Styles
578
+ @section Column Text
579
+ @tip Make the column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
580
+ */
581
+ #templateColumns .columnContainer .mcnTextContent,#templateColumns .columnContainer .mcnTextContent p{
582
+ /*@editable*/font-size:16px !important;
583
+ /*@editable*/line-height:150% !important;
584
+ }
585
+
586
+ } @media only screen and (max-width: 480px){
587
+ /*
588
+ @tab Mobile Styles
589
+ @section Footer Text
590
+ @tip Make the footer content text larger in size for better readability on small screens.
591
+ */
592
+ #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{
593
+ /*@editable*/font-size:14px !important;
594
+ /*@editable*/line-height:150% !important;
595
+ }
596
+
597
+ }</style></head>
598
+ <body>
599
+ <!--*|IF:MC_PREVIEW_TEXT|*-->
600
+ <!--[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]-->
601
+ <!--*|END:IF|*-->
602
+ <center>
603
+ <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
604
+ <tr>
605
+ <td align="center" valign="top" id="bodyCell">
606
+ <!-- BEGIN TEMPLATE // -->
607
+ <!--[if (gte mso 9)|(IE)]>
608
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
609
+ <tr>
610
+ <td align="center" valign="top" width="600" style="width:600px;">
611
+ <![endif]-->
612
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
613
+ <tr>
614
+ <td valign="top" id="templatePreheader"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
615
+ <tbody class="mcnTextBlockOuter">
616
+ <tr>
617
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
618
+ <!--[if mso]>
619
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
620
+ <tr>
621
+ <![endif]-->
622
+
623
+ <!--[if mso]>
624
+ <td valign="top" width="600" style="width:600px;">
625
+ <![endif]-->
626
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
627
+ <tbody><tr>
628
+
629
+ <td valign="top" class="mcnTextContent" style="padding: 0px 18px 9px; text-align: center;">
630
+
631
+ <a href="*|ARCHIVE|*" target="_blank">View this email in your browser</a>
632
+ </td>
633
+ </tr>
634
+ </tbody></table>
635
+ <!--[if mso]>
636
+ </td>
637
+ <![endif]-->
638
+
639
+ <!--[if mso]>
640
+ </tr>
641
+ </table>
642
+ <![endif]-->
643
+ </td>
644
+ </tr>
645
+ </tbody>
646
+ </table></td>
647
+ </tr>
648
+ <tr>
649
+ <td valign="top" id="templateHeader"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock" style="min-width:100%;">
650
+ <tbody class="mcnImageBlockOuter">
651
+ <tr>
652
+ <td valign="top" style="padding:9px" class="mcnImageBlockInner">
653
+ <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer" style="min-width:100%;">
654
+ <tbody><tr>
655
+ <td class="mcnImageContent" valign="top" style="padding-right: 9px; padding-left: 9px; padding-top: 0; padding-bottom: 0; text-align:center;">
656
+
657
+
658
+ <img align="center" alt="" src="*|BRAND:LOGO|*" width="196" style="max-width:196px; padding-bottom: 0; display: inline !important; vertical-align: bottom;" class="mcnImage">
659
+
660
+
661
+ </td>
662
+ </tr>
663
+ </tbody></table>
664
+ </td>
665
+ </tr>
666
+ </tbody>
667
+ </table></td>
668
+ </tr>
669
+ <tr>
670
+ <td valign="top" id="templateBody"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
671
+ <tbody class="mcnTextBlockOuter">
672
+ <tr>
673
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
674
+ <!--[if mso]>
675
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
676
+ <tr>
677
+ <![endif]-->
678
+
679
+ <!--[if mso]>
680
+ <td valign="top" width="600" style="width:600px;">
681
+ <![endif]-->
682
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
683
+ <tbody><tr>
684
+
685
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
686
+
687
+ <h1>It's time to design your email.</h1><p>Now that you've selected a template, you'll define the layout of your email and give your content a place to live by adding, rearranging, and deleting content blocks.</p>
688
+ </td>
689
+ </tr>
690
+ </tbody></table>
691
+ <!--[if mso]>
692
+ </td>
693
+ <![endif]-->
694
+
695
+ <!--[if mso]>
696
+ </tr>
697
+ </table>
698
+ <![endif]-->
699
+ </td>
700
+ </tr>
701
+ </tbody>
702
+ </table></td>
703
+ </tr>
704
+ <tr>
705
+ <td valign="top" id="templateColumns">
706
+ <!--[if (gte mso 9)|(IE)]>
707
+ <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
708
+ <tr>
709
+ <td align="center" valign="top" width="300" style="width:300px;">
710
+ <![endif]-->
711
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="300" class="columnWrapper">
712
+ <tr>
713
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
714
+ <tbody class="mcnTextBlockOuter">
715
+ <tr>
716
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
717
+ <!--[if mso]>
718
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
719
+ <tr>
720
+ <![endif]-->
721
+
722
+ <!--[if mso]>
723
+ <td valign="top" width="300" style="width:300px;">
724
+ <![endif]-->
725
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
726
+ <tbody><tr>
727
+
728
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
729
+
730
+ You can create unique layouts by placing a variety of content blocks in different sections of your template. <p>Use the “design” tab to set styles like background colors and borders.</p>If you need a bit of inspiration, you can <a class="mc-template-link" href="http://inspiration.mailchimp.com">see what other Mailchimp users are doing</a>, or <a class="mc-template-link" href="http://mailchimp.com/resources/email-design-guide/">learn about email design</a> and blaze your own trail.
731
+ </td>
732
+ </tr>
733
+ </tbody></table>
734
+ <!--[if mso]>
735
+ </td>
736
+ <![endif]-->
737
+
738
+ <!--[if mso]>
739
+ </tr>
740
+ </table>
741
+ <![endif]-->
742
+ </td>
743
+ </tr>
744
+ </tbody>
745
+ </table></td>
746
+ </tr>
747
+ </table>
748
+ <!--[if (gte mso 9)|(IE)]>
749
+ </td>
750
+ <td align="center" valign="top" width="300" style="width:300px;">
751
+ <![endif]-->
752
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="300" class="columnWrapper">
753
+ <tr>
754
+ <td valign="top" class="columnContainer"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageCardBlock">
755
+ <tbody class="mcnImageCardBlockOuter">
756
+ <tr>
757
+ <td class="mcnImageCardBlockInner" valign="top" style="padding-top:9px; padding-right:18px; padding-bottom:9px; padding-left:18px;">
758
+
759
+ <table align="left" border="0" cellpadding="0" cellspacing="0" class="mcnImageCardBottomContent" width="100%" style="background-color: #404040;">
760
+ <tbody><tr>
761
+ <td class="mcnImageCardBottomImageContent" align="left" valign="top" style="padding-top:0px; padding-right:0px; padding-bottom:0; padding-left:0px;">
762
+
763
+ <table style="width: 264px;" class="mcpreview-image-uploader" data-mc-id=""></table>
764
+
765
+ </td>
766
+ </tr>
767
+ <tr>
768
+ <td class="mcnTextContent" valign="top" style="padding: 9px 18px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;" width="246">
769
+ Input caption text here. Use the block's Settings tab to change the caption position and set other styles.
770
+ </td>
771
+ </tr>
772
+ </tbody></table>
773
+
774
+
775
+
776
+
777
+ </td>
778
+ </tr>
779
+ </tbody>
780
+ </table></td>
781
+ </tr>
782
+ </table>
783
+ <!--[if (gte mso 9)|(IE)]>
784
+ </td>
785
+ </tr>
786
+ </table>
787
+ <![endif]-->
788
+ </td>
789
+ </tr>
790
+ <tr>
791
+ <td valign="top" id="templateFooter"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock" style="min-width:100%;">
792
+ <tbody class="mcnFollowBlockOuter">
793
+ <tr>
794
+ <td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
795
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentContainer" style="min-width:100%;">
796
+ <tbody><tr>
797
+ <td align="center" style="padding-left:9px;padding-right:9px;">
798
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width:100%;" class="mcnFollowContent">
799
+ <tbody><tr>
800
+ <td align="center" valign="top" style="padding-top:9px; padding-right:9px; padding-left:9px;">
801
+ <table align="center" border="0" cellpadding="0" cellspacing="0">
802
+ <tbody><tr>
803
+ <td align="center" valign="top">
804
+ <!--[if mso]>
805
+ <table align="center" border="0" cellspacing="0" cellpadding="0">
806
+ <tr>
807
+ <![endif]-->
808
+
809
+ <!--[if mso]>
810
+ <td align="center" valign="top">
811
+ <![endif]-->
812
+
813
+
814
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
815
+ <tbody><tr>
816
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
817
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
818
+ <tbody><tr>
819
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
820
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
821
+ <tbody><tr>
822
+
823
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
824
+ <a href="http://www.twitter.com/" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-twitter-48.png" alt="Twitter" style="display:block;" height="24" width="24" class=""></a>
825
+ </td>
826
+
827
+
828
+ </tr>
829
+ </tbody></table>
830
+ </td>
831
+ </tr>
832
+ </tbody></table>
833
+ </td>
834
+ </tr>
835
+ </tbody></table>
836
+
837
+ <!--[if mso]>
838
+ </td>
839
+ <![endif]-->
840
+
841
+ <!--[if mso]>
842
+ <td align="center" valign="top">
843
+ <![endif]-->
844
+
845
+
846
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
847
+ <tbody><tr>
848
+ <td valign="top" style="padding-right:10px; padding-bottom:9px;" class="mcnFollowContentItemContainer">
849
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
850
+ <tbody><tr>
851
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
852
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
853
+ <tbody><tr>
854
+
855
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
856
+ <a href="http://www.facebook.com" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-facebook-48.png" alt="Facebook" style="display:block;" height="24" width="24" class=""></a>
857
+ </td>
858
+
859
+
860
+ </tr>
861
+ </tbody></table>
862
+ </td>
863
+ </tr>
864
+ </tbody></table>
865
+ </td>
866
+ </tr>
867
+ </tbody></table>
868
+
869
+ <!--[if mso]>
870
+ </td>
871
+ <![endif]-->
872
+
873
+ <!--[if mso]>
874
+ <td align="center" valign="top">
875
+ <![endif]-->
876
+
877
+
878
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="display:inline;">
879
+ <tbody><tr>
880
+ <td valign="top" style="padding-right:0; padding-bottom:9px;" class="mcnFollowContentItemContainer">
881
+ <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowContentItem">
882
+ <tbody><tr>
883
+ <td align="left" valign="middle" style="padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:9px;">
884
+ <table align="left" border="0" cellpadding="0" cellspacing="0" width="">
885
+ <tbody><tr>
886
+
887
+ <td align="center" valign="middle" width="24" class="mcnFollowIconContent">
888
+ <a href="http://mailchimp.com" target="_blank"><img src="https://cdn-images.mailchimp.com/icons/social-block-v2/color-link-48.png" alt="Website" style="display:block;" height="24" width="24" class=""></a>
889
+ </td>
890
+
891
+
892
+ </tr>
893
+ </tbody></table>
894
+ </td>
895
+ </tr>
896
+ </tbody></table>
897
+ </td>
898
+ </tr>
899
+ </tbody></table>
900
+
901
+ <!--[if mso]>
902
+ </td>
903
+ <![endif]-->
904
+
905
+ <!--[if mso]>
906
+ </tr>
907
+ </table>
908
+ <![endif]-->
909
+ </td>
910
+ </tr>
911
+ </tbody></table>
912
+ </td>
913
+ </tr>
914
+ </tbody></table>
915
+ </td>
916
+ </tr>
917
+ </tbody></table>
918
+
919
+ </td>
920
+ </tr>
921
+ </tbody>
922
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock" style="min-width:100%;">
923
+ <tbody class="mcnDividerBlockOuter">
924
+ <tr>
925
+ <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 10px 18px 25px;">
926
+ <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-top: 2px solid #EEEEEE;">
927
+ <tbody><tr>
928
+ <td>
929
+ <span></span>
930
+ </td>
931
+ </tr>
932
+ </tbody></table>
933
+ <!--
934
+ <td class="mcnDividerBlockInner" style="padding: 18px;">
935
+ <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
936
+ -->
937
+ </td>
938
+ </tr>
939
+ </tbody>
940
+ </table><table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width:100%;">
941
+ <tbody class="mcnTextBlockOuter">
942
+ <tr>
943
+ <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
944
+ <!--[if mso]>
945
+ <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
946
+ <tr>
947
+ <![endif]-->
948
+
949
+ <!--[if mso]>
950
+ <td valign="top" width="600" style="width:600px;">
951
+ <![endif]-->
952
+ <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width:100%; min-width:100%;" width="100%" class="mcnTextContentContainer">
953
+ <tbody><tr>
954
+
955
+ <td valign="top" class="mcnTextContent" style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
956
+
957
+ <em>Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.</em>
958
+ <br>
959
+ *|IFNOT:ARCHIVE_PAGE|*
960
+ *|LIST:DESCRIPTION|*
961
+ <br>
962
+ <br>
963
+ <strong>Our mailing address is:</strong>
964
+ <br>
965
+ *|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
966
+ <br>
967
+ <br>
968
+ Want to change how you receive these emails?<br>
969
+ You can <a href="*|UPDATE_PROFILE|*">update your preferences</a> or <a href="*|UNSUB|*">unsubscribe from this list</a>.
970
+ <br>
971
+ <br>
972
+ *|IF:REWARDS|* *|HTML:REWARDS|*
973
+ *|END:IF|*
974
+
975
+ </td>
976
+ </tr>
977
+ </tbody></table>
978
+ <!--[if mso]>
979
+ </td>
980
+ <![endif]-->
981
+
982
+ <!--[if mso]>
983
+ </tr>
984
+ </table>
985
+ <![endif]-->
986
+ </td>
987
+ </tr>
988
+ </tbody>
989
+ </table></td>
990
+ </tr>
991
+ </table>
992
+ <!--[if (gte mso 9)|(IE)]>
993
+ </td>
994
+ </tr>
995
+ </table>
996
+ <![endif]-->
997
+ <!-- // END TEMPLATE -->
998
+ </td>
999
+ </tr>
1000
+ </table>
1001
+ </center>
1002
+ <script type="text/javascript" src="/WAbyZUhtL/C/-fIkNMFw/1rOppNmp/RSlzKA/VFRPR3UV/LCoB"></script></body>
1003
+ </html>