API tools faq
paste
Advertisement
RienRien

DREAMCATCHERS ROLEPLAY LAYOUT

RienRien
Dec 20th, 2014
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.16 KB | None | 0 0
raw download clone embed print report
  1. <div style="float:left;width:1000px;height:200px;background-color:#82b9a6;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;">
  2. <div style="float:left;margin-left:10px;margin-top:50px;line-height:10px;width:380px;text-align:right;padding:20px;background-color:transparent;height:80px;border-radius:10px;border-top:1px solid #b9d5bf;border-bottom:1px solid #b9d5bf;">
  3. <div style="float:left;line-height:30px;width:90px;height:30px;text-align:center;background-color:rgb(255,255,255);margin-top:25px;border-radius:10px;margin-left:5px;"><a href="#"><span style="font-size:14px;"><span style="font-family:'trebuchet ms';"><span style="color:#008080;">HOME</span></span></span></a></div>
  4.  
  5. <div style="float:left;line-height:30px;width:80px;height:30px;text-align:center;background-color:transparent;margin-top:25px;border-radius:10px;margin-left:15px;"><a href="#"><span style="font-size:14px;"><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';">MASTERLIST</span></span></span></a></div>
  6.  
  7. <div style="float:left;line-height:30px;width:80px;height:30px;text-align:center;background-color:transparent;margin-top:25px;border-radius:10px;margin-left:15px;"><a href="#"><span style="font-size:14px;"><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';">COUPLELIST</span></span></span></a></div>
  8.  
  9. <div style="float:left;line-height:30px;width:80px;height:30px;text-align:center;background-color:transparent;margin-top:25px;border-radius:10px;margin-left:15px;"><a href="#"><span style="font-size:14px;"><span style="color:#FFFFFF;"><span style="font-family:'trebuchet ms';">WISHLIST</span></span></span></a></div>
  10. </div>
  11.  
  12. <div style="margin-left:450px;margin-top:50px;line-height:10px;width:480px;text-align:right;padding:20px;background-color:#fff;height:80px;border-radius:30px;">
  13. <div style="float:left;line-height:25px;"><br />
  14. <span style="color:#696969;"><span style="font-size:72px;"><span style="font-family:georgia;">dreamcatchers</span></span></span></div>
  15.  
  16. <div style="float:left;line-height:25px;margin-top:-66px;"><br />
  17. <span style="color:#b9d5bf;"><span style="font-size:72px;"><span style="font-family:georgia;">dreamcatchers</span></span></span></div>
  18. </div>
  19. </div>
  20.  
  21. <div style="float:left;width:1000px;height:auto;background-color:#b9d5bf;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;padding-bottom:30px;">
  22. <div style="float:left;line-height:25px;margin-top:20px;margin-left:565px;"><img alt="large.jpg" src="http://data1.whicdn.com/images/142210271/large.jpg" style="width:400px;height:394px;" /></div>
  23.  
  24. <div style="float:left;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:100px solid #fff;margin-top:-453px;margin-left:700px;">&nbsp;</div>
  25.  
  26. <div style="float:left;line-height:25px;margin-top:-370px;margin-left:465px;width:90px;text-align:justify;"><span style="font-family:georgia;"><span style="color:#8ebc97;"><span style="font-size:142px;">❞</span></span></span></div>
  27.  
  28. <div style="float:left;line-height:25px;margin-top:-368px;margin-left:468px;width:90px;text-align:justify;"><span style="font-family:georgia;"><span style="color:#A5FEE3;"><span style="font-size:142px;">❞</span></span></span></div>
  29.  
  30. <div style="float:left;line-height:25px;margin-top:-350px;margin-left:465px;width:140px;background-color:#b9d5bf;padding:10px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;text-align:center;"><span style="color:#8ebc97;"><span style="font-size:12px;"><span style="font-family:georgia;">I&#39;m a dreamcatcher </span></span></span></div>
  31.  
  32. <div style="float:left;line-height:25px;margin-top:-227px;margin-left:465px;width:140px;background-color:#b9d5bf;padding:10px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;text-align:center;"><span style="color:#8ebc97;"><span style="font-size:12px;"><span style="font-family:georgia;">and you are my dream, </span></span></span></div>
  33.  
  34. <div style="float:left;line-height:25px;margin-top:-90px;margin-left:465px;width:140px;background-color:#b9d5bf;padding:10px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;text-align:center;"><span style="color:#8ebc97;"><span style="font-size:12px;"><span style="font-family:georgia;">so let me catch you.</span></span></span></div>
  35.  
  36. <div style="float:left;width:420px;height:393px;background-color:#8ebc97;padding-left:0px;padding-right:0px;margin-left:33px;margin-top:-400px;border-radius:0px 0px 50px 50px;">
  37. <div style="float:left;border-radius:0px 0px 400px 400px;background-color:#9cc6a5;width:420px;height:200px;">&nbsp;</div>
  38. </div>
  39.  
  40. <div style="float:left;width:420px;height:353px;padding-right:0px;margin-left:33px;margin-top:-400px;overflow:hidden;border-radius:0px 0px 0px 0px;">
  41. <div style="float:left;width:433px;height:353px;background-color:transparent;padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;overflow:auto;border-radius:0px 0px 0px 0px;">
  42. <div style="float:left;width:auto;height:200px;margin-top:50px;margin-left:63px;"><span style="color:#8ebc97;"><span style="font-size:48px;"><span style="font-family:'trebuchet ms';">WHO.WE.ARE</span></span></span></div>
  43.  
  44. <div style="float:left;width:320px;height:auto;margin-top:-10px;margin-left:47px;text-align:justify;line-height:13px;"><span style="color:#fff;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Dreamcatcher Roleplay was made by the admins to create a place of fun and to attempt to grow our own family. It&#39;s a place where you can just be yourself and worry about nothing else. Well that&#39;s what most roleplays say but shhh anyways nothing really lasts forever so then let us turn this place into a &quot;something&quot; and make it last okay? okay. Dreamcatcher, well the name doesn&#39;t really mean anything- I&#39;m kidding. This roleplay will hopefully help you in some i-don&#39;t-even-know-how way to make some of your big ol&#39; dreams come true, hopefully.</span></span></span></div>
  45.  
  46. <div style="float:left;width:auto;height:200px;margin-top:50px;margin-left:85px;"><span style="color:#8ebc97;"><span style="font-size:48px;"><span style="font-family:'trebuchet ms';">OUR.RULES</span></span></span></div>
  47.  
  48. <div style="float:left;width:320px;height:auto;margin-top:-10px;margin-left:47px;text-align:justify;line-height:13px;"><span style="color:#fff;"><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>
  49.  
  50. <div style="float:left;width:auto;height:200px;margin-top:50px;margin-left:60px;"><span style="color:#8ebc97;"><span style="font-size:48px;"><span style="font-family:'trebuchet ms';">HOW.TO.JOIN</span></span></span></div>
  51.  
  52. <div style="float:left;width:320px;height:auto;margin-top:-10px;margin-left:47px;text-align:justify;line-height:13px;"><span style="color:#fff;"><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>
  53.  
  54. <div style="float:left;width:auto;height:200px;margin-top:50px;margin-left:77px;"><span style="color:#8ebc97;"><span style="font-size:48px;"><span style="font-family:'trebuchet ms';">THE.ADMINS</span></span></span></div>
  55.  
  56. <div style="float:left;width:320px;height:auto;margin-top:-10px;margin-left:47px;text-align:justify;line-height:13px;margin-bottom:30px;">
  57. <div style="float:left;width:100px;height:100px;margin-top:0px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  58.  
  59. <div style="float:left;width:100px;height:100px;margin-top:0px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  60.  
  61. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  62.  
  63. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  64.  
  65. <div style="float:left;width:100px;height:100px;margin-top:5px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  66.  
  67. <div style="float:left;width:100px;height:100px;margin-top:5px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  68.  
  69. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  70.  
  71. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  72.  
  73. <div style="float:left;width:100px;height:100px;margin-top:5px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  74.  
  75. <div style="float:left;width:100px;height:100px;margin-top:5px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;"><img alt="empty-profile.png" src="http://www.realestatetaxgroup.com/wp-content/uploads/2013/03/empty-profile.png" style="height:100px;width:100px;" /></div>
  76.  
  77. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:30px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  78.  
  79. <div style="float:left;width:100px;height:200px;margin-top:10px;margin-left:20px;text-align:justify;line-height:13px;background-color:#fff;padding:10px;overflow:auto;"><span style="color:#008080;"><span style="font-size:12px;"><span style="font-family:'trebuchet ms';">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacus eros, varius a felis eu, ornare feugiat ligula. Pellentesque feugiat metus nec dolor volutpat, eu commodo nibh finibus.&nbsp;</span></span></span></div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84.  
  85. <div style="float:left;width:1000px;height:100px;background-color:rgb(130,185,166);padding-left:0px;padding-right:0px;margin-left:0px;margin-top:0px;text-align:center;line-height:35px;"><br />
  86. <a href="http://www.asianfanfics.com/story/view/727226/layout-shop-layout-shoplayout-profilelayout-storylayout"><span style="font-family:'trebuchet ms';"><span style="font-size:11px;"><span style="color:#FFFFFF;" title="Do not steal. Credits for the graphics used.">LAYOUT CODED AND DESIGNED BY RIENRIEN | SWAK</span></span></span></a></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!