API tools faq
paste
Advertisement
RienRien

CATS ROLEPLAY LAYOUT

RienRien
Nov 21st, 2014
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.13 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:1000px;height:600px;background-color:#dff2de;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  2. <div style="float:left;width:740px;height:100px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  3. <div style="margin:0px auto;width:900px;height:374px;background-color:transparent;">
  4. <div style="margin:0px;width:394px;height:500px;text-align:justify;margin-top:190px;margin-left:240px;"><img alt="TRjgoTH.jpg" src="http://i1153.photobucket.com/albums/p505/RienRien05/headerimage2_zps71521ee0.png" style="width:394px;height:409px;" /></div>
  5. </div>
  6. </div>
  7. </div>
  8.  
  9. <div style="float:left;width:1000px;height:100px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:20px;margin-top:-530px;border-radius:30px;">
  10. <div style="float:left;width:300px;height:200px;padding-left:0px;padding-right:0px;margin-left:10px;margin-top:-35px;line-height:80px;text-align:center;background-color:transparent;">
  11. <div style="float:left;margin-top:10px;line-height:80px;text-align:justify;"><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';"><span style="font-size:172px;">+0<br />
  12. |0</span></span></span></div>
  13.  
  14. <div style="float:left;line-height:25px;margin-top:300px;margin-left:-100px;"><span style="font-size:48px;"><span style="color:rgb(255,255,255);font-family:georgia;letter-spacing:0px;">m<br />
  15. e<br />
  16. m<br />
  17. b<br />
  18. e<br />
  19. r</span><br />
  20. <span style="color:rgb(255,255,255);font-family:georgia;">s</span></span></div>
  21. </div>
  22.  
  23. <div style="float:left;width:360px;height:600px;padding-left:0px;padding-right:0px;margin-left:290px;margin-top:-70px;text-align:center;background-color:#f4e4ca;">
  24. <div style="float:left;width:330px;margin-top:110px;height:85px;background-color:transparent;line-height:28px;margin-left:15px;"><br />
  25. <span style="font-size:72px;"><span style="font-family:'trebuchet ms';"><span style="color:#eed6af;">CATS</span></span></span></div>
  26.  
  27. <div style="float:left;width:330px;margin-top:-90px;height:85px;background-color:transparent;line-height:28px;margin-left:15px;"><br />
  28. <span style="font-size:72px;"><span style="font-family:'trebuchet ms';"><span style="color:#fff;">CATS</span></span></span></div>
  29.  
  30. <div style="float:left;width:330px;margin-top:10px;height:40px;background-color:transparent;line-height:15px;margin-left:15px;"><br />
  31. <em><span style="font-size:16px;"><span style="color:#dec59d;"><span style="font-family:'trebuchet ms';">❝Come be a kid with us! Join today!❞</span></span></span></em></div>
  32.  
  33. <div style="float:left;width:330px;margin-top:10px;height:50px;background-color:#eed6af;line-height:48px;margin-left:15px;"><span style="color:#ddbf8d;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">home</span></span></span></div>
  34.  
  35. <div style="float:left;width:330px;margin-top:-50px;height:50px;line-height:48px;margin-left:13px;"><a href="#"><span style="color:#f7ebd8;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">home</span></span></span></a></div>
  36.  
  37. <div style="float:left;width:330px;margin-top:10px;height:50px;background-color:#eed6af;line-height:48px;margin-left:15px;"><span style="color:#ddbf8d;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">masterlist</span></span></span></div>
  38.  
  39. <div style="float:left;width:330px;margin-top:-50px;height:50px;line-height:48px;margin-left:13px;"><a href="#"><span style="color:#f7ebd8;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">masterlist</span></span></span></a></div>
  40.  
  41. <div style="float:left;width:330px;margin-top:10px;height:50px;background-color:#eed6af;line-height:48px;margin-left:15px;"><span style="color:#ddbf8d;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">couplelist</span></span></span></div>
  42.  
  43. <div style="float:left;width:330px;margin-top:-50px;height:50px;line-height:48px;margin-left:13px;"><a href="#"><span style="color:#f7ebd8;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">couplelist</span></span></span></a></div>
  44.  
  45. <div style="float:left;width:330px;margin-top:10px;height:50px;background-color:#eed6af;line-height:48px;margin-left:15px;"><span style="color:#ddbf8d;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">wishlist</span></span></span></div>
  46.  
  47. <div style="float:left;width:330px;margin-top:-50px;height:50px;line-height:48px;margin-left:13px;"><a href="#"><span style="color:#f7ebd8;"><span style="font-size:36px;"><span style="font-family:'trebuchet ms';">wishlist</span></span></span></a></div>
  48. </div>
  49. </div>
  50.  
  51. <div style="float:left;width:1000px;height:20px;background-color:#ebeff8;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;border-top:1px dashed #cdd6ea;border-bottom:1px dashed #cdd6ea;">&nbsp;</div>
  52.  
  53. <div style="float:left;width:1000px;height:600px;background-color:#dff2de;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  54. <div style="float:left;width:360px;height:200px;padding-left:0px;padding-right:0px;margin-left:620px;margin-top:0px;text-align:center;background-color:#f4e4ca;">&nbsp;</div>
  55.  
  56. <div style="float:left;width:0px;height:0px;padding-left:0px;padding-right:0px;margin-left:620px;margin-top:0px;text-align:center;border-left:180px solid transparent;border-right:180px solid transparent;border-top:150px solid #f4e4ca;">&nbsp;</div>
  57.  
  58. <div style="float:left;width:200px;height:200px;padding-left:0px;padding-right:0px;margin-left:690px;margin-top:-330px;text-align:center;border-radius:150px;overflow:hidden;border:10px outset #f4e4ca;">
  59. <div style="margin-left:-40px;margin-top:-12px;width:280px;"><img alt="027.gif" src="http://www.sadmuffin.net/cherrybam/graphics/graphics-cute2/027.gif" style="height:210px;width:280px;" /></div>
  60. </div>
  61.  
  62. <div style="float:left;margin-left:720px;margin-top:40px;"><a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="color:#8cd48a;"><span style="font-size:14px;" title="Do not steal. Credits for the graphics used."><span style="font-family:'trebuchet ms';">layout by rienrien | SWAK</span></span></span></a></div>
  63.  
  64. <div style="float:left;width:570px;height:550px;background-color:#d1f3d0;padding-left:0px;padding-right:0px;margin-left:-865px;margin-top:-325px;overflow:hidden;">
  65. <div style="float:left;width:588px;height:550px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;overflow:auto;padding-bottom:30px;">
  66. <div style="float:left;width:510px;height:auto;margin-left:-10px;margin-top:35px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding:10px;text-align:center;line-height:13px;">
  67. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:0px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">ABOUT US</span></span></span></span></div>
  68.  
  69. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla arcu, rhoncus id fringilla vitae, malesuada non enim. Proin placerat massa vitae arcu sollicitudin sodales. Sed molestie ullamcorper lectus non fringilla. Quisque euismod risus et risus venenatis, vitae imperdiet diam placerat. Aliquam vel sapien eu nunc aliquam maximus gravida id risus. Nullam condimentum mattis augue, eget efficitur nisl egestas quis. Sed rhoncus velit et lorem ultrices, eu accumsan orci sollicitudin. Phasellus consequat dolor velit, non auctor justo luctus eget. Proin id placerat metus, eu consequat nulla. Ut eget mauris eget purus finibus aliquam. Integer at vulputate leo. Mauris tincidunt quis elit at gravida. Cras sit amet purus non neque tincidunt ultrices eget in nisi.</span></span></span></div>
  70.  
  71. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:10px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">RULES</span></span></span></span></div>
  72.  
  73. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';"><strong>001.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>002.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>003.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>004.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>005.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>006.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>007.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>008.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>009.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>010.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></span></span></div>
  74.  
  75. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:10px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">HOW TO JOIN</span></span></span></span></div>
  76.  
  77. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';"><strong>001.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>002.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>003.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>004.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>005.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>006.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>007.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>008.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>009.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>010.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span></span></span></div>
  78.  
  79. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:10px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">ADMINS</span></span></span></span></div>
  80.  
  81. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;">
  82. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:35px;">
  83. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://fc08.deviantart.net/fs31/f/2008/198/6/0/Pixel_Pig_by_tomoya.gif" style="width:100px;height:77px;margin-top:20px;" />
  84. <p>&nbsp;</p>
  85. </div>
  86.  
  87. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Admin Name</span></span></span></div>
  88. </div>
  89.  
  90. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:30px;">
  91. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://fc08.deviantart.net/fs31/f/2008/198/6/0/Pixel_Pig_by_tomoya.gif" style="width:100px;height:77px;margin-top:20px;" />
  92. <p>&nbsp;</p>
  93. </div>
  94.  
  95. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Admin Name</span></span></span></div>
  96. </div>
  97.  
  98. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:30px;">
  99. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://fc08.deviantart.net/fs31/f/2008/198/6/0/Pixel_Pig_by_tomoya.gif" style="width:100px;height:77px;margin-top:20px;" />
  100. <p>&nbsp;</p>
  101. </div>
  102.  
  103. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Admin Name</span></span></span></div>
  104. </div>
  105. </div>
  106.  
  107. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:10px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">UPDATES</span></span></span></span></div>
  108.  
  109. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;">
  110. <div style="width:60px;height:60px;float:left;background-color:#9dda9c;">
  111. <p style="font-family:helvetica;letter-spacing:-1px;font-size:20px;color:#fff;line-height:100%;margin:10px 0px 0px 0px;padding:2px;text-transform:uppercase;text-align:center;"><span style="font-size:11px;"><span style="font-family:verdana;">MM/DD/YY</span></span></p>
  112. </div>
  113.  
  114. <div style="float:left;width:407px;height:auto;text-align:justify;margin-left:10px;margin-top:0px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla arcu, rhoncus id fringilla vitae, malesuada non enim. Proin placerat massa vitae arcu sollicitudin sodales. Sed molestie ullamcorper lectus non fringilla. Quisque euismod risus et risus venenatis, vitae imperdiet diam&nbsp;</span></span></span></div>
  115.  
  116. <div style="width:auto;height:auto;float:left;margin-top:10px;">
  117. <div style="width:60px;height:60px;float:left;background-color:#9dda9c;">
  118. <p style="font-family:helvetica;letter-spacing:-1px;font-size:20px;color:#fff;line-height:100%;margin:10px 0px 0px 0px;padding:2px;text-transform:uppercase;text-align:center;"><span style="font-size:11px;"><span style="font-family:verdana;">MM/DD/YY</span></span></p>
  119. </div>
  120.  
  121. <div style="float:left;width:407px;height:auto;text-align:justify;margin-left:10px;margin-top:0px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla arcu, rhoncus id fringilla vitae, malesuada non enim. Proin placerat massa vitae arcu sollicitudin sodales. Sed molestie ullamcorper lectus non fringilla. Quisque euismod risus et risus venenatis, vitae imperdiet diam&nbsp;</span></span></span></div>
  122. </div>
  123.  
  124. <div style="width:auto;height:auto;float:left;margin-top:10px;">
  125. <div style="width:60px;height:60px;float:left;background-color:#9dda9c;">
  126. <p style="font-family:helvetica;letter-spacing:-1px;font-size:20px;color:#fff;line-height:100%;margin:10px 0px 0px 0px;padding:2px;text-transform:uppercase;text-align:center;"><span style="font-size:11px;"><span style="font-family:verdana;">MM/DD/YY</span></span></p>
  127. </div>
  128.  
  129. <div style="float:left;width:407px;height:auto;text-align:justify;margin-left:10px;margin-top:0px;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nulla arcu, rhoncus id fringilla vitae, malesuada non enim. Proin placerat massa vitae arcu sollicitudin sodales. Sed molestie ullamcorper lectus non fringilla. Quisque euismod risus et risus venenatis, vitae imperdiet diam&nbsp;</span></span></span></div>
  130. </div>
  131. </div>
  132.  
  133. <div style="float:left;width:455px;height:20px;margin-left:45px;margin-top:10px;padding:10px;text-align:center;background-color:#faf5bf;line-height:18px;"><span style="color:#e3da7b;"><span style="font-family:'trebuchet ms';"><span style="font-size:22px;"><span style="letter-spacing:2px;">FEATURED MEMBERS</span></span></span></span></div>
  134.  
  135. <div style="float:left;width:477px;height:auto;text-align:justify;margin-left:45px;margin-top:10px;">
  136. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:35px;">
  137. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://newton.physics.uiowa.edu/~sbaalrud/empty_profile.gif" style="width:100px;height:105px;" />
  138. <p>&nbsp;</p>
  139. </div>
  140.  
  141. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Roleplayer Name here</span></span></span></div>
  142. </div>
  143.  
  144. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:30px;">
  145. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://newton.physics.uiowa.edu/~sbaalrud/empty_profile.gif" style="width:100px;height:105px;" />
  146. <p>&nbsp;</p>
  147. </div>
  148.  
  149. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Roleplayer Name here</span></span></span></div>
  150. </div>
  151.  
  152. <div style="width:109px;height:auto;float:left;margin-top:10px;margin-left:30px;">
  153. <div style="width:100px;height:105px;float:left;background-color:#9dda9c;padding:10px;"><img alt="" src="http://newton.physics.uiowa.edu/~sbaalrud/empty_profile.gif" style="width:100px;height:105px;" />
  154. <p>&nbsp;</p>
  155. </div>
  156.  
  157. <div style="float:left;width:109px;height:auto;margin-left:0px;margin-top:0px;text-align:center;"><span style="color:#7fc37d;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Roleplayer Name here</span></span></span></div>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </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!