API tools faq
paste
kaliforhnia

magic

kaliforhnia
Feb 24th, 2018
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.85 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:400px;height:auto;margin:auto;">
  2. <div style="height:450px;">
  3. <div style="float:left;width:390px;height:430px;background-color:#0E092B;border:1px solid #F8FDFC;">
  4. <div style="float:left;width:150px;border-right:1px solid #F8FDFC;height:430px;">
  5. <div style="float:left;width:130px;height:130px;background-color:#9A97AA;border-radius:100px;margin:10px;"><img alt="" src="https://78.media.tumblr.com/a0b5e963abd35895228a70364efe34c3/tumblr_odtfzvkkiP1uhw1eto3_1280.jpg" style="width:120px;height:120px;border-radius:100px;margin:5px;" /></div>
  6.  
  7. <div style="float:left;width:130px;height:20px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:10px;">
  8. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;"><b>name: </b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;">lorem ipsum</span></div>
  9. </div>
  10.  
  11. <div style="float:left;width:130px;height:20px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:10px;margin-top:5px;">
  12. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;"><b>occupation: </b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;">lorem ipsum</span></div>
  13. </div>
  14.  
  15. <div style="float:left;width:130px;height:20px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:10px;margin-top:5px;">
  16. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;"><b>d.o.b: </b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;">lorem ipsum</span></div>
  17. </div>
  18.  
  19. <div style="float:left;width:130px;height:20px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:10px;margin-top:5px;">
  20. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;"><b>orientation: </b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;">lorem ipsum</span></div>
  21. </div>
  22.  
  23. <div style="float:left;width:130px;height:20px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:10px;margin-top:5px;">
  24. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;"><b>timezone: </b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;line-height:20px;text-align:center;color:#F8FDFC;">lorem ipsum</span></div>
  25. </div>
  26.  
  27. <div style="float:left;width:130px;height:20px;border:1px solid #5F5981;margin-left:10px;margin-top:10px;">
  28. <div style="font-family:helvetica;font-size:9px;line-height:20px;text-align:center;text-transform:uppercase;color:#F8FDFC;">top 3 songs playlist</div>
  29. </div>
  30.  
  31. <div style="float:left;height:30px;width:130px;border:1px solid #5F5981;margin-left:10px;">
  32. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#9A97AA;line-height:13px;margin:3px;"><b>artist&#39;s name</b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#F8FDFC;line-height:13px;text-align:right;margin-left:40px;">song title</span></div>
  33. </div>
  34.  
  35. <div style="float:left;height:30px;width:130px;border:1px solid #5F5981;margin-left:10px;">
  36. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#9A97AA;line-height:13px;margin:3px;"><b>artist&#39;s name</b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#F8FDFC;line-height:13px;text-align:right;margin-left:40px;">song title</span></div>
  37. </div>
  38.  
  39. <div style="float:left;height:30px;width:130px;border:1px solid #5F5981;margin-left:10px;">
  40. <div style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#9A97AA;line-height:13px;margin:3px;"><b>artist&#39;s name</b><span style="font-family:helvetica;text-transform:uppercase;font-size:8px;color:#F8FDFC;line-height:13px;text-align:right;margin-left:40px;">song title</span></div>
  41. </div>
  42. </div>
  43.  
  44. <div style="float:left;height:420px;width:230px;margin:4px;">
  45. <div style="float:left;width:130px;height:15px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:95px;margin-top:5px;border-radius:5px;">
  46. <div style="font-family:helvetica;text-transform:uppercase;line-height:15px;font-size:7px;color:#F8FDFC;text-align:center;">background and personality</div>
  47. </div>
  48.  
  49. <div style="float:left;width:220px;height:110px;background-color:#9A97AA;margin-left:5px;border:1px solid #F8FDFC;border-radius:5px;">
  50. <div style="float:left;margin:5px;width:210px;height:100px;overflow:hidden;">
  51. <div style="width:230px;height:100px;overflow:auto;">
  52. <div style="width:210px;">
  53. <div style="font-family:helvetica;text-transform:uppercase;color:#362E5A;font-size:9px;"><b>background</b></div>
  54.  
  55. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium. Nunc vitae rhoncus neque. Morbi finibus, arcu at fringilla facilisis, orci sapien aliquet risus, eleifend imperdiet magna risus non purus. Duis euismod metus nec aliquet congue. Donec ullamcorper diam sem, at vulputate augue imperdiet at. Pellentesque eros diam, pellentesque ut diam ut, consequat interdum nibh. Nunc condimentum malesuada dolor et elementum. Nullam posuere elit et nulla ornare, at viverra massa finibus.</div>
  56.  
  57. <div style="font-family:helvetica;text-transform:uppercase;color:#362E5A;font-size:9px;"><b>personality</b></div>
  58.  
  59. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium. Nunc vitae rhoncus neque. Morbi finibus, arcu at fringilla facilisis, orci sapien aliquet risus, eleifend imperdiet magna risus non purus. Duis euismod metus nec aliquet congue. Donec ullamcorper diam sem, at vulputate augue imperdiet at. Pellentesque eros diam, pellentesque ut diam ut, consequat interdum nibh. Nunc condimentum malesuada dolor et elementum. Nullam posuere elit et nulla ornare, at viverra massa finibus.</div>
  60. </div>
  61. </div>
  62. </div>
  63.  
  64. <div style="float:left;width:130px;height:15px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-left:89px;margin-top:5px;border-radius:5px;">
  65. <div style="font-family:helvetica;text-transform:uppercase;line-height:15px;font-size:7px;color:#F8FDFC;text-align:center;">ooc notes and plots</div>
  66. </div>
  67.  
  68. <div style="float:left;width:220px;height:110px;background-color:#9A97AA;border:1px solid #F8FDFC;border-radius:5px;">
  69. <div style="float:left;margin:5px;width:210px;height:100px;overflow:hidden;">
  70. <div style="width:230px;height:100px;overflow:auto;">
  71. <div style="width:210px;">
  72. <div style="font-family:helvetica;text-transform:uppercase;color:#362E5A;font-size:9px;"><b>ooc notes</b></div>
  73.  
  74. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>one </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  75.  
  76. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>two </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  77.  
  78. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>three </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  79.  
  80. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>four </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  81.  
  82. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>five </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  83.  
  84. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>six </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum dolor.</span></div>
  85.  
  86. <div style="font-family:helvetica;text-transform:uppercase;color:#362E5A;font-size:9px;"><b>plots</b></div>
  87.  
  88. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>title | genre | spots (0/1) | m/f</b></div>
  89.  
  90. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  91.  
  92. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>title | genre | spots (0/1) | m/f</b></div>
  93.  
  94. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  95.  
  96. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;"><b>title | genre | spots (0/1) | m/f</b></div>
  97.  
  98. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  99. </div>
  100. </div>
  101. </div>
  102.  
  103. <div style="float:left;width:110px;height:15px;border:1px solid #F8FDFC;background-color:#9A97AA;margin-top:5px;border-radius:5px;">
  104. <div style="font-family:helvetica;text-transform:uppercase;line-height:15px;font-size:7px;color:#F8FDFC;text-align:center;">lover</div>
  105. </div>
  106.  
  107. <div style="float:left;width:110px;height:130px;background-color:#9A97AA;border:1px solid #F8FDFC;border-radius:5px;margin-top:20px;margin-left:-112px;">
  108. <div style="float:left;width:70px;height:70px;margin-left:20px;margin-top:5px;"><img alt="" src="https://78.media.tumblr.com/3d5a97c8a1fb4b0b3c05992176ac3995/tumblr_odd4u3To4p1uhw1eto8_250.png" style="height:70px;width:70px;border-radius:5px;" /></div>
  109.  
  110. <div style="float:left;width:100px;margin-top:5px;">
  111. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;margin-left:7px;"><b>name </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">lorem ipsum</span></div>
  112.  
  113. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#0E092B;margin-left:7px;"><b>since </b><span style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">dd//mm//yy</span></div>
  114.  
  115. <div style="float:left;margin:5px;width:100px;height:20px;overflow:hidden;">
  116. <div style="width:120px;height:20px;overflow:auto;">
  117. <div style="width:100px;">
  118. <div style="font-family:calibri;text-transform:uppercase;text-align:justify;font-size:8px;line-height:8px;color:#F8FDFC;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  119. </div>
  120. </div>
  121. </div>
  122.  
  123. <div style="float:left;width:70px;height:15px;border:1px solid #F8FDFC;background-color:#9A97AA;border-radius:5px;margin-left:148px;margin-top:-144px;">
  124. <div style="font-family:helvetica;text-transform:uppercase;line-height:15px;font-size:7px;color:#F8FDFC;text-align:center;">friends</div>
  125. </div>
  126.  
  127. <div style="float:left;width:100px;height:130px;background-color:#9A97AA;border:1px solid #F8FDFC;border-radius:5px;margin-left:118px;margin-top:-129px;">
  128. <div style="float:left;margin:5px;width:90px;height:120px;overflow:hidden;">
  129. <div style="width:110px;height:120px;overflow:auto;">
  130. <div style="width:90px;"><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /><img alt="" src="https://78.media.tumblr.com/462130d83f9d84d6ba2f74471b9c62b6/tumblr_p1mj33djvV1wjg4k6o7_250.jpg" style="height:40px;width:40px;margin:2px;" /></div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140.  
  141. <div style="width:390px;float:left;text-align:right;font-size:7px;line-height:15px;text-transform:uppercase;color:#000;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164/" title="do not remove."><span style="color:#000000;">cr.ᴷ</span></a></div>
  142. </div>
  143. </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!