details style

This commit is contained in:
Julie Blanc 2026-04-08 20:33:31 +02:00
parent 94d14d70c1
commit af9785e436
23 changed files with 95 additions and 31 deletions

View file

@ -9,7 +9,7 @@ blockquote{
blockquote p::before{
display: none;
/* display: none; */
}
.before-blockquote_container,

View file

@ -45,6 +45,7 @@
.chapter-header .author{
display: block;
text-align: center;
text-indent: 0px;
}

View file

@ -30,4 +30,9 @@ figure[data-crop="false"] img {
width: 100%;
height: auto;
object-fit: contain;
}
#f4c52433-bf53-4933-b207-b845153ad93d{
background-color: red;
}

View file

@ -4,13 +4,23 @@ h3, h4{
h3, h4{
font-family: var(--sign-family);
font-weight: normal;
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*1);
position: relative;
font-size: var(--font-size);
color: var(--sign-color);
}
h3{
margin-top: calc(var(--baseline)*2);
margin-bottom: calc(var(--baseline)*1);
}
h4{
margin-top: calc(var(--baseline)*1.5);
margin-bottom: calc(var(--baseline)*1);
}
h4::before{
content: "///";
}

View file

@ -77,25 +77,25 @@ class subtitlesDecor extends Paged.Handler {
}
});
if (withDecor) {
const smallSizes = [1, 2, 3, 2, 1];
const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let firstDecor, secondDecor;
if (isLeft) {
firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
} else {
firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
}
const container = document.createElement("div");
container.className = "h3_container " + subtitle.className;
subtitle.className = "";
subtitle.parentNode.insertBefore(container, subtitle);
container.appendChild(firstDecor);
container.appendChild(secondDecor);
container.appendChild(subtitle);
}
// if (withDecor) {
// const smallSizes = [1, 2, 3, 2, 1];
// const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
// let firstDecor, secondDecor;
// if (isLeft) {
// firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
// secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
// } else {
// firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
// secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
// }
// const container = document.createElement("div");
// container.className = "h3_container " + subtitle.className;
// subtitle.className = "";
// subtitle.parentNode.insertBefore(container, subtitle);
// container.appendChild(firstDecor);
// container.appendChild(secondDecor);
// container.appendChild(subtitle);
// }
}