API tools faq
paste
kaliforhnia

ashen

kaliforhnia
Aug 30th, 2018
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.85 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:580px;">
  2. <div style="height:600px;">
  3. <div style="float:left;width:550px;height:70px;background-color:#3A393E;">
  4. <div style="float:left;width:20px;height:20px;background-color:#E2DDD9;margin-top:25px;margin-left:270px;">
  5. <div style="font-family:arial;font-size:21px;text-align:center;color:#3A393E;line-height:17px;">&raquo;</div>
  6. </div>
  7.  
  8. <div style="float:left;color:#E2DDD9;font-family:'arial narrow';text-transform:uppercase;font-size:17px;line-height:11px;margin-top:30px;margin-left:5px;">link 1.</div>
  9.  
  10. <div style="float:left;width:20px;height:20px;background-color:#E2DDD9;margin-top:25px;margin-left:10px;">
  11. <div style="font-family:arial;font-size:21px;text-align:center;color:#3A393E;line-height:17px;">&raquo;</div>
  12. </div>
  13.  
  14. <div style="float:left;color:#E2DDD9;font-family:'arial narrow';text-transform:uppercase;font-size:17px;line-height:11px;margin-top:30px;margin-left:5px;">link 2.</div>
  15.  
  16. <div style="float:left;width:20px;height:20px;background-color:#E2DDD9;margin-top:25px;margin-left:10px;">
  17. <div style="font-family:arial;font-size:21px;text-align:center;color:#3A393E;line-height:17px;">&raquo;</div>
  18. </div>
  19.  
  20. <div style="float:left;color:#E2DDD9;font-family:'arial narrow';text-transform:uppercase;font-size:17px;line-height:11px;margin-top:30px;margin-left:5px;">link 3.</div>
  21. </div>
  22.  
  23. <div style="float:left;width:550px;height:500px;background-color:#E2DDD9;">
  24. <div style="float:left;width:240px;height:500px;background-color:#A19FA2;margin-left:10px;margin-top:-30px;border-radius:10px;">
  25. <div style="float:left;width:200px;height:120px;background-color:#8D0124;margin-left:20px;margin-top:-40px;">
  26. <div style="text-align:center;text-transform:uppercase;font-family:'arial narrow';font-size:25px;letter-spacing:1px;color:#E2DDD9;margin-top:20px;">first name<br />
  27. last name</div>
  28. </div>
  29.  
  30. <div style="float:left;width:110px;height:110px;border:1px solid #3A393E;border-radius:100%;margin-left:60px;margin-top:10px;"><img alt="" src="https://78.media.tumblr.com/69848b71d89dca2713dd28fb2a95bcf8/tumblr_p1naqabl2C1vtcl9lo1_400.jpg" style="width:100px;height:100px;margin:4px;border-radius:100%;" /></div>
  31.  
  32. <div style="float:left;width:240px;height:80px;background-color:#E2DDD9;opacity:.6;margin-top:10px;">
  33. <div style="float:left;margin:5px;width:230px;height:70px;overflow:hidden;">
  34. <div style="width:250px;height:70px;overflow:auto;">
  35. <div style="width:230px;">
  36. <div style="font-family:arial;text-transform:uppercase;font-size:9px;line-height:11px;color:#3A393E;text-align:justify;">ooc notes. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt tristique malesuada. Suspendisse ac convallis turpis, ut imperdiet turpis. Mauris non mauris ultricies, tincidunt magna sit amet, aliquet augue. Nam ante ipsum, sodales ut nisi nec, congue malesuada velit. Sed non dolor porta, tristique neque ut, luctus lectus. Sed at justo eget neque accumsan posuere.</div>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41.  
  42. <div style="float:left;width:220px;margin-top:5px;">
  43. <div style="font-family:'arial narrow';text-transform:uppercase;color:#3A393E;text-align:left;font-size:13px;margin-left:10px;letter-spacing:1px;"><b>short hand info.</b></div>
  44. </div>
  45.  
  46. <div style="float:left;width:220px;height:170px;margin-left:10px;">
  47. <div style="float:left;margin:5px;width:210px;height:160px;overflow:hidden;">
  48. <div style="width:230px;height:160px;overflow:auto;">
  49. <div style="width:210px;">
  50. <div style="float:left;width:30px;height:30px;background-color:#3A393E;border:1px solid #3A393E;font-family:'arial narrow';color:#E2DDD9;font-size:15px;line-height:28px;text-align:center;">1</div>
  51.  
  52. <div style="float:left;width:170px;height:30px;border:1px solid #3A393E;">
  53. <div style="font-family:arial;text-transform:uppercase;font-size:10px;margin-top:7px;color:#E2DDD9;text-align:left;margin-left:5px;"><b>trivia.</b> lorem ipsum dolor.</div>
  54. </div>
  55.  
  56. <div style="float:left;width:30px;height:30px;margin-top:5px;background-color:#3A393E;border:1px solid #3A393E;font-family:'arial narrow';color:#E2DDD9;font-size:15px;line-height:28px;text-align:center;">2</div>
  57.  
  58. <div style="float:left;width:170px;height:30px;border:1px solid #3A393E;margin-top:5px;">
  59. <div style="font-family:arial;text-transform:uppercase;font-size:10px;margin-top:7px;color:#E2DDD9;text-align:left;margin-left:5px;"><b>trivia.</b> lorem ipsum dolor.</div>
  60. </div>
  61.  
  62. <div style="float:left;width:30px;height:30px;margin-top:5px;background-color:#3A393E;border:1px solid #3A393E;font-family:'arial narrow';color:#E2DDD9;font-size:15px;line-height:28px;text-align:center;">3</div>
  63.  
  64. <div style="float:left;width:170px;height:30px;border:1px solid #3A393E;margin-top:5px;">
  65. <div style="font-family:arial;text-transform:uppercase;font-size:10px;margin-top:7px;color:#E2DDD9;text-align:left;margin-left:5px;"><b>trivia.</b> lorem ipsum dolor.</div>
  66. </div>
  67.  
  68. <div style="float:left;width:30px;height:30px;margin-top:5px;background-color:#3A393E;border:1px solid #3A393E;font-family:'arial narrow';color:#E2DDD9;font-size:15px;line-height:28px;text-align:center;">4</div>
  69.  
  70. <div style="float:left;width:170px;height:30px;border:1px solid #3A393E;margin-top:5px;">
  71. <div style="font-family:arial;text-transform:uppercase;font-size:10px;margin-top:7px;color:#E2DDD9;text-align:left;margin-left:5px;"><b>trivia.</b> lorem ipsum dolor.</div>
  72. </div>
  73.  
  74. <div style="float:left;width:30px;height:30px;margin-top:5px;background-color:#3A393E;border:1px solid #3A393E;font-family:'arial narrow';color:#E2DDD9;font-size:15px;line-height:28px;text-align:center;">5</div>
  75.  
  76. <div style="float:left;width:170px;height:30px;border:1px solid #3A393E;margin-top:5px;">
  77. <div style="font-family:arial;text-transform:uppercase;font-size:10px;margin-top:7px;color:#E2DDD9;text-align:left;margin-left:5px;"><b>trivia.</b> lorem ipsum dolor.</div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84.  
  85. <div style="float:left;width:300px;height:500px;">
  86. <div style="float:left;margin:5px;width:290px;height:490px;overflow:hidden;">
  87. <div style="width:310px;height:490px;overflow:auto;">
  88. <div style="width:290px;">
  89. <div style="float:left;width:280px;text-align:right;font-family:'arial narrow';text-transform:uppercase;font-size:13px;color:#3A393E;letter-spacing:1px;"><b>section title.</b></div>
  90.  
  91. <div style="float:left;width:290px;height:130px;border-bottom:1px solid #3A393E;">
  92. <div style="float:left;margin:5px;width:280px;height:120px;overflow:hidden;">
  93. <div style="width:300px;height:120px;overflow:auto;">
  94. <div style="width:280px;">
  95. <div style="font-family:arial;text-transform:uppercase;color:#3A393E;font-size:9px;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt tristique malesuada. Suspendisse ac convallis turpis, ut imperdiet turpis. Mauris non mauris ultricies, tincidunt magna sit amet, aliquet augue. Nam ante ipsum, sodales ut nisi nec, congue malesuada velit. Sed non dolor porta, tristique neque ut, luctus lectus. Sed at justo eget neque accumsan posuere. Curabitur at facilisis ex, eu blandit dolor. Donec eget pretium enim, quis mattis felis. Proin consectetur fringilla ipsum. Vestibulum at viverra leo. Morbi et nulla eget quam pharetra maximus. Sed facilisis lacus quam, eget vehicula enim pharetra id. Pellentesque luctus ex ut mauris elementum, at finibus justo lobortis. Etiam ac urna id nisl hendrerit congue id vitae leo. Nulla nec dignissim tellus. Suspendisse potenti.</div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100.  
  101. <div style="float:left;width:280px;margin-top:5px;text-align:right;font-family:'arial narrow';text-transform:uppercase;font-size:13px;color:#3A393E;letter-spacing:1px;"><b>section title.</b></div>
  102.  
  103. <div style="float:left;width:290px;height:130px;border-bottom:1px solid #3A393E;">
  104. <div style="float:left;width:280px;height:120px;margin:5px;overflow:hidden;">
  105. <div style="width:300px;height:120px;overflow:auto;">
  106. <div style="width:280px;">
  107. <div style="float:left;width:280px;">
  108. <div style="font-family:'arial narrow';font-size:11px;text-transform:uppercase;color:#3A393E;text-align:left;">muse: 90%</div>
  109.  
  110. <div style="float:left;width:220px;height:20px;border:1px solid #3A393E;">
  111. <div style="float:left;width:90%;background-color:#8D0124;margin:1px;height:16px;">&nbsp;</div>
  112. </div>
  113.  
  114. <div style="margin-top:30px;font-family:'arial narrow';font-size:11px;text-transform:uppercase;color:#3A393E;text-align:left;">activity: 60%</div>
  115.  
  116. <div style="float:left;width:220px;height:20px;border:1px solid #3A393E;">
  117. <div style="float:left;width:60%;background-color:#8D0124;margin:1px;height:16px;">&nbsp;</div>
  118. </div>
  119.  
  120. <div style="margin-top:30px;font-family:'arial narrow';font-size:11px;text-transform:uppercase;color:#3A393E;text-align:left;">reply speed: 20%</div>
  121.  
  122. <div style="float:left;width:220px;height:20px;border:1px solid #3A393E;">
  123. <div style="float:left;width:20%;background-color:#8D0124;margin:1px;height:16px;">&nbsp;</div>
  124. </div>
  125.  
  126. <div style="margin-top:30px;font-family:'arial narrow';font-size:11px;text-transform:uppercase;color:#3A393E;text-align:left;">quality: 50%</div>
  127.  
  128. <div style="float:left;width:220px;height:20px;border:1px solid #3A393E;">
  129. <div style="float:left;width:50%;background-color:#8D0124;margin:1px;height:16px;">&nbsp;</div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135.  
  136. <div style="float:left;width:280px;margin-top:5px;text-align:right;font-family:'arial narrow';text-transform:uppercase;font-size:13px;color:#3A393E;letter-spacing:1px;"><b>section title.</b></div>
  137.  
  138. <div style="float:left;width:290px;height:130px;border-bottom:1px solid #3A393E;">
  139. <div style="float:left;margin:5px;width:280px;height:120px;overflow:hidden;">
  140. <div style="width:300px;height:120px;overflow:auto;">
  141. <div style="width:280px;">
  142. <div style="font-family:arial;text-transform:uppercase;color:#3A393E;font-size:9px;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt tristique malesuada. Suspendisse ac convallis turpis, ut imperdiet turpis. Mauris non mauris ultricies, tincidunt magna sit amet, aliquet augue. Nam ante ipsum, sodales ut nisi nec, congue malesuada velit. Sed non dolor porta, tristique neque ut, luctus lectus. Sed at justo eget neque accumsan posuere. Curabitur at facilisis ex, eu blandit dolor. Donec eget pretium enim, quis mattis felis. Proin consectetur fringilla ipsum. Vestibulum at viverra leo. Morbi et nulla eget quam pharetra maximus. Sed facilisis lacus quam, eget vehicula enim pharetra id. Pellentesque luctus ex ut mauris elementum, at finibus justo lobortis. Etiam ac urna id nisl hendrerit congue id vitae leo. Nulla nec dignissim tellus. Suspendisse potenti.</div>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. <div style="float:left;width:280px;margin-top:5px;text-align:right;font-family:'arial narrow';text-transform:uppercase;font-size:13px;color:#3A393E;letter-spacing:1px;"><b>section title.</b></div>
  149.  
  150. <div style="float:left;width:290px;height:130px;border-bottom:1px solid #3A393E;">
  151. <div style="float:left;width:auto;background-color:#8D0124;">
  152. <div style="font-family:arial;text-transform:uppercase;font-size:11px;color:#E2DDD9;margin:3px;">name.</div>
  153. </div>
  154.  
  155. <div style="float:left;font-family:arial;text-transform:uppercase;font-size:11px;color:#8D0124;line-height:22px;margin-left:5px;">lorem ipsum.</div>
  156.  
  157. <div style="float:left;width:auto;background-color:#8D0124;margin-top:25px;margin-left:-126px;">
  158. <div style="font-family:arial;text-transform:uppercase;font-size:11px;color:#E2DDD9;margin:3px;">status.</div>
  159. </div>
  160.  
  161. <div style="float:left;font-family:arial;text-transform:uppercase;font-size:11px;color:#8D0124;line-height:22px;margin-left:-70px;margin-top:25px;">lorem ipsum.</div>
  162.  
  163. <div style="float:left;width:auto;background-color:#8D0124;margin-top:50px;margin-left:-136px;">
  164. <div style="font-family:arial;text-transform:uppercase;font-size:11px;color:#E2DDD9;margin:3px;">since.</div>
  165. </div>
  166.  
  167. <div style="float:left;font-family:arial;text-transform:uppercase;font-size:11px;color:#8D0124;line-height:22px;margin-left:-90px;margin-top:50px;">ddmmyy.</div>
  168.  
  169. <div style="float:left;width:120px;height:120px;border:1px solid #8D0124;margin-left:20px;"><img alt="" src="https://78.media.tumblr.com/011dd9161cee643d30303da57c09e80e/tumblr_p40aqmRinF1x11dxso2_400.png" style="width:110px;height:110px;margin:5px;" /></div>
  170. </div>
  171.  
  172. <div style="float:left;width:280px;margin-top:5px;text-align:right;font-family:'arial narrow';text-transform:uppercase;font-size:13px;color:#3A393E;letter-spacing:1px;"><b>section title.</b></div>
  173.  
  174. <div style="float:left;width:290px;height:130px;border-bottom:1px solid #3A393E;">
  175. <div style="float:left;margin:5px;width:280px;height:120px;overflow:hidden;">
  176. <div style="width:300px;height:120px;overflow:auto;">
  177. <div style="width:280px;">
  178. <div style="font-family:arial;text-transform:uppercase;color:#3A393E;font-size:9px;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras tincidunt tristique malesuada. Suspendisse ac convallis turpis, ut imperdiet turpis. Mauris non mauris ultricies, tincidunt magna sit amet, aliquet augue. Nam ante ipsum, sodales ut nisi nec, congue malesuada velit. Sed non dolor porta, tristique neque ut, luctus lectus. Sed at justo eget neque accumsan posuere. Curabitur at facilisis ex, eu blandit dolor. Donec eget pretium enim, quis mattis felis. Proin consectetur fringilla ipsum. Vestibulum at viverra leo. Morbi et nulla eget quam pharetra maximus. Sed facilisis lacus quam, eget vehicula enim pharetra id. Pellentesque luctus ex ut mauris elementum, at finibus justo lobortis. Etiam ac urna id nisl hendrerit congue id vitae leo. Nulla nec dignissim tellus. Suspendisse potenti.</div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189.  
  190. <div style="width:550px;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>
  191. </div>
  192. </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!