4,456
edits
No edit summary |
No edit summary |
||
Line 176: | Line 176: | ||
} | } | ||
.article-images { | .article-images { | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
page-break-inside: avoid; | page-break-inside: avoid; | ||
} | } | ||
.article-images .image-container { | .article-images .image-container { | ||
display: flex; | display: inline-flex; | ||
flex-direction: column; /* stack image + caption */ | |||
align-items: flex- | align-items: flex-end; /* push both to the right side of the page */ | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
} | } | ||
.article-images .image-container img { | .article-images .image-container img { | ||
display: block; | display: block; | ||
height: 85mm; | height: 85mm; /* fixed height */ | ||
width: auto; | width: auto; | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 !important; | margin: 0 !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
.caption-image1 { | |||
margin: 0 !important; /* no gaps */ | |||
margin: | |||
padding: 0 !important; | padding: 0 !important; | ||
font-size: 8pt; | font-size: 8pt; | ||
color: #555; | color: #555; | ||
text-align: | text-align: left; /* align text to the left edge of the image */ | ||
width: 100%; /* take the full width of the image container */ | |||
} | } | ||