SHARE
TWEET

Untitled

vinceasaur_x Aug 12th, 2017 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. id like to meet;
  2.  
  3. <div id=insta-d1><div class=insta1></div><div class=bg><div class=insta2><div class=instaicon style="background-image: url(http://placehold.it/100x100);"></div><div class=insta3><div class=insta4></div><div class=insta5><div class=instauser>INSTA NAME
  4. </div><a href="/"><div class=instabutt > FOLLOWING </div></a></div><div class=instadesc> CHARACTER NAME short lil biography</div><div class=instastats><b>###</b> posts  <b>###</b> followers  <b>###</b> following </div></div></div><div class=bg2><div class=c-for><div style="background-image: url(http://placehold.it/140x140)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ### <div class=instacomms></div>  ###</div></div></div><div style="background-image: url(http://placehold.it/140x140)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div> ###<div class=instacomms></div> ###</div></div></div><div style="background-image: url(http://placehold.it/140x140)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div>  ###<div class=instacomms></div> 27###</div></div></div><div class=insta8></div><div style="background-image: url(http://placehold.it/140x140)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ###<div class=instacomms></div>  ###</div></div></div><div style="background-image: url(http://placehold.it/140x140)" class=instafeeda><div class=insta6><div class=insta7><div class=instalikes></div>  ###<div class=instacomms></div>  ###</div></div></div><div style="background-image: url(http://placehold.it/140x140)" class=instafeedb><div class=insta6><div class=insta7><div class=instalikes></div>  ###<div class=instacomms></div>  ###</div></div></div></div></div></div></div>
  5.  
  6.  
  7. put this code somewhere in your about me;
  8.  
  9. <--- instagram --->
  10.  
  11. #insta-d1 .bg { background-color: #eeeeee; border-bottom: 1px #e0e0e0 solid; height:127px; padding-bottom:320px;}
  12. #insta-d1 .bg2 { background-color: #222222; height:338px; padding: 0px; border-top: 1px #e0e0e0 solid;}
  13. #insta-d1 { width: 494px; background: #ffffff; border: 0px solid #edeeee; margin: 0 auto }
  14. #insta-d1 .insta1 { width: 475px; padding: 0px; background: #ffffff; border-bottom: 0px solid #edeeee;}
  15. #insta-d1 .insta2 { width: 400px; padding: 5px 55px }
  16. #insta-d1 .instaicon { width: 100px; height: 100px; background-size: cover; background-position: center center; border-radius: 100%; border: 1px solid #cccfd0; display: inline-block; vertical-align: top; margin-right: 0px }
  17. #insta-d1 .insta3 { width: 250px; height: 100px; display: inline-block; vertical-align: top }
  18. #insta-d1 .insta4 { height: 10px; overflow: hidden }
  19. #insta-d1 .insta5 { height: 30px; overflow: hidden }
  20. #insta-d1 .instauser { max-width: 168px!important; height: 40px; font-family: lato; font-weight: 400; text-transformation:uppercase; color: #4b4f54; font-size: 15px; line-height: 35px; margin-left:10px; text-align: left; display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
  21. #insta-d1 .instabutt { max-width: 45px; color: #fff; font-size: 7px; letter-spacing:1px; font-weight:none; text-align: center; text-transform: uppercase; padding: 5px; background: #222222; border-radius: 5px; margin-left: 10px; position: relative; top: 8px; display: inline-block; vertical-align: top }
  22. #insta-d1 .instadesc { height: 12px; overflow: hidden; margin-left: 10px; margin-top: 10px; font-family: archivo narrow; font-size: 9px; line-height: 9px; color: #4b4f54; font-weight: 400; text-align: left;  }
  23. #insta-d1 .instastats { height: 20px; overflow: hidden; margin-top: -5px; font-family: lato; font-size: 10px; line-height: 20px; color: #4b4f54; font-weight: 400; text-align: left; margin-left:-1px; padding: 12px; }
  24. #insta-d1 .c-for { width: 460px; padding: 25px;}
  25. #insta-d1 .instafeeda { width: 140px; height: 140px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: 10px!important }
  26. #insta-d1 .instafeedb { width: 140px; height: 140px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: 0px!important  }
  27. #insta-d1 .insta6 { width: 120px; height: 12px; padding: 64px 10px; background: rgba(0,0,0,0.3); opacity: 0.0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out }
  28. #insta-d1 .insta7 { font-family: lato; font-size: 11px; line-height: 12px; font-weight: 700; color: #fff; text-align: center }
  29. #insta-d1 .instalikes { width: 11px; height: 10px; background-image: url(https://i.imgur.com/nfmrzxY.png); background-size: cover; display: inline-block; position: relative; top: 1px }
  30. #insta-d1 .instacomms { width: 10px; height: 10px; background-image: url(https://i.imgur.com/ERCIRcb.png); background-size: cover; display: inline-block; position: relative; top: 1px }
  31. #insta-d1 .insta8 { height: 20px }
  32.  
  33. #insta-d1 .instabutt:hover { background: #555555; cursor: pointer }
  34. #insta-d1 .instafeeda:hover .insta6 { opacity: 1.0 }
  35. #insta-d1 .instafeedb:hover .insta6 { opacity: 1.0 }
  36.  
  37.  
  38. #insta-d2 { width: 500px; background: #fff; border: 1px solid #edeeee; margin: 0 auto }
  39. #insta-d2 .instapic { width: 300px; height: 300px; background-size: cover; background-position: center center; display: inline-block; vertical-align: top; margin-right: -4px!important }
  40. #insta-d2 .insta9 { width: 200px; height: 300px; background: #fff; display: inline-block; vertical-align: top }
  41. #insta-d2 .insta10 { width: 180px; height: 45px; padding: 10px; overflow: hidden }
  42. #insta-d2 .instaicon { width: 33px; height: 33px; background-size: cover; background-position: center center; border: 1px solid #cccfd0; border-radius: 100%; display: inline-block; vertical-align: top }
  43. #insta-d2 .instauser { width: 83px; height: 13px; overflow: hidden; white-space: nowrap; font-family: lato; color: #165786; font-size: 8px; line-height: 8px; font-weight: 600; text-overflow: ellipsis; padding-top: 12px; margin-left: 3px!important; display: inline-block; vertical-align: top }
  44. #insta-d2 .insta11 { width: 44px; height: 7px; color: #fff; font-size: 7px; line-height: 100%; font-family: lato; font-weight: bold; text-align: center; text-transform: uppercase; padding: 4px; background: #66bd2b; border-radius: 5px; display: inline-block; vertical-align: top; margin-left: 1px!important; margin-top: 10px; float: right }
  45. #insta-d2 .insta12 { width: 180px; height: 1px; background: #eeefef; margin-top: 15px }
  46. #insta-d2 .insta13 { width: 180px; height: 10px; padding: 5px 10px 10px 10px; overflow: hidden }
  47. #insta-d2 .instalikes { width: 140px; font-family: lato; font-size: 10px; line-height: 100%; color: #4b4f54; font-weight: 600; display: inline-block; margin-right: 0px!important }
  48. #insta-d2 .instatime { width: 40px; font-family: lato; font-size: 10px; line-height: 100%; color: #a5a7aa; font-weight: 600; text-align: right; display: inline-block }
  49. #insta-d2 .insta14 { width: 180px; height: 145px; padding: 5px 10px 10px 10px; overflow: hidden }
  50. #insta-d2 .instacap { font-family: lato; font-size: 10px; line-height: 12px; text-align: justify; font-weight: 400; color: #222 }
  51. #insta-d2 .insta15 { width: 180px; height: 1px; background: #eeefef; margin-left: 10px }
  52. #insta-d2 .insta16 { width: 180px; height: 29px; padding: 10px; background: #fff }
  53. #insta-d2 .insta17 { width: 180px; height: 15px; padding-top: 6px; overflow: hidden }
  54. #insta-d2 .instaheart { width: 18px; height: 15px; background-image: url(https://i.imgur.com/WPKT1BG.png); background-size: cover; display: inline-block; margin-right: 6px!important }
  55. #insta-d2 .instacommbox { width: 100px!important; height: 10px; overflow: hidden; font-family: lato; font-size: 10px; line-height: 100%; font-weight: 400; color: #a5a7aa; text-align: justify; margin-right: 30px!important; display: inline-block; position: relative; top: -3px }
  56. #insta-d2 .instadots { width: 20px; height: 5px; background-image: url(https://i.imgur.com/Gwib0Xm.png); background-size: cover; display: inline-block; margin-right: -4px!important; position: relative; top: -5px }
  57.  
  58. #insta-d2 .instauser:hover { color: #0f3c5e; cursor: pointer }
  59. #insta-d2 .insta11:hover { background: #498326; cursor: pointer }
  60. #insta-d2 .instacap b { font-weight: 700; color: #165786; display: inline }
  61. #insta-d2 .instacap b:hover { color: #0f3c5e; cursor: pointer }
  62. #insta-d2 .instaheart:hover { cursor: pointer }
  63. #insta-d2 .instadots:hover { cursor: pointer }
  64.  
  65. </style>
RAW Paste Data
Top