The mail is presented like the folowing
.one-column .contents {
text-align: left;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
}
=20
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
max-width: 280px;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
=20
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.left-sidebar {
text-align: center;
font-size: 0;
}
.left-sidebar .column {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.left-sidebar .left {
max-width: 100px;
}
.left-sidebar .right {
max-width: 500px;
}
.left-sidebar .img {
width: 100%;
max-width: 80px;
height: auto;
}
.left-sidebar .contents {
font-size: 14px;
text-align: center;
}
.left-sidebar a {
color: #E10019;
}
.left-navigation {
text-align: center;
font-size: 0;
}
.left-navigation .column {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.left-navigation .left {
max-width: 200px;
}
.left-navigation .right {
max-width: 400px;
}
.left-navigation .img {
width: 100%;
max-width: 180px;
height: auto;
}
.left-navigation .contents {
font-size: 14px;
text-align: center;
}
.left-navigation a {
color: #E10019;
}
/* Left sidebar layout 280 */
.left-sidebar-280 {
text-align: center;
font-size: 0;
}
.left-sidebar-280 .column {
width: 100%;
display: inline-block;
vertical-align: top;
}
.left-sidebar-280 .left {
max-width: 300px;
}
.left-sidebar-280 .right {
max-width: 300px;
}
.left-sidebar-280 .img {
width: 100%;
max-width: 280px;
height: auto;
}
.left-sidebar-280 .contents {
font-size: 14px;
text-align: center;
}
.left-sidebar-280 a {
color: #E10019;
} =20
/* Right sidebar layout 280 */
.right-sidebar-280 {
text-align: center;
font-size: 0;
}
.right-sidebar-280 .column {
width: 100%;
display: inline-block;
vertical-align: top;
}
.right-sidebar-280 .left {
max-width: 100px;
}
.right-sidebar-280 .right {
max-width: 300px;
}
.right-sidebar-280 .img {
width: 100%;
max-width: 280px;
height: auto;
}
.right-sidebar-280 .contents {
font-size: 14px;
text-align: center;
}
.right-sidebar-280 a {
color: #E10019;
}=20
/*Media Queries*/
@media screen and (max-width: 400px) {
.two-column .column,
.three-column .column {
max-width: 100% !important;
}
.two-column img {
max-width: 100% !important;
}
.three-column img {
max-width: 50% !important;
}
.navigtion {
display: none !important;
}
}
@media screen and (min-width: 401px) and (max-width: 620px) {
.three-column .column {
max-width: 33% !important;
}
.two-column .column {
max-width: 50% !important;
}
}
</style>
</head>
<body style=3D"margin-top:0 !important;margin-bottom:0 !important;margin-ri=
ght:0 !important;margin-left:0 !important;padding-top:0;padding-bottom:0;pa=
dding-right:0;padding-left:0;background-color:#ffffff;" >
=20
=20
<center class="3D" style="3D">
=20
=20
=20
=20
=20
=20
=20
Se fram emot massor av inspiration til=
l de vackraste, personliga julklapparna
|
|
=20
=20
=20
</center>
<center class="3D" style="3D">
--[if (gte mso 9)|(IE)]>=20
<c=
enter class=3D"wrapper" style=3D"width: 100%; table-layout: fixed;">
--[if (gte mso 9)|(IE)]>=20
</d=
iv>
</center>=20
=20
|
|
The mail is presented like the folowing
.one-column .contents {
text-align: left;
}
.one-column p {
font-size: 14px;
Margin-bottom: 10px;
}
=20
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.contents {
width: 100%;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
.two-column img {
width: 100%;
max-width: 280px;
height: auto;
}
.two-column .text {
padding-top: 10px;
}
=20
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
.three-column img {
width: 100%;
max-width: 180px;
height: auto;
}
.three-column .text {
padding-top: 10px;
}
.left-sidebar {
text-align: center;
font-size: 0;
}
.left-sidebar .column {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.left-sidebar .left {
max-width: 100px;
}
.left-sidebar .right {
max-width: 500px;
}
.left-sidebar .img {
width: 100%;
max-width: 80px;
height: auto;
}
.left-sidebar .contents {
font-size: 14px;
text-align: center;
}
.left-sidebar a {
color: #E10019;
}
.left-navigation {
text-align: center;
font-size: 0;
}
.left-navigation .column {
width: 100%;
display: inline-block;
vertical-align: middle;
}
.left-navigation .left {
max-width: 200px;
}
.left-navigation .right {
max-width: 400px;
}
.left-navigation .img {
width: 100%;
max-width: 180px;
height: auto;
}
.left-navigation .contents {
font-size: 14px;
text-align: center;
}
.left-navigation a {
color: #E10019;
}
/* Left sidebar layout 280 */
.left-sidebar-280 {
text-align: center;
font-size: 0;
}
.left-sidebar-280 .column {
width: 100%;
display: inline-block;
vertical-align: top;
}
.left-sidebar-280 .left {
max-width: 300px;
}
.left-sidebar-280 .right {
max-width: 300px;
}
.left-sidebar-280 .img {
width: 100%;
max-width: 280px;
height: auto;
}
.left-sidebar-280 .contents {
font-size: 14px;
text-align: center;
}
.left-sidebar-280 a {
color: #E10019;
} =20
/* Right sidebar layout 280 */
.right-sidebar-280 {
text-align: center;
font-size: 0;
}
.right-sidebar-280 .column {
width: 100%;
display: inline-block;
vertical-align: top;
}
.right-sidebar-280 .left {
max-width: 100px;
}
.right-sidebar-280 .right {
max-width: 300px;
}
.right-sidebar-280 .img {
width: 100%;
max-width: 280px;
height: auto;
}
.right-sidebar-280 .contents {
font-size: 14px;
text-align: center;
}
.right-sidebar-280 a {
color: #E10019;
}=20
/*Media Queries*/
@media screen and (max-width: 400px) {
.two-column .column,
.three-column .column {
max-width: 100% !important;
}
.two-column img {
max-width: 100% !important;
}
.three-column img {
max-width: 50% !important;
}
.navigtion {
display: none !important;
}
}
@media screen and (min-width: 401px) and (max-width: 620px) {
.three-column .column {
max-width: 33% !important;
}
.two-column .column {
max-width: 50% !important;
}
}
</style>
</head>
<body style=3D"margin-top:0 !important;margin-bottom:0 !important;margin-ri=
ght:0 !important;margin-left:0 !important;padding-top:0;padding-bottom:0;pa=
dding-right:0;padding-left:0;background-color:#ffffff;" >
<!-- Start of content -->=20
<!-- Start of Wrapper --> =20
<center class=3D"wrapper" style=3D"width:100%;table-layout:fixed;-webki=
t-text-size-adjust:100%;-ms-text-size-adjust:100%;" >
<!-- Start of webkit --> =20
<div class=3D"webkit" style=3D"max-width:600px;margin-top:0;margin-=
bottom:0;margin-right:auto;margin-left:auto;" >
=20
<!-- Start of Wrapper -->=20
<!--[if (gte mso 9)|(IE)]>
<table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family=
:sans-serif;color:#333333;" >
<tr>
<td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;=
" >
<![endif]-->
<!-- Start of outer table -->=20
<table class=3D"outer" align=3D"center" style=3D"border-spacing:0;font-fami=
ly:sans-serif;color:#333333;Margin:0 auto;width:100%;max-width:600px;" >
<!-- Start of content -->=20
<!-- Start of preheader -->
<tr>
<td >
<table width=3D"100%" style=3D"border-spacing:0;font-family:sans-se=
rif;color:#ffffff;" >
<tr>
<td >
<p style=3D"Margin:0;font-family:Helvetica, arial, sans=
-serif;font-size:1px;color:#ffffff" >Se fram emot massor av inspiration til=
l de vackraste, personliga julklapparna</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- End of preheader --> =20
<!-- End of content -->=20
</table>
<!-- End of outer table -->=20
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
=20
</div>
<!-- End of webkit -->=20
</center>
<!-- End of Wrapper --> <!-- Start of Wrapper --> <center class=3D"wra=
pper" style=3D"width: 100%; table-layout: fixed;"> <!-- Start of webkit -->
<div class=3D"webkit" style=3D"max-width: 600px; margin-top: 0; margin-bott=
om: 0; margin-right: auto; margin-left: auto;"><!-- Start of Wrapper --> <!=
--[if (gte mso 9)|(IE)]>=20
<table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family=
:sans-serif;color:#333333;" _mce_style=3D"border-spacing: 0; font-family: s=
ans-serif; color: #333333;" >
<tr>
<td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;=
" _mce_style=3D"padding: 0;" ><![endif]--> <!-- Start of outer table --> <c=
enter class=3D"wrapper" style=3D"width: 100%; table-layout: fixed;"> <!-- S=
tart of webkit -->
<div class=3D"webkit" style=3D"max-width: 600px; margin-top: 0; margin-bott=
om: 0; margin-right: auto; margin-left: auto;"><!-- Start of Wrapper --> <!=
--[if (gte mso 9)|(IE)]>=20
<table width=3D"600" align=3D"center" style=3D"border-spacing:0;font-family=
:sans-serif;color:#333333;" _mce_style=3D"border-spacing: 0; font-family: s=
ans-serif; color: #333333;" >
<tr>
<td style=3D"padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;=
" _mce_style=3D"padding: 0;" ><![endif]--> <!-- Start of outer table --></d=
iv>
</center>=20
<table class=3D"outer" style=3D"border-spacing: 0; font-family: sans-serif;=
color: #333333; margin: 0 auto; width: 100%; max-width: 600px;" align=3D"c=
enter">
<!-- Start of content --> <!-- Start of Wrapper -->
</table>
<table class=3D"outer" style=3D"border-spacing: 0; font-family: sans-serif;=
color: #333333; margin: 0 auto; width: 100%; max-width: 600px;" align=3D"c=
enter">
<!-- Start of content --> <!-- Start of one column text -->=20
<tbody>
<tr>
<td style=3D"padding: 0;" class=3D"one-column">
<table style=3D"border-spacing: 0; font-family: sans-serif; color: #333333;=
" width=3D"100%">
<tbody>
<tr>
<td style=3D"width: 100%; text-align: center; padding: 10px;" class=3D"inne=
r contents"><a href=3D"http://f883.elaine-asp.de/go/v8vyluu4tdyqe4j45vlasoo=