Additional tweaks to images

This commit is contained in:
Sophist 2023-07-14 15:10:33 +01:00 committed by GitHub
parent 5ccdcab062
commit 316d994a37
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -12,9 +12,8 @@ class PrivateEyeRecipe(BasicNewsRecipe):
# #
# Remark: Version 3.1 2023-07-14 # Remark: Version 3.1 2023-07-14
# Show crossword on right so clues are continuous down left # Show crossword on right so clues are continuous down left
# Crossword image scales with ebook reader width
# Link to crossword image removed # Link to crossword image removed
# Improve cartoons page layout # Improve many image layouts
# Version 3.0 2023-07-01 # Version 3.0 2023-07-01
# Rewrite (by Sophist-UK) to fit latest web pages, correctly identify pages to include # Rewrite (by Sophist-UK) to fit latest web pages, correctly identify pages to include
# and improve formatting. # and improve formatting.
@ -183,13 +182,22 @@ class PrivateEyeRecipe(BasicNewsRecipe):
# ebook without duplicating it as extra css. # ebook without duplicating it as extra css.
# However some is new css to tweak output when part of an ebook. # However some is new css to tweak output when part of an ebook.
extra_css = ' \n '.join([ extra_css = ' \n '.join([
'#content img {float: right;}', '#content img {float: right; width: 45%; minimum-width:350px;}',
'#content img.cartoon-left {float: left; margin-right: 15px; margin-bottom: 15px;}', '#content img.cartoon-left {float: left; margin-right: 15px; margin-bottom: 15px;}',
'#content img.cartoon-right {float: none; margin-bottom: 15px;}', '#content img.cartoon-right {float: none; margin-bottom: 15px;}',
'#content img.strip {float: none; width: 100%;}',
'#content img:first-child {float: none;}', '#content img:first-child {float: none;}',
'#content #block-sections img {float: none;}', '#content img.gnitty-right {float: none; width: 160px;}',
'#content #story > div[align=right] > img:first-child {float: none; width: 15px;}',
'#content #story > img:first-child {float: none; height: 100px; width: none; minimum-width: none;}',
#'#content #block-sections img {float: none; width: 100%;}',
'#content #block-sections img {float: none; width: none;}',
'#content #block-sections img.photo-right {float: right; width: 25%; min-width:120px; margin-left: 15px;}',
'#content #block-sections > p:last-child > img:first-child {float: none; width: 120px;}',
'#content #block-sections > p:last-child > img:nth-child(2) {float: none; width: 120px;}',
'#content #block-sections img.crossword {float: right; width: 40%; margin-left: 15px; min-width: 350px;}', '#content #block-sections img.crossword {float: right; width: 40%; margin-left: 15px; min-width: 350px;}',
'#article-caption-box {float: right; background: #222222; display: block; width: 40%; max-width: 40%;}', '#content #article-caption-box {float: right; background: #222222; display: block; width: 40%; min-width: 250px; font-size: 90%; margin-left: 15px;}',
'#content #article-caption-box img {float: none; width: 100%; max-width: none;}',
'#caption-box {color: #ffffff; text-align: center; padding: 5px 20px 15px 20px;}', '#caption-box {color: #ffffff; text-align: center; padding: 5px 20px 15px 20px;}',
'#whatsapp {border-left: 5px #8aba60 solid; border-right: 5px #8aba60 solid; border-bottom: 5px #8aba60 solid; padding: 0 20px 20px 20px;}', '#whatsapp {border-left: 5px #8aba60 solid; border-right: 5px #8aba60 solid; border-bottom: 5px #8aba60 solid; padding: 0 20px 20px 20px;}',
'#whatsapp::after {clear:both;}', '#whatsapp::after {clear:both;}',
@ -198,4 +206,5 @@ class PrivateEyeRecipe(BasicNewsRecipe):
'.whatsapp-left {text-align: left; margin-right: 30%; background-color: #eeeeee;}', '.whatsapp-left {text-align: left; margin-right: 30%; background-color: #eeeeee;}',
'.whatsapp-right {text-align: right; margin-left: 30%; background-color: #dce5ae;}', '.whatsapp-right {text-align: right; margin-left: 30%; background-color: #dce5ae;}',
'#whatsapp .whatsapp-left img, #whatsapp .whatsapp-right img {width: 35px; margin: 0 10px; vertical-align: middle;}', '#whatsapp .whatsapp-left img, #whatsapp .whatsapp-right img {width: 35px; margin: 0 10px; vertical-align: middle;}',
'#whatsapp .whatsapp-left img.emoji, #whatsapp .whatsapp-right img.emoji {max-width: 35px; margin: 0 5px; vertical-align: middle;}',
]) ])