150 lines
3.8 KiB
HTML
150 lines
3.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
|
|
<title>Message from {shop_name}</title>
|
|
|
|
|
|
<style> @media only screen and (max-width: 300px) {
|
|
body {
|
|
width: 218px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.table {
|
|
width: 195px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer {
|
|
width: auto !important;
|
|
display: block !important;
|
|
}
|
|
|
|
span.title {
|
|
font-size: 20px !important;
|
|
line-height: 23px !important
|
|
}
|
|
|
|
span.subtitle {
|
|
font-size: 14px !important;
|
|
line-height: 18px !important;
|
|
padding-top: 10px !important;
|
|
display: block !important;
|
|
}
|
|
|
|
td.box p {
|
|
font-size: 12px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
display: block !important;
|
|
}
|
|
|
|
.table-recap {
|
|
width: 200px !important;
|
|
}
|
|
|
|
.table-recap tr td, .conf_body td {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.address {
|
|
display: block !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.space_address {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width: 301px) and (max-width: 500px) {
|
|
body {
|
|
width: 308px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.table {
|
|
width: 285px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer {
|
|
width: auto !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr {
|
|
display: block !important;
|
|
}
|
|
|
|
.table-recap {
|
|
width: 295px !important;
|
|
}
|
|
|
|
.table-recap tr td, .conf_body td {
|
|
text-align: center !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 501px) and (max-width: 768px) {
|
|
body {
|
|
width: 478px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.table {
|
|
width: 450px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer {
|
|
width: auto !important;
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-device-width: 480px) {
|
|
body {
|
|
width: 308px !important;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.table {
|
|
width: 285px;
|
|
margin: auto !important;
|
|
}
|
|
|
|
.logo, .titleblock, .linkbelow, .box, .footer, .space_footer {
|
|
width: auto !important;
|
|
display: block !important;
|
|
}
|
|
|
|
.table-recap {
|
|
width: 295px !important;
|
|
}
|
|
|
|
.table-recap tr td, .conf_body td {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.address {
|
|
display: block !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.space_address {
|
|
display: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
|
|
{message_content}
|
|
</body>
|
|
</html> |