diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less index 652744514..dbdf3bc79 100644 --- a/themes/5ePhb.style.less +++ b/themes/5ePhb.style.less @@ -183,7 +183,9 @@ body { table{ .useSansSerif(); width : 100%; - margin-bottom : 1em; + & + * { + margin-top : 1em; + } thead{ display: table-row-group; font-weight : 800; @@ -631,14 +633,29 @@ body { background-color : white; border : initial; border-style : solid; - border-image-outset : 25px 17px; + border-image-outset : 0.66cm 0.3cm; border-image-repeat : stretch; border-image-slice : 150 200 150 200; border-image-source : @frameBorderImage; border-image-width : 47px; } - h5{ - margin-bottom : 10px; + &.decoration { + transform-style : preserve-3d; + } + &.decoration::before { + content :''; + position : absolute; + background-image : @classTableDecoration; + background-size : contain; + background-repeat : space; + width : calc(100% + 3.4cm); + height : 7.75cm; + top : calc(50% + 0.35cm); + left : 50%; + transform : translateY(-50%) translateX(-50%) translateZ(-1px); + } + h5 + table{ + margin-top : 10px; } } //***************************** diff --git a/themes/assets/assets.less b/themes/assets/assets.less index 0823856fe..8790b1e59 100644 --- a/themes/assets/assets.less +++ b/themes/assets/assets.less @@ -1,3 +1,4 @@ +// PHB @footerAccentImage : data-uri('./themes/assets/footerAccent.png'); @frameBorderImage : data-uri('./themes/assets/frameBorder.png'); @backgroundImage : data-uri('./themes/assets/parchmentBackground.jpg'); @@ -8,9 +9,9 @@ @monsterBlockBackground : data-uri('./themes/assets/parchmentBackgroundGrayscale.jpg'); @monsterBorderImage : data-uri('./themes/assets/monsterBorderFancy.png'); @codeBorderImage : data-uri('./themes/assets/codeBorder.png'); +@classTableDecoration : data-uri('./themes/assets/classTableDecoration.png'); // Watercolor Images - @watercolor1 : data-uri('./themes/assets/watercolor/watercolor1.png'); @watercolor2 : data-uri('./themes/assets/watercolor/watercolor2.png'); @watercolor3 : data-uri('./themes/assets/watercolor/watercolor3.png'); diff --git a/themes/assets/classTableDecoration.png b/themes/assets/classTableDecoration.png new file mode 100644 index 000000000..3d8346c67 Binary files /dev/null and b/themes/assets/classTableDecoration.png differ