Update NewsletterTemplate.html

pull/2680/head
d1slact0r 6 years ago committed by GitHub
parent 2500c06270
commit a1026f8055
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -2,8 +2,8 @@
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ombi</title>
<style>
/* -------------------------------------
@ -20,7 +20,7 @@
body {
background-color: #1f1f1f;
font-family: sans-serif;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
@ -97,6 +97,102 @@
padding-top: 10px;
}
.media-card {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
vertical-align: top;
padding: 3px;
width: 500px;
min-width: 500px;
max-width: 500px;
height: 252px;
max-height: 252px;
}
.card-bg {
background-image: url({0});
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 500px;
background-color: #1f1f1f;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-clip: padding-box;
border: 2px solid rgba(255, 118, 27, .4);
height: 252px;
max-height: 252px;
}
.bg-tint {
background-color: rgba(0, 0, 0, .6);
}
.poster-container {
vertical-align: top;
width: 150px;
min-width: 150px;
height: 225px;
max-height: 225px;
min-height: 225px;
}
.poster-img {}
.poster-overlay {}
.movie-info {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
vertical-align: top;
padding-left: 4px;
text-align: left;
height: 227px;
}
.title {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
vertical-align: top;
text-overflow: ellipsis;
overflow: hidden;
padding: 5px;
max-height: 130px;
max-width: 320px;
overflow: hidden;
display: block;
}
.description {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
vertical-align: top;
padding: 5px;
height: 100%;
max-height: 130px;
max-width: 320px;
overflow: hidden;
display: block;
margin: 0px;
font-size: 0.8rem !important;
}
.meta {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
max-width: 300px;
min-width: 300px;
padding: 3px 7px;
margin-top: 10px;
font-size: 0.9rem !important;
line-height: 1;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-color: rgba(255, 118, 27, 0.5);
color: #fff;
border-radius: 2px;
overflow: hidden;
display: block;
}
.footer {
clear: both;
Margin-top: 10px;
@ -122,9 +218,10 @@
h3,
h4 {
color: #ff761b;
font-family: sans-serif;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.4;
line-height: 1.4rem;
font-size: 1.5rem;
margin: 0;
text-transform: capitalize;
}
@ -132,8 +229,7 @@
p,
ul,
ol {
font-family: sans-serif;
font-size: 14px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
@ -224,41 +320,50 @@
margin: 0 auto;
text-transform: capitalize;
}
table[class=body] p,
table[class=body] ul,
table[class=body] ol,
table[class=body] td,
table[class=body] span,
table[class=body] a {
font-size: 16px !important;
font-size: 12px !important;
}
table[class=body] .wrapper,
table[class=body] .article {
padding: 10px !important;
}
table[class=body] .content {
padding: 0 !important;
}
table[class=body] .container {
padding: 0 !important;
width: 100% !important;
}
table[class=body] .main {
border-left-width: 0 !important;
border-radius: 0 !important;
border-right-width: 0 !important;
}
table[class=body] .btn table {
width: 100% !important;
}
table[class=body] .btn a {
width: 100% !important;
}
table[class=body] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
.media-card {
display: flex !important;
margin-top: 0 !important;
@ -280,6 +385,7 @@
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
@ -288,6 +394,7 @@
.ExternalClass div {
line-height: 100%;
}
.apple-link a {
color: inherit !important;
font-family: inherit !important;
@ -296,9 +403,11 @@
line-height: inherit !important;
text-decoration: none !important;
}
.btn-primary table td:hover {
background-color: #34495e !important;
}
.btn-primary a:hover {
background-color: #34495e !important;
border-color: #34495e !important;
@ -307,7 +416,6 @@
</style>
</head>
<body class="" style="background-color: #1f1f1f; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #FFF; text-align: center;">
<table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; color: #FFF; background-color: #1f1f1f; width: 100%; text-align: center;" width="100%" bgcolor="#1f1f1f" align="center">
<tr>

Loading…
Cancel
Save