mirror of
https://github.com/mattermost/mattermost.git
synced 2025-02-25 18:55:24 -06:00
building email templates
This commit is contained in:
Tom De Moor
parent
e9a7df145e
commit
6aa419df3b
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,21 +64,31 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-33-333333333333336 {
|
||||
width: 33.333333333333336% !important;
|
||||
max-width: 33.333333333333336%;
|
||||
.mj-column-per-33-333333333333336
|
||||
{
|
||||
width:33.333333333333336%
|
||||
!important;
|
||||
max-width:
|
||||
33.333333333333336%;
|
||||
}
|
||||
|
||||
.mj-column-per-90 {
|
||||
width: 90% !important;
|
||||
max-width: 90%;
|
||||
.mj-column-per-90
|
||||
{
|
||||
width:90%
|
||||
!important;
|
||||
max-width:
|
||||
90%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -100,264 +110,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -64,16 +64,24 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
|
||||
.mj-column-per-50 {
|
||||
width: 50% !important;
|
||||
max-width: 50%;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:50%
|
||||
!important;
|
||||
max-width:
|
||||
50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -90,264 +98,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -64,11 +64,17 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,700);
|
||||
</style>
|
||||
<!--<![endif]-->
|
||||
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-100 {
|
||||
width: 100% !important;
|
||||
max-width: 100%;
|
||||
.mj-column-per-100
|
||||
{
|
||||
width:100%
|
||||
!important;
|
||||
max-width:
|
||||
100%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -80,264 +86,586 @@
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@media only screen and (max-width:480px) {
|
||||
table.mj-full-width-mobile {
|
||||
width: 100% !important;
|
||||
table.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
|
||||
td.mj-full-width-mobile {
|
||||
width: auto !important;
|
||||
td.mj-full-width-mobile
|
||||
{
|
||||
width:
|
||||
auto
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
||||
|
||||
.emailBody {
|
||||
background-color: #F3F3F3
|
||||
background-color:
|
||||
#F3F3F3
|
||||
}
|
||||
|
||||
.emailBody a {
|
||||
text-decoration: none !important;
|
||||
color: #1C58D9;
|
||||
.emailBody
|
||||
a {
|
||||
text-decoration:
|
||||
none
|
||||
!important;
|
||||
color:
|
||||
#1C58D9;
|
||||
}
|
||||
|
||||
.title div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 28px !important;
|
||||
line-height: 36px !important;
|
||||
letter-spacing: -0.01em !important;
|
||||
color: #3F4350 !important;
|
||||
font-family: Open Sans, sans-serif !important;
|
||||
.title
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
28px
|
||||
!important;
|
||||
line-height:
|
||||
36px
|
||||
!important;
|
||||
letter-spacing:
|
||||
-0.01em
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle div {
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: rgba(63, 67, 80, 0.64) !important;
|
||||
.subTitle
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64)
|
||||
!important;
|
||||
}
|
||||
|
||||
.subTitle a {
|
||||
color: rgb(28, 88, 217) !important;
|
||||
.subTitle
|
||||
a
|
||||
{
|
||||
color:
|
||||
rgb(28,
|
||||
88,
|
||||
217)
|
||||
!important;
|
||||
}
|
||||
|
||||
.button a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.button-cloud a {
|
||||
background-color: #1C58D9 !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 18px !important;
|
||||
color: #FFFFFF !important;
|
||||
padding: 15px 24px !important;
|
||||
.button-cloud
|
||||
a
|
||||
{
|
||||
background-color:
|
||||
#1C58D9
|
||||
!important;
|
||||
font-weight:
|
||||
400
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
18px
|
||||
!important;
|
||||
color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
padding:
|
||||
15px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #FFFFFF !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 12px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.messageButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#FFFFFF
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
12px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.info div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 40px 0px !important;
|
||||
.info
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerTitle div {
|
||||
font-weight: 600 !important;
|
||||
font-size: 16px !important;
|
||||
line-height: 24px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
.footerTitle
|
||||
div
|
||||
{
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
16px
|
||||
!important;
|
||||
line-height:
|
||||
24px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px 48px 0px 48px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
48px
|
||||
0px
|
||||
48px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo a {
|
||||
color: #1C58D9 !important;
|
||||
.footerInfo
|
||||
a
|
||||
{
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
}
|
||||
|
||||
.appDownloadButton a {
|
||||
background-color: #FFFFFF !important;
|
||||
border: 1px solid #1C58D9 !important;
|
||||
box-sizing: border-box !important;
|
||||
color: #1C58D9 !important;
|
||||
padding: 13px 20px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 14px !important;
|
||||
.appDownloadButton
|
||||
a {
|
||||
background-color:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
#1C58D9
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
color:
|
||||
#1C58D9
|
||||
!important;
|
||||
padding:
|
||||
13px
|
||||
20px
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
14px
|
||||
!important;
|
||||
}
|
||||
|
||||
.emailFooter div {
|
||||
font-size: 12px !important;
|
||||
line-height: 16px !important;
|
||||
color: rgba(63, 67, 80, 0.56) !important;
|
||||
padding: 8px 24px 8px 24px !important;
|
||||
.emailFooter
|
||||
div
|
||||
{
|
||||
font-size:
|
||||
12px
|
||||
!important;
|
||||
line-height:
|
||||
16px
|
||||
!important;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56)
|
||||
!important;
|
||||
padding:
|
||||
8px
|
||||
24px
|
||||
8px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 24px 40px 24px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
24px
|
||||
40px
|
||||
24px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
background: #FFFFFF !important;
|
||||
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
||||
box-sizing: border-box !important;
|
||||
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
||||
border-radius: 4px !important;
|
||||
padding: 32px !important;
|
||||
.messageCard
|
||||
{
|
||||
background:
|
||||
#FFFFFF
|
||||
!important;
|
||||
border:
|
||||
1px
|
||||
solid
|
||||
rgba(61,
|
||||
60,
|
||||
64,
|
||||
0.08)
|
||||
!important;
|
||||
box-sizing:
|
||||
border-box
|
||||
!important;
|
||||
box-shadow:
|
||||
0px
|
||||
8px
|
||||
24px
|
||||
rgba(0,
|
||||
0,
|
||||
0,
|
||||
0.12)
|
||||
!important;
|
||||
border-radius:
|
||||
4px
|
||||
!important;
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatar img {
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
padding: 0px !important;
|
||||
border-radius: 32px !important;
|
||||
.messageAvatar
|
||||
img
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
height:
|
||||
32px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
border-radius:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageAvatarCol {
|
||||
width: 32px !important;
|
||||
.messageAvatarCol
|
||||
{
|
||||
width:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postNameAndTime {
|
||||
padding: 0px 0px 4px 0px !important;
|
||||
display: flex;
|
||||
.postNameAndTime
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
4px
|
||||
0px
|
||||
!important;
|
||||
display:
|
||||
flex;
|
||||
}
|
||||
|
||||
.senderName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
text-align: left !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
.senderName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-weight:
|
||||
600
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
}
|
||||
|
||||
.time {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
color: rgba(63, 67, 80, 0.56);
|
||||
padding: 2px 6px;
|
||||
align-items: center;
|
||||
float: left;
|
||||
.time
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-size:
|
||||
12px;
|
||||
line-height:
|
||||
16px;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.56);
|
||||
padding:
|
||||
2px
|
||||
6px;
|
||||
align-items:
|
||||
center;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelBg {
|
||||
background: rgba(63, 67, 80, 0.08);
|
||||
border-radius: 4px;
|
||||
display: flex;
|
||||
padding-left: 4px;
|
||||
.channelBg
|
||||
{
|
||||
background:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.08);
|
||||
border-radius:
|
||||
4px;
|
||||
display:
|
||||
flex;
|
||||
padding-left:
|
||||
4px;
|
||||
}
|
||||
|
||||
.channelLogo {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
padding: 5px 4px 5px 6px;
|
||||
float: left;
|
||||
.channelLogo
|
||||
{
|
||||
width:
|
||||
10px;
|
||||
height:
|
||||
10px;
|
||||
padding:
|
||||
5px
|
||||
4px
|
||||
5px
|
||||
6px;
|
||||
float:
|
||||
left;
|
||||
}
|
||||
|
||||
.channelName {
|
||||
font-family: Open Sans, sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
line-height: 16px;
|
||||
letter-spacing: 0.01em;
|
||||
text-transform: uppercase;
|
||||
color: rgba(63, 67, 80, 0.64);
|
||||
padding: 2px 6px 2px 0px;
|
||||
.channelName
|
||||
{
|
||||
font-family:
|
||||
Open
|
||||
Sans,
|
||||
sans-serif;
|
||||
font-weight:
|
||||
600;
|
||||
font-size:
|
||||
10px;
|
||||
line-height:
|
||||
16px;
|
||||
letter-spacing:
|
||||
0.01em;
|
||||
text-transform:
|
||||
uppercase;
|
||||
color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.64);
|
||||
padding:
|
||||
2px
|
||||
6px
|
||||
2px
|
||||
0px;
|
||||
}
|
||||
|
||||
.gmChannelCount {
|
||||
background-color: rgba(63, 67, 80, 0.2);
|
||||
padding: 0 5px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
.gmChannelCount
|
||||
{
|
||||
background-color:
|
||||
rgba(63,
|
||||
67,
|
||||
80,
|
||||
0.2);
|
||||
padding:
|
||||
0
|
||||
5px;
|
||||
border-radius:
|
||||
2px;
|
||||
margin-right:
|
||||
2px;
|
||||
}
|
||||
|
||||
.senderMessage div {
|
||||
text-align: left !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 20px !important;
|
||||
color: #3F4350 !important;
|
||||
padding: 0px !important;
|
||||
.senderMessage
|
||||
div
|
||||
{
|
||||
text-align:
|
||||
left
|
||||
!important;
|
||||
font-size:
|
||||
14px
|
||||
!important;
|
||||
line-height:
|
||||
20px
|
||||
!important;
|
||||
color:
|
||||
#3F4350
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 394px !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
394px
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
|
||||
.divider {
|
||||
opacity: 12%;
|
||||
.divider
|
||||
{
|
||||
opacity:
|
||||
12%;
|
||||
}
|
||||
|
||||
@media all and (min-width: 541px) {
|
||||
.emailBody {
|
||||
padding: 32px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
32px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) and (min-width: 401px) {
|
||||
.emailBody {
|
||||
padding: 16px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 400px) {
|
||||
.emailBody {
|
||||
padding: 0px !important;
|
||||
.emailBody
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.footerInfo div {
|
||||
padding: 0px !important;
|
||||
.footerInfo
|
||||
div
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.messageCard {
|
||||
padding: 16px !important;
|
||||
.messageCard
|
||||
{
|
||||
padding:
|
||||
16px
|
||||
!important;
|
||||
}
|
||||
|
||||
.postCard {
|
||||
padding: 0px 0px 40px 0px !important;
|
||||
.postCard
|
||||
{
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
40px
|
||||
0px
|
||||
!important;
|
||||
}
|
||||
|
||||
.senderInfoCol {
|
||||
width: 80% !important;
|
||||
padding: 0px 0px 0px 12px !important;
|
||||
.senderInfoCol
|
||||
{
|
||||
width:
|
||||
80%
|
||||
!important;
|
||||
padding:
|
||||
0px
|
||||
0px
|
||||
0px
|
||||
12px
|
||||
!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width:480px) {
|
||||
.mj-column-per-50 {
|
||||
width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
.mj-column-per-50
|
||||
{
|
||||
width:
|
||||
100%
|
||||
!important;
|
||||
max-width:
|
||||
100%
|
||||
!important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user