API tools faq
paste
kaliforhnia

moonchild's letter

kaliforhnia
Sep 25th, 2018
141
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.21 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:420px;height:500px;">
  2. <div style="float:left;width:330px;height:385px;border-top:1px solid #E6E6FA;border-left:1px solid #E6E6FA;margin-top:60px;margin-left:60px;">
  3. <div style="float:left;width:120px;height:120px;background-color:#E6E6FA;border-radius:100%;margin-top:-60px;margin-left:-60px;">
  4. <div style="float:left;margin:5px;width:110px;height:110px;border-radius:100%;background-color:#FCFBE3;"><img alt="" src="https://66.media.tumblr.com/7feb583e8d141f8a40f5c02cd3370bb4/tumblr_p5vbtpjuRK1wl1rxuo9_1280.jpg" style="width:100px;height:100px;margin:5px;border-radius:100%;" /></div>
  5. </div>
  6.  
  7. <div style="float:left;width:220px;margin-top:-20px;margin-left:10px;">
  8. <div style="font-family:'century gothic';font-size:15px;color:#800000;text-transform:uppercase;letter-spacing:-.5px;"><b>to</b>: lee donghyuck.</div>
  9. </div>
  10.  
  11. <div style="float:left;width:260px;height:80px;">
  12. <div style="float:left;width:70px;height:70px;background-color:#800000;margin-top:5px;margin-left:5px;">
  13. <div style="font-family:'century gothic';text-transform:uppercase;font-size:20px;color:#000;margin-top:15px;text-align:center;line-height:20px;"><b>연애<br />
  14. 편지</b></div>
  15.  
  16. <div style="font-family:'century gothic';text-transform:uppercase;font-size:20px;color:#FCFBE3;margin-top:-39px;text-align:center;margin-left:2px;margin-bottom:2px;line-height:20px;"><b>연애<br />
  17. 편지</b></div>
  18. </div>
  19.  
  20. <div style="float:right;width:70px;height:70px;border-radius:100%;margin-top:5px;"><img alt="" src="https://66.media.tumblr.com/872ead6be87686980ea6c6ed0b8b9f12/tumblr_p2wqrosaCV1wm65sno2_1280.jpg" style="width:70px;height:70px;border-radius:100%;border:1px solid #E6E6FA;" /></div>
  21.  
  22. <div style="float:right;width:70px;height:70px;border-radius:100%;margin-top:5px;margin-right:10px;"><img alt="" src="https://66.media.tumblr.com/330182b1d630e9c814815e69fa0f8a62/tumblr_p2wqrosaCV1wm65sno1_1280.jpg" style="width:70px;height:70px;border-radius:100%;border:1px solid #E6E6FA;" /></div>
  23. </div>
  24.  
  25. <div style="float:left;width:300px;height:300px;margin-left:20px;">
  26. <div style="float:left;width:300px;height:300px;overflow:hidden;">
  27. <div style="width:320px;height:320px;overflow:auto;">
  28. <div style="float:left;width:624px;">
  29. <div style="float:left;width:300px;height:300px;"><img alt="" src="https://i.imgur.com/vTcYxOu.jpg" style="width:300px;height:300px;" /></div>
  30.  
  31. <div style="float:left;width:300px;height:300px;margin-left:5px;">
  32. <div style="float:left;width:300px;height:200px;overflow:hidden;margin-top:2px;">
  33. <div style="width:320px;height:200px;overflow:auto;">
  34. <div style="width:300px;">
  35. <div style="font-family:calibri;text-transform:uppercase;font-size:8px;line-height:8px;text-align:justify;color:#800000;">overflow Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae viverra mi. Donec rhoncus ligula et purus interdum fringilla. Phasellus sodales dapibus dolor vel ultrices. Ut ut lorem nec ligula eleifend convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eget tortor elit. Pellentesque vehicula porta sollicitudin. Maecenas mi quam, ultricies vel lacus id, consequat convallis risus. Mauris a velit facilisis, pretium turpis sit amet, consectetur lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet odio nulla. Aliquam ac libero dui. Curabitur eu tempus odio. Duis porta mi eu felis pellentesque tempus. Nam scelerisque metus porttitor, fringilla enim id, volutpat lacus. Morbi sed congue enim, at tempor eros. Morbi ut massa sit amet velit pellentesque bibendum. Suspendisse quis ligula turpis. Sed vitae aliquam sapien, quis porta libero. Pellentesque pretium libero at placerat pretium. Nullam massa purus, lobortis sit amet diam vitae, eleifend tempor est. Aliquam orci justo, finibus ut laoreet ut, luctus a leo. Fusce malesuada urna ut nibh volutpat iaculis. Vestibulum non lectus at dolor ullamcorper sagittis. Integer tempus eget tortor ac scelerisque. Suspendisse eleifend odio massa, non maximus est vehicula sit amet. Nunc nec elit sit amet erat iaculis egestas. Donec sed interdum eros. Cras volutpat augue ac neque hendrerit scelerisque. Nulla vitae semper ex, in sagittis urna. Proin pulvinar, libero eget facilisis imperdiet, tortor nibh sagittis dolor, ut gravida tellus nulla et nulla. Fusce at tortor sed justo sodales lacinia. Suspendisse at vestibulum neque. Nunc dictum condimentum viverra. In pretium dui ac purus posuere faucibus. Morbi sodales, lectus quis auctor tristique, nunc elit aliquet neque, sed mollis nisl velit sit amet tortor. Donec scelerisque tempus ex sit amet pellentesque. Donec in erat ac justo facilisis iaculis. Ut neque justo, sollicitudin et nisi vitae, vestibulum semper mauris. Phasellus vehicula eleifend ligula a mattis. Integer feugiat erat nunc, ut imperdiet dolor cursus eget. Curabitur sit amet est ut nulla semper ultricies vel vitae est. Donec urna quam, pulvinar dapibus pulvinar a, vulputate sed dolor. Maecenas tincidunt tortor nec felis sollicitudin, a gravida diam convallis.</div>
  36. </div>
  37. </div>
  38. </div>
  39.  
  40. <div style="float:left;width:300px;height:100px;overflow:hidden;margin-top:3px;">
  41. <div style="width:320px;height:120px;overflow:auto;">
  42. <div style="float:left;width:755px;">
  43. <div style="float:left;width:100px;height:100px;background-color:#000;"><img alt="" src="https://66.media.tumblr.com/e8c6f46a623ae2ef5de1e916a8ab3a7c/tumblr_ohtx6cUWOi1voqnhpo1_250.png" style="width:100px;height:100px;" /></div>
  44.  
  45. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/a3af17efcaf49018a2188c9abb96acc4/tumblr_ohtx6cUWOi1voqnhpo2_250.png" style="width:100px;height:100px;" /></div>
  46.  
  47. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/a64d88296ba34d1bec4fd8e833d711ea/tumblr_ohtx6cUWOi1voqnhpo3_250.png" style="width:100px;height:100px;" /></div>
  48.  
  49. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/8844e689de079e6134709eba05acccd1/tumblr_ohtx6cUWOi1voqnhpo5_250.png" style="width:100px;height:100px;" /></div>
  50.  
  51. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/67c2526da964ce60780e46921639ee86/tumblr_ohtx6cUWOi1voqnhpo4_250.png" style="width:100px;height:100px;" /></div>
  52.  
  53. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/0b4ad41c9760fc316990ad28d8351b89/tumblr_ohtx6cUWOi1voqnhpo6_250.png" style="width:100px;height:100px;" /></div>
  54.  
  55. <div style="float:left;width:100px;height:100px;background-color:#000;margin-left:5px;"><img alt="" src="https://66.media.tumblr.com/f72bb8d551467e5579842fe019e7d357/tumblr_ovglbhkD0v1w2sbi1o1_500.jpg" style="width:100px;height:100px;" /></div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64.  
  65. <div style="float:right;font-family:calibri;font-size:7px;color:#E6E6FA;text-transform:uppercase;line-height:7px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164" title="do not remove. coded for moonchild-"><span style="color:#E6E6FA;"><b>swipe left for more</b></span></a></div>
  66. </div>
  67. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!