Advertisement
owlette

smore;

Apr 26th, 2014
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.16 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Blessed+Day‎);
  3. @import url(http://fonts.googleapis.com/css?family=Homenaje);
  4. .pfor {display: none;}
  5. #profile {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border: 0px;}
  6.  
  7. body {background: url(http://i61.tinypic.com/110xjdt.png); background-color: #FFF; cursor: url(http://cur.cursors-4u.net/others/oth-8/oth705.cur), progress !important;}
  8.  
  9. .ascal {position: fixed; top: 65px; left: 250px; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); background-color: #333; padding: 5px; z-index: 9;}
  10. .asin {position: relative; background: url(http://25.media.tumblr.com/tumblr_m8ahusx0Jj1rx0jp7o1_500.gif) top center; background-size: 180px 200px; width: 180px; height: 120px; border: 1px solid #888; overflow: hidden;}
  11. .asin:hover #slide {top: 0; transition: 1s;}
  12. .bascal {position: fixed; top: 199px; left: 250px; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); background-color: #333; padding: 5px; z-index: 9;}
  13. .basin {position: relative; background: url(http://i60.tinypic.com/35a3aqt.jpg) center; background-size: 180px 120px; width: 180px; height: 120px; border: 1px solid #888; overflow: hidden;}
  14. .basin:hover #slide {top: 0; transition: 1s;}
  15. .cascal {position: fixed; top: 333px; left: 250px; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); background-color: #333; padding: 5px; z-index: 9;}
  16. .casin {position: relative; background: url(http://i60.tinypic.com/2qmlweh.gif) center; background-size: 180px 120px; width: 180px; height: 120px; border: 1px solid #888; overflow: hidden;}
  17. .casin:hover #slide {top: 0; transition: 1s;}
  18. .dascal {position: fixed; top: 467px; left: 250px; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); background-color: #333; padding: 5px; z-index: 9;}
  19. .dasin {position: relative; background: url(http://i57.tinypic.com/2chkktl.gif) center; background-size: 180px 120px; width: 180px; height: 120px; border: 1px solid #888; overflow: hidden;}
  20. .dasin:hover #slide {top: 0; transition: 1s;}
  21.  
  22. #slide {position: absolute; left: 0px; top: -120px; width: 135px; height: 65px;
  23. background: #888; transition: 1s; opacity: 0.4; text-align: center; padding: 35px 25px 20px 20px;}
  24. #slide a {color: #000; font: 24px times; font-style: italic; text-align: center; text-decoration: none;}
  25.  
  26. .move {position: fixed; top: 65px; left: 250px; opacity: 0; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 1;}
  27. .move:target {position: fixed; top: 65px; left: 450px; opacity: 1; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; z-index: 1;}
  28.  
  29. .star {background: #e8e8e8; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); padding: 5px; margin-bottom: 2px;}
  30. .info {width: 220px; height: 120px; color: #9a9d91; font-size: 28px; font-family: Gabriola; font-weight: lighter; letter-spacing: 1px; word-spacing: 4px; text-align: center; line-height: 30px; background-color: #0b0b0b; border: 1px solid #888;}
  31.  
  32. a {text-decoration: none; cursor: url(http://i58.tinypic.com/k9u8no.png), progress !important;}
  33.  
  34. b {color: #68674b; font: 11px calibri; font-weight: bold; line-height: 12px;}
  35. i {color: #bcb9a4; font: 11px garamond; font-style: italic; text-transform: lowercase;}
  36. big {color: #393939; font: 12px Homenaje; font-weight: bold; font-style: italic; letter-spacing: 3px; line-height: 18px; text-transform: lowercase;}
  37. </style>
  38.  
  39.  
  40. <div class="ascal">
  41. <div class="asin">
  42. <div id="slide">
  43. <a href="#01">stats</a>
  44. </div>
  45. </div></div>
  46.  
  47. <div class="bascal">
  48. <div class="basin">
  49. <div id="slide">
  50. <a href="#02">stats</a>
  51. </div>
  52. </div></div>
  53.  
  54. <div class="cascal">
  55. <div class="casin">
  56. <div id="slide">
  57. <a href="">stats</a>
  58. </div>
  59. </div></div>
  60.  
  61. <div class="dascal">
  62. <div class="dasin">
  63. <div id="slide">
  64. <a href="">stats</a>
  65. </div>
  66. </div></div>
  67.  
  68.  
  69. <div id="01" class="move">
  70.  
  71. <div class="star">
  72. <div class="info">
  73. </div></div>
  74.  
  75. </div>
  76.  
  77.  
  78. <div id="02" class="move">
  79.  
  80. <div class="star" style="position: fixed; top: 199px;">
  81. <div class="info">
  82. </div></div>
  83.  
  84. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement