Advertisement
kintsuki

tiered

Jun 14th, 2018
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.88 KB | None | 0 0
  1. <div style="height:310px;width:550px;margin:auto;">
  2. <div style="height:300px;width:550px;float:left;background-color:#a7c4b2;">
  3. <div style="width:150px;height:150px;float:left;"><img alt="" src="http://i.imgur.com/ASMUh9i.png" style="width:150px;height:150px;" /></div>
  4.  
  5. <div style="width:300px;height:150px;text-align:center;color:#fff;float:left;background-color:transparent;">
  6. <div style="margin-top:4px;margin-left:4px;">
  7. <div style="width:300px;height:142px;overflow:hidden;margin-left:0px;">
  8. <div style="width:317px;height:142px;text-align:justify;overflow:auto;">
  9. <div style="width:292px;text-align:justify;line-height:11px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;letter-spacing:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.<br />
  10. <br />
  11. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  12. </div>
  13. </div>
  14. </div>
  15. </div>
  16.  
  17. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">name</div>
  18.  
  19. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">date of birth</div>
  20.  
  21. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">age</div>
  22.  
  23. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">orientation</div>
  24.  
  25. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">occupation</div>
  26.  
  27. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">timezone</div>
  28.  
  29. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">pov preference</div>
  30.  
  31. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">style</div>
  32.  
  33. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">trivia</div>
  34.  
  35. <div style="width:100px;height:13px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#fff;text-align:center;">trivia</div>
  36.  
  37. <div style="width:80px;height:150px;text-align:center;color:#000;float:left;background-color:#dee1e6;">
  38. <div style="margin-top:4px;margin-left:4px;">
  39. <div style="width:80px;height:140px;overflow:hidden;margin-left:0px;">
  40. <div style="width:97px;height:140px;text-align:justify;overflow:auto;">
  41. <div style="width:70px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  42. <div style="background:#fff;width:20px;height:20px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  43.  
  44. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  45.  
  46. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  47.  
  48. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  49.  
  50. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  51.  
  52. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  53.  
  54. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  55.  
  56. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  57.  
  58. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  59.  
  60. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  61.  
  62. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  63.  
  64. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  65.  
  66. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  67.  
  68. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  69.  
  70. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  71.  
  72. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  73.  
  74. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  75.  
  76. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  77.  
  78. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  79.  
  80. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  81.  
  82. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  83.  
  84. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  85.  
  86. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  87.  
  88. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  89.  
  90. <div style="background:#fff;width:20px;height:20px;margin-top:3px;float:left;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/393337728&amp;color=000000&amp;inverse=false&amp;&amp;show_user=true" title="Play." width="100%"></iframe></div>
  91.  
  92. <div style="width:50px;height:10px;float:left;margin-top:3px;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">track</div>
  93.  
  94. <div style="width:50px;height:10px;float:left;background-color:transparent;font-family:'arial narrow';font-size:10px;text-transform:uppercase;line-height:13px;color:#000;text-align:center;">artist</div>
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100.  
  101. <div style="width:200px;height:150px;text-align:center;color:#000;float:left;background-color:#dee1e6;">
  102. <div style="margin-top:4px;margin-left:4px;">
  103. <div style="width:200px;height:142px;overflow:hidden;margin-left:0px;">
  104. <div style="width:217px;height:142px;text-align:justify;overflow:auto;">
  105. <div style="width:192px;text-align:justify;line-height:11px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;letter-spacing:1px;">
  106. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  107.  
  108. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;margin-bottom:5px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  109.  
  110. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  111.  
  112. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;margin-bottom:5px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  113.  
  114. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  115.  
  116. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;margin-bottom:5px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  117.  
  118. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  119.  
  120. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;margin-bottom:5px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  121.  
  122. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  123.  
  124. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;margin-bottom:5px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  125.  
  126. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 dashed;margin-bottom:3px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;"><strong>plot title, genre, status, etc.</strong></div>
  127.  
  128. <div style="width:192px;height:auto;float:left;background-color:transparent;border-bottom:1px #000 solid;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;letter-spacing:1px;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134.  
  135. <div style="width:150px;height:150px;float:left;"><img alt="" src="https://66.media.tumblr.com/cc3fcc03eac0fb4402b8f115631817bf/tumblr_obyqb587uk1var3c5o2_250.jpg" style="width:150px;height:150px;" /></div>
  136.  
  137. <div style="width:120px;height:150px;text-align:center;color:#000;float:left;background-color:#dee1e6;">
  138. <div style="margin-top:4px;margin-left:4px;">
  139. <div style="width:120px;height:142px;overflow:hidden;margin-left:0px;">
  140. <div style="width:137px;height:142px;text-align:justify;overflow:auto;">
  141. <div style="width:112px;text-align:justify;line-height:11px;font-family:'arial narrow';font-size:9px;text-transform:uppercase;letter-spacing:1px;">
  142. <div style="width:112px;height:10px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:10px;color:#000;text-align:center;">lover;s name</div>
  143.  
  144. <div style="width:112px;height:10px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:10px;color:#000;text-align:center;">date(s)</div>
  145.  
  146. <div style="width:112px;height:10px;float:left;margin-bottom:2px;background-color:transparent;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:10px;color:#000;text-align:center;">status</div>
  147.  
  148. <div style="width:112px;height:auto;float:left;background-color:transparent;font-family:'arial narrow';font-size:9px;text-transform:uppercase;line-height:11px;color:#000;text-align:justify;letter-spacing:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155.  
  156. <div style="height:150px;width:1px;float:left;background-color:#fff;margin:-300px 0px 0px 150px;">&nbsp;</div>
  157.  
  158. <div style="height:150px;width:1px;float:left;background-color:#fff;margin:-300px 0px 0px 450px;">&nbsp;</div>
  159.  
  160. <div style="height:1px;width:550px;float:left;background-color:#fff;margin-top:-150px;">&nbsp;</div>
  161.  
  162. <div style="height:150px;width:1px;float:left;background-color:#fff;margin:-150px 0px 0px 80px;">&nbsp;</div>
  163.  
  164. <div style="height:150px;width:1px;float:left;background-color:#fff;margin:-150px 0px 0px 280px;">&nbsp;</div>
  165.  
  166. <div style="height:150px;width:1px;float:left;background-color:#fff;margin:-150px 0px 0px 430px;">&nbsp;</div>
  167.  
  168. <div style="width:550px;height:10px;float:left;background-color:transparent;margin:0px;font-family:arial;font-size:8px;line-height:10px;letter-spacing:1px;color:#000;text-align:center;text-transform:uppercase;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21382/"><span style="color:#000000;">credit</span></a></div>
  169. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement