Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Last active August 7, 2017 07:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rose-quartz/659b260db8783d2b61f07f9c5a35ed22 to your computer and use it in GitHub Desktop.
Save rose-quartz/659b260db8783d2b61f07f9c5a35ed22 to your computer and use it in GitHub Desktop.
<div style="width:532px;margin:Auto;">
<div style="float:left;width:530px;height:20px;border-top:1px solid #e3be65;border-right:1px solid #e3be65;border-left:1px solid #e3be65;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;color:#e3be65;">
<div style="float:left;margin:0px 0px 0px 10px;line-height:22px;">jeon somi • 16 • march 9, 2001 • single • heterosexual</div>
<div style="float:right;margin:0px 0px 0px 10px;line-height:22px;margin:0px 10px 0px 0px;">╳</div>
</div>
<div style="width:530px;height:275px;background-color:none;border:1px solid #e3be65;float:left;">
<div style="width:300px;float:left;margin:9px 0px 0px 9px;">
<div style="width:300px;height:100px;background-color:none;float:left;">
<img src="https://68.media.tumblr.com/f5f27c9fd9586774848a4eaded656836/tumblr_ou9lm9SNIF1uqwk2fo4_r1_400.png" style="width:300px;height:100px;border-radius:3px;" title="name picture">
</div>
<div style="width:300px;height:100px;background-color:#e3be65;float:left;margin:-100px 0px 0px 0px;opacity:.8;border-radius:3px;"></div>
<div style="width:300px;height:100px;background-color:none;float:left;margin:-100px 0px 0px 0px;opacity:.999;">
<div style="width:300px;height:100px;background-color:none;float:left;border-radius:3px;font-family:georgia;font-size:20px;text-transform:lowercase;color:#fff;letter-spacing:0.5px;line-height:100px;text-align:center;"><strong><em>jeon somi.</em></strong></div></div>
<div style="width:145px;height:145px;background-color:none;float:left;margin:10px 0px 0px 0px;">
<img style="width:145px;height:145px;border-radius:3px;" title="ooc picture" src="https://68.media.tumblr.com/caa4a4b88cff8f694026b5a1edd24a27/tumblr_ou9lm9SNIF1uqwk2fo7_r1_400.jpg">
</div>
<div style="width:145px;height:145px;background-color:#e3be65;opacity:.8;float:left;margin:10px 0px 0px -145px;border-radius:3px;"></div>
<div style="width:145px;height:145px;background-color:none;float:left;margin:10px 0px 0px -145px;opacity:.999;">
<div style="width:105px;height:105px;float:left;overflow:hidden;margin:20px 20px;">
<div style="width:125px;height:105px;overflow:auto;float:left;">
<div style="width:105px;color:#fff;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;line-height:110%;text-align:justify;">
<div style="width:105px;height:105px;background-color:none;float:left;border-radius:3px;font-family:georgia;font-size:20px;text-transform:lowercase;color:#fff;letter-spacing:0.5px;line-height:105px;text-align:center;"><strong><em>ooc.</em></strong></div>
I. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>II. Vestibulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu. <br>III. ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem.<br>IV. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus. <br>V. Cras quis pulvinar mi. Nullam egestas.</div></div>
</div></div>
<div style="width:145px;height:145px;background-color:none;float:left;margin:10px 0px 0px 10px;">
<img src="https://68.media.tumblr.com/3391995a9efebc80404589dfccf1dd6b/tumblr_ou9lm9SNIF1uqwk2fo6_r1_1280.jpg" style="width:145px;height:145px;border-radius:3px;" title="plots picture">
</div>
<div style="width:145px;height:145px;background-color:#e3be65;opacity:.8;float:left;margin:10px 0px 0px -145px;border-radius:3px;"></div>
<div style="width:145px;height:145px;background-color:none;float:left;margin:10px 0px 0px -145px;opacity:.999;">
<div style="width:105px;height:105px;float:left;overflow:hidden;margin:20px 20px;">
<div style="width:125px;height:105px;overflow:auto;">
<div style="width:105px;text-align:justify;color:#fff;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;line-height:110%;">
<div style="width:105px;height:105px;background-color:none;float:left;border-radius:3px;font-family:georgia;font-size:20px;text-transform:lowercase;color:#fff;letter-spacing:0.5px;line-height:105px;text-align:center;"><strong><em>plots.</em></strong></div>
<div style="float:left;width:105px;line-height:110%;">name – status – genre<br>
<div style="width:3px;background-color:#FFFFFF;float:left;margin:10px 0px 0px 0px;">
<div style="float:left;margin:0px 0px 0px 7px;width:95px;">
Lorem ipsum dolor sit amet, consect etur adipi scing elit. Vestib ulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus.</div></div></div>
<div style="float:left;margin:7px 0px 0px 0px;">name – status – genre<br>
<div style="width:3px;background-color:#FFFFFF;float:left;margin:10px 0px 0px 0px;">
<div style="float:left;margin:0px 0px 0px 7px;width:95px;">
Lorem ipsum dolor sit amet, consect etur adipi scing elit. Vestib ulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus.</div></div></div>
<div style="float:left;margin:7px 0px 0px 0px;">name – status – genre<br>
<div style="width:3px;background-color:#FFFFFF;float:left;margin:10px 0px 0px 0px;">
<div style="float:left;margin:0px 0px 0px 7px;width:95px;">
Lorem ipsum dolor sit amet, consect etur adipi scing elit. Vestib ulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus.</div></div></div>
<div style="float:left;margin:7px 0px 0px 0px;">name – status – genre<br>
<div style="width:3px;background-color:#FFFFFF;float:left;margin:10px 0px 0px 0px;">
<div style="float:left;margin:0px 0px 0px 7px;width:95px;">
Lorem ipsum dolor sit amet, consect etur adipi scing elit. Vestib ulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus.</div></div></div>
<div style="float:left;margin:7px 0px 0px 0px;">name – status – genre<br>
<div style="width:3px;background-color:#FFFFFF;float:left;margin:10px 0px 0px 0px;">
<div style="float:left;margin:0px 0px 0px 7px;width:95px;">
Lorem ipsum dolor sit amet, consect etur adipi scing elit. Vestib ulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus.</div></div></div>
</div></div></div></div>
</div>
<div style="width:200px;float:left;margin:9px 0px 0px 0px;">
<div style="width:200px;height:200px;background-color:none;float:left;margin:0px 0px 0px 10px;">
<img src="https://68.media.tumblr.com/35e6cc7509896582d768db738530dece/tumblr_ou9lm9SNIF1uqwk2fo8_r1_400.jpg" style="width:200px;height:200px;border-radius:3px;" title="bio picture">
</div>
<div style="width:200px;height:200px;background-color:#e3be65;opacity:.8;float:left;margin:-200px 0px 0px 10px;border-radius:3px;;"></div>
<div style="width:200px;height:200px;background-color:none;float:left;margin:-200px 0px 0px 10px;opacity:.999;">
<div style="width:160px;height:160px;overflow:hidden;float:left;margin:20px 20px;">
<div style="width:180px;height:160px;overflow:auto;">
<div style="width:160px;text-align:justify;color:#fff;font-family:calibri;font-size:8px;letter-spacing:0.5px;text-transform:uppercase;line-height:110%;">
<div style="width:160px;height:160px;background-color:none;float:left;border-radius:3px;font-family:georgia;font-size:20px;text-transform:lowercase;color:#fff;letter-spacing:0.5px;line-height:160px;text-align:center;"><strong><em>bio.</em></strong></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vel lobortis lacus. Morbi semper nisl feugiat, sagittis risus eu, ullamcorper turpis. Morbi quis ligula quis dui maximus finibus ut sodales sem. Duis at tincidunt sem. Morbi laoreet ultricies nunc, quis sollicitudin sapien fringilla luctus. Cras quis pulvinar mi. Nullam egestas, ligula vitae ultricies interdum, nulla libero dignissim nunc, porta laoreet sem lacus at neque. Nunc ut ipsum in neque molestie varius. Nullam at blandit lacus. Fusce varius felis augue, eu mattis ante pharetra a.
<br><br>
Proin sit amet feugiat nulla. Ut volutpat, lacus at semper interdum, mauris velit venenatis justo, viverra vulputate leo dui eget nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis accumsan ultrices velit, et ornare purus hendrerit in. Phasellus maximus ipsum libero, ac euismod purus ornare nec. Ut a interdum dolor, ut sagittis ligula. Ut tincidunt sed nulla et malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed rutrum augue. Etiam lectus nulla, aliquet sed tristique feugiat, feugiat laoreet arcu. Curabitur eleifend libero vitae ultricies molestie. Praesent tincidunt non elit sed finibus. Etiam nec venenatis magna, ac mollis mi. Donec congue mollis ornare.</div>
</div></div>
</div>
<div style="width:200px;height:45px;background-color:none;float:left;margin:10px 0px 0px 10px;">
<img src="https://68.media.tumblr.com/4709600e678a6cfe0ed06d6ebb703cc5/tumblr_ou9lm9SNIF1uqwk2fo5_r1_250.png" style="width:200px;height:45px;border-radius:3px;" title="credit picture">
</div>
<div style="width:200px;height:45px;background-color:#e3be65;opacity:.8;float:left;margin:-45px 0px 0px 10px;border-radius:3px;;"></div>
<div style="width:200px;height:45px;background-color:none;float:left;margin:-45px 0px 0px 10px;opacity:.999;">
<div style="width:200px;height:45px;background-color:none;float:left;border-radius:3px;font-family:georgia;font-size:9px;text-transform:lowercase;color:#fff;letter-spacing:0.5px;line-height:45px;text-align:center;"><strong><em><a href="https://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="text-decoration:none;color:#fff;">rose-quartz.</a></em></strong></div></div>
</div></div></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment