Skip to content

Instantly share code, notes, and snippets.

@soularization
Created June 7, 2023 01:05
Show Gist options
  • Save soularization/96606472580403d7786347af73df2ba3 to your computer and use it in GitHub Desktop.
Save soularization/96606472580403d7786347af73df2ba3 to your computer and use it in GitHub Desktop.
Aphotic (Profile Layout0 [ARCHIVED]
<div style="width:600px;height:620px;margin:auto;">
<div style="float:left;margin-top:0px;background-color:#fff;width:600px;height:600px;"><img alt="" src="https://i.imgur.com/eLRMTy8.png" style="height:600px;width:600px;" /></div>
<div style="float:left;width:625px;height:570px;margin-top:-500px;margin-left:0px;">
<div style="width:600px;height:400px;overflow:hidden;float:left;margin:0px;">
<div style="width:625px;height:400px;overflow:auto;">
<div style="float:left;margin-top:0px;margin-left:200px;background-color:#fff;width:200px;height:395px;border-width:1px;border-style:solid;border-color:#000;">&nbsp;</div>
<div style="float:left;margin-top:-260px;margin-left:225px;background-color:#000;width:150px;height:3px;">&nbsp;</div>
<div style="float:left;margin-top:-215px;margin-left:200px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:200px;text-align:center;"><span style="font-size:24px;"><strong><span style="color:#000;"><span style="font-family:'century gothic';">APHOTIC</span></span></strong></span></div>
<div style="float:left;margin-top:-165px;margin-left:225px;background-color:#000;width:150px;height:3px;">&nbsp;</div>
<div style="float:left;width:600px;height:0px;margin-top:500px;">
<div style="float:left;margin-top:-390px;margin-left:10px;background-color:#000;width:200px;height:150px;">&nbsp;</div>
<div style="float:left;margin-top:-389px;margin-left:11px;background-color:#fff;width:198px;height:148px;">&nbsp;</div>
<div style="float:left;margin-top:-365px;margin-left:11px;background-color:#000;width:198px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-383px;margin-left:18px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:183px;text-align:left;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">ABOUT THE SOUL</span></span></span></div>
<div style="float:left;margin-top:-383px;margin-left:18px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:183px;text-align:right;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">✕</span></span></span></div>
<div style="float:left;width:178px;height:108px;margin-top:-357px;margin-left:21px;">
<div style="width:178px;height:108px;overflow:hidden;float:left;margin:0px;">
<div style="width:203px;height:108px;overflow:auto;">
<div style="float:left;width:178px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-230px;margin-left:50px;background-color:#000;width:150px;height:100px;">&nbsp;</div>
<div style="float:left;margin-top:-229px;margin-left:51px;background-color:#fff;width:148px;height:98px;">&nbsp;</div>
<div style="float:left;margin-top:-228px;margin-left:52px;background-color:#f44;width:146px;height:96px;"><img alt="" src="https://i.imgur.com/Fp1pP5b.jpg" style="width:146px;height:96px;" /></div>
<div style="float:left;margin-top:-120px;margin-left:20px;background-color:#000;width:300px;height:110px;">&nbsp;</div>
<div style="float:left;margin-top:-119px;margin-left:21px;background-color:#fff;width:298px;height:108px;">&nbsp;</div>
<div style="float:left;margin-top:-95px;margin-left:21px;background-color:#000;width:298px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-113px;margin-left:28px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:283px;text-align:left;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">out of character notes</span></span></span></div>
<div style="float:left;margin-top:-113px;margin-left:28px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:283px;text-align:right;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">✕</span></span></span></div>
<div style="float:left;width:278px;height:68px;margin-top:-87px;margin-left:31px;">
<div style="width:278px;height:68px;overflow:hidden;float:left;margin:0px;">
<div style="width:303px;height:68px;overflow:auto;">
<div style="float:left;width:278px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-370px;margin-left:240px;background-color:#000;width:250px;height:150px;">&nbsp;</div>
<div style="float:left;margin-top:-369px;margin-left:241px;background-color:#fff;width:248px;height:148px;">&nbsp;</div>
<div style="float:left;margin-top:-345px;margin-left:240px;background-color:#000;width:250px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-363px;margin-left:248px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:220px;text-align:left;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">MY ATTITUDE TOWARDS LIFE</span></span></span></div>
<div style="float:left;margin-top:-363px;margin-left:260px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:220px;text-align:right;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">✕</span></span></span></div>
<div style="float:left;width:226px;height:68px;margin-top:-338px;margin-left:252px;">
<div style="width:226px;height:108px;overflow:hidden;float:left;margin:0px;">
<div style="width:251px;height:108px;overflow:auto;">
<div style="float:left;width:226px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-210px;margin-left:220px;background-color:#000;width:150px;height:80px;">&nbsp;</div>
<div style="float:left;margin-top:-209px;margin-left:221px;background-color:#fff;width:148px;height:78px;">&nbsp;</div>
<div style="float:left;margin-top:-185px;margin-left:220px;background-color:#000;width:150px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-203px;margin-left:228px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:150px;text-align:left;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">RP TRACKER</span></span></span></div>
<div style="float:left;margin-top:-203px;margin-left:210px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:150px;text-align:right;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">✕</span></span></span></div>
<div style="float:left;width:128px;height:38px;margin-top:-177px;margin-left:232px;">
<div style="width:128px;height:38px;overflow:hidden;float:left;margin:0px;">
<div style="width:153px;height:38px;overflow:auto;">
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
<div style="float:left;width:128px;margin-top:0px;margin-left:0px;line-height:8px;text-align:left;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">partner&#39;s name.</span></span></span></div>
<div style="float:left;width:128px;margin-top:-9px;margin-left:0px;line-height:8px;text-align:right;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">replied.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-200px;margin-left:390px;background-color:#000;width:200px;height:180px;">&nbsp;</div>
<div style="float:left;margin-top:-199px;margin-left:391px;background-color:#fff;width:198px;height:178px;">&nbsp;</div>
<div style="float:left;margin-top:-175px;margin-left:390px;background-color:#000;width:200px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-193px;margin-left:398px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:200px;text-align:left;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">love that is adamant</span></span></span></div>
<div style="float:left;margin-top:-193px;margin-left:382px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:200px;text-align:right;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">✕</span></span></span></div>
<div style="float:left;margin-top:-175px;margin-left:390px;background-color:#000;width:100px;height:50px;">&nbsp;</div>
<div style="float:left;margin-top:-175px;margin-left:489px;background-color:#000;width:100px;height:50px;">&nbsp;</div>
<div style="float:left;margin-top:-174px;margin-left:391px;background-color:#fff;width:98px;height:48px;">&nbsp;</div>
<div style="float:left;margin-top:-174px;margin-left:490px;background-color:#fff;width:99px;height:48px;">&nbsp;</div>
<div style="float:left;margin-top:-173px;margin-left:392px;background-color:#fff;width:96px;height:46px;"><img alt="" src="https://i.imgur.com/QmBjbqS.jpg" style="width:96px;height:46px;" /></div>
<div style="float:left;margin-top:-151px;margin-left:490px;background-color:#000;width:99px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-169px;margin-left:497px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:89px;text-align:center;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">lover&#39;s name</span></span></span></div>
<div style="float:left;margin-top:-145px;margin-left:497px;line-height:8px;letter-spacing:2px;text-transform:uppercase;width:89px;text-align:center;"><span style="font-size:8px;"><span style="color:#000;"><span style="font-family:'century gothic';">mm/dd/yyyy</span></span></span></div>
<div style="float:left;width:178px;height:108px;margin-top:-117px;margin-left:402px;">
<div style="width:178px;height:88px;overflow:hidden;float:left;margin:0px;">
<div style="width:203px;height:88px;overflow:auto;">
<div style="float:left;width:178px;margin-top:0px;margin-left:0px;line-height:8px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&nbsp;lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></span></span></div>
</div>
</div>
</div>
<div style="float:left;margin-top:-390px;margin-left:500px;background-color:#000;width:90px;height:140px;">&nbsp;</div>
<div style="float:left;margin-top:-389px;margin-left:501px;background-color:#fff;width:88px;height:138px;">&nbsp;</div>
<div style="float:left;margin-top:-388px;margin-left:502px;background-color:#fff;width:86px;height:136px;"><img alt="" src="https://i.imgur.com/u64cT0U.jpg" style="height:136px;width:86px;" /></div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-top:-65px;margin-left:0px;width:600px;line-height:8px;letter-spacing:2px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/26358" title="SOULARIZAITON 2022 [ this layout was created by the user LAURENT/BENEFICENT/SOULAR - exclusively distributed through the layout shop: STUDIO PREMIER. PHOTO CREDITS TO TUMBLR USER: GOOEVIL. if the layout has an error, glitch or a faulty code, please refer to the shop or LAURENT as soon as possible to get it fixed. the following will result in a report to the Role Play Republic's moderators: removal of the credit / copyright mark from ALL layouts LAURENT/BENEFICENT / STUDIO PREMIER. Unauthorized use of the layout from LAURENT/BENEFICENT / STUDIO PREMIER in another layout shop. THEFT of code / techniques / style, etc. thank you, and enjoy!"><span style="font-family:Calibri;"><span style="font-size:8px;"><span style="color:#000;">SOULARIZATION &copy; MMXXII</span></span></span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment