diff --git a/data/interfaces/default/images/newsletter/newsletter-header.png b/data/interfaces/default/images/newsletter/newsletter-header.png index ab7dddec..0b97a437 100644 Binary files a/data/interfaces/default/images/newsletter/newsletter-header.png and b/data/interfaces/default/images/newsletter/newsletter-header.png differ diff --git a/data/interfaces/newsletters/recently_added.html b/data/interfaces/newsletters/recently_added.html index 22cba2ea..40023310 100644 --- a/data/interfaces/newsletters/recently_added.html +++ b/data/interfaces/newsletters/recently_added.html @@ -272,11 +272,14 @@ HEADER ------------------------------------- */ .header { - background-repeat: no-repeat; - background-position: calc(50% - 20px) 50%; - background-size: contain; width: 100%; - height: 100px; + height: 90px; + text-align: center; + } + .header-img { + width: 492px; + height: 90px; + margin-left: -35px; } .server-name { font-size: 30px; @@ -303,27 +306,36 @@ margin: 0 0 10px 0; } - img.sub-header-icon { + .sub-header-icon { height: 30px; + width: 30px; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; } - .sub-header > div { + .sub-header-bar { margin-left: auto; margin-right: auto; font-size: 30px; text-align: center; - } - .sub-header-bar { width: 200px; border-top: 1px solid #E5A00D; margin-top: 15px; margin-bottom: 25px; } .sub-header-title { + margin-left: auto; + margin-right: auto; + font-size: 30px; + text-align: center; font-weight: lighter; } + .sub-header-count { + margin-left: auto; + margin-right: auto; + font-size: 30px; + text-align: center; + } .sub-header-count .count { color: #E5A00D; } @@ -462,11 +474,19 @@ @media only screen and (max-width: 1040px) { .card-instance { display: block !important; - margin: 0 auto; + margin-top: 0 !important; + margin-right: auto !important; + margin-bottom: 0 !important; + margin-left: auto !important; } table[class=body] .header { - background-position: center !important; + height: 75px !important; + } + table[class=body] .header-img { + width: 410px; + height: 75px; + margin-left: -30px; } table[class=body] h1 { @@ -486,8 +506,9 @@ table[class=body] .sub-header-title { font-size: 20px !important; } - table[class=body] img.sub-header-icon { + table[class=body] .sub-header-icon { height: 20px !important; + width: 20px !important; } table[class=body] .count { font-size: 20px !important; @@ -564,24 +585,22 @@ -
+
+ +
${parameters['server_name']}
${parameters['start_date']} - ${parameters['end_date']}
% if recently_added.get('movie'): - -
-
-
-
- Recently Added Movies -
-
- ${len(recently_added['movie'])} movie${'s' if len(recently_added['movie']) > 1 else ''} -
-
+ +
+
+ Recently Added Movies +
+
+ ${len(recently_added['movie'])} movie${'s' if len(recently_added['movie']) > 1 else ''}
@@ -682,20 +701,20 @@ % endif % if recently_added.get('show'): - -
-
-
-
- Recently Added TV Shows -
-
- ${len(recently_added['show'])} show${'s' if len(recently_added['show']) > 1 else ''} / - <% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %> - ${total_episodes} episode${'s' if total > 1 else ''} -
-
+ +
+
+ Recently Added TV Shows
+
+ ${len(recently_added['show'])} show${'s' if len(recently_added['show']) > 1 else ''} / + <% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %> + ${total_episodes} episode${'s' if total > 1 else ''} +
+ + + + % for show_a, show_b in grouper(recently_added['show'], 2): @@ -818,20 +837,20 @@ % endif % if recently_added.get('artist'): - + + +
-
-
-
-
- Recently Added Music -
-
- ${len(recently_added['artist'])} artist${'s' if len(recently_added['artist']) > 1 else ''} / - <% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %> - ${total_albums} album${'s' if total > 1 else ''} -
-
+
+
+
+ Recently Added Music
+
+ ${len(recently_added['artist'])} artist${'s' if len(recently_added['artist']) > 1 else ''} / + <% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %> + ${total_albums} album${'s' if total > 1 else ''} +
+
% for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2): @@ -925,13 +944,11 @@ % endif - diff --git a/data/interfaces/newsletters/recently_added_master.html b/data/interfaces/newsletters/recently_added_master.html index 9870b374..e9eae3b1 100644 --- a/data/interfaces/newsletters/recently_added_master.html +++ b/data/interfaces/newsletters/recently_added_master.html @@ -272,11 +272,14 @@ HEADER ------------------------------------- */ .header { - background-repeat: no-repeat; - background-position: calc(50% - 20px) 50%; - background-size: contain; width: 100%; - height: 100px; + height: 90px; + text-align: center; + } + .header-img { + width: 492px; + height: 90px; + margin-left: -35px; } .server-name { font-size: 30px; @@ -303,27 +306,36 @@ margin: 0 0 10px 0; } - img.sub-header-icon { + .sub-header-icon { height: 30px; + width: 30px; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; } - .sub-header > div { + .sub-header-bar { margin-left: auto; margin-right: auto; font-size: 30px; text-align: center; - } - .sub-header-bar { width: 200px; border-top: 1px solid #E5A00D; margin-top: 15px; margin-bottom: 25px; } .sub-header-title { + margin-left: auto; + margin-right: auto; + font-size: 30px; + text-align: center; font-weight: lighter; } + .sub-header-count { + margin-left: auto; + margin-right: auto; + font-size: 30px; + text-align: center; + } .sub-header-count .count { color: #E5A00D; } @@ -462,11 +474,19 @@ @media only screen and (max-width: 1040px) { .card-instance { display: block !important; - margin: 0 auto; + margin-top: 0 !important; + margin-right: auto !important; + margin-bottom: 0 !important; + margin-left: auto !important; } table[class=body] .header { - background-position: center !important; + height: 75px !important; + } + table[class=body] .header-img { + width: 410px; + height: 75px; + margin-left: -30px; } table[class=body] h1 { @@ -486,8 +506,9 @@ table[class=body] .sub-header-title { font-size: 20px !important; } - table[class=body] img.sub-header-icon { + table[class=body] .sub-header-icon { height: 20px !important; + width: 20px !important; } table[class=body] .count { font-size: 20px !important; @@ -564,24 +585,22 @@ % if recently_added.get('movie'): - @@ -682,20 +701,20 @@ % endif % if recently_added.get('show'): - + + +
+ -
-
-
- Newsletter generated by Tautulli. -
+
+
+ Newsletter generated by Tautulli.
-
-
-
-
- Recently Added Movies -
-
- ${len(recently_added['movie'])} movie${'s' if len(recently_added['movie']) > 1 else ''} -
-
+
+
+
+ Recently Added Movies +
+
+ ${len(recently_added['movie'])} movie${'s' if len(recently_added['movie']) > 1 else ''}
-
-
-
-
- Recently Added TV Shows -
-
- ${len(recently_added['show'])} show${'s' if len(recently_added['show']) > 1 else ''} / - <% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %> - ${total_episodes} episode${'s' if total > 1 else ''} -
-
+
+
+
+ Recently Added TV Shows
+
+ ${len(recently_added['show'])} show${'s' if len(recently_added['show']) > 1 else ''} / + <% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %> + ${total_episodes} episode${'s' if total > 1 else ''} +
+
% for show_a, show_b in grouper(recently_added['show'], 2): @@ -818,20 +837,20 @@ % endif % if recently_added.get('artist'): - + + +
-
-
-
-
- Recently Added Music -
-
- ${len(recently_added['artist'])} artist${'s' if len(recently_added['artist']) > 1 else ''} / - <% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %> - ${total_albums} album${'s' if total > 1 else ''} -
-
+
+
+
+ Recently Added Music
+
+ ${len(recently_added['artist'])} artist${'s' if len(recently_added['artist']) > 1 else ''} / + <% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %> + ${total_albums} album${'s' if total > 1 else ''} +
+
% for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2): @@ -925,13 +944,11 @@ % endif -
+ -
-
-
- Newsletter generated by Tautulli. -
+
+
+ Newsletter generated by Tautulli.