Post by paperwork on Mar 10, 2022 21:18:13 GMT
[nospaces][googlefont=Noto Sans Symbols]
[newclass=.AlchemyVariables]/*THESE ARE THE VALUES YOU CAN CHANGE! (do not remove the slashes and asterisks)
NOTE: I'd recommend sticking to portrait-oriented images, since they're less likely to be cut off. If the image is being cut off, then go to the AlchemyImage class and add/change the background positioning there. Check the div guide for how to do that, the link is in my (Reyn's) signature.
*/--background:#FFFFFF;/*
*/--backgroundtwo:#EEEEEE;/*
*/--text:#090909;/*
*/--texttwo:#DDDDDD;/*
*/--fontbody:quicksand;/*
*/--fonttitle:megrim;/*
*/--image:url(https://i.imgur.com/diXy9Si.png)[/newclass]
[newclass=.AlchemyWrap]width:910px;height:550px;display:grid;grid-template-columns:60px auto;grid-template-areas:'SIDE MAIN';margin:auto;color:var(--text);cursor: context-menu;font-family:var(--fontbody);font-size:13px[/newclass]
[newclass=.AlchemySide]grid-area:SIDE;background-color:var(--text);position:relative;[/newclass]
[newclass=.AlchemyMain]grid-area:MAIN;background-color:var(--background);font-size:13px[/newclass]
[newclass=.AlchemySideTitle]writing-mode: vertical-rl;text-align:left;font-size:27px;color:var(--texttwo);transform:rotate(180deg);position:absolute;top:15px;left:15px;background-color:var(--text);font-family:var(--fonttitle)[/newclass]
[newclass=.AlchemySidePadding]padding-left:29px;padding-right:29px;padding-bottom:15px;padding-top:20px;[/newclass]
[newclass=.AlchemySideLine]background-color:var(--texttwo);height:515px;width:1.5px;[/newclass]
[newclass=.AlchemySideSymbol]font-size:37px;color:var(--texttwo);position:absolute;bottom:15px;left:11.5px;background-color:var(--text);font-family:Noto Sans Symbols;padding-top:6px[/newclass]
[newclass=.AlchemyMainGrid]display:grid;grid-template-columns:300px auto;grid-template-areas:'MENU GAP';height:550px;[/newclass]
[newclass=.AlchemyGap]grid-area:GAP;background-color:var(--background);height:100%[/newclass]
[newclass=.AlchemyMenu]grid-area:MENU;background-color:var(--backgroundtwo);height:100%;font-size:15px[/newclass]
[newclass=.AlchemyMenuPadding]height:200px;padding-left:12px;padding-right:6px[/newclass]
[newclass=.AlchemyImageHeight]height:350px;[/newclass]
[newclass=.AlchemyImagePadding]height:100%;width:100%;padding-left:15px;padding-top:42px[/newclass]
[newclass=.AlchemyImage]background-image:var(--image);background-size:cover;width:calc(100% - 30px);height:calc(100% - 57px);[/newclass]
[newclass=.AlchemyMenuContent]position:absolute;top:-353px;right:-559px;width:550px;height:550px;background-color:var(--background);font-size:13px;[/newclass]
[newclass=.AlchemyMenuContentPadding]padding:15px;position:relative;font-size:13px[/newclass]
[newclass=.AlchemyContentTitle]font-family:var(--fonttitle);background-color:var(--background);position:absolute;top:20px;left:15px;font-size:26px[/newclass]
[newclass=.AlchemyContentTitleGap]height:50px;width:100%[/newclass]
[newclass=.AlchemyContentBody]overflow:auto;text-align:justify;height:460px;font-size:13px[/newclass]
[newclass=.AlchemyContentBodyFontSize]font-size:13px[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar]width:17px;[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar-thumb]background-color:var(--text);width:17px;border-left: 15px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]
[newclass=.AlchemyContentBodyQuote]font-size:15px;font-style:italic;text-align:center;padding:15px;[/newclass]
[newclass=.AlchemyContentBodySymbol]font-size:23px;font-family:Noto Sans Symbols;text-align:center;font-style:normal;[/newclass]
[newclass=.AlchemyContentBodyGrid]display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:'LEFT CENTRE RIGHT';[/newclass]
[newclass=.AlchemyContentBodyGridLeft]grid-area:LEFT;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridCentre]grid-area:CENTRE;padding-left:7.5px;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridRight]grid-area:RIGHT;padding-left:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridHeader]background-color:var(--backgroundtwo);padding:5px;font-size:15px;[/newclass]
[newclass=.AlchemyContentBodyGridPadding]height:15px;width:100%[/newclass]
[newclass=.AlchemyContentBodyStatGrid]display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:'ONE TWO THREE FOUR FIVE SIX';font-size:14px;text-align:center;[/newclass]
[newclass=.AlchemyContentBodyStatGridOne]grid-area:ONE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridTwo]padding-left:7.5px;grid-area:TWO;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridThree]padding-left:7.5px;grid-area:THREE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridFour]padding-left:7.5px;grid-area:FOUR;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridFive]padding-left:7.5px;grid-area:FIVE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridSix]padding-left:7.5px;grid-area:SIX;[/newclass]
[newclass=.AlchemyVariables]/*THESE ARE THE VALUES YOU CAN CHANGE! (do not remove the slashes and asterisks)
NOTE: I'd recommend sticking to portrait-oriented images, since they're less likely to be cut off. If the image is being cut off, then go to the AlchemyImage class and add/change the background positioning there. Check the div guide for how to do that, the link is in my (Reyn's) signature.
*/--background:#FFFFFF;/*
*/--backgroundtwo:#EEEEEE;/*
*/--text:#090909;/*
*/--texttwo:#DDDDDD;/*
*/--fontbody:quicksand;/*
*/--fonttitle:megrim;/*
*/--image:url(https://i.imgur.com/diXy9Si.png)[/newclass]
[newclass=.AlchemyWrap]width:910px;height:550px;display:grid;grid-template-columns:60px auto;grid-template-areas:'SIDE MAIN';margin:auto;color:var(--text);cursor: context-menu;font-family:var(--fontbody);font-size:13px[/newclass]
[newclass=.AlchemySide]grid-area:SIDE;background-color:var(--text);position:relative;[/newclass]
[newclass=.AlchemyMain]grid-area:MAIN;background-color:var(--background);font-size:13px[/newclass]
[newclass=.AlchemySideTitle]writing-mode: vertical-rl;text-align:left;font-size:27px;color:var(--texttwo);transform:rotate(180deg);position:absolute;top:15px;left:15px;background-color:var(--text);font-family:var(--fonttitle)[/newclass]
[newclass=.AlchemySidePadding]padding-left:29px;padding-right:29px;padding-bottom:15px;padding-top:20px;[/newclass]
[newclass=.AlchemySideLine]background-color:var(--texttwo);height:515px;width:1.5px;[/newclass]
[newclass=.AlchemySideSymbol]font-size:37px;color:var(--texttwo);position:absolute;bottom:15px;left:11.5px;background-color:var(--text);font-family:Noto Sans Symbols;padding-top:6px[/newclass]
[newclass=.AlchemyMainGrid]display:grid;grid-template-columns:300px auto;grid-template-areas:'MENU GAP';height:550px;[/newclass]
[newclass=.AlchemyGap]grid-area:GAP;background-color:var(--background);height:100%[/newclass]
[newclass=.AlchemyMenu]grid-area:MENU;background-color:var(--backgroundtwo);height:100%;font-size:15px[/newclass]
[newclass=.AlchemyMenuPadding]height:200px;padding-left:12px;padding-right:6px[/newclass]
[newclass=.AlchemyImageHeight]height:350px;[/newclass]
[newclass=.AlchemyImagePadding]height:100%;width:100%;padding-left:15px;padding-top:42px[/newclass]
[newclass=.AlchemyImage]background-image:var(--image);background-size:cover;width:calc(100% - 30px);height:calc(100% - 57px);[/newclass]
[newclass=.AlchemyMenuContent]position:absolute;top:-353px;right:-559px;width:550px;height:550px;background-color:var(--background);font-size:13px;[/newclass]
[newclass=.AlchemyMenuContentPadding]padding:15px;position:relative;font-size:13px[/newclass]
[newclass=.AlchemyContentTitle]font-family:var(--fonttitle);background-color:var(--background);position:absolute;top:20px;left:15px;font-size:26px[/newclass]
[newclass=.AlchemyContentTitleGap]height:50px;width:100%[/newclass]
[newclass=.AlchemyContentBody]overflow:auto;text-align:justify;height:460px;font-size:13px[/newclass]
[newclass=.AlchemyContentBodyFontSize]font-size:13px[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar]width:17px;[/newclass]
[newclass=.AlchemyContentBody::-webkit-scrollbar-thumb]background-color:var(--text);width:17px;border-left: 15px solid rgba(0, 0, 0, 0);background-clip: padding-box;[/newclass]
[newclass=.AlchemyContentBodyQuote]font-size:15px;font-style:italic;text-align:center;padding:15px;[/newclass]
[newclass=.AlchemyContentBodySymbol]font-size:23px;font-family:Noto Sans Symbols;text-align:center;font-style:normal;[/newclass]
[newclass=.AlchemyContentBodyGrid]display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:'LEFT CENTRE RIGHT';[/newclass]
[newclass=.AlchemyContentBodyGridLeft]grid-area:LEFT;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridCentre]grid-area:CENTRE;padding-left:7.5px;padding-right:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridRight]grid-area:RIGHT;padding-left:7.5px[/newclass]
[newclass=.AlchemyContentBodyGridHeader]background-color:var(--backgroundtwo);padding:5px;font-size:15px;[/newclass]
[newclass=.AlchemyContentBodyGridPadding]height:15px;width:100%[/newclass]
[newclass=.AlchemyContentBodyStatGrid]display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:'ONE TWO THREE FOUR FIVE SIX';font-size:14px;text-align:center;[/newclass]
[newclass=.AlchemyContentBodyStatGridOne]grid-area:ONE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridTwo]padding-left:7.5px;grid-area:TWO;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridThree]padding-left:7.5px;grid-area:THREE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridFour]padding-left:7.5px;grid-area:FOUR;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridFive]padding-left:7.5px;grid-area:FIVE;padding-right:7.5px;[/newclass]
[newclass=.AlchemyContentBodyStatGridSix]padding-left:7.5px;grid-area:SIX;[/newclass]
[attr="class",AlchemyVariables]
[attr="class",AlchemyWrap]
[attr="class",AlchemySide]
[attr="class",AlchemySideTitle]⠀Character Title
[attr="class",AlchemySidePadding]
[attr="class",AlchemySideLine]
[attr="class",AlchemySideSymbol]⛥
[attr="class",AlchemyMain]
[attr="class",AlchemyMainGrid]
[attr="class",AlchemyMenu]
[attr="class",AlchemyImageHeight]
[attr="class",AlchemyImagePadding]
[attr="class",AlchemyImage]
[attr="class",AlchemyMenuPadding]
[PTabbedContent]
[PTab=
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[/PTabbedContent={tabs:side;tab-alignment:left;border:0px hidden transparent;tabwidth:200}]
[PTabbedContent]
[PTab=
⠀⊛⠀OVERVIEW
][attr="class",AlchemyMenuContent]
[attr="class",AlchemyMenuContentPadding]
[attr="class",AlchemyContentTitle]Title One
[attr="class",AlchemyContentTitleGap]
[attr="class",AlchemyContentBody]
[break][break]
[attr="class",AlchemyContentBodyQuote]"Honestly, this job isn't as bad as it sounds. I may not get paid, or have shelter, or, you know, control of my life. But on the bright side, I'm mostly not dead!"
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGrid]
[attr="class",AlchemyContentBodyGridLeft]
- Nadia Kuznetsov
[attr="class",AlchemyContentBodyGridHeader]🜸 NAME
[attr="class",AlchemyContentBodyGridPadding]
- Nadia Kuznetsov
[attr="class",AlchemyContentBodyGridCentre]
- 23.
[attr="class",AlchemyContentBodyGridHeader]🜸 AGE
[attr="class",AlchemyContentBodyGridPadding]
- 23.
[attr="class",AlchemyContentBodyGridRight]
- Female.
[attr="class",AlchemyContentBodyGridHeader]🜸 GENDER
[attr="class",AlchemyContentBodyGridPadding]
- Female.
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGrid]
[attr="class",AlchemyContentBodyGridLeft]
- Ambassador to the Usurper City of Praach
[attr="class",AlchemyContentBodyGridHeader]🜸Occupation:
[attr="class",AlchemyContentBodyGridPadding]
- Ambassador to the Usurper City of Praach
[attr="class",AlchemyContentBodyGridCentre]
- Undead Reborn Human.
[attr="class",AlchemyContentBodyGridHeader]🜸 Heritage
[attr="class",AlchemyContentBodyGridPadding]
- Undead Reborn Human.
[attr="class",AlchemyContentBodyGridRight]
- Neutral
[attr="class",AlchemyContentBodyGridHeader]🜸 Alignment
[attr="class",AlchemyContentBodyGridPadding]
- Neutral
[break][break]
[attr="class",AlchemyContentBodyFontSize]
(loud screaming)
[break][break]
(loud screaming)
[break][break]
(loud screaming)
(loud screaming)
[break][break]
(loud screaming)
[break][break]
(loud screaming)
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
⠀⊛⠀BACKGROUND
][attr="class",AlchemyMenuContent]
[attr="class",AlchemyMenuContentPadding]
[attr="class",AlchemyContentTitle]Title Two
[attr="class",AlchemyContentTitleGap]
[attr="class",AlchemyContentBody]
[attr="class",AlchemyContentBodyQuote]"This item and the next are good for long prose sections, like background and personality. You can copy the format from other sections in here if you want, though."
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyFontSize]
The symbols used in this sheet are alchemical symbols used in the Noto Sans Symbols font on google fonts. You can change them to whatever you want.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis. Vestibulum aliquet nisl dolor, eu hendrerit odio facilisis ac. Ut eget elementum tellus. Vestibulum mauris est, mollis rhoncus ante id, porttitor volutpat nibh. Quisque ipsum lectus, laoreet ut nisl sit amet, suscipit hendrerit elit. Suspendisse sed leo leo. Nam nec venenatis augue. Suspendisse potenti. Suspendisse gravida elit ac ligula ultrices auctor. Phasellus a lorem vel erat sodales sodales et id augue. Fusce tincidunt sagittis mi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
The symbols used in this sheet are alchemical symbols used in the Noto Sans Symbols font on google fonts. You can change them to whatever you want.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis. Vestibulum aliquet nisl dolor, eu hendrerit odio facilisis ac. Ut eget elementum tellus. Vestibulum mauris est, mollis rhoncus ante id, porttitor volutpat nibh. Quisque ipsum lectus, laoreet ut nisl sit amet, suscipit hendrerit elit. Suspendisse sed leo leo. Nam nec venenatis augue. Suspendisse potenti. Suspendisse gravida elit ac ligula ultrices auctor. Phasellus a lorem vel erat sodales sodales et id augue. Fusce tincidunt sagittis mi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
⠀⊛⠀LIVING IN A DITCH
][attr="class",AlchemyMenuContent]
[attr="class",AlchemyMenuContentPadding]
[attr="class",AlchemyContentTitle]Title Three
[attr="class",AlchemyContentTitle]Title Three
[attr="class",AlchemyContentTitleGap]
[attr="class",AlchemyContentBody]
[attr="class",AlchemyContentBodyQuote]"This is the other long section. Wahoo!"
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyFontSize]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin purus et risus ultricies molestie. Etiam in nulla urna. Aenean at varius orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce euismod a erat sit amet tristique. Aliquam et iaculis dolor. Maecenas venenatis lorem in nunc feugiat cursus.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis. Vestibulum aliquet nisl dolor, eu hendrerit odio facilisis ac. Ut eget elementum tellus. Vestibulum mauris est, mollis rhoncus ante id, porttitor volutpat nibh. Quisque ipsum lectus, laoreet ut nisl sit amet, suscipit hendrerit elit. Suspendisse sed leo leo. Nam nec venenatis augue. Suspendisse potenti. Suspendisse gravida elit ac ligula ultrices auctor. Phasellus a lorem vel erat sodales sodales et id augue. Fusce tincidunt sagittis mi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis. Vestibulum aliquet nisl dolor, eu hendrerit odio facilisis ac. Ut eget elementum tellus. Vestibulum mauris est, mollis rhoncus ante id, porttitor volutpat nibh. Quisque ipsum lectus, laoreet ut nisl sit amet, suscipit hendrerit elit. Suspendisse sed leo leo. Nam nec venenatis augue. Suspendisse potenti. Suspendisse gravida elit ac ligula ultrices auctor. Phasellus a lorem vel erat sodales sodales et id augue. Fusce tincidunt sagittis mi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet.
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyQuote]"Whaaat? You can add quotes in between paragraphs? Yeah you can."
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyFontSize]Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis. Vestibulum aliquet nisl dolor, eu hendrerit odio facilisis ac. Ut eget elementum tellus. Vestibulum mauris est, mollis rhoncus ante id, porttitor volutpat nibh. Quisque ipsum lectus, laoreet ut nisl sit amet, suscipit hendrerit elit. Suspendisse sed leo leo. Nam nec venenatis augue. Suspendisse potenti. Suspendisse gravida elit ac ligula ultrices auctor. Phasellus a lorem vel erat sodales sodales et id augue. Fusce tincidunt sagittis mi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
[break][break]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
⠀⊛⠀ABILITIES
][attr="class",AlchemyMenuContent]
[attr="class",AlchemyMenuContentPadding]
[attr="class",AlchemyContentTitle]ABILITIES
[attr="class",AlchemyContentTitleGap]
[attr="class",AlchemyContentBody]
[attr="class",AlchemyContentBodyQuote]"This section and the following section are good for lists of things with long descriptions, like powers and equipment."
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyStatGrid]
[attr="class",AlchemyContentBodyStatGridOne]
8 (1)
[attr="class",AlchemyContentBodyGridHeader]STR
[attr="class",AlchemyContentBodyGridPadding]
8 (1)
[attr="class",AlchemyContentBodyStatGridTwo]
15 (+2)
[attr="class",AlchemyContentBodyGridHeader]DEX
[attr="class",AlchemyContentBodyGridPadding]
15 (+2)
[attr="class",AlchemyContentBodyStatGridThree]
12 (+1)
[attr="class",AlchemyContentBodyGridHeader]CON
[attr="class",AlchemyContentBodyGridPadding]
12 (+1)
[attr="class",AlchemyContentBodyStatGridFour]
14 (+2)
[attr="class",AlchemyContentBodyGridHeader]INT
[attr="class",AlchemyContentBodyGridPadding]
14 (+2)
[attr="class",AlchemyContentBodyStatGridFive]
8 (-1)
[attr="class",AlchemyContentBodyGridHeader]WIS
[attr="class",AlchemyContentBodyGridPadding]
8 (-1)
[attr="class",AlchemyContentBodyStatGridSix]
17 (+3)
[attr="class",AlchemyContentBodyGridHeader]CHA
[attr="class",AlchemyContentBodyGridPadding]
17 (+3)
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridHeader]🜸 Ability Name One
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyFontSize]
You can put abilities and stuff here!
You can put abilities and stuff here!
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridHeader]🜸 Ability Name Two
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyFontSize]
If you want to add another ability, copy this cluster and replace the text/title! There doesn't just have to be two...
If you want to add another ability, copy this cluster and replace the text/title! There doesn't just have to be two...
[attr="class",AlchemyContentBodyGridPadding]
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[PTab=
⠀⊛⠀EQUIPMENT
][attr="class",AlchemyMenuContent]
[attr="class",AlchemyMenuContentPadding]
[attr="class",AlchemyContentTitle]Title Five
[attr="class",AlchemyContentTitleGap]
[attr="class",AlchemyContentBody]
[attr="class",AlchemyContentBodyQuote]"If you'd rather have another section that's formatted like one of the previous, copy and replace everything between AlchemyContentBody and the cluster of three /divs at the end of this section."
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodySymbol]🜔
[attr="class",AlchemyContentBodyGridHeader]🜸 Item Name One
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyFontSize]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin purus et risus ultricies molestie. Etiam in nulla urna. Aenean at varius orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce euismod a erat sit amet tristique. Aliquam et iaculis dolor. Maecenas venenatis lorem in nunc feugiat cursus.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin purus et risus ultricies molestie. Etiam in nulla urna. Aenean at varius orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce euismod a erat sit amet tristique. Aliquam et iaculis dolor. Maecenas venenatis lorem in nunc feugiat cursus.
[break][break]
Nunc placerat, nibh at sodales accumsan, tortor dolor feugiat tortor, non pharetra enim metus ac nisl. Integer mattis purus quis leo hendrerit, in faucibus sem facilisis. Morbi in sapien vitae odio blandit lobortis. Proin vel tincidunt felis.
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridHeader]🜸 Item Name Two
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyFontSize]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyGridHeader]🜸 Item Name Three
[attr="class",AlchemyContentBodyGridPadding]
[attr="class",AlchemyContentBodyFontSize]
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
Aliquam nec euismod tortor, sit amet convallis enim. Donec gravida justo nec tellus commodo congue. Proin sed libero libero. Proin suscipit nulla laoreet elit ultricies feugiat. Etiam ut semper felis. Nam congue viverra laoreet. Phasellus blandit tortor rhoncus, finibus sem quis, vestibulum odio. Fusce eget ipsum sit amet enim auctor porta sit amet et nulla. Praesent at tellus sit amet ex eleifend tristique. Cras efficitur, arcu in lacinia lobortis, turpis velit convallis odio, eget venenatis turpis sapien non ex. Mauris auctor tellus eros, euismod sagittis ligula molestie id. Nulla pharetra, neque sit amet molestie consectetur, velit nisl aliquam ex, id ultricies tortor purus consequat ante. Aliquam quis ullamcorper tellus, id efficitur justo. Fusce non arcu laoreet, aliquam nunc dapibus, tempus nisi.
[attr="class",AlchemyContentBodyGridPadding]
[/PTab={tab-background-color:var(--backgroundtwo);tab-selected-background-color:var(--text);tab-selected-color:var(--backgroundtwo);tab-hover-background-color:var(--text);tab-hover-color:var(--backgroundtwo);tab-height:25px;tab-width:300px;;}]
[/PTabbedContent={tabs:side;tab-alignment:left;border:0px hidden transparent;tabwidth:200}]
[attr="class",AlchemyGap]
Code by Reyn