[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / email_html.tpl

<html>
	<head>
		<style type="text/css">
		* {
			font-family: {@$style->getVariable('wcfFontFamilyFallback', true)};
			font-size: {$style->getVariable('wcfFontSizeDefault')};
		}
		
		html, body, h1, h2, h3 {
			padding: 0;
			margin: 0;
		}
		
		body {
			background-color: {$style->getVariable('wcfContentBackground', true)};
			color: {$style->getVariable('wcfContentText', true)};
		}
		
		a {
			color: {$style->getVariable('wcfContentLink', true)};
			text-decoration: none;
		}
		
		p, .paragraphMargin {
			margin-top: 1em;
			margin-bottom: 1em;
		}
		
		td {
			vertical-align: top;
		}
		
		{* see email_paddingHelper.tpl *}
		table.paddingHelper.block {
			width: 100%;
		}
		
		.content {
			padding: 40px 40px 60px;
		}
		.header, .footer {
			padding: 20px 40px;
		}
		.header {
			background-color: {$style->getVariable('wcfHeaderBackground', true)};
			color: {$style->getVariable('wcfHeaderText', true)};
		}
		.footer {
			background-color: {$style->getVariable('wcfFooterBackground', true)};
			color: {$style->getVariable('wcfFooterText', true)};
		}
		.footer a {
			color: {$style->getVariable('wcfFooterLink', true)};
		}
		h1 {
			font-weight: 300;
			line-height: 1.05;
			font-size: {$style->getVariable('wcfFontSizeTitle')};
		}
		h2 {
			font-weight: 400;
			line-height: 1.28;
			color: {$style->getVariable('wcfContentHeadlineText')};
			font-size: {$style->getVariable('wcfFontSizeSection')};
		}
		small {
			font-size: {$style->getVariable('wcfFontSizeSmall')};
			font-weight: 300;
		}
		
		.largeMarginTop {
			margin-top: 40px;
		}
		
		{* Buttons *}
		td.button {
			background-color: {$style->getVariable('wcfButtonPrimaryBackground', true)};
			border-radius: 2px;
			padding: 6px 12px;
		}
		td.button a {
			color: {$style->getVariable('wcfButtonPrimaryText', true)};
		}
		
		.box128 {
			border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
			border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
			padding: 20px;
		}
		
		.box128 td.boxContent {
			padding-left: 20px;
		}
		
		.box64 {
			border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
			border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
			padding: 15px;
		}
		
		.box64 td.boxContent {
			padding-left: 15px;
		}
		
		.box48 {
			border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
			border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
			padding: 12px;
		}
		
		.box48 td.boxContent {
			padding-left: 12px;
		}
		
		.box32 {
			border-top: 1px solid {$style->getVariable('wcfContentBorder', true)};
			border-bottom: 1px solid {$style->getVariable('wcfContentBorder', true)};
			padding: 10px;
		}
		
		.box32 td.boxContent {
			padding-left: 10px;
		}
		
		.containerHeadline h3 {
			margin: 0;
			padding: 0;
			font-weight: 400;
			line-height: 1.28;
			font-size: {$style->getVariable('wcfFontSizeHeadline')};
		}

		.containerHeadline h3 a {
			font-size: {$style->getVariable('wcfFontSizeHeadline')};
		}
		</style>
	</head>
	<body>
	{capture assign='header'}
	<h1>{@PAGE_TITLE|language}</h1>
	{/capture}
	{include file='email_paddingHelper' block=true class='header' content=$header sandbox=true}
	
	{if $beforeContent|isset}{@$beforeContent}{/if}
	
	{include file='email_paddingHelper' block=true class='content' content=$content sandbox=true}
	
	{if $afterContent|isset}{@$afterContent}{/if}
	
	{capture assign='footer'}
	{hascontent}
	<span style="font-size: 0;">-- <br></span>
	{content}
	{@MAIL_SIGNATURE|language|newlineToBreak}
	{/content}
	{/hascontent}
	{/capture}
	{include file='email_paddingHelper' block=true class='footer' content=$footer sandbox=true}
	
	<table>{* Do not remove: This table is needed by certain less able email clients to properly support background colors. Don't ask. *}</table>
	</body>
</html>
Commit	Line	Data
4f0caad2	1	<html>
d5ce28e2 TD	2	<head>
d5ce28e2 TD	3	<style type="text/css">
c8855bb4 TD	4	* {
c8855bb4 TD	5	font-family: {@$style->getVariable('wcfFontFamilyFallback', true)};
219eb1ae	6	font-size: {$style->getVariable('wcfFontSizeDefault')};
c8855bb4	7	}
1ad7bb72 TD	8
1ad7bb72 TD	9	html, body, h1, h2, h3 {
d5ce28e2 TD	10	padding: 0;
d5ce28e2 TD	11	margin: 0;
d5ce28e2	12	}
1ad7bb72	13
d5ce28e2	14	body {
d5ce28e2	15	background-color: {$style->getVariable('wcfContentBackground', true)};
c9f5f17c	16	color: {$style->getVariable('wcfContentText', true)};
d5ce28e2	17	}
c8855bb4 TD	18
	19	a {
	20	color: {$style->getVariable('wcfContentLink', true)};
	21	text-decoration: none;
	22	}
	23
713d7042 TD	24	p, .paragraphMargin {
	25	margin-top: 1em;
	26	margin-bottom: 1em;
	27	}
	28
3c5d2b85 TD	29	td {
	30	vertical-align: top;
	31	}
	32
c8855bb4 TD	33	{* see email_paddingHelper.tpl *}
	34	table.paddingHelper.block {
	35	width: 100%;
	36	}
	37
d5ce28e2	38	.content {
885243e1 TD	39	padding: 40px 40px 60px;
885243e1 TD	40	}
219eb1ae TD	41	.header, .footer {
	42	padding: 20px 40px;
	43	}
885243e1 TD	44	.header {
	45	background-color: {$style->getVariable('wcfHeaderBackground', true)};
	46	color: {$style->getVariable('wcfHeaderText', true)};
d5ce28e2 TD	47	}
	48	.footer {
	49	background-color: {$style->getVariable('wcfFooterBackground', true)};
	50	color: {$style->getVariable('wcfFooterText', true)};
d5ce28e2	51	}
69390fbb	52	.footer a {
c9f5f17c	53	color: {$style->getVariable('wcfFooterLink', true)};
69390fbb	54	}
d5ce28e2 TD	55	h1 {
	56	font-weight: 300;
	57	line-height: 1.05;
	58	font-size: {$style->getVariable('wcfFontSizeTitle')};
219eb1ae TD	59	}
	60	h2 {
	61	font-weight: 400;
	62	line-height: 1.28;
d5ce28e2	63	color: {$style->getVariable('wcfContentHeadlineText')};
219eb1ae	64	font-size: {$style->getVariable('wcfFontSizeSection')};
d5ce28e2	65	}
852a7f7f TD	66	small {
	67	font-size: {$style->getVariable('wcfFontSizeSmall')};
	68	font-weight: 300;
	69	}
c8855bb4	70
b16a5be6 TD	71	.largeMarginTop {
	72	margin-top: 40px;
	73	}
	74
c8855bb4 TD	75	{* Buttons *}
c8855bb4 TD	76	td.button {
d5ce28e2	77	background-color: {$style->getVariable('wcfButtonPrimaryBackground', true)};
d5ce28e2 TD	78	border-radius: 2px;
	79	padding: 6px 12px;
	80	}
c8855bb4 TD	81	td.button a {
	82	color: {$style->getVariable('wcfButtonPrimaryText', true)};
	83	}
3c5d2b85 TD	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
852a7f7f TD	91	.box128 td.boxContent {
	92	padding-left: 20px;
	93	}
	94
b16a5be6 TD	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
541bbe3a TD	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
3c5d2b85 TD	125	.containerHeadline h3 {
	126	margin: 0;
	127	padding: 0;
852a7f7f	128	font-weight: 400;
1ad7bb72 TD	129	line-height: 1.28;
	130	font-size: {$style->getVariable('wcfFontSizeHeadline')};
	131	}
	132
	133	.containerHeadline h3 a {
	134	font-size: {$style->getVariable('wcfFontSizeHeadline')};
3c5d2b85	135	}
d5ce28e2 TD	136	</style>
d5ce28e2 TD	137	</head>
4f0caad2	138	<body>
885243e1	139	{capture assign='header'}
219eb1ae	140	<h1>{@PAGE_TITLE\|language}</h1>
885243e1 TD	141	{/capture}
	142	{include file='email_paddingHelper' block=true class='header' content=$header sandbox=true}
	143
69fa057b	144	{if $beforeContent\|isset}{@$beforeContent}{/if}
885243e1 TD	145
	146	{include file='email_paddingHelper' block=true class='content' content=$content sandbox=true}
	147
69fa057b	148	{if $afterContent\|isset}{@$afterContent}{/if}
885243e1	149
c8855bb4	150	{capture assign='footer'}
4f0caad2	151	{hascontent}
71a2177b	152	<span style="font-size: 0;">-- <br></span>
4f0caad2	153	{content}
44db0537	154	{@MAIL_SIGNATURE\|language\|newlineToBreak}
4f0caad2	155	{/content}
4f0caad2	156	{/hascontent}
c8855bb4 TD	157	{/capture}
c8855bb4 TD	158	{include file='email_paddingHelper' block=true class='footer' content=$footer sandbox=true}
4f0caad2 TD	159
	160	<table>{* Do not remove: This table is needed by certain less able email clients to properly support background colors. Don't ask. *}</table>
	161	</body>
	162	</html>