Advertisement
houseofcards

+ serendipity

Jun 26th, 2014
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.17 KB | None | 0 0
  1. <div style="margin:0px auto;width:930px;">
  2. <div style="float:left;width:930px;height:800px;">
  3. <div style="float:left;width:930px;height:800px;background-color:#EB5F51;">&nbsp;</div>
  4.  
  5. <div style="float:left;margin-top:-800px;width:930px;height:800px;background-color:#000000;border-radius:0px 5500px 0px 0px;line-height:30px;text-align:center;">&nbsp;</div>
  6.  
  7. <div style="float:left;width:400px;height:65px;margin-top:-700px;border:10px solid #000000;background-color:#eb5f51;border-radius:50px;line-height:30px;padding:20px;margin-left:255px;text-align:center;"><span style="font-family:'courier new';"><span style="color:#FFFFFF;"><span style="font-size:36px;text-transform:uppercase;">serendipity<br />
  8. roleplay</span></span></span></div>
  9.  
  10. <div style="float:left;width:400px;height:65px;margin-top:-673px;line-height:30px;margin-left:287px;text-align:center;"><span style="color:#000000;"><span style="font-family:'courier new';"><span style="font-size:36px;text-transform:uppercase;">serendipity<br />
  11. roleplay</span></span></span></div>
  12. </div>
  13.  
  14. <div style="float:left;width:930px;height:550px;margin-top:-550px;">
  15. <div style="float:left;width:700px;height:200px;margin-top:0px;margin-left:20px;">
  16. <div style="float:left;width:700px;height:25px;line-height:26px;text-align:center;padding-bottom:5px;border-bottom:5px solid #eb5f51;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:26px;text-transform:uppercase;">about</span></span></span></div>
  17.  
  18. <div style="float:left;width:700px;height:175px;overflow:hidden;margin-top:5px;padding-bottom:5px;border-bottom:5px solid #eb5f51;">
  19. <div style="float:left;width:717px;height:175px;overflow:auto;">
  20. <div style="float:left;width:700px;height:auto;line-height:12px;text-align:justify;"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis, sem non tristique hendrerit, augue orci facilisis lectus, a pellentesque quam mi sit amet ligula. Vestibulum euismod sapien ac elit aliquet luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam facilisis velit urna, id ornare ligula iaculis a. Aenean neque leo, imperdiet vel tellus a, vehicula tempor ipsum. Morbi et risus non elit vestibulum tincidunt. Nam auctor, erat et elementum mattis, tellus nibh cursus ante, a fermentum dui nibh at elit. Maecenas congue velit quis sapien iaculis mattis. Nam vestibulum urna quis dolor convallis, a euismod nisi convallis. Aenean sed pharetra dolor. Quisque non elit suscipit, accumsan diam a, dictum purus. Mauris ut hendrerit urna. Curabitur egestas nisi id orci venenatis iaculis. Vestibulum dignissim dignissim elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque dictum a est vitae sagittis. Mauris at justo semper, tempus leo a, ullamcorper lacus. In elementum dolor ac purus mattis iaculis. Aenean feugiat erat nec nulla venenatis adipiscing. Sed vitae purus mollis, lobortis dolor eu, viverra libero. Sed rutrum porta tristique. Nunc faucibus neque urna, sed posuere sapien lobortis nec. Fusce feugiat gravida accumsan. Proin scelerisque bibendum nunc, id consequat mi pharetra vitae. Quisque porttitor diam sit amet egestas elementum. Duis dignissim volutpat augue, sed venenatis mauris tincidunt vel. Pellentesque placerat turpis et magna fermentum euismod. Quisque non luctus nunc, ut cursus urna. Aliquam erat volutpat. Quisque ipsum justo, malesuada quis imperdiet a, commodo vitae orci. Suspendisse feugiat vulputate pretium. Mauris quam nulla, mattis id odio eget, hendrerit porttitor risus. Donec hendrerit dui eget suscipit congue. Nam sit amet elementum lorem. Curabitur rutrum ante eget arcu consectetur fringilla. Nunc imperdiet lectus a nulla eleifend semper vel sit amet ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sollicitudin enim at odio luctus, quis dapibus sem elementum. Vestibulum vitae ultricies dolor. Suspendisse a orci arcu. Vivamus eget luctus arcu. Donec malesuada arcu arcu, sit amet porta est posuere laoreet. Nunc accumsan posuere mauris ut scelerisque.</span></span></span></div>
  21. </div>
  22. </div>
  23. </div>
  24.  
  25. <div style="float:left;width:260px;height:255px;margin-top:50px;margin-left:20px;">
  26. <div style="float:left;width:260px;height:25px;line-height:26px;text-align:center;padding-bottom:5px;border-bottom:5px solid #eb5f51;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:26px;text-transform:uppercase;">rules</span></span></span></div>
  27.  
  28. <div style="float:left;width:260px;height:230px;overflow:hidden;margin-top:5px;padding-bottom:5px;border-bottom:5px solid #eb5f51;">
  29. <div style="float:left;width:277px;height:230px;overflow:auto;">
  30. <div style="float:left;width:260px;height:auto;line-height:12px;text-align:justify;"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis, sem non tristique hendrerit, augue orci facilisis lectus, a pellentesque quam mi sit amet ligula. Vestibulum euismod sapien ac elit aliquet luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam facilisis velit urna, id ornare ligula iaculis a. Aenean neque leo, imperdiet vel tellus a, vehicula tempor ipsum. Morbi et risus non elit vestibulum tincidunt. Nam auctor, erat et elementum mattis, tellus nibh cursus ante, a fermentum dui nibh at elit. Maecenas congue velit quis sapien iaculis mattis. Nam vestibulum urna quis dolor convallis, a euismod nisi convallis. Aenean sed pharetra dolor. Quisque non elit suscipit, accumsan diam a, dictum purus. Mauris ut hendrerit urna. Curabitur egestas nisi id orci venenatis iaculis. Vestibulum dignissim dignissim elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque dictum a est vitae sagittis. Mauris at justo semper, tempus leo a, ullamcorper lacus. In elementum dolor ac purus mattis iaculis. Aenean feugiat erat nec nulla venenatis adipiscing. Sed vitae purus mollis, lobortis dolor eu, viverra libero. Sed rutrum porta tristique. Nunc faucibus neque urna, sed posuere sapien lobortis nec. Fusce feugiat gravida accumsan. Proin scelerisque bibendum nunc, id consequat mi pharetra vitae. Quisque porttitor diam sit amet egestas elementum. Duis dignissim volutpat augue, sed venenatis mauris tincidunt vel. Pellentesque placerat turpis et magna fermentum euismod. Quisque non luctus nunc, ut cursus urna. Aliquam erat volutpat. Quisque ipsum justo, malesuada quis imperdiet a, commodo vitae orci. Suspendisse feugiat vulputate pretium. Mauris quam nulla, mattis id odio eget, hendrerit porttitor risus. Donec hendrerit dui eget suscipit congue. Nam sit amet elementum lorem. Curabitur rutrum ante eget arcu consectetur fringilla. Nunc imperdiet lectus a nulla eleifend semper vel sit amet ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sollicitudin enim at odio luctus, quis dapibus sem elementum. Vestibulum vitae ultricies dolor. Suspendisse a orci arcu. Vivamus eget luctus arcu. Donec malesuada arcu arcu, sit amet porta est posuere laoreet. Nunc accumsan posuere mauris ut scelerisque.</span></span></span></div>
  31. </div>
  32. </div>
  33. </div>
  34.  
  35. <div style="float:left;width:260px;height:255px;margin-top:50px;margin-left:20px;">
  36. <div style="float:left;width:260px;height:25px;line-height:26px;text-align:center;padding-bottom:5px;border-bottom:5px solid #eb5f51;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:26px;text-transform:uppercase;">how-to-join</span></span></span></div>
  37.  
  38. <div style="float:left;width:260px;height:230px;overflow:hidden;margin-top:5px;padding-bottom:5px;border-bottom:5px solid #eb5f51;">
  39. <div style="float:left;width:277px;height:230px;overflow:auto;">
  40. <div style="float:left;width:260px;height:auto;line-height:12px;text-align:justify;"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent iaculis, sem non tristique hendrerit, augue orci facilisis lectus, a pellentesque quam mi sit amet ligula. Vestibulum euismod sapien ac elit aliquet luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam facilisis velit urna, id ornare ligula iaculis a. Aenean neque leo, imperdiet vel tellus a, vehicula tempor ipsum. Morbi et risus non elit vestibulum tincidunt. Nam auctor, erat et elementum mattis, tellus nibh cursus ante, a fermentum dui nibh at elit. Maecenas congue velit quis sapien iaculis mattis. Nam vestibulum urna quis dolor convallis, a euismod nisi convallis. Aenean sed pharetra dolor. Quisque non elit suscipit, accumsan diam a, dictum purus. Mauris ut hendrerit urna. Curabitur egestas nisi id orci venenatis iaculis. Vestibulum dignissim dignissim elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque dictum a est vitae sagittis. Mauris at justo semper, tempus leo a, ullamcorper lacus. In elementum dolor ac purus mattis iaculis. Aenean feugiat erat nec nulla venenatis adipiscing. Sed vitae purus mollis, lobortis dolor eu, viverra libero. Sed rutrum porta tristique. Nunc faucibus neque urna, sed posuere sapien lobortis nec. Fusce feugiat gravida accumsan. Proin scelerisque bibendum nunc, id consequat mi pharetra vitae. Quisque porttitor diam sit amet egestas elementum. Duis dignissim volutpat augue, sed venenatis mauris tincidunt vel. Pellentesque placerat turpis et magna fermentum euismod. Quisque non luctus nunc, ut cursus urna. Aliquam erat volutpat. Quisque ipsum justo, malesuada quis imperdiet a, commodo vitae orci. Suspendisse feugiat vulputate pretium. Mauris quam nulla, mattis id odio eget, hendrerit porttitor risus. Donec hendrerit dui eget suscipit congue. Nam sit amet elementum lorem. Curabitur rutrum ante eget arcu consectetur fringilla. Nunc imperdiet lectus a nulla eleifend semper vel sit amet ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sollicitudin enim at odio luctus, quis dapibus sem elementum. Vestibulum vitae ultricies dolor. Suspendisse a orci arcu. Vivamus eget luctus arcu. Donec malesuada arcu arcu, sit amet porta est posuere laoreet. Nunc accumsan posuere mauris ut scelerisque.</span></span></span></div>
  41. </div>
  42. </div>
  43. </div>
  44.  
  45. <div style="float:left;width:260px;height:255px;margin-top:50px;margin-left:20px;">
  46. <div style="float:left;width:260px;height:25px;line-height:26px;text-align:center;padding-bottom:5px;border-bottom:5px solid #eb5f51;"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="font-size:26px;text-transform:uppercase;">admins</span></span></span></div>
  47.  
  48. <div style="float:left;width:260px;height:230px;overflow:hidden;margin-top:5px;padding-bottom:5px;border-bottom:5px solid #eb5f51;">
  49. <div style="float:left;width:277px;height:230px;overflow:auto;">
  50. <div style="float:left;width:260px;height:auto;">
  51. <div style="float:left;width:150px;height:150px;margin-top:0px;margin-left:55px;" title="head admin // kim taeyeon"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://images6.fanpop.com/image/photos/37200000/Kim-Taeyeon-mariah_faye-37289294-500-500.png" style="width:130px;height:130px;border-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  52.  
  53. <div style="float:left;width:150px;height:150px;margin-top:10px;margin-left:55px;" title="head admin // jung soojung"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://24.media.tumblr.com/45fa92ee5be66405eb6c480c32842159/tumblr_muxocav2oW1s7jskro1_250.png" style="width:130px;height:130px;border-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  54.  
  55. <div style="float:left;width:150px;height:150px;margin-top:10px;margin-left:55px;" title="admin // oh sehun"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://data3.whicdn.com/images/51804990/dcd45cca729e11e2b48222000a9f1915_7_large.jpg" style="width:130px;height:130px;border-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  56.  
  57. <div style="float:left;width:150px;height:150px;margin-top:10px;margin-left:55px;" title="admin // kim kibum"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://fc00.deviantart.net/fs71/f/2011/273/6/d/shinee___key_by_anna06i-d4bdbzs.png" style="width:130px;height:130px;border-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  58.  
  59. <div style="float:left;width:150px;height:150px;margin-top:10px;margin-left:55px;" title="admin // lu han"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://media.tumblr.com/f18725b02e591e08b48211dba73f1f06/tumblr_inline_mp6kdtI6pb1qz4rgp.png" style="width:130px;height:130px;border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-right-radius:90px;border-bottom-left-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  60.  
  61. <div style="float:left;width:150px;height:150px;margin-top:10px;margin-left:55px;" title="admin // park shinhye"><span style="font-family:calibri;"><span style="font-size:12px;"><span style="color:#FFFFFF;"><img alt="" src="http://2.bp.blogspot.com/-k5jKQNCI0Uw/UrN1O_YynBI/AAAAAAAABAA/22uJRoYOELk/s250-c/Park+Shin+Hye.jpg" style="width:130px;height:130px;border-radius:90px;border:10px solid rgb(235,95,81);" /></span></span></span></div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67.  
  68. <div style="float:left;width:930px;height:20px;margin-top:-10px;line-height:18px;text-align:center;padding-bottom:10px;background-color:#000000;"><span style="font-size:18px;" title="designed and coded by houseofcards at somniloquy layouts. do not steal."><a href="http://aegyo.me/somniloquy" rel="nofollow"><span style="font-family:arial;"><span style="color:#FFFFFF;"><span style="text-transform:uppercase;">somniloquy layouts</span></span></span></a></span></div>
  69. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement