thisisnotras

Rufus

Aug 23rd, 2015
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.21 KB | None | 0 0
  1. <style>
  2.  
  3. @import url(http://fonts.googleapis.com/css?family=Droid+Serif);
  4.  
  5. .pfor {display: none;}
  6. #profile {background: transparent;
  7. border: 0px;}
  8.  
  9.  
  10. #whole {position: fixed;
  11. top: 0px;
  12. left: 0px;
  13. right: 0px;
  14. bottom: 0px;
  15. background-image:
  16. url(http://i60.tinypic.com/2nukumr.jpg);
  17. background-repeat: no-repeat;
  18. background-size: auto 95%;
  19. background-position: bottom right 20%;
  20. background-color: #302626;
  21. color: black;
  22. font-family: 'Times New Roman', Times;}
  23.  
  24. #div1{position: absolute;
  25. opacity: 0;
  26. top: 170px;
  27. left: 350px;
  28. font-size: 20pt;
  29. text-align: right;
  30. font-family: 'Droid Serif', serif;
  31. font-style: italic;
  32. font-weight: 700;
  33. letter-spacing: 3pt;
  34. transition: all 1s;
  35. -webkit-transition: all 1s;}
  36.  
  37. #div2 {position: absolute;
  38. opacity: 0;
  39. left: 200px;
  40. top: 200px;
  41. width:270px;
  42. height: 4px;
  43. background: black;
  44. transition: all 1s;
  45. -webkit-transition: all 1s;}
  46.  
  47. #div3{position: absolute;
  48. opacity: 0;
  49. top: 206px;
  50. left: 100px;
  51. font-size: 13pt;
  52. text-align: right;
  53. font-style: italic;
  54. letter-spacing: 15px;
  55. transition: all 1s;
  56. -webkit-transition: all 1s;}
  57.  
  58. #whole:hover #div1{
  59. transition: all 1s 1s;
  60. -webkit-transition: all 1s 1s;
  61. opacity: 1;
  62. }
  63.  
  64. #whole:hover #div2{
  65. transition: all 1s .5s;
  66. -webkit-transition: all 1s .5s;
  67. opacity: 1;
  68. }
  69.  
  70. #whole:hover #div3{
  71. transition: left 1.5s 1.2s, opacity 2s 1.5s;
  72. -webkit-transition: left 1.5s 1.2s, opacity 2s 1.5s;
  73. opacity: 1;
  74. left: 206px;
  75. }
  76.  
  77. #musicplayer {opacity: 0;
  78. -webkit-transition: all 1s;
  79. transition: all 1s;}
  80.  
  81. #whole:hover #musicplayer{
  82. -webkit-transition: all 1s 2s;
  83. transition: all 1s 2s;
  84. opacity: 1;}
  85.  
  86. </style>
  87.  
  88.  
  89. <div id="whole">
  90. <div id="div1">RUFUS
  91. </div>
  92. <div id="div2">
  93. </div>
  94. <div id="div3">
  95. he's the man
  96. </div>
  97.  
  98. <div id="musicplayer" style="position: absolute; left: 210px; top: 185px; background: #302626; width: 140px; overflow: hidden;">
  99.  
  100. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/iy0vrd5tafnx8ya/Lana%20Del%20Rey%20-%20West%20Coast%20%28Rob%20Orton%20Mix%29.mp3?dl=1&t0=West Coast&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  101. </div>
  102.  
  103. </div></div></center>
Advertisement
Add Comment
Please, Sign In to add comment