Template
Book/styles.css
From Dogcraft Wiki
(Created page with ".book-page-container { counter-reset: pages 0; } .book-page-container > div { position: relative; margin-bottom: 2rem; } .book-page-container > div::after { content: '(Page ' counter(pages) ' of ' attr(data-maximum-pages) ')'; position: absolute; bottom: -2rem; text-align: center; width: 100%; border-top: solid 1px gray; color: gray; counter-increment: pages; }") |
mNo edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
} | } | ||
.book-page-container > div { | .book-page-container > div.poem { | ||
position: relative; | position: relative; | ||
margin-bottom: 2rem; | margin-bottom: 2rem; | ||
} | } | ||
.book-page-container > div::after { | .book-page-container > div.poem::after { | ||
content: '(Page ' counter(pages) ' of ' attr(data-maximum-pages) ')'; | content: '(Page ' counter(pages) ' of ' attr(data-maximum-pages) ')'; | ||
position: absolute; | position: absolute; | ||
Latest revision as of 13:46, 27 January 2026
.book-page-container {
counter-reset: pages 0;
}
.book-page-container > div.poem {
position: relative;
margin-bottom: 2rem;
}
.book-page-container > div.poem::after {
content: '(Page ' counter(pages) ' of ' attr(data-maximum-pages) ')';
position: absolute;
bottom: -2rem;
text-align: center;
width: 100%;
border-top: solid 1px gray;
color: gray;
counter-increment: pages;
}
