API tools faq
paste
Advertisement
Midorin

character layout ft. Moon Hyuna

Midorin
Jun 24th, 2016
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.02 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:604px;height:420px;margin:auto;">
  2. <div style="width:604px;height:404px;border:2px solid #dd1122;">
  3. <div style="float:left;margin:0px;width:600px;height:400px;"><img alt="black_cubes_bg_crop_1.jpg" src="https://image.ibb.co/hHDVRb/black_cubes_lessfade.jpg" style="width:600px;height:400px;" /></div>
  4.  
  5. <div style="width:600px;height:400px;margin-left:0px;margin-top:-400px;float:left;font-family:calibri;font-size:11px;color:#dd1122;font-weight:bold;text-align:justify;">
  6. <div style="width:250px;height:400px;float:left;margin:0px;overflow:hidden;">
  7. <div style="width:280px;height:400px;float:left;margin:0px;overflow:auto;">
  8. <div style="width:250px;float:left;margin:0px;padding:5px;">
  9. <div style="font-family:georgia;font-size:24px;letter-spacing:2px;font-weight:bold;"><i>Moon Hyuna.</i></div>
  10.  
  11. <p style="font-size:12px;margin-top:0px;margin-bottom:0px;text-align:right;"><i>from <span style="color:#D2B48C;">xyz</span> roleplay.</i></p>
  12.  
  13. <p><img alt="" src="https://image.ibb.co/jSfvc7/moonhyuna.gif" style="width:230px;" /></p>
  14. <span style="color:#D2B48C;">Age.</span> ??<br />
  15. <span style="color:#D2B48C;">Major&amp;Profession.</span> blah blah blah blah blah blah<br />
  16. <span style="color:#D2B48C;">Relationship status.</span> blah blah<br />
  17. <br />
  18. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis velit a quam malesuada hendrerit. Curabitur cursus dui sit amet eros tincidunt, sit amet semper arcu porta. Nunc sit amet enim imperdiet orci pretium vestibulum quis non metus. Ut dapibus mattis nibh in suscipit. Quisque eget orci eu est elementum pulvinar id a odio. Etiam imperdiet risus mauris, sed tempor odio dignissim quis. Nunc a blandit neque. Nam consequat convallis feugiat.<br />
  19. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed sit amet purus vel tortor vestibulum efficitur. Fusce eu dolor hendrerit, blandit felis eu, pretium orci. Morbi vel ornare neque. Nunc eu mi sit amet turpis ultrices laoreet. Sed mauris nulla, commodo nec ante nec, tempor dignissim massa. Curabitur ultrices, massa ac rhoncus interdum, turpis magna tincidunt elit, quis gravida dui leo quis sem.<br />
  20. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed molestie sem, id condimentum nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed arcu consequat, facilisis eros faucibus, laoreet elit. Nullam lectus odio, tempor et lorem vel, tempor laoreet felis. Integer congue, massa sit amet aliquam maximus, nulla mi maximus ligula, ac interdum est ex consequat nisi. Nulla pretium erat vel lectus feugiat pharetra. Nam venenatis elit eu diam tempus, quis varius lorem aliquam. Sed cursus eros urna, id hendrerit augue placerat a. Etiam vitae augue vel nisi placerat facilisis nec sit amet odio. Nunc faucibus malesuada viverra. Morbi dignissim vestibulum efficitur. Quisque scelerisque metus et velit viverra placerat. In at felis libero.</div>
  21. </div>
  22. </div>
  23.  
  24. <div style="width:100px;height:400px;float:left;margin:0px;text-align:center;">
  25. <div style="width:100px;height:100px;float:left;"><img alt="moonhyuna_icon.png" src="https://image.ibb.co/cSviVS/moonhyuna_icon.png" style="width:100px;height:100px;margin:0px;" /></div>
  26.  
  27. <div style="width:100px;height:20px;margin:0px;float:left;line-height:20px;">▲ me &amp; mine&#39;s ▼</div>
  28.  
  29. <div style="width:100px;height:280px;margin:0px;float:left;overflow:hidden;">
  30. <div style="width:130px;height:280px;margin:0px;float:left;overflow:auto;">
  31. <div style="width:100px;margin:0px;float:left;padding:5px;">mine<br />
  32. <img alt="mine" src="https://image.ibb.co/ghx9QG/unknown_profile2.png" style="width:80px;height:80px;border-radius:80px;" /><br />
  33. mine<br />
  34. <img alt="mine" src="https://image.ibb.co/ghx9QG/unknown_profile2.png" style="width:80px;height:80px;border-radius:80px;" /><br />
  35. mine<br />
  36. <img alt="mine" src="https://image.ibb.co/ghx9QG/unknown_profile2.png" style="width:80px;height:80px;border-radius:80px;" /><br />
  37. mine<br />
  38. <img alt="mine" src="https://image.ibb.co/ghx9QG/unknown_profile2.png" style="width:80px;height:80px;border-radius:80px;" /><br />
  39. mine<br />
  40. <img alt="mine" src="https://image.ibb.co/ghx9QG/unknown_profile2.png" style="width:80px;height:80px;border-radius:80px;" /></div>
  41. </div>
  42. </div>
  43. </div>
  44.  
  45. <div style="width:250px;height:220px;float:right;margin:0px;overflow:hidden;">
  46. <div style="width:280px;height:220px;float:left;margin:0px;overflow:auto;">
  47. <div style="width:250px;float:left;margin:0px;padding:5px;">
  48. <div style="font-family:georgia;font-size:24px;letter-spacing:2px;font-weight:bold;"><i>plots.</i></div>
  49.  
  50. <div style="color:#D2B48C;font-weight:bold;">title || partner || genre || free/taken</div>
  51. Maecenas augue purus, tincidunt ac urna ac, consectetur tempus erat. Aliquam aliquet urna eu neque pretium lacinia. Donec nec dui in purus aliquam vehicula. Cras in lectus ut felis vehicula rutrum vitae eu augue. Donec eu nibh sapien. Etiam iaculis tortor eget ipsum interdum, eget tempus velit posuere. Morbi bibendum blandit risus, quis scelerisque odio porttitor at. Curabitur volutpat turpis orci, ut suscipit sapien feugiat vitae. Phasellus gravida augue ut neque vulputate tincidunt.
  52.  
  53. <div style="color:#D2B48C;font-weight:bold;">title || partner || genre || free/taken</div>
  54. Maecenas pharetra accumsan pellentesque. Vivamus nec mattis augue, ac suscipit enim. Sed vulputate felis blandit rhoncus faucibus. Etiam tempus tincidunt ultricies. Quisque dictum ante urna, eget pharetra ante imperdiet in. Donec sed sem maximus, egestas arcu porta, hendrerit lacus. Suspendisse eu libero lacinia, maximus arcu porttitor, euismod quam.
  55.  
  56. <div style="color:#D2B48C;font-weight:bold;">title || partner || genre || free/taken</div>
  57. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin sed molestie sem, id condimentum nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam sed arcu consequat, facilisis eros faucibus, laoreet elit. Nullam lectus odio, tempor et lorem vel, tempor laoreet felis. Integer congue, massa sit amet aliquam maximus, nulla mi maximus ligula, ac interdum est ex consequat nisi. Nulla pretium erat vel lectus feugiat pharetra. Nam venenatis elit eu diam tempus, quis varius lorem aliquam. Sed cursus eros urna, id hendrerit augue placerat a. Etiam vitae augue vel nisi placerat facilisis nec sit amet odio. Nunc faucibus malesuada viverra. Morbi dignissim vestibulum efficitur. Quisque scelerisque metus et velit viverra placerat. In at felis libero.</div>
  58. </div>
  59. </div>
  60.  
  61. <div style="width:250px;height:180px;float:right;margin:0px;overflow:hidden;">
  62. <div style="width:280px;height:180px;float:left;margin:0px;overflow:auto;">
  63. <div style="width:250px;float:left;margin:0px;padding:5px;">
  64. <div style="font-family:georgia;font-size:24px;letter-spacing:2px;font-weight:bold;"><i>OOC.</i></div>
  65. 1. blah blah blah blah<br />
  66. 2. blah blah blah blah<br />
  67. 3. blah blah blah<br />
  68. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis velit a quam malesuada hendrerit. Curabitur cursus dui sit amet eros tincidunt, sit amet semper arcu porta. Nunc sit amet enim imperdiet orci pretium vestibulum quis non metus. Ut dapibus mattis nibh in suscipit. Quisque eget orci eu est elementum pulvinar id a odio. Etiam imperdiet risus mauris, sed tempor odio dignissim quis. Nunc a blandit neque. Nam consequat convallis feugiat.<br />
  69. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed sit amet purus vel tortor vestibulum efficitur. Fusce eu dolor hendrerit, blandit felis eu, pretium orci. Morbi vel ornare neque. Nunc eu mi sit amet turpis ultrices laoreet. Sed mauris nulla, commodo nec ante nec, tempor dignissim massa. Curabitur ultrices, massa ac rhoncus interdum, turpis magna tincidunt elit, quis gravida dui leo quis sem.</div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74.  
  75. <p style="text-align:center;color:#dd1122;font-size:10px;font-family:calibri;margin-top:0px;margin-bottom:0px;">layout by <a href="http://www.roleplayrepublic.com/profile/view/44477">Midorin</a></p>
  76. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!