Cachet/resources/views/partials/email-css.blade.php
2015-07-14 13:59:15 +01:00

144 lines
2.9 KiB
PHP

<style type="text/css">
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body,
p,
img,
table,
td,
#body {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
img {
height: auto;
width: auto;
line-height: 100%;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
table,
td {
border-collapse: collapse;
border-spacing: 0;
}
td,
p {
-webkit-text-size-adjust: none;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
p {
margin-bottom: 24px;
}
a {
color: #6DB81C;
}
body,
#body,
.body-cell {
height: 100%;
width: 100%;
}
.body-cell {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 16px;
padding-right: 16px;
}
.box {
width: 544px;
margin-left: auto;
margin-right: auto;
}
.header,
.body {
width: 512px;
}
.body {
padding-top: 16px;
padding-bottom: 0;
padding-left: 16px;
padding-right: 16px;
}
.header {
padding: 16px;
}
.header-logo {
text-align: left;
vertical-align: top;
}
.footer {
text-align: center;
font-size: 12px;
line-height: 21px;
padding-top: 14px;
width: 544px;
}
.body p {
font-size: 14px;
line-height: 22px;
text-align: left;
}
.body {
color: #727272;
}
.footer {
color: #727272;
}
.header {
background-color: #ffffff;
}
.body {
background-color: #ffffff;
}
body,
#body,
.body-cell {
background-color: #ebebeb;
}
@media only screen and (max-width: 600px) {
td[class=body-cell] {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media only screen and (max-width: 560px) {
td[class=body-cell] {
padding: 8px !important;
}
table[id=body],
td[class=body-cell],
table[class=box],
td[class~=body] {
display: block !important;
width: auto !important;
}
td[class~=body] {
overflow: hidden !important;
}
td[class~=body] p {
font-size: 16px !important;
line-height: 24px !important;
}
td[class~=body] p {
margin-bottom: 18px;
}
td[class~=body] {
padding-top: 16px !important;
}
}
</style>