API tools faq
paste
Advertisement
mickeywithoutears

City Blues

mickeywithoutears
Dec 4th, 2016
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.77 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:700px;">
  2. <div style="float:left;width:700px;height:600px;margin-top:50px;border-top:25px solid #012831;padding-top:2px;border-bottom:25px solid #66a2b1;padding-bottom:2px;">
  3. <div style="float:left;width:700px;height:600px;background:#66a2b1;">
  4. <div style="float:left;width:700px;height:600px;"><img alt="" src="http://i.imgur.com/7fUSlfZ.jpg" style="width:700px;height:600px;" /></div>
  5.  
  6. <div style="float:left;width:700px;margin-top:-557px;">
  7. <div style="float:left;width:35px;margin-left:30px;">
  8. <div style="float:left;width:35px;height:1px;background:#2e6a79;border:outset 2px #2e6a79;">&nbsp;</div>
  9.  
  10. <div style="float:left;width:35px;height:1px;background:#2e6a79;margin-top:5px;border:outset 2px #2e6a79;">&nbsp;</div>
  11.  
  12. <div style="float:left;width:35px;height:1px;background:#2e6a79;margin-top:5px;border:outset 2px #2e6a79;">&nbsp;</div>
  13. </div>
  14.  
  15. <div style="float:left;width:635px;">
  16. <div style="float:right;margin-right:30px;width:55px;text-align:center;height:10px;padding:5px;border:outset 2px #2e6a79;color:#2e6a79;line-height:9px;letter-spacing:1px;font-size:9px;">SEARCH</div>
  17.  
  18. <div style="float:right;margin-right:10px;width:125px;height:10px;color:#2e6a79;padding:5px;border:inset 2px #2e6a79;line-height:9px;letter-spacing:1px;text-align:left;font-size:9px;">search keywords...</div>
  19. </div>
  20.  
  21. <div style="float:left;width:700px;height:560px;opacity:.9;overflow:hidden;margin-top:-68px;">
  22. <div style="float:left;width:700px;height:560px;padding-right:20px;overflow:auto;padding-bottom:20px;">
  23. <div style="float:left;margin-left:70px;width:630px;height:388px;margin-top:174px;"><img alt="" src="http://i.imgur.com/JxMFT3i.png" style="width:599px;height:268px;" /></div>
  24.  
  25. <div style="float:left;width:700px;margin-top:-345px;">
  26. <div style="float:left;width:700px;text-transform:uppercase;color:#012831;text-align:center;font-size:100px;line-height:100px;height:100px;">city</div>
  27.  
  28. <div style="float:left;width:700px;height:40px;margin-top:-15px;text-transform:uppercase;color:#012831;text-align:center;font-size:40px;line-height:40px;">roleplay</div>
  29.  
  30. <div style="float:left;width:500px;padding:100px;padding-top:0px;margin-top:-18px;">
  31. <div style="float:right;width:55px;padding:5px;height:10px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:10px;text-align:center;text-transform:uppercase;font-size:10px;">open<em>!</em></div>
  32. </div>
  33.  
  34. <div style="float:left;width:500px;height:2px;margin-left:100px;background:#012831;margin-top:-100px;">&nbsp;</div>
  35.  
  36. <div style="float:left;width:700px;height:75px;margin-top:-80px;overflow:hidden;">
  37. <div style="float:left;width:500px;padding-left:100px;padding-right:120px;text-align:justify;color:#012831;line-height:12px;letter-spacing:1px;font-size:12px;height:75px;overflow:auto;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed eros vitae magna molestie sollicitudin et a eros. Quisque velit massa, tempor ac finibus eu, commodo eget purus. Ut et nisi porttitor enim aliquam sagittis sit amet congue odio. Curabitur tincidunt justo et tellus venenatis tincidunt. Suspendisse posuere lobortis orci nec condimentum. Donec ac faucibus ipsum, a dictum risus. In id placerat nunc, non egestas erat.</p></div>
  38. </div>
  39.  
  40. <div style="float:left;width:700px;margin-top:30px;opacity:.9;">
  41. <div style="float:left;width:700px;height:50px;">
  42. <div style="margin:auto;width:100px;">
  43. <div style="float:left;width:0px;height:0px;border-left:50px transparent solid;border-top:50px #012831 solid;border-right:50px solid transparent;border-bottom:50px solid transparent;">&nbsp;</div>
  44. </div>
  45. </div>
  46.  
  47. <div style="float:left;width:700px;height:50px;margin-top:-50px;margin-left:10px;">
  48. <div style="margin:auto;width:100px;">
  49. <div style="float:left;width:0px;height:0px;border-left:40px transparent solid;border-top:40px #65A3B2 solid;border-right:40px solid transparent;border-bottom:40px solid transparent;">&nbsp;</div>
  50. </div>
  51. </div>
  52. </div>
  53.  
  54. <div style="float:left;width:700px;margin-top:50px;background:#66a2b1;padding-top:70px;">
  55. <div style="float:left;width:60px;padding-left:100px;margin-top:10px;">
  56. <div style="float:left;width:50px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">admins<em>!</em></div>
  57.  
  58. <div style="float:left;width:60px;height:360px;margin-top:10px;">
  59. <div style="float:left;width:60px;height:60px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  60.  
  61. <div style="float:left;width:60px;height:60px;margin-top:10px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  62.  
  63. <div style="float:left;width:60px;height:60px;margin-top:10px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  64.  
  65. <div style="float:left;width:60px;height:60px;margin-top:10px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  66.  
  67. <div style="float:left;width:60px;height:60px;margin-top:10px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  68.  
  69. <div style="float:left;width:60px;height:60px;margin-top:10px;border:solid 2px #012831;"><a href="admin%20profile%20link%20here"><img alt="" src="http://i.imgur.com/O1zIV3w.jpg" style="width:60px;height:60px;" /></a></div>
  70. </div>
  71. </div>
  72.  
  73. <div style="float:left;width:418px;padding:17px;padding-top:10px;">
  74. <div style="float:left;width:418px;height:463px;overflow:hidden;">
  75. <div style="float:left;width:418px;height:463px;overflow:auto;padding-right:20px;">
  76. <div style="float:left;width:418px;">
  77. <div style="float:left;width:50px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">rules<em>!</em></div>
  78.  
  79. <div style="float:left;width:394px;border:solid 2px #012831;height:108px;padding:10px;margin-top:-2px;overflow:hidden;">
  80. <div style="float:left;width:394px;text-align:justify;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:108px;overflow:auto;padding-right:27px;"><p>001// Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  81. <br />
  82. 002// Vestibulum suscipit nisi eget elit tempor vestibulum.<br />
  83. <br />
  84. 003// Suspendisse porttitor risus ut turpis tincidunt, et commodo odio suscipit.<br />
  85. <br />
  86. 004// Vestibulum in purus nec dui finibus pulvinar.<br />
  87. <br />
  88. 005// Aenean pretium diam vitae nunc viverra laoreet.<br />
  89. <br />
  90. 006// Aliquam vel velit sed elit ultrices iaculis nec nec libero.<br />
  91. <br />
  92. 007// Duis ac dolor eget velit mollis luctus.</p></div>
  93. </div>
  94.  
  95. <div style="float:left;width:418px;margin-top:10px;">
  96. <div style="float:left;width:80px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">how to join<em>!</em></div>
  97.  
  98. <div style="float:left;width:394px;border:solid 2px #012831;height:108px;padding:10px;margin-top:-2px;overflow:hidden;">
  99. <div style="float:left;width:394px;text-align:justify;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:108px;overflow:auto;padding-right:27px;"><p>001// Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  100. <br />
  101. 002// Vestibulum suscipit nisi eget elit tempor vestibulum.<br />
  102. <br />
  103. 003// Suspendisse porttitor risus ut turpis tincidunt, et commodo odio suscipit.<br />
  104. <br />
  105. 004// Vestibulum in purus nec dui finibus pulvinar.<br />
  106. <br />
  107. 005// Aenean pretium diam vitae nunc viverra laoreet.<br />
  108. <br />
  109. 006// Aliquam vel velit sed elit ultrices iaculis nec nec libero.<br />
  110. <br />
  111. 007// Duis ac dolor eget velit mollis luctus.</p></div>
  112. </div>
  113. </div>
  114. </div>
  115.  
  116. <div style="float:left;width:418px;margin-top:10px;">
  117. <div style="float:left;width:204px;">
  118. <div style="float:left;width:120px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">updates &amp; events<em>!</em></div>
  119.  
  120. <div style="float:left;width:180px;border:solid 2px #012831;height:100px;padding:10px;margin-top:-2px;overflow:hidden;">
  121. <div style="float:left;width:180px;text-align:justify;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:100px;overflow:auto;padding-right:27px;"><p>02 DEC 2016 // Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
  122. <br />
  123. 08 DEC 2016 // Vestibulum suscipit nisi eget elit tempor vestibulum.<br />
  124. <br />
  125. 10 DEC 2016 // Suspendisse porttitor risus ut turpis tincidunt, et commodo odio suscipit.</p></div>
  126. </div>
  127. </div>
  128.  
  129. <div style="float:left;width:204px;margin-left:10px;">
  130. <div style="float:left;width:120px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">application form<em>!</em></div>
  131.  
  132. <div style="float:left;width:180px;border:solid 2px #012831;height:100px;padding:10px;margin-top:-2px;overflow:hidden;">
  133. <div style="float:left;width:180px;text-align:center;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:100px;overflow:auto;padding-right:27px;"><p>character<br />
  134. <br />
  135. group<br />
  136. <br />
  137. timezone<br />
  138. <br />
  139. activity<br />
  140. <br />
  141. password</p></div>
  142. </div>
  143. </div>
  144. </div>
  145.  
  146. <div style="float:left;width:418px;margin-top:10px;">
  147. <div style="float:left;width:80px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">masterlist<em>!</em></div>
  148.  
  149. <div style="float:left;width:394px;border:solid 2px #012831;height:108px;padding:10px;margin-top:-2px;overflow:hidden;">
  150. <div style="float:left;width:394px;text-align:justify;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:108px;overflow:auto;padding-right:27px;"><p>GROUP NAME // name / name / name / name / name/<br />
  151. <br />
  152. GROUP NAME // name / name / name<br />
  153. <br />
  154. GROUP NAME // name / name / name<br />
  155. <br />
  156. GROUP NAME // name<br />
  157. <br />
  158. GROUP NAME // name / name / name / name<br />
  159. <br />
  160. GROUP NAME // name / name / name / name / name/<br />
  161. <br />
  162. GROUP NAME // name / name / name<br />
  163. <br />
  164. GROUP NAME // name / name / name<br />
  165. <br />
  166. GROUP NAME // name<br />
  167. <br />
  168. GROUP NAME // name / name / name / name</p></div>
  169. </div>
  170. </div>
  171.  
  172. <div style="float:left;width:418px;margin-top:10px;">
  173. <div style="float:left;width:204px;">
  174. <div style="float:left;width:120px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">wishlist<em>!</em></div>
  175.  
  176. <div style="float:left;width:180px;border:solid 2px #012831;height:100px;padding:10px;margin-top:-2px;overflow:hidden;">
  177. <div style="float:left;width:180px;text-align:justify;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:100px;overflow:auto;padding-right:27px;"><p>GROUP NAME // name / name / name / name / name/<br />
  178. <br />
  179. GROUP NAME // name / name / name<br />
  180. <br />
  181. GROUP NAME // name / name / name<br />
  182. <br />
  183. GROUP NAME // name<br />
  184. <br />
  185. GROUP NAME // name / name / name / name</p></div>
  186. </div>
  187. </div>
  188.  
  189. <div style="float:left;width:204px;margin-left:10px;">
  190. <div style="float:left;width:120px;padding:6px;height:9px;color:#66a2b1;background:#012831;letter-spacing:1px;line-height:9px;text-transform:uppercase;text-align:center;font-size:9px;">couplelist<em>!</em></div>
  191.  
  192. <div style="float:left;width:180px;border:solid 2px #012831;height:100px;padding:10px;margin-top:-2px;overflow:hidden;">
  193. <div style="float:left;width:180px;text-align:center;color:#012831;line-height:11px;letter-spacing:1px;font-size:11px;height:100px;overflow:auto;padding-right:27px;"><p>NAME X NAME // details<br />
  194. <br />
  195. NAME X NAME // details<br />
  196. <br />
  197. NAME X NAME // details<br />
  198. <br />
  199. NAME X NAME // details<br />
  200. <br />
  201. NAME X NAME // details</p></div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215.  
  216. <div style="float:left;width:700px;">
  217. <div style="margin:auto;width:100px;margin-top:5px;height:7px;line-height:7px;text-align:center;letter-spacing:1px;font-size:7px;color:#66a2b1;"><span class="tooltip" title="DESIGNED &amp; CODED BY MICKEYWITHOUTEARS @THE GATHERING"><a href="http://www.asianfanfics.com/story/view/610724"><span style="color:#66a2b1;">MICKEYWITHOUTEARS</span></a></span></div>
  218. </div>
  219. </div>
  220.  
  221. <div style="float:left;width:700px;height:50px;">&nbsp;</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!