Sha256: a364edbf83a82ac4e471908462afa1eb200583e32717bbcea2b4367a1b82a8f5
Contents?: true
Size: 1.34 KB
Versions: 4
Compression:
Stored size: 1.34 KB
Contents
/*
* Figures
*/
/* Figures. Note: we use the blockquote element to wrap figures and their captions in valid XHTML.
* This keeps them EPUB2 compatible (unlike the <figure> element, which is not.)
* Use the .figure class for the blockquote wrapping an image and a caption. Add .fixed, .small and/or .large for layout and size options. */
blockquote.figure {
clear: both;
page-break-inside: avoid;
background-color: inherit;
font-size: inherit;
font-weight: inherit;
color: #666;
margin: 1em 0;
padding: 0.5em;
}
.figure p {
clear: both;
text-align: center;
page-break-inside: avoid;
page-break-before: avoid;
}
.figure p img {
padding: 0.5em 0 1em 0;
margin: 0 auto;
max-width: 100%;
object-fit: scale-down;
}
@media screen and (max-height: 800px) {
blockquote.figure p img {
max-height: 400px;
}
}
@media screen and (max-height: 500px) {
blockquote.figure p img {
max-height: 200px;
}
}
.figure p:nth-child(2) { /* This controls the appearance of captions added as a paragraph following the image inside the blockquote */
padding: 0.5em 0 0 0;
text-align: center;
text-indent: 0;
}
.figure.x-small p img {}
.figure.small p img {}
.figure.large p img {
max-height:inherit;
}
@media screen and (min-width: 600px) {
.figure.large p img {
max-height: 600px;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems