diff --git a/themes/V3/5ePHB/style.less b/themes/V3/5ePHB/style.less index 16451e32c..b07bb3a63 100644 --- a/themes/V3/5ePHB/style.less +++ b/themes/V3/5ePHB/style.less @@ -798,41 +798,50 @@ //***************************** // * PART COVER // *****************************/ - .page .partCover { - background-image: @partCoverHeader; - background-repeat: no-repeat; - position: absolute; - background-size: 100%; - inset: 0; - img { + .page { + .partCover { + background-image: @partCoverHeader; + background-repeat: no-repeat; position: absolute; + background-size: 100%; inset: 0; - height:100%; - mask-image: @partCoverMask; - mask-size: 816px; - -webkit-mask-image: @partCoverMask; - -webkit-mask-size: 816px; + + img { + position: absolute; + inset: 0; + height: 100%; + mask-image: @partCoverMaskOdd; + mask-size: 816px; + -webkit-mask-image: @partCoverMaskOdd; + -webkit-mask-size: 816px; + } + + h1 { + text-align: center; + text-transform: uppercase; + font-size: 80px; + font-family: NodestoCapsCondensed; + font-variant: small-caps; + max-width: 7ch; + text-overflow: clip; + white-space: nowrap; + overflow: hidden; + margin-inline: auto; + } + + h2 { + text-align: center; + font-family: MartelSansBlack; + font-size: 18px; + position: relative; + max-width: 18ch; + margin-inline: auto; + margin-top: -5px; + } } - h1 { - text-align: center; - text-transform: uppercase; - font-size: 80px; - font-family: NodestoCapsCondensed; - font-variant: small-caps; - max-width: 7ch; - text-overflow: clip; - white-space: nowrap; - overflow: hidden; - margin-inline: auto; - } - h2 { - text-align: center; - font-family: MartelSansBlack; - font-size: 18px; - position: relative; - max-width: 18ch; - margin-inline: auto; - margin-top: -5px; + &:nth-child(even) .partCover img { + mask-image: @partCoverMaskEven; + -webkit-mask-image: @partCoverMaskEven; } } } diff --git a/themes/assets/assets.less b/themes/assets/assets.less index 3442b8c49..03bb9a75c 100644 --- a/themes/assets/assets.less +++ b/themes/assets/assets.less @@ -11,7 +11,8 @@ @codeBorderImage : url('/assets/codeBorder.png'); @classTableDecoration : url('/assets/classTableDecoration.png'); @partCoverHeader : url('/assets/partCoverHeader.png'); -@partCoverMask : url('/assets/partCoverMask.png'); +@partCoverMaskOdd : url('/assets/partCoverMaskOdd.png'); +@partCoverMaskEven : url('/assets/partCoverMaskEven.png'); // Watercolor Images @watercolor1 : url('/assets/watercolor/watercolor1.png'); diff --git a/themes/assets/partCoverMaskEven.png b/themes/assets/partCoverMaskEven.png new file mode 100644 index 000000000..f0b613214 Binary files /dev/null and b/themes/assets/partCoverMaskEven.png differ diff --git a/themes/assets/partCoverMask.png b/themes/assets/partCoverMaskOdd.png similarity index 100% rename from themes/assets/partCoverMask.png rename to themes/assets/partCoverMaskOdd.png