Advertisement
kintsuki

turn it up

Feb 15th, 2018
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.92 KB | None | 0 0
  1. <div style="height:400px;width:400px;margin:auto;">
  2. <div style="height:400px;width:400px;float:left;background-color:#000;">
  3. <div style="height:300px;width:300px;float:left;background-color:#f00;margin:50px;">&nbsp;</div>
  4. </div>
  5.  
  6. <div style="height:0px;width:0px;float:left;border-right:20px solid transparent;border-bottom:30px solid #fff;margin:-280px 0px 0px 40px;">&nbsp;</div>
  7.  
  8. <div style="height:0px;width:0px;float:left;border-right:20px solid transparent;border-top:30px solid #fff;margin:-150px 0px 0px 40px;">&nbsp;</div>
  9.  
  10. <div style="height:100px;width:20px;float:left;background-color:#fff;margin:-250px 0px 0px 40px;">&nbsp;</div>
  11.  
  12. <div style="height:0px;width:0px;float:left;border-left:20px solid transparent;border-bottom:30px solid #fff;margin:-280px 0px 0px 340px;">&nbsp;</div>
  13.  
  14. <div style="height:0px;width:0px;float:left;border-left:20px solid transparent;border-top:30px solid #fff;margin:-150px 0px 0px 340px;">&nbsp;</div>
  15.  
  16. <div style="height:100px;width:20px;float:left;background-color:#fff;margin:-250px 0px 0px 340px;">&nbsp;</div>
  17.  
  18. <div style="width:275px;height:114px;float:left;margin:-375px 0px 0px 62px;"><img alt="" src="https://78.media.tumblr.com/fcf24b27c50e27d6e884da355a1afc5d/tumblr_p309aj6Hdn1wsnmapo1_500.gif" style="width:275px;height:114px;" /></div>
  19.  
  20. <div style="width:275px;height:185px;text-align:center;color:#000;margin:-255px 0px 0px 62px;float:left;background-color:transparent;">
  21. <div style="margin-top:4px;margin-left:4px;">
  22. <div style="width:275px;height:177px;overflow:hidden;margin-left:0px;">
  23. <div style="width:292px;height:177px;text-align:justify;overflow:auto;">
  24. <div style="width:267px;text-align:justify;line-height:10px;font-family:arial;font-size:9px;text-transform:uppercase;">
  25. <div style="height:20px;width:267px;float:left;margin:0px;background-color:#000;text-align:center;line-height:20px;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">background</span></span></strong></div>
  26.  
  27. <div style="height:auto;width:267px;float:left;margin-top:5px;background-color:rgb(0,0,0);line-height:12px;padding:5px;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</span></span></div>
  28.  
  29. <div style="height:20px;width:267px;float:left;margin-top:10px;background-color:#000;text-align:center;line-height:20px;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">personality</span></span></strong></div>
  30.  
  31. <div style="height:auto;width:267px;float:left;margin-top:5px;background-color:rgb(0,0,0);line-height:12px;padding:5px;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</span></span></div>
  32.  
  33. <div style="height:20px;width:267px;float:left;margin-top:10px;background-color:#000;text-align:center;line-height:20px;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">lover</span></span></strong></div>
  34.  
  35. <div style="height:auto;width:267px;float:left;margin-top:5px;background-color:rgb(0,0,0);line-height:12px;padding:5px;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><img alt="" src="https://i.imgur.com/icWhM3y.png" style="margin-left:3px;margin-right:3px;width:80px;height:80px;" /><img alt="" src="https://scontent-sea1-1.cdninstagram.com/vp/4095a3e6230aaebce770fceab2d5e26c/5B1EA14F/t51.2885-15/e35/13557292_597947420380503_17386073_n.jpg?ig_cache_key=MTI4ODAzMzM3MjAzNTMxMTMxOA%3D%3D.2" style="margin-left:2px;margin-right:2px;width:80px;height:80px;" /><img alt="" src="https://i.imgur.com/PtiFCWg.png" style="margin-left:3px;margin-right:3px;width:80px;height:80px;" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</span></span></div>
  36.  
  37. <div style="height:20px;width:267px;float:left;margin-top:10px;background-color:#000;text-align:center;line-height:20px;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">plots</span></span></strong></div>
  38.  
  39. <div style="height:auto;width:267px;float:left;margin-top:5px;background-color:rgb(0,0,0);line-height:12px;padding:5px;">
  40. <div style="height:auto;width:257px;float:left;margin:0px;background-color:rgb(0,0,0);line-height:12px;border-bottom:1px #fff solid;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">title</span></span></span></span></strong><br />
  41. <span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><em>requirements</em><br />
  42. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in augue pellentesque, faucibus metus vitae, suscipit lacus. Nullam eu auctor nisl. Quisque varius leo velit. </span></span></span></span></div>
  43.  
  44. <div style="height:auto;width:257px;float:left;margin:0px;background-color:rgb(0,0,0);line-height:12px;border-bottom:1px #fff solid;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">title</span></span></span></span></strong><br />
  45. <span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><em>requirements</em><br />
  46. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in augue pellentesque, faucibus metus vitae, suscipit lacus. Nullam eu auctor nisl. Quisque varius leo velit. </span></span></span></span></div>
  47.  
  48. <div style="height:auto;width:257px;float:left;margin:0px;background-color:rgb(0,0,0);line-height:12px;border-bottom:1px #fff solid;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">title</span></span></span></span></strong><br />
  49. <span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><em>requirements</em><br />
  50. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in augue pellentesque, faucibus metus vitae, suscipit lacus. Nullam eu auctor nisl. Quisque varius leo velit. </span></span></span></span></div>
  51.  
  52. <div style="height:auto;width:257px;float:left;margin:0px;background-color:rgb(0,0,0);line-height:12px;border-bottom:1px #fff solid;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">title</span></span></span></span></strong><br />
  53. <span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><em>requirements</em><br />
  54. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in augue pellentesque, faucibus metus vitae, suscipit lacus. Nullam eu auctor nisl. Quisque varius leo velit. </span></span></span></span></div>
  55.  
  56. <div style="height:auto;width:257px;float:left;margin:0px;background-color:rgb(0,0,0);line-height:12px;border-bottom:1px #fff solid;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">title</span></span></span></span></strong><br />
  57. <span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;"><em>requirements</em><br />
  58. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc in augue pellentesque, faucibus metus vitae, suscipit lacus. Nullam eu auctor nisl. Quisque varius leo velit. </span></span></span></span></div>
  59. </div>
  60.  
  61. <div style="height:20px;width:267px;float:left;margin-top:10px;background-color:#000;text-align:center;line-height:20px;"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">ooc notes</span></span></strong></div>
  62.  
  63. <div style="height:auto;width:267px;float:left;margin-top:5px;background-color:rgb(0,0,0);line-height:12px;padding:5px;"><span style="color:#fff;"><span style="font-family:arial;font-size:8px;letter-spacing:0px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</span></span></div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69.  
  70. <div style="height:30px;width:275px;float:left;margin:-65px 0px 0px 62px;background-color:#fff;text-align:center;line-height:30px;"><strong><span style="color:#000;"><span style="font-family:arial;font-size:15px;letter-spacing:1px;text-transform:uppercase;">turn it up</span></span></strong></div>
  71.  
  72. <div style="height:10px;width:275px;float:left;margin:-25px 0px 0px 62px;background-color:transparent;text-align:center;line-height:10px;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21382/"><strong><span style="color:#fff;"><span style="font-family:arial;font-size:9px;letter-spacing:1px;text-transform:uppercase;">credit</span></span></strong></a></div>
  73. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement