```metadata title: AD&D Dark Sun Style description: '' tags: - meta:Theme systems: - 3.5e renderer: V3 theme: 5ePHB ``` ```css /* FONT IMPORTS ____________________________________________________ */ /* _________________________________________________________________ */ @import url('https://rawcdn.githack.com/Kaiburr-kath-hound/HomebreweryStyles/aa1fff3ed601b7865f31a08f7881b0380b18f8b4/DarkSun2eStyle.css'); /* _________________________________________________________________ */ /* _________________________________________________________________ */ :root { --redcolor : #c8401e; --offwhite : #fafaf8; } .page, .page * { font-family : 'Packard Antique'; font-size : 16px; } .page { padding : 206px 42px 70px; text-align : justify; p, p + p, ul + p, ol + p { text-indent : 0.8em; } .artist { color : black; h5 { font-family : 'Packard Antique'; -webkit-text-stroke : 0.2mm black; } } &::after { all : unset; } background-image : url(https://i.imgur.com/VWMTjJ9.jpg); background-size : cover; &:nth-of-type(odd) { background-image : url(https://i.imgur.com/xHuQpD5.jpg); } a { color : var(--redcolor); font-weight : bold; } /* HEADERS */ h1, h2, h3, h4 { color : var(--redcolor); font-family : 'Packard Antique'; margin-bottom : 8px; } h1+p::first-letter, h1+p::first-line { all : unset; } h3 { font-size : 24px; border : none; } h4 { font-size : 19px; } h5 { font-family : 'Packard Antique'; -webkit-text-stroke : 0.15mm black; font-size : 17px; text-transform : uppercase; } /* MONSTER STATBLOCKS */ .monster { &.frame { border-image-slice : 46 140 58 29 fill; border-image-width : 25px 88px 32px 16px; border-image-outset : 2.5mm 1.5mm 4mm; border-image-repeat : round; border-image-source : url('https://i.imgur.com/GoiZ9Yf.png'); background : unset; box-shadow : none; margin : 13px -6px; padding : 0 6px; } hr { margin : 1.9mm 0; border : none; height : 1.5px; background-image : unset; background-color : black; &:first-of-type { background-color : var(--redcolor); margin : 1.45mm 0; height : 5px; } } hr ~ :is(dl,p) { color : black; strong { color : black; -webkit-text-stroke : 0.15mm black; } } table { td { color : black; } th { color : black; -webkit-text-stroke : 0.15mm black; } } h2 { font-family : 'Friz Quadrata'; font-size : 30px; letter-spacing : 1px; margin-bottom : -6px; + p { text-indent : 0; } } h3 { border : none; margin : 10px 0 -3px; font-family : 'Packard Antique'; text-transform : uppercase; color : black; } } /* PAGE NUMBERS */ .pageNumber { color : black; font-weight : bold; font-size : 22px; width : 100%; } /* "FOOTNOTES" */ .footnote:not(.page:has(.frontCover,.insideCover,.header) .footnote) { right : 74mm; color : black; width : 50%; bottom : 24.85cm; font-size : 24px; font-weight : bold; &::after { content : ''; position : absolute; background-image : url(https://i.imgur.com/VRgqCAN.png); background-size : 100% 100%; width : 38mm; height : 38mm; top : -25mm; right : -42mm; z-index : -1; } &::before { content : ''; position : absolute; top : -70px; right : -35.5mm; width : 94px; height : 94px; border-radius : 50%; background-size : 100% 100%; } &.one::before { background-image: url('https://i.imgur.com/0PypARK.jpg'); } &.two::before { background-image: url('https://i.imgur.com/SDTIMIm.jpg'); } &.three::before { background-image: url('https://i.imgur.com/m5n0UYG.jpg'); } &.four::before { background-image: url('https://i.imgur.com/DCvC6OA.jpg'); } &.five::before { background-image: url('https://i.imgur.com/1zPNSOJ.jpg'); } &.six::before { background-image: url('https://i.imgur.com/d3F23O8.jpg'); } &.seven::before { background-image: url('https://i.imgur.com/OE8Fg21.jpg'); } &.eight::before { background-image: url('https://i.imgur.com/sR9G0MP.jpg'); } &.nine::before { background-image: url('https://i.imgur.com/q5zrVEG.jpg'); } &.ten::before { background-image: url('https://i.imgur.com/IXNqEdG.jpg'); } &.eleven::before { background-image: url('https://i.imgur.com/6xkDzAd.jpg'); } &.twelve::before { background-image: url('https://i.imgur.com/0fHk8HG.jpg'); } &.thirteen::before { background-image: url('https://i.imgur.com/fs2SaoR.jpg'); } &.fourteen::before { background-image: url('https://i.imgur.com/735vPP1.jpg'); } &.fifteen::before { background-image: url('https://i.imgur.com/YU4UK2K.jpg'); } &.sixteen::before { background-image: url('https://i.imgur.com/xcEGjmS.jpg'); } &.seventeen::before { background-image: url('https://i.imgur.com/PepKQ5K.jpg'); } } &:nth-child(even) { .footnote { left : 74mm; text-align : left; &::after { right : unset; left : -42mm; } &::before { left : -35.5mm; } } } /* TABLES */ table { line-height : 16px; & + * { margin-top : 0.325cm; } thead { display : table-row-group; font-weight : 800; th { padding : 0.4mm 1.5px; vertical-align : bottom; color : var(--redcolor); } } tbody { tr { td { padding : 0.4mm 1.5px; } &:nth-child(odd) { background-color : unset; } } } } /* NOTES */ .note { border-image-slice : 58 140 46 29 fill; border-image-width : 32px 88px 25px 16px; border-image-outset : 2.5mm 1.5mm 4mm; border-image-repeat : round; border-image-source : url('https://i.imgur.com/aUIDxlN.png'); background-color : unset; box-shadow : none; margin : 8px 0 16px; } /* DESCRIPTIVE */ .descriptive { padding : 8px; border : none; border-top : 3px solid var(--redcolor); border-bottom : 3px solid var(--redcolor); background-color : var(--offwhite); box-shadow : unset; } /* DARK SUN HEADER */ &:has(.header):not(:has(.toc,.insideCover)) { background-image : url(https://i.imgur.com/a3iS5NX.jpg); &:nth-of-type(odd) { background-image : url(https://i.imgur.com/DcmlRe7.jpg); } } .header:not(.page:has(.frontCover,.insideCover,.toc) .header) { position : absolute; width : 80%; left : 10%; top : 77px; p { color : white; font-family : 'Packard Antique'; font-size : 33px; line-height : 1.1em; + p { text-indent : unset; } } } /* FRONT COVER ____________________________________________________________________ */ &:has(.frontCover) { padding : 0; hr { display : none; } .logo { filter : drop-shadow(0 0 0 rgba(0,0,0,0)); top : 76px; } .footnote { -webkit-text-stroke : unset; text-align : left; filter : drop-shadow(-0.3mm 0.7mm 0.2px black) drop-shadow(0 0 0.5mm rgba(0,0,0,0.3)); top : 323px; margin-left : 20px; width : 330px; p { text-indent : 0; line-height : 1.2em; font-size : 35px; } } h1:not(.logo h1) { position : absolute; -webkit-text-stroke : unset; font-family : 'Packard Antique'; font-weight : bold; font-size : 65px; text-align : center; filter : drop-shadow(-0.3mm 0.7mm 0.2px black); bottom : 18px; width : 100%; text-transform : unset; } } &:has(.logo.sun)::after { all : unset; content : ''; position : absolute; background-image : url(https://i.imgur.com/JHJGlqn.png); background-size : 100% 100%; width : 117.5mm; height : 30.3mm; top : 18mm; left : 49.7mm; z-index : -1; } .logo { display : block; padding : 0 0 29px; margin : 104px auto; width : fit-content; border-image : url(https://i.imgur.com/WWTIQV2.png) 76 232 88 232 fill; border-image-width : 33px 120px 41px; border-image-outset : 28px 86px 0 90px; border-image-repeat : round stretch; text-align : center; &::before, &::after { content : ''; position : absolute; width : 28mm; left : 50%; background-size : 100% 100%; transform : translateX(-46%); z-index : -1; } &::before { background-image : url(https://i.imgur.com/OOunAY2.png); height : 6.3mm; top : -5.2mm; } &::after { background-image : url(https://i.imgur.com/XfEEZ66.png); width : 31mm; transform : translateX(-49.5%); height : 8.3mm; bottom : 1.5mm; } h1 { font-family : 'De Vinne'; -webkit-text-stroke : unset; color : rgba(0, 0, 0, 0); background-image : linear-gradient(#a22814 20%, #e18927 50%, #f7e8d1 80%); -webkit-background-clip : text; background-clip : text; filter : drop-shadow(0px -1px 0.1px #d19480) drop-shadow(1px 2px 0.2px #442c2f); line-height : 1em; font-size : 70px; padding-top : 3px; margin-top : 0; margin-bottom : -17px; } h2 { -webkit-text-stroke : unset; font-family : 'FZ HAND'; font-size : 30px; font-weight : bold; color : #442c2f; text-transform : uppercase; transform : scaleY(0.6); text-align-last : justify; padding : 0; margin : -3.3mm -3mm -4.5mm -1mm; filter : drop-shadow(0.2mm 0.5mm 0.2px var(--offwhite)); } } .header { position : absolute; top : 32px; left : 0; font-family : 'FrizQ'; font-size : 27px; text-align : center; color : var(--offwhite); width : 100%; z-index : 1; p { text-indent : unset; } &::before, &::after { content : attr(title); position : absolute; top : 0; left : 0; right : 0; font-family : 'FrizQ'; font-size : 27px; text-align : center; } &::after { -webkit-text-stroke : 9px #050b7f; --shadow1 : drop-shadow(0 0 0.06mm var(--offwhite)); --shadow2 : var(--shadow1) var(--shadow1) var(--shadow1); filter : var(--shadow2) var(--shadow2) var(--shadow2); z-index : -1; } } /* INSIDE COVER ____________________________________________________________________ */ &:has(.insideCover,.toc) { /* 0.5571 */ padding-top : 174px; background-image : none; background-color : var(--offwhite); strong { -webkit-text-stroke : 0.15mm black; } .note { text-align : left; width : 70%; padding : 6px 10px; p { font-size : 17px; } } h1:not(.logo h1) { margin-top : 0; font-family : 'Packard Antique'; font-size : 32px; font-weight : bold; text-transform : unset; } h2:not(.logo h2) { font-family : 'Packard Antique'; font-size : 24px; font-weight : bold; letter-spacing : unset; color : black; } hr { display : none; } .header { &::before, &::after { content : attr(title); position : absolute; top : 0; left : 0; right : 0; font-family : 'FrizQ'; font-size : 21px; text-align : center; color : black; } &::after { -webkit-text-stroke: 7px var(--offwhite); --setup : drop-shadow(0 0 0.06mm black); --shadow : var(--setup) var(--setup) var(--setup); filter : var(--shadow) var(--shadow) var(--shadow); z-index : -1; } } .logo { bottom : unset; top : 36px; height : 58px; border-image-width : 18px 67px 23px; border-image-outset : 13px 48px 0 50px; filter : saturate(0) contrast(1.2); h1 { font-size : 39px; padding-top : 5px; line-height : 1em; filter : contrast(1.7) drop-shadow(0 -1px 0.1px #c4c4c4) drop-shadow(1px 2px 0.2px #383838); } h2 { letter-spacing : unset; font-size : 18px; padding-top : 9px; margin-left : -4px; margin-right : -3px; } &::before, &::after { width : 15.6mm; } &::before { height : 3.5mm; top : -2.3mm; } &::after { width : 17.3mm; height : 4.6mm; bottom : 0.84mm; } } .footnote { color : black; left : 5%; width : 90%; text-align : left; p { text-indent : 0; } } .logo2 { position : relative; height : 2cm; display : flex; justify-content : center; img { max-width : 100%; max-height : 100%; } } } &:has(.logo.sun):not(:has(.frontCover))::after { width : 66mm; height : 16.3mm; top : 21mm; left : 75mm; filter : saturate(0) contrast(1.2); } /* TABLE OF CONTENTS ____________________________________________________________________ */ .toc { margin-bottom : 18px; h2:not(ul h2) { padding-bottom : 18px; } ul { font-size : 16px; font-family : 'Packard Antique'; font-weight : bold; li + li h3 { margin-top : 0.26cm; } li * { color : black; margin-bottom : -7px; } h3 { font-size : 16px; } h4 { font-size : 16px; margin-top : 10px; margin-bottom : 8px; } span { &:first-child::after { border-bottom : none; position : relative; bottom : -5px; margin-left : 8px; background-image : url('data:image/svg+xml,'); background-repeat : repeat-x; background-size : 8px 8px; background-position : left bottom; } &:last-child { font-family : 'Packard Antique'; font-size : 0.4cm; font-weight : bold; margin-bottom : 0; } } } } /* BACK COVER ____________________________________________________________________ */ &:has(.backCover) { background-image : unset; background-color : #880004; .backCover { background-image : unset; } .logo2 { position : absolute; bottom : 2cm; left : 0; right : 0; margin : auto; height : 2cm; width : 2cm; display : flex; justify-content : center; img { max-width : 100%; max-height : 100%; } } } } ``` {{frontCover}} {{logo,sun # Bright•Sun ## H o m e b r e w }} {{footnote A guide to campaigns set beneath the Dark Sun }} # Rule Book ![dark sun cover image](https://i.imgur.com/HZ29MH1.jpg){position:absolute,bottom:0,left:-5%,height:107%} \page {{insideCover}} {{logo,sun # Bright•Sun ## H o m e b r e w }} # Rules Book {{toc ## Table of Contents - ### [{{ Chapter One: Ability Scores}}{{ 2}}](#p3) - ### [{{ Chapter Two: Player Character Races}}{{ 3}}](#p3) - ### [{{ Chapter Three: Player Character Classes}}{{ 19}}](#p3) - ### [{{ Chapter Four: Alignment}}{{ 42}}](#p3) - ### [{{ Chapter Five: Proficiencies}}{{ 44}}](#p3) - ### [{{ Chapter Six: Money and Equipment}}{{ 49}}](#p3) - ### [{{ Chapter Seven: Magic}}{{ 56}}](#p3) - ### [{{ Chapter Eight: Experience }}{{ 63}}](#p3) - ### [{{ Chapter Nine: Combat}}{{ 68}}](#p3) - ### [{{ Chapter Ten: Treasure}}{{ 73}}](#p3) - ### [{{ Chapter Eleven: Encounters}}{{ 77}}](#p3) - ### [{{ Chapter Twelve: NPCs}}{{ 82}}](#p3) - ### [{{ Chapter Thirteen: Vision and Light}}{{ 84}}](#p3) - ### [{{ Chapter Fourteen: Time and Movement}}{{ 85}}](#p3) - ### [{{ Chapter Fifteen: New Spells}}{{ 90}}](#p3) }} {{note **Template Design** by [u/Kaiburr_Kath-Hound](https://www.reddit.com/user/Kaiburr_Kath-Hound/) : **Black & White Art** by [Brom (NSFW)](https://www.bromart.com/) & [Tom Baxa](https://baxaart.myshopify.com/) **Color Art** by [Brom (NSFW)](https://www.bromart.com/) **Graphic Design & Production** by Dee Barnett & Paul Hanchette **Typography** by Tracey Zamagne }} {{logo2 ![](/assets/naturalCritLogoRed.svg)}} {filter:brightness(0)} {{footnote The contents of this document is unofficial Fan Content permitted under the Fan Content Policy. Not approved/endorsed by Wizards or TSR. Portions of the materials used are property of Wizards of the Coast. ©Wizards of the Coast LLC. }} \page {{header Chapter 1: Ability Scores }} # Header 1 ## Header 2 ### Header 3 #### Header 4 ##### Header 5 {{monster,frame ## Braxat *Medium guy, oedpipal neutral* ___ **Armor Class** :: 20 (chain mail, shield) ___ | STR | DEX | CON | INT | WIS | CHA | |:-----:|:-----:|:-----:|:-----:|:-----:|:-----:| | 9 (+0)| 7 (-1)| 6 (-2)|11 (+1)|17 (+4)|15 (+3)| ___ **Condition Immunities** :: None ___ ***Fowl Appearance.*** While the creature remains motionless, it is indistinguishable from a normal chicken. ### Actions ***Atomic Death Throw.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) }} : {{descriptive ##### Read-Aloud Text Use descriptive boxes to highlight text that should be read aloud. **Tables and lists** both work within a descriptive box. }} \column {{note ##### Time to Drop Knowledge Use notes to point out some interesting information. **Tables and lists** both work within a note. }} ##### Character Advancement | Experience Points | Level | Proficiency Bonus | |:------------------|:-----:|:-----------------:| | 0 | 1 | +2 | | 300 | 2 | +2 | | 900 | 3 | +2 | | 2,700 | 4 | +2 | | 6,500 | 5 | +3 | | 14,000 | 6 | +3 | {{pageNumber,auto}} \page {{monster ## Rainbow Manatee *Stupidly vast fiend, narrow-minded neutral* ___ **Armor Class** :: 20 (chain mail, shield) **Hit Points** :: 66(1d4 + 5) **Speed** :: 34ft. ___ | STR | DEX | CON | INT | WIS | CHA | |:-----:|:-----:|:-----:|:-----:|:-----:|:-----:| |14 (+2)|10 (+0)|9 (+0)|11 (+1)|15 (+3)|16 (+3)| ___ **Condition Immunities** :: groovy, melancholy **Senses** :: darkvision 60 ft., passive Perception 18 **Languages** :: Latin, Jive **Challenge** :: 4 (4547 XP) {{bonus **Proficiency Bonus** +3}} ___ ***Onion Stench.*** Any creatures within 5 feet of this thing develops an irrational craving for onion rings. : ***Pack Tactics.*** These guys work together like vegemite and toast. : ***Big Jerk.*** Whenever this creature makes an attack, it starts telling you how much cooler it is than you. : ***Pack Tactics.*** These guys work together like peanut butter and jelly. Jelly and peanut butter. When one of these guys attacks, the target is covered with, well, peanut butter and jelly. ### Actions ***Somersault Stump Fists.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) : ***Super Hip Submission.*** *Melee Weapon Attack:* +4 to hit, reach 5ft., one target. *Hit* 5 (1d6 + 2) }} {{footnote,ten Ability Scores}} {{pageNumber,auto}} \page {{footnote,seventeen Ability Scores}} {{pageNumber,auto}} \page {{backCover}} {{logo2 ![](/assets/naturalCritLogoWhite.svg)}}