API tools faq
paste
Advertisement
magpielayouts

001

magpielayouts
Mar 30th, 2020
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.54 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:500px;height:700px;text-align:center;margin:auto;">
  2. <div style="width:500px;height:700px;text-align:center;background-color:#343838;">&nbsp;</div>
  3.  
  4. <div style="width:400px;height:400px;text-align:center;margin-left:50px;margin-top:-625px;background-color:#00B4CC;"><img alt="" src="https://66.media.tumblr.com/ceb9cbf7419d09025b761bdab7352da9/tumblr_pbjh7dpmLk1xyyxqwo1_400.jpg" style="width:400px;height:400px;float:left;" />
  5. <div style="width:400px;height:400px;text-align:center;float:left;background-color:transparent;margin-top:-400px;overflow:hidden;">
  6. <div style="width:420px;height:400px;float:left;overflow:auto;">
  7. <div style="width:400px;height:400px;text-align:center;float:left;background-color:transparent;">
  8. <div style="25px;height:50px;margin-top:350px;margin-left:375px;text-align:center;line-height:110%;font-size:18px;color:#00b4cc;">↡</div>
  9. </div>
  10.  
  11. <div style="width:400px;height:400px;text-align:center;float:left;background-color:#005F6B; opacity:.77;overflow:hidden;">
  12. <div style="width:420px;height:400px;overflow:auto;">
  13. <div style="width:380px;margin-left:5px;line-height:110%;"><span style="font-family:'droid serif';font-size:12px;color:#00DFFC;text-transform:lowercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Purus in massa tempor nec feugiat nisl pretium fusce id. Ut ornare lectus sit amet est placerat. Massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Enim neque volutpat ac tincidunt vitae semper. Ut enim blandit volutpat maecenas. Quis varius quam quisque id diam vel quam elementum. Luctus accumsan tortor posuere ac ut consequat semper viverra nam. Bibendum at varius vel pharetra. Ac placerat vestibulum lectus mauris. Ullamcorper morbi tincidunt ornare massa eget egestas purus. Laoreet sit amet cursus sit amet dictum sit amet. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Elit eget gravida cum sociis natoque penatibus et magnis dis. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt. Netus et malesuada fames ac. Et leo duis ut diam quam. Non sodales neque sodales ut etiam. Eu sem integer vitae justo eget magna fermentum iaculis. Quis vel eros donec ac.<br />
  14. <br />
  15. Turpis massa tincidunt dui ut ornare lectus sit amet. Blandit massa enim nec dui. Id donec ultrices tincidunt arcu non sodales neque. Euismod nisi porta lorem mollis aliquam ut porttitor. Aliquet bibendum enim facilisis gravida. Cursus in hac habitasse platea dictumst quisque sagittis purus. Amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus et. Nunc sed augue lacus viverra vitae congue eu consequat ac. Tincidunt tortor aliquam nulla facilisi cras fermentum. Feugiat nisl pretium fusce id. Varius quam quisque id diam vel. Vivamus at augue eget arcu. Eget mi proin sed libero enim sed faucibus turpis. Amet dictum sit amet justo donec enim diam vulputate ut. Mattis aliquam faucibus purus in massa tempor nec feugiat nisl. Et magnis dis parturient montes nascetur.<br />
  16. <br />
  17. Libero volutpat sed cras ornare arcu dui vivamus. Cras sed felis eget velit aliquet. Egestas pretium aenean pharetra magna ac placerat. Volutpat est velit egestas dui id ornare. Id neque aliquam vestibulum morbi blandit cursus risus at ultrices. Enim sed faucibus turpis in eu mi bibendum neque egestas. Odio tempor orci dapibus ultrices in iaculis nunc. Ac felis donec et odio pellentesque diam volutpat. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Nulla facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Turpis in eu mi bibendum. Sit amet aliquam id diam maecenas. Ultrices tincidunt arcu non sodales neque sodales ut etiam.</span></div>
  18. </div>
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23.  
  24. <div style="width:400px;height:133px;margin-left:50px;margin-top:10px;background-color:#00B4CC;"><img alt="" src="https://66.media.tumblr.com/17b02889259e7a0d7177567a312b6825/tumblr_pbjh7dpmLk1xyyxqwo3_400.jpg" style="width:400px;height:133px;float:left;" />
  25. <div style="width:400px;height:133px;text-align:center;float:left;background-color:transparent;margin-top:-133px;overflow:hidden;">
  26. <div style="width:420px;height:133px;float:left;overflow:auto;">
  27. <div style="width:400px;height:133px;text-align:center;float:left;background-color:transparent;">
  28. <div style="width:150px;height:33px;margin-top:100px;text-align:center;line-height:110%;font-family:'droid serif';font-size:18px;color:#00b4cc;">jung chanwoo.</div>
  29.  
  30. <div style="width:400px;height:133px;text-align:center;float:left;background-color:#005F6B; opacity:.77;">
  31. <div style="width:150px;height:133px;float:left;text-align:center;overflow:hidden;">
  32. <div style="width:170px;height:133px;overflow:auto;">
  33. <div style="width:150px;">
  34. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">full name:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  35.  
  36. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">nicknames:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  37.  
  38. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">age:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  39.  
  40. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">birthdate:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  41.  
  42. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">full name:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  43.  
  44. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">occupation:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  45.  
  46. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">orientation:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  47.  
  48. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">rs status:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  49.  
  50. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">extra:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  51.  
  52. <p style="font-family:'droid serif';font-size:12px;text-align:justify;margin:5px 0px;color:#00DFFC;line-height:110%;text-transform:lowercase;"><b style="color:#00DFFC;border-bottom: solid 1px; #00DFFC;">extra:</b> <span style="float:right;border-bottom: solid 1px; #00DFFC;">trivia here</span></p>
  53. </div>
  54. </div>
  55. </div>
  56.  
  57. <div style="width:175px;height:133px;margin-left:185px;text-align:center;overflow:hidden;">
  58. <div style="width:195px;height:133px;overflow:auto;">
  59. <div style="width:160px;margin-left:5px;line-height:110%;"><span style="font-family:'droid serif';font-size:11px;color:#00ddff;text-transform:lowercase;">this can be an ooc box, tracker or an icon box.info here tracker and icons below. yes this box scrolls.<br />
  60. name | location | status<br />
  61. name | location | status<br />
  62. name | location | status</span><br />
  63. <br />
  64. <img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /><img alt="" src="https://www.roleplayrepublic.com/images/non_avatar.jpg" style="width:35px;height:35px;" /></div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73.  
  74. <div style="width:500px;float:left;margin:auto;">
  75. <p style="font-family:'droid serif';font-size:11px;font-weight:bold;text-align:center;text-transform:uppercase;color:#005F6B;line-height:110%;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/27913/sugarcube-corner-layouts-layouts" style="color:#000;font-weight:bold;" title="a sugarcube corner production.">Sugarcube Corner Layouts.</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!