open-source-mirrors
/
Ombi
mirror of https://github.com/Ombi-app/Ombi
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update NewsletterTemplate.html

Browse Source
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
1 changed files with 117 additions and 9 deletions
Show Stats Download Patch File Download Diff File

126
src/Ombi.Notifications.Templates/Templates/NewsletterTemplate.html
Unescape View File

@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ombi</title> <title>Ombi</title>
<style> <style>
/* ------------------------------------- /* -------------------------------------
@ -20,7 +20,7 @@
body { body {
background-color: #1f1f1f; background-color: #1f1f1f;
font-family: sans-serif; font-family: 'Open Sans', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-size: 14px; font-size: 14px;
line-height: 1.4; line-height: 1.4;
@ -97,6 +97,102 @@
padding-top: 10px; 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 { .footer {
clear: both; clear: both;
Margin-top: 10px; Margin-top: 10px;
@ -122,9 +218,10 @@
h3, h3,
h4 { h4 {
color: #ff761b; color: #ff761b;
font-family: sans-serif; font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-weight: 400; font-weight: 400;
line-height: 1.4; line-height: 1.4rem;
font-size: 1.5rem;
margin: 0; margin: 0;
text-transform: capitalize; text-transform: capitalize;
} }
@ -132,8 +229,7 @@
p, p,
ul, ul,
ol { ol {
font-family: sans-serif; font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
margin-bottom: 15px; margin-bottom: 15px;
@ -224,41 +320,50 @@
margin: 0 auto; margin: 0 auto;
text-transform: capitalize; text-transform: capitalize;
} }
table[class=body] p, table[class=body] p,
table[class=body] ul, table[class=body] ul,
table[class=body] ol, table[class=body] ol,
table[class=body] td, table[class=body] td,
table[class=body] span, table[class=body] span,
table[class=body] a { table[class=body] a {
font-size: 16px !important; font-size: 12px !important;
} }
table[class=body] .wrapper, table[class=body] .wrapper,
table[class=body] .article { table[class=body] .article {
padding: 10px !important; padding: 10px !important;
} }
table[class=body] .content { table[class=body] .content {
padding: 0 !important; padding: 0 !important;
} }
table[class=body] .container { table[class=body] .container {
padding: 0 !important; padding: 0 !important;
width: 100% !important; width: 100% !important;
} }
table[class=body] .main { table[class=body] .main {
border-left-width: 0 !important; border-left-width: 0 !important;
border-radius: 0 !important; border-radius: 0 !important;
border-right-width: 0 !important; border-right-width: 0 !important;
} }
table[class=body] .btn table { table[class=body] .btn table {
width: 100% !important; width: 100% !important;
} }
table[class=body] .btn a { table[class=body] .btn a {
width: 100% !important; width: 100% !important;
} }
table[class=body] .img-responsive { table[class=body] .img-responsive {
height: auto !important; height: auto !important;
max-width: 100% !important; max-width: 100% !important;
width: auto !important; width: auto !important;
} }
.media-card { .media-card {
display: flex !important; display: flex !important;
margin-top: 0 !important; margin-top: 0 !important;
@ -280,6 +385,7 @@
.ExternalClass { .ExternalClass {
width: 100%; width: 100%;
} }
.ExternalClass, .ExternalClass,
.ExternalClass p, .ExternalClass p,
.ExternalClass span, .ExternalClass span,
@ -288,6 +394,7 @@
.ExternalClass div { .ExternalClass div {
line-height: 100%; line-height: 100%;
} }
.apple-link a { .apple-link a {
color: inherit !important; color: inherit !important;
font-family: inherit !important; font-family: inherit !important;
@ -296,9 +403,11 @@
line-height: inherit !important; line-height: inherit !important;
text-decoration: none !important; text-decoration: none !important;
} }
.btn-primary table td:hover { .btn-primary table td:hover {
background-color: #34495e !important; background-color: #34495e !important;
} }
.btn-primary a:hover { .btn-primary a:hover {
background-color: #34495e !important; background-color: #34495e !important;
border-color: #34495e !important; border-color: #34495e !important;
@ -307,7 +416,6 @@
</style> </style>
</head> </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;"> <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"> <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> <tr>

Write Preview
Loading…
Cancel
Save