Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created December 19, 2016 10:34
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/dfe25db7bd4def78040ac09b8fa9c034 to your computer and use it in GitHub Desktop.
Save rose-quartz/dfe25db7bd4def78040ac09b8fa9c034 to your computer and use it in GitHub Desktop.
<div style="width:500px;height:400px;background-color:#eee;border-radius:5px;margin:auto;">
<div style="width:420px;height:320px;overflow:hidden;float:left;margin:40px 40px;">
<div style="width:420px;height:350px;background-color:none;float:left;;overflow:auto;">
<div style="width:590px;height:320px;background-color:none;float:left;">
<div style="width:144px;height:320px;background-color:none;float:left;"><img src="http://i.imgur.com/qhSCw5f.jpg" style="width:144px;height:320px;border-radius:5px;float:left;"></div>
<div style="width:256px;height:320px;background-color:#C6B7A6;float:left;margin:0px 20px;border-radius:5px;">
<div style="width:216px;height:280px;background-color:none;margin:20px 20px;overflow:hidden;">
<div style="width:236px;height:280px;overflow:auto;">
<div style="width:216px;">
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>name • age • orientation</strong></span></div>
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>biography</strong></span></div>
<div style="line-height:8px;text-align:justify;"><span style="font-family:calibri;font-size:10px;color:#fff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget rhoncus nibh. Ut sapien justo, mattis in sagittis ac, condimentum ac nulla. Curabitur feugiat laoreet semper. Donec sit amet dui gravida, accumsan nulla eu, posuere nulla. Nullam maximus erat massa, et semper elit venenatis vel. Donec non lorem quis purus auctor vestibulum quis ac quam. Duis et nisi quis sem viverra ultricies. Nulla a eros porttitor, sollicitudin lacus et, fermentum felis. Etiam id eros nulla. Sed id tortor at nisl accumsan lacinia. Phasellus magna ipsum, vestibulum sed semper at, condimentum maximus dui. Sed non commodo urna. Fusce nec sem dui. Maecenas sagittis mi eget turpis pellentesque maximus. In hac habitasse platea dictumst.
<br><br>
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
<div style="height:10px;"></div>
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>personality</strong></span></div>
<div style="line-height:8px;text-align:justify;"><span style="font-family:calibri;font-size:10px;color:#fff;">
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
</div>
</div>
</div></div>
<div style="width:150px;height:320px;background-color:#C6B7A6;float:left;margin:0px 0px 0px 0px;border-radius:5px;">
<div style="width:110px;height:280px;background-color:none;float:left;margin:20px 20px;overflow:hidden;">
<div style="width:130px;height:280px;overflow:auto;">
<div style="width:110px;">
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>friends</strong></span></div>
<div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div><div style="width:27.5px;height:27.5px;float:left;"><img src="https://68.media.tumblr.com/18e5c10d062f7b445e00d7e7c4b70aea/tumblr_ohtsgjuFC11v6197mo5_250.png" style="width:27.5px;height:27.5px;"></div>
<div style="line-height:15px;"><span style="font-family:helvetica neue;font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;"><strong>ooc + notes</strong></span></div>
<div style="line-height:8px;text-align:justify;"><span style="font-family:calibri;font-size:10px;color:#fff;">
Maecenas facilisis lectus at dapibus tempor. Mauris aliquam augue et lectus tempor, ut consequat magna pellentesque. Ut sit amet odio fringilla, congue purus vel, tempor sapien. Vivamus iaculis ipsum eget lorem convallis fringilla. Aenean fermentum leo finibus, ullamcorper quam quis, volutpat mi. Aliquam erat volutpat. Aliquam mollis porttitor dolor id molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi a tortor in lacus dapibus eleifend.</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="line-height:20px;width:500px;margin:auto;">
<span style="color:#C6B7A6;font-family:calibri;text-transform:uppercase;font-size:8px;letter-spacing:1px;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/19628/" style="color:#C6B7A6;text-decoration:none;">credit</a></span>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment