com.woltlab.wcf/templates/email_html.tpl

   1 <html>
   2         <head>
   3                 <style type="text/css">
   4                 html, body, h1, h2, h3 {
   5                         padding: 0;
   6                         margin: 0;
   7                 }
   8
   9                 body {
  10                         background-color: {$style->getVariable('wcfContentBackground', true)};
  11                         color: {$style->getVariable('wcfContentText', true)};
  12                 }
  13
  14                 body, body * {
  15                         font-family: {@$style->getVariable('wcfFontFamilyFallback', true)};
  16                         font-size: {$style->getVariable('wcfFontSizeDefault')};
  17                 }
  18
  19                 a {
  20                         color: {$style->getVariable('wcfContentLink', true)};
  21                         text-decoration: none;
  22                 }
  23
  24                 p, .paragraphMargin {
  25                         margin-top: 1em;
  26                         margin-bottom: 1em;
  27                 }
  28
  29                 td {
  30                         vertical-align: top;
  31                 }
  32
  33                 {* see email_paddingHelper.tpl *}
  34                 table.paddingHelper.block {
  35                         width: 100%;
  36                 }
  37
  38                 .content {
  39                         padding: 40px 40px 60px;
  40                 }
  41                 .header, .footer {
  42                         padding: 20px 40px;
  43                 }
  44                 .header {
  45                         background-color: {$style->getVariable('wcfHeaderBackground', true)};
  46                         color: {$style->getVariable('wcfHeaderText', true)};
  47                 }
  48                 .footer {
  49                         background-color: {$style->getVariable('wcfFooterBackground', true)};
  50                         color: {$style->getVariable('wcfFooterText', true)};
  51                 }
  52                 .footer a {
  53                         color: {$style->getVariable('wcfFooterLink', true)};
  54                 }
  55                 h1 {
  56                         font-weight: 300;
  57                         line-height: 1.05;
  58                         font-size: {$style->getVariable('wcfFontSizeTitle')};
  59                 }
  60                 h2 {
  61                         font-weight: 400;
  62                         line-height: 1.28;
  63                         color: {$style->getVariable('wcfContentHeadlineText')};
  64                         font-size: {$style->getVariable('wcfFontSizeSection')};
  65                 }
  66                 small {
  67                         font-size: {$style->getVariable('wcfFontSizeSmall')};
  68                         font-weight: 300;
  69                 }
  70
  71                 .largeMarginTop {
  72                         margin-top: 40px;
  73                 }
  74
  75                 {* Buttons *}
  76                 td.button {
  77                         background-color: {$style->getVariable('wcfButtonPrimaryBackground', true)};
  78                         border-radius: 2px;
  79                         padding: 6px 12px;
  80                 }
  81                 td.button a {
  82                         color: {$style->getVariable('wcfButtonPrimaryText', true)};
  83                 }
  84
  85                 .box128 {
  86                         border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
  87                         border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
  88                         padding: 20px;
  89                 }
  90
  91                 .box128 td.boxContent {
  92                         padding-left: 20px;
  93                 }
  94
  95                 .box64 {
  96                         border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
  97                         border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
  98                         padding: 15px;
  99                 }
 100
 101                 .box64 td.boxContent {
 102                         padding-left: 15px;
 103                 }
 104
 105                 .box48 {
 106                         border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
 107                         border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
 108                         padding: 12px;
 109                 }
 110
 111                 .box48 td.boxContent {
 112                         padding-left: 12px;
 113                 }
 114
 115                 .box32 {
 116                         border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
 117                         border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
 118                         padding: 10px;
 119                 }
 120
 121                 .box32 td.boxContent {
 122                         padding-left: 10px;
 123                 }
 124
 125                 .containerHeadline h3 {
 126                         margin: 0;
 127                         padding: 0;
 128                         font-weight: 400;
 129                         line-height: 1.28;
 130                         font-size: {$style->getVariable('wcfFontSizeHeadline')};
 131                 }
 132
 133                 .containerHeadline h3 a {
 134                         font-size: {$style->getVariable('wcfFontSizeHeadline')};
 135                 }
 136
 137                 .userAvatarImage {
 138                         background-color: #fff;
 139                         border-radius: 50%;
 140                 }
 141                 </style>
 142         </head>
 143         <body>
 144         {capture assign='header'}
 145         <h1>{@PAGE_TITLE|language}</h1>
 146         {/capture}
 147         {include file='email_paddingHelper' block=true class='header' content=$header sandbox=true}
 148
 149         {if $beforeContent|isset}{@$beforeContent}{/if}
 150
 151         {include file='email_paddingHelper' block=true class='content' content=$content sandbox=true}
 152
 153         {if $afterContent|isset}{@$afterContent}{/if}
 154
 155         {capture assign='footer'}
 156         {hascontent}
 157         <span style="font-size: 0;">-- <br></span>
 158         {content}
 159         {if MAIL_SIGNATURE_HTML|language}
 160         {@MAIL_SIGNATURE_HTML|language}
 161         {else}
 162         {@MAIL_SIGNATURE|language|newlineToBreak}
 163         {/if}
 164         {/content}{/hascontent}{/capture}
 165         {include file='email_paddingHelper' block=true class='footer' content=$footer sandbox=true}
 166
 167         <table>{* Do not remove: This table is needed by certain less able email clients to properly support background colors. Don't ask. *}</table>
 168         </body>
 169 </html>