| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272 |
- <?php
- /**
- * Email Header
- *
- * @since 1.1.3
- */
- // Exit if accessed directly.
- if ( ! defined( 'ABSPATH' ) ) exit;
- $header_image = wpforms_setting( 'email-header-image', false );
- $background_color = wpforms_setting( 'email-background-color', '#e9eaec' );
- $text_direction = is_rtl() ? 'rtl' : 'ltr';
- ?>
- <!doctype html>
- <html dir="<?php echo $text_direction; ?>" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
- <head>
- <!--[if gte mso 15]>
- <xml>
- <o:OfficeDocumentSettings>
- <o:AllowPNG/>
- <o:PixelsPerInch>96</o:PixelsPerInch>
- </o:OfficeDocumentSettings>
- </xml>
- <![endif]-->
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title><?php echo get_bloginfo( 'name' ); ?></title>
- <style type="text/css">
- p{
- margin:10px 0;
- padding:0;
- }
- table{
- border-collapse:collapse;
- }
- h1,h2,h3,h4,h5,h6{
- display:block;
- margin:0;
- padding:0;
- }
- img,a img{
- border:0;
- height:auto;
- outline:none;
- text-decoration:none;
- }
- body,#bodyTable,#bodyCell{
- height:100%;
- margin:0;
- padding:0;
- width:100%;
- }
- #outlook a{
- padding:0;
- }
- img{
- -ms-interpolation-mode:bicubic;
- }
- table{
- mso-table-lspace:0pt;
- mso-table-rspace:0pt;
- }
- .ReadMsgBody{
- width:100%;
- }
- .ExternalClass{
- width:100%;
- }
- p,a,li,td,blockquote{
- mso-line-height-rule:exactly;
- }
- a[href^=tel],a[href^=sms]{
- color:inherit;
- cursor:default;
- text-decoration:none;
- }
- p,a,li,td,body,table,blockquote{
- -ms-text-size-adjust:100%;
- -webkit-text-size-adjust:100%;
- }
- .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
- line-height:100%;
- }
- a[x-apple-data-detectors]{
- color:inherit !important;
- text-decoration:none !important;
- font-size:inherit !important;
- font-family:inherit !important;
- font-weight:inherit !important;
- line-height:inherit !important;
- }
- #bodyCell{
- padding:50px 50px;
- }
- .templateContainer{
- max-width:600px !important;
- border:0;
- }
- a.mcnButton{
- display:block;
- }
- .mcnTextContent{
- word-break:break-word;
- }
- .mcnTextContent img{
- height:auto !important;
- }
- .mcnDividerBlock{
- table-layout:fixed !important;
- }
- /***** Make theme edits below if needed *****/
- /* Page - Background Style */
- body,#bodyTable{
- background-color:<?php echo $background_color; ?>;
- }
- /* Page - Heading 1 */
- h1{
- color:#202020;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:26px;
- font-style:normal;
- font-weight:bold;
- line-height:125%;
- letter-spacing:normal;
- }
- /* Page - Heading 2 */
- h2{
- color:#202020;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:22px;
- font-style:normal;
- font-weight:bold;
- line-height:125%;
- letter-spacing:normal;
- }
- /* Page - Heading 3 */
- h3{
- color:#202020;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:20px;
- font-style:normal;
- font-weight:bold;
- line-height:125%;
- letter-spacing:normal;
- }
- /* Page - Heading 4 */
- h4{
- color:#202020;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:18px;
- font-style:normal;
- font-weight:bold;
- line-height:125%;
- letter-spacing:normal;
- }
- /* Header - Header Style */
- #templateHeader{
- border-top:0;
- border-bottom:0;
- padding-top:0;
- padding-bottom:20px;
- text-align: center;
- }
- /* Body - Body Style */
- #templateBody{
- background-color:#FFFFFF;
- border-top:0;
- border: 1px solid #c1c1c1;
- padding-top:0;
- padding-bottom:0px;
- }
- /* Body -Body Text */
- #templateBody .mcnTextContent,
- #templateBody .mcnTextContent p{
- color:#555555;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:14px;
- line-height:150%;
- }
- /* Body - Body Link */
- #templateBody .mcnTextContent a,
- #templateBody .mcnTextContent p a{
- color:#ff7f50;
- font-weight:normal;
- text-decoration:underline;
- }
- /* Footer - Footer Style */
- #templateFooter{
- background-color:<?php echo $background_color; ?>;
- border-top:0;
- border-bottom:0;
- padding-top:12px;
- padding-bottom:12px;
- }
- /* Footer - Footer Text */
- #templateFooter .mcnTextContent,
- #templateFooter .mcnTextContent p{
- color:#cccccc;
- font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
- font-size:12px;
- line-height:150%;
- text-align:center;
- }
- /* Footer - Footer Link */
- #templateFooter .mcnTextContent a,
- #templateFooter .mcnTextContent p a{
- color:#cccccc;
- font-weight:normal;
- text-decoration:underline;
- }
- @media only screen and (min-width:768px){
- .templateContainer{
- width:600px !important;
- }
- }
- @media only screen and (max-width: 480px){
- body,table,td,p,a,li,blockquote{
- -webkit-text-size-adjust:none !important;
- }
- }
- @media only screen and (max-width: 480px){
- body{
- width:100% !important;
- min-width:100% !important;
- }
- }
- @media only screen and (max-width: 680px){
- #bodyCell{
- padding:20px 20px !important;
- }
- }
- @media only screen and (max-width: 480px){
- .mcnTextContentContainer{
- max-width:100% !important;
- width:100% !important;
- }
- }
- </style>
- </head>
- <body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: <?php echo $background_color; ?>;">
- <!-- Don't forget to run final template through http://templates.mailchimp.com/resources/inline-css/ -->
- <center>
- <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 0;width: 100%;background-color: <?php echo $background_color; ?>;">
- <tr>
- <td align="center" valign="top" id="bodyCell" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: 100%;margin: 0;padding: 50px 50px;width: 100%;">
- <!-- BEGIN TEMPLATE // -->
- <!--[if gte mso 9]>
- <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
- <tr>
- <td align="center" valign="top" width="600" style="width:600px;">
- <![endif]-->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;max-width: 600px !important;">
- <?php
- if ( ! empty( $header_image ) ) {
- echo '<tr><td valign="top" align="center" id="templateHeader" style="padding-bottom:20px;text-align:center;">';
- echo '<img src="' . esc_url( $header_image ) . '" alt="' . esc_attr( get_bloginfo( 'name' ) ) . '" />';
- echo '</td></tr>';
- }
- ?>
- <tr>
- <td valign="top" id="templateBody" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FFFFFF;border-top: 0;border: 1px solid #c1c1c1;padding-top: 0;padding-bottom: 0px;">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <tbody class="mcnTextBlockOuter">
- <tr>
- <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
- <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnTextContentContainer">
- <tbody>
- <tr>
- <td valign="top" style="padding-top: 30px;padding-right: 30px;padding-bottom: 30px;padding-left: 30px;" class="mcnTextContent">
|