API tools faq
paste
Advertisement
aane69

caixinha

aane69
Mar 16th, 2016
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.34 KB | None | 0 0
raw download clone embed print report
  1. /* @ Update by: NIGGLOSS, original 2016
  2. Não copie / Não retire créditos. @ Base by: warvada */
  3. #wvd-caixinha{position:fixed; top:130px; left:100px; width:150px; height:33px; overflow:hidden; transition:-5s;}
  4. #wvd-caixinha:hover{height:170px; transition:-5s;}
  5.  
  6. /* Flores - CORES / POSITION */
  7. #w-simb1{position:fixed; margin-top:0px; margin-left:40px; font-size:12px; transition:1s; color:#eee;}
  8. #wvd-caixinha:hover #w-simb1{ margin-left:95px; margin-top:0px; transition:1s;color:;}
  9. #w-simb2{position:fixed; margin-top:0px; margin-left:65px; font-size:12px; transition:1s; color:#ddd;}
  10. #wvd-caixinha:hover #w-simb2{margin-left:95px; margin-top:20px; transition:1s;color:;}
  11. #w-simb3{position:fixed; margin-top:-9px; margin-left:52px; font-size:14px; transition:1s; color:pink;}
  12. #wvd-caixinha:hover #w-simb3{margin-left:95px; margin-top:40px; transition:1s;color:;}
  13.  
  14. ::-webkit-scrollbar{height:3px; width:2px; background:transparent;}
  15. ::-webkit-scrollbar-thumb:vertical{background:transparent;}
  16. ::-webkit-scrollbar-thumb:horizontal{background:transparent;}
  17.  
  18. /* PARCEIROS */
  19. #parceiros-t{margin-top:50px; margin-left:0px;transition:1s;text-align:center; font-family:'calibri'; font-size:8px; text-transform:uppercase;transition:1s;background:#fff;line-height:10px; border:1px solid #ddd; color:#707070;width:80px;height:auto;letter-spacing:1px;}
  20. #wvd-caixinha:hover #parceiros-t{margin-top:2px; margin-left:5px;}
  21.  
  22. /* DESTAQUES */
  23. #destaques-t{margin-top:0px; margin-left:0px;transition:1s;text-align:center; font-family:'consolas'; font-size:8px; text-transform:uppercase; transition:1s;background:#fff;line-height:12px; border:1px solid #ddd; color:#707070;width:80px;height:80px;letter-spacing:1px;}
  24. #wvd-caixinha:hover #destaques-t{margin-top:4px; margin-left:5px; transition:.8s; transform:rotateY(370deg);opacity:10;}
  25.  
  26. /* IMAGENS */
  27. #d-imagens{width:80px; height:45px; text-align:left;margin-left:5px; margin-top:3px; background:; overflow:auto;}
  28. #d-imagens img{width:18px; height:18px; border:1px solid #aaa; transition:1s; border-radius:100px;}
  29. #d-imagens img:hover{border-color:pink; transition:1s;transform:rotate(100deg);}
  30.  
  31. #itsdesc{margin-top:0px; margin-left:0px;transition:1s;text-align:center; font-family:'calibri'; font-size:8px; text-transform:uppercase;transition:1s;background:#fff;line-height:10px; color:#707070;width:78px;height:30px;letter-spacing:1px;overflow:auto;}
  32. #wvd-caixinha:hover #itsdesc{margin-top:2px; margin-left:2px;}
  33. /* @ Update by: NIGGLOSS, original 2016
  34. Não copie / Não retire créditos. @ Base by: warvada */
  35.  
  36.  
  37. <body>
  38.  
  39. <!-- @ Update by: NIGGLOSS, original 2016
  40. Não copie / Não retire créditos. @ Base by: warvada -->
  41. <div id="wvd-caixinha">
  42.  
  43. <div id="w-simb1">🌼</div>
  44. <div id="w-simb2">🌼</div>
  45. <div id="w-simb3">🌼</div>
  46.  
  47. <div id="parceiros-t">my treasures</div>
  48.  
  49. <div id="destaques-t">
  50. <div id="d-imagens">
  51. <a href="http://familiamafiosa.tumblr.com/" title="F.M" target="_blank"><img src="http://api.tumblr.com/v2/blog/familiamafiosa.tumblr.com/avatar/96/"></a>
  52.  
  53. <a href="http://biscateador.tumblr.com/" title="<3" target="_blank"><img src="http://api.tumblr.com/v2/blog/biscateador.tumblr.com/avatar/96/"></a>
  54.  
  55. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a>
  56.  
  57. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a>
  58.  
  59. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a>
  60.  
  61. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a>
  62.  
  63. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a>
  64.  
  65. <a href="http://niggloss.tumblr.com/" title="niggloss" target="_blank"><img src="http://api.tumblr.com/v2/blog/niggloss.tumblr.com/avatar/96/"></a> </div>
  66.  
  67. <div id="itsdesc">Deve-se temer mais o amor de uma mulher, do que o ódio de um homem.</div>
  68. </div></div>
  69. <!-- @ Update by: NIGGLOSS, original 2016
  70. Não copie / Não retire créditos. @ Base by: warvada -->
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!