Skip to content

Instantly share code, notes, and snippets.

@soularization
Created January 18, 2022 07:59
Show Gist options
  • Save soularization/a95ff37a899e829e2005b7ddb2e2e666 to your computer and use it in GitHub Desktop.
Save soularization/a95ff37a899e829e2005b7ddb2e2e666 to your computer and use it in GitHub Desktop.
Gaslight (Profile Layout)
<div style="width:330px;height:605px;margin:auto;">
<div style="float:left;margin-top:0px;background-color:#555;width:330px;height:590px;">&nbsp;</div>
<div style="float:left;margin-top:-589px;margin-left:1px;background-color:#fff;width:328px;height:588px;">&nbsp;</div>
<div style="float:left;margin-top:-590px;background-color:#000;width:150px;height:295px;">&nbsp;</div>
<div style="float:left;margin-top:-589px;margin-left:1px;background-color:#fff;width:148px;height:293px;">&nbsp;</div>
<div style="float:left;margin-top:-588px;margin-left:2px;background-color:#eee;width:146px;height:291px;"><img alt="" src="https://i.imgur.com/7nvPDgL.jpg" style="width:146px;height:291px;" /></div>
<div style="float:left;margin-top:-332px;margin-left:7px;background-color:#000;width:136px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-331px;margin-left:8px;background-color:#fff;width:134px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-323px;margin-left:8px;line-height:8px;letter-spacing:3px;text-transform:uppercase;width:134px;text-align:center;"><span style="font-size:14px;"><strong><span style="color:#000000;"><span style="font-family:calibri;">MAGGIE</span></span></strong></span></div>
<div style="float:left;margin-top:-324px;margin-left:8px;line-height:8px;letter-spacing:3px;text-transform:uppercase;width:132px;text-align:center;"><span style="font-size:14px;"><strong><span style="color:#fff;"><span style="font-family:calibri;">MAGGIE</span></span></strong></span></div>
<div style="float:left;margin-top:-295px;background-color:#000;width:150px;height:295px;">&nbsp;</div>
<div style="float:left;margin-top:-295px;margin-left:1px;background-color:#fff;width:148px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-286px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:148px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000000;"><span style="font-family:calibri;">maggie lindemann</span></span></strong></span></div>
<div style="float:left;margin-top:-264px;margin-left:1px;background-color:#fff;width:148px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-255px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:148px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">23 years old</span></span></strong></span></div>
<div style="float:left;margin-top:-233px;margin-left:1px;background-color:#fff;width:148px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-224px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:148px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">cancer</span></span></strong></span></div>
<div style="float:left;margin-top:-202px;margin-left:1px;background-color:#fff;width:148px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-193px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:148px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">love extends</span></span></strong></span></div>
<div style="float:left;margin-top:-171px;margin-left:1px;background-color:#fff;width:148px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-162px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:148px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">musician</span></span></strong></span></div>
<div style="float:left;margin-top:-140px;margin-left:1px;background-color:#fff;width:148px;height:139px;">&nbsp;</div>
<div style="float:left;margin-top:-139px;margin-left:2px;background-color:#eee;width:146px;height:137px;"><img alt="" src="https://i.imgur.com/RNu0MtP.jpg" style="width:146px;height:137px;" /></div>
<div style="float:left;margin-top:-47px;margin-left:7px;background-color:#000;width:136px;height:40px;">&nbsp;</div>
<div style="float:left;margin-top:-46px;margin-left:8px;background-color:#fff;width:134px;height:38px;">&nbsp;</div>
<div style="float:left;margin-top:-45px;margin-left:9px;background-color:#000;width:36px;height:36px;">&nbsp;</div>
<div style="float:left;margin-top:-37px;margin-left:17px;background:#000;width:20px;height:20px;border-radius:100px;overflow:hidden;"><span style="color:#000;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/894904555&amp;&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></span></div>
<div style="float:left;margin-top:-28px;margin-left:45px;background-color:#000;width:97px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-44px;margin-left:45px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:97px;text-align:center;"><span style="font-size:8px;"><strong><span style="color:#000;"><span style="font-family:calibri;">GASLIGHT!</span></span></strong></span></div>
<div style="float:left;margin-top:-25px;margin-left:45px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:97px;text-align:center;"><font color="#000000" face="calibri"><span style="font-size:8px;"><b>SIICKBRAIN</b></span></font></div>
<div style="float:left;width:168px;height:570px;margin-top:-585px;margin-left:155px;">
<div style="width:168px;height:580px;overflow:hidden;float:left;margin:0px;">
<div style="width:193px;height:580px;overflow:auto;">
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#000;width:168px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:166px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-22px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:166px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">What you need to know</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:142px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem Ipsum &quot;Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar vulputate lectus, a dictum dolor. Duis diam turpis, suscipit sit amet erat sit amet, sagittis gravida lacus. Vestibulum feugiat augue sapien, eget tempus diam accumsan mollis. Vestibulum nec erat id quam finibus iaculis at vel lorem. Nam quis magna tincidunt dui hendrerit pharetra ut id nibh.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;background-color:#000;width:168px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:166px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-22px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:166px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">What you need to know</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:142px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem Ipsum &quot;Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar vulputate lectus, a dictum dolor. Duis diam turpis, suscipit sit amet erat sit amet, sagittis gravida lacus. Vestibulum feugiat augue sapien, eget tempus diam accumsan mollis. Vestibulum nec erat id quam finibus iaculis at vel lorem. Nam quis magna tincidunt dui hendrerit pharetra ut id nibh.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;background-color:#000;width:168px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:166px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-22px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:166px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">just a little reminder</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:142px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem Ipsum &quot;Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar vulputate lectus, a dictum dolor. Duis diam turpis, suscipit sit amet erat sit amet, sagittis gravida lacus. Vestibulum feugiat augue sapien, eget tempus diam accumsan mollis. Vestibulum nec erat id quam finibus iaculis at vel lorem. Nam quis magna tincidunt dui hendrerit pharetra ut id nibh.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;background-color:#000;width:168px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:166px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-22px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:166px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">dedicated to my darling</span></span></strong></span></div>
<div style="float:left;margin-top:-1px;margin-left:0px;background-color:#000;width:50px;height:50px;">&nbsp;</div>
<div style="float:left;margin-top:0px;margin-left:-49px;background-color:#fff;width:48px;height:48px;">&nbsp;</div>
<div style="float:left;margin-top:1px;margin-left:-48px;background-color:#f55;width:46px;height:46px;"><img alt="" src="https://i.imgur.com/GctMqat.jpg" style="width:46px;height:46px;" /></div>
<div style="float:left;margin-top:-50px;margin-left:50px;background-color:#000;width:118px;height:50px;">&nbsp;</div>
<div style="float:left;margin-top:-49px;margin-left:50px;background-color:#fff;width:117px;height:48px;">&nbsp;</div>
<div style="float:left;margin-top:-26px;margin-left:50px;background-color:#000;width:117px;height:1px;">&nbsp;</div>
<div style="float:left;margin-top:-43px;margin-left:52px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:115px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">full name</span></span></strong></span></div>
<div style="float:left;margin-top:-18px;margin-left:52px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:115px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">official date</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:142px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem Ipsum &quot;Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar vulputate lectus, a dictum dolor. Duis diam turpis, suscipit sit amet erat sit amet, sagittis gravida lacus. Vestibulum feugiat augue sapien, eget tempus diam accumsan mollis. Vestibulum nec erat id quam finibus iaculis at vel lorem. Nam quis magna tincidunt dui hendrerit pharetra ut id nibh.</span></span></span></div>
</div>
<div style="float:left;margin-top:5px;margin-left:0px;background-color:#000;width:168px;height:30px;">&nbsp;</div>
<div style="float:left;margin-top:-29px;margin-left:1px;background-color:#fff;width:166px;height:28px;">&nbsp;</div>
<div style="float:left;margin-top:-22px;margin-left:0px;line-height:8px;letter-spacing:1px;text-transform:uppercase;width:166px;text-align:center;"><span style="font-size:9px;"><strong><span style="color:#000;"><span style="font-family:calibri;">out of character</span></span></strong></span></div>
<div style="float:left;margin-top:0px;margin-left:0px;background-color:#fff;height:auto;padding:12px;border-left-style:solid;border-left-width:1px;border-right-style:solid;border-width:1px;border-bottom-style:solid;border-color:#000;">
<div style="float:left;width:142px;margin-top:-1px;margin-left:0px;line-height:7px;text-align:justify;"><span style="font-size:9px;"><span style="color:#000;"><span style="font-family:calibri;text-transform:uppercase;">Lorem Ipsum &quot;Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pulvinar vulputate lectus, a dictum dolor. Duis diam turpis, suscipit sit amet erat sit amet, sagittis gravida lacus. Vestibulum feugiat augue sapien, eget tempus diam accumsan mollis. Vestibulum nec erat id quam finibus iaculis at vel lorem. Nam quis magna tincidunt dui hendrerit pharetra ut id nibh.</span></span></span></div>
</div>
</div>
</div>
</div>
<div style="float:left;margin-top:0px;margin-left:0px;width:330px;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