Emailtemplate BASE TEMPLATE

Aus Technische Infos - info.noris.net
Wechseln zu: Navigation, Suche

/* Copy this page into a file called emailtemplate_BASE_TEMPLATE.html */

/* and copy it to ../whitelabel/emailtemplates/emailtemplate_BASE_TEMPLATE.html */


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

        <title>Storgrid</title>
        <style type="text/css">
            #outlook a {
                padding: 0;
            }
            .ReadMsgBody {
                width: 100%;
            }
            .ExternalClass {
                width: 100%;
            }
            body {
                width: 100% !important;
                -webkit-text-size-adjust: none;
                margin: 0;
                padding: 0;
            }  
            img {
                border: 0;
                height: auto;
                line-height: 100%;
                outline: none;
                text-decoration: none;
            }
            .preheaderContent div a:link,
            .preheaderContent div a:visited,
            /* Yahoo! Mail Override */
            .preheaderContent div a .yshortcuts
            /* Yahoo! Mail Override */
            {
                color: #ca4f18;
                font-weight: normal;
                text-decoration: underline;
            }
            .headerContent a:link,
            .headerContent a:visited,
            /* Yahoo! Mail Override */
            .headerContent a .yshortcuts
            /* Yahoo! Mail Override */
            {
                color: #ca4f18;
                font-weight: normal;
                text-decoration: underline;
            }
            .bodyContent div a:link,
            .bodyContent div a:visited,
            /* Yahoo! Mail Override */
            .bodyContent div a .yshortcuts
            /* Yahoo! Mail Override */
            {
                color: #ca4f18;
                font-weight: normal;
                text-decoration: underline;
            }
            .footerContent div a:link,
            .footerContent div a:visited,
            /* Yahoo! Mail Override */
            .footerContent div a .yshortcuts
            /* Yahoo! Mail Override */
            {
                color: #ca4f18;
                font-weight: normal;
                text-decoration: underline;
            }
            .bodyContent div a.button:link,
            .bodyContent div a.button:visited,
            .bodyContent div a.button,
            .button {padding:0.75em 2em; background:#ca4f18; color:#ffffff; margin-top:4px; text-decoration:none; font-weight:bold;}
            /* Gmail strip classes. Used attribute instead */
            div *[lang~="x-button"] {padding:0.75em 2em; background:#ca4f18; color:#ffffff; margin-top:4px; text-decoration:none; font-weight:bold;}
            /* Lotus Notes strip CSS by default, this can be resisted by placing each rule within standard HTML comments:*/
            <!--.button {padding:0.75em 2em; background:#ca4f18; color:#ffffff; margin-top:4px; text-decoration:none; font-weight:bold;}-->
        </style>
    </head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="-webkit-text-size-adjust: none;margin: 0;padding: 0;background-color: #f7f6f5;width: 100% !important;">
        <center>
            <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable" style="margin: 0;padding: 0;background-color: #f7f6f5;height: 100% !important;width: 100% !important;">
                <tr>
                    <td align="center" valign="top" style="border-collapse: collapse;">
                        <!-- // Begin Template Preheader \\ -->
                        <br />
                        <table border="0" cellpadding="0" cellspacing="0" width="642" id="templatePreheader" style="min-width:642px !important;width:642px !important;background-color: #ca4f18; border-width:1px;border-color:#ca4f18; border-style:solid;">
                            <tr>
                                <td valign="top" class="preheaderContent" height="80" style="text-align: left;border-collapse: collapse;">
                                    <!-- // Begin Module: Standard Preheader \ -->
                                    <img src="REPLACE_LOGO_LINK" width="640" height="80" alt="Storgrid logo" style="border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;"/>
                                    <!-- // End Module: Standard Preheader \ -->
                                </td>
                            </tr>
                        </table>
                        <!-- // End Template Preheader \\ -->
                        <table border="0" cellpadding="0" cellspacing="0" width="640" id="templateContainer" style="background-color: #FFFFFF; border-width:1px;border-top: 0;border-color:#d0d0d0; border-style:solid;">
                            <tr>
                                <td align="center" valign="top" style="border-collapse: collapse;">
                                    <!-- // Begin Template Body \\ -->
                                    <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
                                        <tr>
                                            <td valign="top" class="bodyContent" style="border-collapse: collapse;background-color: #FFFFFF;">
                                                <!-- // Begin Standard Content \\ -->
                                                <table border="0" cellpadding="20" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td valign="top" style="border-collapse: collapse;">
                                                            <div style="color: #505050;font-family: Arial;font-size: 14px;line-height: 150%;text-align: left;">
                                                                <!-- // Begin Email Content \\ -->REPLACE_EMAIL_CONTENT<!-- // End Email Content \\ -->
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <!-- // End Standard Content \\ -->
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // End Template Body \\ -->
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="top" style="border-collapse: collapse;">
                                    <!-- // Begin Template Footer \\ -->
                                    <table border="0" cellpadding="10" cellspacing="0" width="640" id="templateFooter" style="min-width:640px !important;width:640px !important;background-color: #d0d0d0;border-top-color:#bbbbbb; border-top-width:1px; border-top-style:solid;">
                                        <tr>
                                            <td valign="top" class="footerContent" style="border-collapse: collapse; text-align:center;">
                                                <!-- // Begin Module: Standard Footer \\ -->
                                                <div style="color: #999999;font-family: Arial;font-size: 12px;line-height: 125%;"><a href="http://www.storgrid.com" style="color: #999999;">Storgrid</a> is a trademark of Byelex Data Solutions BV.  CoC 63036509 Oud Gastel, The Netherlands </div>
                                                <!-- // End Module: Standard Footer \\ -->
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // End Template Footer \\ -->
                                </td>
                            </tr>
                        </table>
                        <br/>
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>