API tools faq
paste
kaliforhnia

midnight styles

kaliforhnia
Feb 15th, 2018
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.85 KB | None | 0 0
raw download clone embed print report
  1. <div style="width:300px;height:auto;margin:auto;">
  2. <div style="height:300px;">
  3. <div style="height:200px;width:250px;float:left;border:1px solid #000;">
  4. <div style="float:left;width:80px;height:80px;background-color:#0c0f66;margin-top:15px;margin-left:15px;">
  5. <div style="float:left;margin:5px;width:80px;height:80px;overflow:hidden;margin-left:-5px;margin-top:-5px;">
  6. <div style="width:100px;height:80px;overflow:auto;">
  7. <div style="width:80px;"><img alt="" src="https://78.media.tumblr.com/6e39d5308693f20aa349a35300e6d3c2/tumblr_p1dpvbxpXH1v43n2fo4_500.jpg" style="width:80px;height:80px;" /><img alt="" src="https://78.media.tumblr.com/469e61a8cbe926a407d578ac87c8d3d1/tumblr_p1dpvbxpXH1v43n2fo3_500.jpg" style="width:80px;height:80px;" /><img alt="" src="https://78.media.tumblr.com/2c82fe56e8356fd6be14aa3fade50bb9/tumblr_p1dpvbxpXH1v43n2fo6_1280.jpg" style="width:80px;height:80px;" /></div>
  8. </div>
  9. </div>
  10. </div>
  11.  
  12. <div style="float:left;height:85px;width:10px;background-color:#000;border:1px solid;margin-top:10px;">
  13. <div style="float:left;height:20px;width:9px;background-color:#fff;border:1px solid;margin-top:40px;">&nbsp;</div>
  14. </div>
  15.  
  16. <div style="float:left;width:120px;margin:10px;background-color:#0c0f66;border:1px solid #fff;">
  17. <div style="font-size:11px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">full name</div>
  18. </div>
  19.  
  20. <div style="float:left;width:120px;height:70px;border:1px solid #0B108C;margin-left:10px;margin-top:-10px;">
  21. <div style="float:left;margin:5px;width:110px;height:60px;overflow:hidden;">
  22. <div style="width:130px;height:60px;overflow:auto;">
  23. <div style="width:110px;">
  24. <div style="float:left;background-color:#0c0f66;width:110px;">
  25. <div style="font-size:9px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">lorem ipsum</div>
  26. </div>
  27.  
  28. <div style="float:left;background-color:#0c0f66;width:110px;margin-top:5px;">
  29. <div style="font-size:9px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">lorem ipsum</div>
  30. </div>
  31.  
  32. <div style="float:left;background-color:#0c0f66;width:110px;margin-top:5px;">
  33. <div style="font-size:9px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">lorem ipsum</div>
  34. </div>
  35.  
  36. <div style="float:left;background-color:#0c0f66;width:110px;margin-top:5px;">
  37. <div style="font-size:9px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">lorem ipsum</div>
  38. </div>
  39.  
  40. <div style="float:left;background-color:#0c0f66;width:110px;margin-top:5px;">
  41. <div style="font-size:9px;text-transform:uppercase;color:#fff;line-height:15px;text-align:center;">lorem ipsum</div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47.  
  48. <div style="float:left;width:100px;background-color:#0b108c;margin:10px;">
  49. <div style="font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:center;">section</div>
  50. </div>
  51.  
  52. <div style="float:left;margin:5px;width:118px;height:60px;overflow:hidden;border-right:1px solid #0B108C;margin-left:-115px;margin-top:30px;">
  53. <div style="width:140px;height:60px;overflow:auto;">
  54. <div style="width:110px;">
  55. <div style="font-size:7px;line-height:8px;text-transform:uppercase;text-align:justify;color:#0E4EAD;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  56. </div>
  57. </div>
  58. </div>
  59.  
  60. <div style="float:left;width:100px;background-color:#0b108c;margin:10px;margin-left:135px;margin-top:-85px;">
  61. <div style="font-size:9px;line-height:15px;color:#fff;text-transform:uppercase;text-align:center;">section</div>
  62. </div>
  63.  
  64. <div style="float:left;margin:5px;width:120px;height:60px;overflow:hidden;margin-left:130px;margin-top:-65px;">
  65. <div style="width:140px;height:60px;overflow:auto;">
  66. <div style="width:110px;">
  67. <div style="font-size:7px;line-height:8px;text-transform:uppercase;text-align:justify;color:#0E4EAD;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non eleifend orci. Fusce varius odio quis urna vulputate eleifend. Vestibulum condimentum neque vel libero auctor, faucibus ullamcorper sapien venenatis. Vivamus dignissim venenatis lacus ac pretium. Aliquam finibus cursus eros. Aenean tincidunt mi vitae lacus varius, eu aliquam arcu fermentum. In egestas in dolor quis auctor. Aliquam bibendum mattis pretium.</div>
  68. </div>
  69. </div>
  70. </div>
  71.  
  72. <div style="width:250px;float:left;text-align:right;font-size:7px;line-height:25px;text-transform:uppercase;color:#000;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164/" title="do not remove."><span style="color:#000000;">cr.ᴷ</span></a></div>
  73. </div>
  74. </div>
  75. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!