diff --git a/changelog.md b/changelog.md index fb1d3c538..c59624dd7 100644 --- a/changelog.md +++ b/changelog.md @@ -28,6 +28,10 @@ pre { .page { padding-bottom:.5cm; } + +.page p + pre { + margin-top : 0.1cm; +} ``` # changelog diff --git a/client/homebrew/pages/homePage/welcome_msg_v3.md b/client/homebrew/pages/homePage/welcome_msg_v3.md index 920fe458c..bba5a899a 100644 --- a/client/homebrew/pages/homePage/welcome_msg_v3.md +++ b/client/homebrew/pages/homePage/welcome_msg_v3.md @@ -1,3 +1,13 @@ +```css +.page #example + table td { + border:1px dashed #00000030; +} + +.page { + padding-bottom : 1.3cm; +} +``` + # The Homebrewery *V3* Welcome traveler from an antique land. Please sit and tell us of what you have seen. The unheard of monsters, who slither and bite. Tell us of the wondrous items and and artifacts you have found, their mysteries yet to be unlocked. Of the vexing vocations and surprising skills you have seen. @@ -20,11 +30,11 @@ PDF Printing works best in Google Chrome. If you are having quality/consistency After clicking the "Print" item in the navbar a new page will open and a print dialog will pop-up. * Set the **Destination** to "Save as PDF" * Set **Paper Size** to "Letter" -* If you are printing on A4 paper, make sure to have the {{far,fa-file}} **A4 Pagesize** snippet in your brew +* If you are printing on A4 paper, make sure to have the **PRINT → {{far,fa-file}} A4 Pagesize** snippet in your brew * In **Options** make sure "Background Images" is selected. * Hit print and enjoy! You're done! -If you want to save ink or have a monochrome printer, add the {{fas,fa-tint}} **Ink Friendly** snippet to your brew before you print +If you want to save ink or have a monochrome printer, add the **PRINT → {{fas,fa-tint}} Ink Friendly** snippet to your brew before you print }} @@ -60,7 +70,7 @@ The Homebrewery is licensed using the [MIT License](https://github.com/naturalcr If you wish to sell or in some way gain profit for what's created on this site, it's your responsibility to ensure you have the proper licenses/rights for any images or resources used. #### Crediting Me -If you'd like to credit The Homebrewery in your brew, I'd be flattered! Just reference that you made it with The Homebrewery. +If you'd like to credit me in your brew, I'd be flattered! Just reference that you made it with The Homebrewery. ### More Resources If you are looking for more 5e Homebrew resources check out [r/UnearthedArcana](https://www.reddit.com/r/UnearthedArcana/) and their list of useful resources [here](https://www.reddit.com/r/UnearthedArcana/comments/3uwxx9/resources_open_to_the_community/). @@ -127,9 +137,9 @@ Row spanning is achieved by adding a `^` at the end of a cell just before the `| These can be combined to span a cell across both columns and rows. Cells must have the same colspan if they are to be rowspan'd. ##### Example -| | Spanned Header || -| Head A | Head B | Head C | -|:-------|:-------|:-------| +| Head A | Spanned Header || +| Head B | Head C | Head D | +|:-------|:------:|:------:| | 1A | 1B | 1C | | 2A ^| 2B | 2C | | 3A ^| 3B 3C || @@ -137,7 +147,6 @@ These can be combined to span a cell across both columns and rows. Cells must ha | 5A ^| 5B | 5C | | 6A | 6B ^| 6C | - ## Images Images must be hosted online somewhere, like [Imgur](https://www.imgur.com). You use the address to that image to reference it in your brew\*. Images can be included using Markdown-style images. diff --git a/themes/5ePhb.style.less b/themes/5ePhb.style.less index ddd9d2288..3d1b2d406 100644 --- a/themes/5ePhb.style.less +++ b/themes/5ePhb.style.less @@ -34,6 +34,9 @@ body { font-weight : 800; letter-spacing : -0.02em; } + h5 + * { + margin-top : 0.1cm; + } } .useColumns(@multiplier : 1, @fillMode: balance){ column-count : 2; @@ -78,7 +81,7 @@ body { display : block; line-height : 1.3em; &+* { - margin-top : 0.27cm; + margin-top : 0.325cm; } &+p{ margin-top : 0; @@ -177,6 +180,9 @@ body { font-family : ScalySansSmallCapsRemake; font-size : 0.423cm; font-weight : 900; + & + * { + margin-top : 0.2cm; + } } //***************************** // * TABLE @@ -185,7 +191,7 @@ body { .useSansSerif(); width : 100%; & + * { - margin-top : 0.27cm; + margin-top : 0.325cm; } thead{ display: table-row-group; @@ -217,9 +223,11 @@ body { border-image : @noteBorderImage 12 stretch; border-image-outset : 9px 0px; border-image-width : 11px; - margin-top : 9px; //Prevent top border getting cut off on colbreak padding : 0.13cm 0.16cm; filter : drop-shadow(1px 4px 6px #888); + .page :where(&) { + margin-top : 9px; //Prevent top border getting cut off on colbreak + } & + * { margin-top : 0.45cm; } @@ -247,9 +255,11 @@ body { border-width : 7px; border-image : @descriptiveBoxImage 12 stretch; border-image-outset : 4px; - margin-top : 4px; //Prevent top border getting cut off on colbreak padding : 0.1em; filter : drop-shadow(0 0 3px #faf7ea); + .page :where(&) { + margin-top : 4px; //Prevent top border getting cut off on colbreak + } & + * { margin-top : 0.45cm; } @@ -365,12 +375,13 @@ body { background-attachment : fixed; filter : drop-shadow(1px 4px 6px #888); padding : 4px 2px; - margin : 0px -6px 1em; + margin-left : -6px; + margin-right : -6px; } position : relative; padding : 0px; - margin-bottom : 1em; + margin-bottom : 0.325cm; p{ margin-bottom : 0.3cm; @@ -514,10 +525,12 @@ body { border-image-width : 10px; border-image-outset : 2px; border-radius : 12px; - margin-top : 2px; //Prevent top border getting cut off on colbreak margin-bottom : 2px; + .page :where(&) { + margin-top : 2px; //Prevent top border getting cut off on colbreak + } & + * { - margin-top : 0.27cm; + margin-top : 0.325cm; } } //*****************************