Motsvarade k=C3=B6pet dina f=C3=B6rv=C3=A4ntningar?
/* Client-specific styles */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a ”view in browser” message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
img {
max-width: 100%;
height: auto;
border: 0;
outline: none;
line-height: 100%;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
/* Image borders & formatting, allow smoother rendering of resized ima=
ge in Internet Explorer */
a img {
border: none;
}
a[href^=3Dtel],
.mobile_link,
.mobile_link a {
text-decoration: none;
}
/* Styles the tel URL scheme */
.applelinks a {
color: #222;
text-decoration: none;
}
/* Re-style iPhone automatic links (eg. phone numbers) */
.yshortcuts a {
border-bottom: none;
}
/* Styles Yahoo’s auto-sensing link color and border */
.ExternalClass img[class^=3DEmoji] {
display: inline;
width: 10px;
height: 10px;
}
/* Hotmail symbol fix for mobile devices */
body,
table,
td,
p,
a,
li,
blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* Prevent WebKit and Windows mobile changing default text sizes */
table,
td {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
/* Resolves the Outlook 2007, 2010, and Gmail td padding issue, and r=
emoves spacing around tables that Outlook adds. */
table {
border-spacing: 0;
border-collapse: collapse;
}
/* Resolves webkit padding issue. */
.thread-item.expanded .thread-body .body,
.msg-body {
display: block;
width: 100%;
}
/* Forces Yahoo! to display emails at full width */
/* Reset styles */
body {
margin: 0;
padding: 0;
}
body,
#bodyTable,
#bodyCell {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* Custom styles */
h1 {
display: block;
margin: 0;
padding: 0;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 40px;
}
h2 {
display: block;
margin: 0;
padding: 0;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 36px;
}
p {
margin: 10px 0 0;
padding: 0;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 20px;
text-align: left;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
#bodyTable {
width: 100%;
}
.emailLogo img {
max-width: 200px;
}
@media (max-width: 480px) {
h1 {
font-size: 18px;
line-height: 24px;
}
h2 {
padding-top: 17px;
font-size: 16px;
line-height: 22px;
text-align: left;
}
h3 {
font-size: 14px;
line-height: 24px;
}
p {
font-size: 12px;
line-height: 20px;
}
.emailTile {
padding-right: 20px;
padding-left: 20px;
}
.emailTile td {
font-size: 12px;
line-height: 20px;
}
.emailLogo {
vertical-align: top;
}
.emailLogo img {
max-width: 160px;
}
.emailAdmin .emailTitle td {
padding-top: 5px;
vertical-align: middle;
}
.emailTile .emailHeaderNote {
display: block;
padding-right: 10px;
padding-bottom: 10px;
line-height: 16px;
}
.emailBody {
padding-top: 11px;
}
.emailHeader td {
padding-top: 3px;
vertical-align: top;
}
.emailLogoText {
width: 100px;
height: auto;
}
.emailLogoText td {
padding: 5px;
font-size: 11px;
line-height: 18px;
vertical-align: middle;
}
.emailProductContainer {
padding-right: 0;
padding-left: 0;
}
td[class=3D”emailProduct”] table {
width: 100%;
}
.emailProductImage {
width: 100px;
padding-left: 0;
}
.emailProductContainer .emailProductImage {
padding-left: 10px;
}
.emailProductContainer .emailProductImageNoPadding {
padding-left: 0;
}
.emailProductImage img {
min-width: 50px;
max-width: 100px;
}
.emailProductContainer .emailProductDesc {
width: 70%;
padding-right: 10px;
padding-left: 10px;
}
.emailProductDesc td {
padding-top: 0;
}
.emailProductContainer .emailProductName {
line-height: 16px;
}
.emailProductTotal {
width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.emailProductTotal table {
width: 100%;
}
.emailProductTotal table td {
padding-right: 0;
padding-left: 0;
}
.emailOrderStatus {
display: block;
font-size: 14px;
}
.emailHeader .emailOrderTotal,
.emailHeader .emailOrderDate {
font-size: 14px;
}
.emailShippingInfo,
.emailBillingInfo {
display: block;
width: 100%;
padding-top: 13px;
padding-right: 0;
padding-left: 0;
}
.emailBodyBottom {
padding-top: 17px;
padding-bottom: 0;
}
.emailStoreAddress {
padding-right: 0;
padding-left: 0;
}
.emailStoreAddress p {
font-size: 10px;
}
.emailOrderInfo {
padding-top: 15px;
}
.emailOrderInfo table td {
font-size: 14px;
line-height: 20px;
}
.emailOrderInfo tr:first-child td {
padding-top: 18px;
}
.emailOrderInfo tr:last-child td {
padding-bottom: 25px;
}
.emailWelcome .emailLogo {
padding-bottom: 10px;
}
.emailTile .emailButtonLink {
font-size: 11px;
line-height: 18px;
}
.emailTile .emailProductButton {
padding-top: 20px;
}
.emailProductContainer.emailProductLowStock {
padding-top: 0;
}
.emailCustomerNote {
padding-top: 10px;
}
}
@media (min-width: 560px) {
.column-left {
text-align: right;
padding-right: 10px;
}
.column-right {
text-align: left;
padding-left: 10px;
}
}
@media (max-width: 500px) {
.table-col-2 .table-col-2__cell {
display: block;
width: 100%;
}
.mobile-hidden {
display: none;
}
.emailContainer {
min-width: 100%;
}
.html-template .mobile-paddings {
padding-right: 20px;
padding-left: 20px;
}
u ~ div .html-template .mobile-paddings {
padding-left: 0;
}
u ~ div .emailContainer {
min-width: 100vw;
}
.full-width-mobile {
width: 100%;
}
}
.has-link a {
color: #1155cc;
text-decoration: none;
}
.mso-hide {
mso-hide: all;
}
.welcome-page__block {
display: none;
}
.welcome-page__state