Skip to content

Instantly share code, notes, and snippets.

@rose-quartz
Created February 19, 2017 02:50
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/3b387c6bc7ee2cd1392d4485f5b7a1f8 to your computer and use it in GitHub Desktop.
Save rose-quartz/3b387c6bc7ee2cd1392d4485f5b7a1f8 to your computer and use it in GitHub Desktop.
<div style="width:250px;margin:auto;">
<div style="width:250px;height:200px;background-color:none;float:left;font-family:calibri;font-size:10px;">
<div style="line-height:29px;text-align:center;background-color:none;float:left;width:70px;height:30px;box-sizing:border-box;border:1px solid #000;"><span style="font-size:20px;"><strong>윤정한</strong></span></div>
</div>
<div style="width:250px;height:200px;background-color:none;float:left;font-family:calibri;font-size:10px;margin:-200px 0px 0px 0px;overflow:hidden;">
<div style="width:250px;height:220px;overflow:auto;">
<div style="width:770px;height:200px;">
<div style="width:250px;height:200px;background-color:none;float:left;">
<div style="width:70px;height:30px;background-color:#A12729;border:1px solid transparent;box-sizing:border-box;opacity:.5"></div>
<div style="width:250px;height:155px;border:1px solid #000;box-sizing:border-box;float:left;margin:10px 0px 0px 0px;">
<div style="width:229px;height:134px;background-color:none;float:left;margin:10px 0px 0px 10px;line-height:11px;text-align:justify;overflow:hidden;">
<div style="width:249px;height:134px;overflow:auto;">
<div style="width:229px;">
<span style="background-color:#A12729;padding:0px 5px;color:#fff;">BACKGROUND</span> – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum. Nam commodo porttitor dolor vel placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus mattis, nisi commodo finibus fringilla, augue sapien commodo ipsum, a aliquet nisi arcu ut neque. Maecenas non magna velit. Fusce nulla eros, varius vel ullamcorper ut, aliquam et risus.<br><br>
<span style="background-color:#A12729;padding:0px 5px;color:#fff;">PERSONALITY</span> – Etiam et ultrices erat. Aenean a erat velit. Vivamus ullamcorper nunc ut tempor fermentum. Nullam et elementum justo, in vulputate sem. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras id sapien vel metus varius euismod ut sed magna. Morbi mattis sodales feugiat. Proin condimentum augue id tincidunt tincidunt. Duis facilisis mauris at commodo porta.</div></div>
</div>
</div>
</div>
<div style="width:250px;height:200px;background-color:none;float:left;margin:0px 0px 0px 10px;">
<div style="width:70px;height:30px;background-color:#273E98;border:1px solid transparent;box-sizing:border-box;opacity:.5"></div>
<div style="width:250px;height:155px;border:1px solid #000;box-sizing:border-box;float:left;margin:10px 0px 0px 0px;">
<div style="width:229px;height:134px;background-color:none;float:left;margin:10px 0px 0px 10px;line-height:11px;text-align:justify;overflow:hidden;">
<div style="width:249px;height:134px;overflow:auto;">
<div style="width:229px;">
<span style="background-color:#273E98;padding:0px 5px;color:#fff;">PLOT NAME</span> (Open, Male or Female) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum. Nam commodo porttitor dolor vel placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br><br>
<span style="background-color:#273E98;padding:0px 5px;color:#fff;">PLOT NAME</span> (Open, Male or Female) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum. Nam commodo porttitor dolor vel placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br><br>
<span style="background-color:#273E98;padding:0px 5px;color:#fff;">PLOT NAME</span> (Open, Male or Female) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum. Nam commodo porttitor dolor vel placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.<br><br>
<span style="background-color:#273E98;padding:0px 5px;color:#fff;">PLOT NAME</span> (Open, Male or Female) – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum. Nam commodo porttitor dolor vel placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</div></div>
</div>
</div>
</div>
<div style="width:250px;height:200px;background-color:none;float:left;margin:0px 0px 0px 10px;">
<div style="width:70px;height:30px;background-color:#C39C3B;border:1px solid transparent;box-sizing:border-box;opacity:.5"></div>
<div style="width:250px;height:155px;border:1px solid #000;box-sizing:border-box;float:left;margin:10px 0px 0px 0px;">
<div style="width:229px;height:134px;background-color:none;float:left;margin:10px 0px 0px 10px;line-height:11px;text-align:justify;overflow:hidden;">
<div style="width:249px;height:134px;overflow:auto;">
<div style="width:229px;">
<span style="background-color:#C39C3B;padding:0px 5px;color:#fff;">OOC CORNER</span> – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, lectus nec sagittis elementum, lectus mauris venenatis orci, vel pulvinar magna purus id lectus. Nullam ac dolor libero. Suspendisse lobortis porttitor risus vitae elementum.<br><br>
<span style="background-color:#C39C3B;padding:0px 5px;color:#fff;">FRIENDS</span>
<div style="width:229px;height:50px;background-color:none;float:left;margin:7px 0px 0px 0px;overflow:hidden;">
<div style="width:229px;height:70px;overflow:auto;">
<div style="width:550px;">
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
<div style="width:50px;height:50px;background-color:#C39C3B;float:left;margin:0px 0px 0px 5px;"><img src="" style="width:50px;height:50px;"></div>
</div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:250px;text-align:right;font-family:calibri;font-size:9px;letter-spacing:0.5px;line-height:15px;color:#923C5A;margin:-5px 0px 0px 0px;float:left;"><a href="http://www.roleplayrepublic.com/roleplay/view_desc/20134/" style="text-decoration:none;color:#000;"><em>rose-quartz</em> at <strong>#CODINGPROJECT</strong></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment