Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created December 31, 2016 14:18
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/cbc30a0dc5822bc3e1e65ad8c02110ab to your computer and use it in GitHub Desktop.
Save rose-quartz/cbc30a0dc5822bc3e1e65ad8c02110ab to your computer and use it in GitHub Desktop.
<div style="width:500px;margin:auto;">
<div style="width:500px;height:500px;background-color:#000;float:left;">
<div style="width:450px;height:450px;background-color:none;float:left;margin:25px 0px 0px 25px;overflow:hidden;">
<div style="width:450px;height:470px;overflow:auto;">
<div style="width:1350px;height:450px;float:left;">
<div style="width:450px;height:450px;background-color:none;float:left;"><img src="http://i.imgur.com/mu0cC7R.png" style="width:450px;height:450px;"></div>
<div style="width:450px;height:450px;background-color:none;float:left;margin:0px 0px 0px -450px;">
<div style="width:450px;background-color:#000;color:#fff;text-align:right;hie"><span style="font-family:helvetica neue; font-size:20px;text-transform:uppercase;letter-spacing:1px;float:right;background-color:#000;padding:10px;"><strong><em>김<br>유<br>정</em></strong></span></div>
</div>
<div style="width:450px;height:450px;background-color:none;float:left;"><img src="http://i.imgur.com/nvqD9Wk.jpg" style="width:450px;height:450px;"></div>
<div style="width:450px;height:450px;background-color:none;float:left;margin:0px 0px 0px -450px;">
<div style="width:400px;height:200px;background-color:#000;color:#fff;float:left;margin:225px 0px 0px 25px;">
<div style="width:170px;height:160px;background-color:none;float:left;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:190px;height:160px;overflow:auto;font-family:calibri;font-size:9px;line-height:9px;letter-spacing:0.5px;text-align:justify;">
<div style="width:170px;">
<div style="float:left;background-color:#464646;width:170px;height:25px;line-height:25px;">
<div style="float:left;width:10px;height:25px;background-color:#A3B491;"></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<span style="font-family:helvetica neue; font-size:9px;text-transform:uppercase;letter-spacing:1px;"><strong>biography</strong></span>
</div>
</div>
<div style="float:left;margin:5px 0px 0px 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra mi vitae nisi sagittis, sit amet fermentum nunc aliquet. Vestibulum posuere, velit a iaculis maximus, lacus nibh tristique lectus, vel interdum purus turpis eget lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed pellentesque mauris lacus. Vivamus quis posuere libero. Nulla eu bibendum purus, eu semper sapien. Vivamus ac vehicula mauris.
<br><br>
Suspendisse congue tempor convallis. Praesent at tellus lectus. Vestibulum maximus, tortor id faucibus pharetra, urna felis consequat ex, ac suscipit risus mauris nec mi. Nulla nulla sem, commodo at sodales eu, luctus malesuada metus. Vestibulum pellentesque justo nec euismod feugiat. Etiam vehicula sodales dictum. Praesent sagittis pretium urna sit amet hendrerit. Nam at libero at libero accumsan tincidunt.
<br><br>
Quisque ultrices sollicitudin auctor. Donec sit amet dolor posuere, pretium sem imperdiet, sodales dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut iaculis lectus. Duis aliquet sodales tincidunt. Vestibulum molestie, libero nec lobortis rhoncus, elit elit accumsan ipsum, ut volutpat tortor ante ac felis. Donec efficitur arcu ut nisi cursus volutpat.</div>
</div>
</div>
</div>
<div style="width:170px;height:160px;background-color:none;float:left;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:190px;height:160px;overflow:auto;font-family:calibri;font-size:9px;line-height:9px;letter-spacing:0.5px;text-align:justify;">
<div style="width:170px;">
<div style="float:left;background-color:#464646;width:170px;height:25px;">
<div style="float:left;width:10px;height:25px;background-color:#A3B491;"></div>
<div style="float:left;margin:0px 0px 0px 5px;line-height:25px;">
<span style="font-family:helvetica neue; font-size:9px;text-transform:uppercase;letter-spacing:1px;"><strong>personality</strong></span>
</div>
</div>
<div style="float:left;margin:5px 0px 0px 0px;">Nulla facilisi. Morbi dictum augue enim, at sollicitudin mauris sodales vitae. Proin eu tellus quis felis fringilla efficitur a nec odio. Suspendisse placerat ex at turpis aliquet varius. Aenean lacinia augue ac purus placerat pharetra. Proin commodo risus eu magna cursus, eget feugiat nulla rutrum. <br><br>Maecenas ac sollicitudin eros, eu vulputate arcu. Quisque sit amet tortor eget risus tempus rhoncus. Nam rutrum, dolor ac imperdiet varius, metus dolor cursus nisi, a bibendum eros libero sed mi. In ultrices diam massa, ut condimentum mi commodo eget.
<br><br>In hac habitasse platea dictumst. Ut bibendum neque ex, pellentesque dictum elit porttitor eget. Curabitur nec leo pharetra, vehicula ligula nec, bibendum dui. Duis quis porttitor diam, eget feugiat orci. Aliquam sed venenatis nunc, eu varius purus. Duis lacinia, ex in pellentesque suscipit, enim ante fringilla justo, eget hendrerit lorem libero id eros.</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:450px;height:450px;background-color:none;float:left;"><img src="http://i.imgur.com/psH3EKY.jpg" style="width:450px;height:450px;"></div>
<div style="width:450px;height:450px;background-color:none;float:left;margin:0px 0px 0px -450px;">
<div style="width:400px;height:200px;background-color:#000;color:#fff;float:left;margin:225px 0px 0px 25px;">
<div style="width:170px;height:160px;background-color:none;float:left;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:190px;height:160px;overflow:auto;font-family:calibri;font-size:9px;line-height:9px;letter-spacing:0.5px;text-align:justify;">
<div style="width:170px;">
<div style="float:left;background-color:#464646;width:170px;height:25px;line-height:25px;">
<div style="float:left;width:10px;height:25px;background-color:#A3B491;"></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<span style="font-family:helvetica neue; font-size:9px;text-transform:uppercase;letter-spacing:1px;"><strong>plots</strong></span>
</div>
</div>
<div style="float:left;margin:5px 0px 0px 0px;">PLOT NAME – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra mi vitae nisi sagittis, sit amet fermentum nunc aliquet. Vestibulum posuere, velit a iaculis maximus, lacus nibh tristique lectus, vel interdum purus turpis eget lacus.<br><br>+ GENRE, AVAILABILITY, GENDER<BR><BR>
PLOT NAME – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra mi vitae nisi sagittis, sit amet fermentum nunc aliquet. Vestibulum posuere, velit a iaculis maximus, lacus nibh tristique lectus, vel interdum purus turpis eget lacus.<br><br>+ GENRE, AVAILABILITY, GENDER<BR><BR>
PLOT NAME – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pharetra mi vitae nisi sagittis, sit amet fermentum nunc aliquet. Vestibulum posuere, velit a iaculis maximus, lacus nibh tristique lectus, vel interdum purus turpis eget lacus.<br><br>+ GENRE, AVAILABILITY, GENDER
</div>
</div>
</div></div>
<div style="width:170px;height:160px;background-color:none;float:left;margin:20px 0px 0px 20px;overflow:hidden;">
<div style="width:190px;height:160px;overflow:auto;font-family:calibri;font-size:9px;line-height:9px;letter-spacing:0.5px;text-align:justify;">
<div style="width:170px;">
<div style="float:left;background-color:#464646;width:170px;height:25px;line-height:25px;">
<div style="float:left;width:10px;height:25px;background-color:#A3B491;"></div>
<div style="float:left;margin:0px 0px 0px 5px;">
<span style="font-family:helvetica neue; font-size:9px;text-transform:uppercase;letter-spacing:1px;"><strong>ooc notes + tracker</strong></span>
</div>
</div>
<div style="float:left;margin:5px 0px 0px 0px;">001. Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br>002. Nullam pharetra mi vitae nisi sagittis, sit amet fermentum nunc aliquet. <br>003. Vestibulum posuere, velit a iaculis maximus, lacus nibh tristique lectus, vel interdum purus turpis eget lacus. <br>004. Interdum et malesuada fames ac ante ipsum primis in faucibus. <br>005. Sed pellentesque mauris lacus. Vivamus quis posuere libero. <br>006.Nulla eu bibendum purus, eu semper sapien. Vivamus ac vehicula mauris.
<br><br>
Name - Room - Replied / Not replied<br>
Name - Room - Replied / Not replied<br>
Name - Room - Replied / Not replied<br>
Name - Room - Replied / Not replied<br>
Name - Room - Replied / Not replied<br>
Name - Room - Replied / Not replied<br></div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="float:left;width:15px;height:25px;background-color:#A3B491;"></div>
<div style="float:left;background-color:#000;font-family:helvetica neue;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#fff;height:25px;line-height:25px;"><div style="float:left;margin:0px 10px;"><strong><a href="http://www.roleplayrepublic.com/roleplay/view_page/232819" style="color:#fff;text-decoration:none;">coded by rose-quartz</a></strong></div></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment