API tools faq
paste
kaliforhnia

watermelon

kaliforhnia
Aug 12th, 2018
143
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.96 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:420px;height:520px;">
  2. <div style="float:left;width:400px;height:250px;">
  3. <div style="float:left;width:400px;height:250px;overflow:hidden;">
  4. <div style="width:420px;height:250px;overflow:auto;">
  5. <div style="width:400px;">
  6. <div style="float:left;width:400px;height:150px;background-color:#29a00c;border-radius:200px 200px 0px 0px;margin-top:100px;">
  7. <div style="float:left;width:400px;font-family:calibri;text-transform:uppercase;text-align:center;font-size:11px;color:#000;margin-top:130px;">scroll up</div>
  8. </div>
  9.  
  10. <div style="width:0px;height:0px;border-bottom:250px solid #FD3D63;border-right:200px solid transparent;border-left:200px solid transparent;float:left;margin-top:0px;">
  11. <div style="float:left;height:110px;width:200px;margin-left:-100px;margin-top:85px;">
  12. <div style="float:left;margin:5px;width:190px;height:100px;overflow:hidden;">
  13. <div style="width:210px;height:100px;overflow:auto;">
  14. <div style="width:190px;">
  15. <div style="float:left;width:140px;height:95px;border:1px solid #000;margin-left:25px;">
  16. <div style="float:left;width:auto;background-color:#A6DA36;margin-left:-20px;margin-top:-1px;">
  17. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#FA6C89;"><b>section 1: title</b></div>
  18. </div>
  19.  
  20. <div style="float:left;width:130px;height:70px;margin:5px;overflow:hidden;">
  21. <div style="width:150px;height:70px;overflow:auto;">
  22. <div style="width:130px;">
  23. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;line-height:11px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque tempus dolor, vitae rutrum erat euismod congue. Quisque dapibus pharetra finibus. In consequat sit amet eros non auctor. Quisque risus est, cursus ac nulla vel, ultrices tincidunt risus. Cras a augue dolor. Sed eu augue justo. Cras in odio congue, viverra arcu vel, tempor mauris. Mauris elit magna, hendrerit vel pretium sed, tristique a dui. Duis varius placerat dui, non fringilla tortor semper at.</div>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28.  
  29. <div style="float:left;width:140px;height:95px;border:1px solid #000;margin-left:25px;margin-top:5px;">
  30. <div style="float:left;width:auto;background-color:#A6DA36;margin-left:-20px;margin-top:-1px;">
  31. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#FA6C89;"><b>section 2: title</b></div>
  32. </div>
  33.  
  34. <div style="float:left;width:130px;height:70px;margin:5px;overflow:hidden;">
  35. <div style="width:150px;height:70px;overflow:auto;">
  36. <div style="width:130px;">
  37. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;line-height:11px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque tempus dolor, vitae rutrum erat euismod congue. Quisque dapibus pharetra finibus. In consequat sit amet eros non auctor. Quisque risus est, cursus ac nulla vel, ultrices tincidunt risus. Cras a augue dolor. Sed eu augue justo. Cras in odio congue, viverra arcu vel, tempor mauris. Mauris elit magna, hendrerit vel pretium sed, tristique a dui. Duis varius placerat dui, non fringilla tortor semper at.</div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42.  
  43. <div style="float:left;width:140px;height:95px;border:1px solid #000;margin-left:25px;margin-top:5px;">
  44. <div style="float:left;width:auto;background-color:#A6DA36;margin-left:-20px;margin-top:-1px;">
  45. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#FA6C89;"><b>section 3: love love idk</b></div>
  46. </div>
  47.  
  48. <div style="float:left;width:130px;height:70px;margin:5px;overflow:hidden;">
  49. <div style="width:150px;height:70px;overflow:auto;">
  50. <div style="width:130px;">
  51. <div style="float:left;width:60px;height:60px;background-color:#000;margin:2px;"><img alt="" src="https://78.media.tumblr.com/29979c4753f7ee2548f5f4adab025404/tumblr_o0piqztP3X1rg44gdo8_250.png" style="height:60px;width:60px;" /></div>
  52. <div style="float:left;width:60px;height:60px;background-color:#000;margin:2px;"><img alt="" src="https://78.media.tumblr.com/632ea8853244b69edc229f4465a45b3c/tumblr_ok6zqyNsOv1vijz7wo1_500.png" style="height:60px;width:60px;" /></div>
  53. <div style="float:left;width:auto;"><div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#CAF175;"><span style="background-color:#A6DA36;color:#FA6C89;"><b>&nbsp;nuguwhomst&nbsp;</b></span> shinmoon.</div>
  54. </div>
  55. <div style="float:left;width:auto;"><div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#CAF175;"><span style="background-color:#A6DA36;color:#FA6C89;"><b>&nbsp;status&nbsp;</b></span> lorem ipsum.</div>
  56. </div>
  57. <div style="float:left;width:auto;"><div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#CAF175;"><span style="background-color:#A6DA36;color:#FA6C89;"><b>&nbsp;since&nbsp;</b></span> lorem ipsum.</div>
  58. </div>
  59. <div style="float:left;width:130px;font-family:calibri;text-transform:uppercase;font-size:9px;line-height:11px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque tempus dolor, vitae rutrum erat euismod congue. Quisque dapibus pharetra finibus. In consequat sit amet eros non auctor. Quisque risus est, cursus ac nulla vel, ultrices tincidunt risus.</div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64.  
  65. <div style="float:left;width:140px;height:95px;border:1px solid #000;margin-left:25px;margin-top:5px;">
  66. <div style="float:left;width:auto;background-color:#A6DA36;margin-left:-20px;margin-top:-1px;">
  67. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;margin:2px 3px;color:#FA6C89;"><b>section 4: title</b></div>
  68. </div>
  69.  
  70. <div style="float:left;width:130px;height:70px;margin:5px;overflow:hidden;">
  71. <div style="width:150px;height:70px;overflow:auto;">
  72. <div style="width:130px;">
  73. <div style="font-family:calibri;text-transform:uppercase;font-size:9px;line-height:11px;color:#000;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras scelerisque tempus dolor, vitae rutrum erat euismod congue. Quisque dapibus pharetra finibus. In consequat sit amet eros non auctor. Quisque risus est, cursus ac nulla vel, ultrices tincidunt risus. Cras a augue dolor. Sed eu augue justo. Cras in odio congue, viverra arcu vel, tempor mauris. Mauris elit magna, hendrerit vel pretium sed, tristique a dui. Duis varius placerat dui, non fringilla tortor semper at.</div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82.  
  83. <div style="float:left;width:300px;height:55px;margin-left:-150px;">
  84. <div style="float:left;width:290px;height:50px;overflow:hidden;">
  85. <div style="width:310px;height:70px;overflow:auto;">
  86. <div style="float:left;width:400px;">
  87. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  88.  
  89. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  90.  
  91. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  92.  
  93. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  94.  
  95. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  96.  
  97. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  98.  
  99. <div style="float:left;background-color:#000;width:50px;height:50px;margin:2px;"><img alt="" src="https://78.media.tumblr.com/4325a6dcfba47667c9c7114103c6d329/tumblr_o0piqztP3X1rg44gdo1_250.png" style="height:50px;width:50px;" /></div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108.  
  109. <div style="float:left;width:400px;height:150px;background-color:#29a00c;border-radius:0px 0px 200px 200px;border-top:5px solid #CAF175;">
  110. <div style="float:left;width:400px;font-family:'century gothic';text-transform:uppercase;text-align:center;color:#000;letter-spacing:1px;font-size:25px;margin-top:50px;"><b>title.</b></div>
  111. </div>
  112.  
  113. <div style="width:400px;float:left;text-align:right;font-size:7px;line-height:15px;text-transform:uppercase;color:#000;"><a href="https://www.roleplayrepublic.com/profile/view/48961"><span style="color:#000000;">cr.ᴷ</span></a></div>
  114. </div>
  115. </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!