Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Blessed+Day);
- @import url(http://fonts.googleapis.com/css?family=Homenaje);
- .pfor {display: none;}
- #profile {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; border: 0px;}
- 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;}
- .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;}
- .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;}
- .asin:hover #slide {top: 0; transition: 1s;}
- .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;}
- .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;}
- .basin:hover #slide {top: 0; transition: 1s;}
- .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;}
- .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;}
- .casin:hover #slide {top: 0; transition: 1s;}
- .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;}
- .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;}
- .dasin:hover #slide {top: 0; transition: 1s;}
- #slide {position: absolute; left: 0px; top: -120px; width: 135px; height: 65px;
- background: #888; transition: 1s; opacity: 0.4; text-align: center; padding: 35px 25px 20px 20px;}
- #slide a {color: #000; font: 24px times; font-style: italic; text-align: center; text-decoration: none;}
- .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;}
- .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;}
- .star {background: #e8e8e8; background: url(http://24.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png); padding: 5px; margin-bottom: 2px;}
- .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;}
- a {text-decoration: none; cursor: url(http://i58.tinypic.com/k9u8no.png), progress !important;}
- b {color: #68674b; font: 11px calibri; font-weight: bold; line-height: 12px;}
- i {color: #bcb9a4; font: 11px garamond; font-style: italic; text-transform: lowercase;}
- big {color: #393939; font: 12px Homenaje; font-weight: bold; font-style: italic; letter-spacing: 3px; line-height: 18px; text-transform: lowercase;}
- </style>
- <div class="ascal">
- <div class="asin">
- <div id="slide">
- <a href="#01">stats</a>
- </div>
- </div></div>
- <div class="bascal">
- <div class="basin">
- <div id="slide">
- <a href="#02">stats</a>
- </div>
- </div></div>
- <div class="cascal">
- <div class="casin">
- <div id="slide">
- <a href="">stats</a>
- </div>
- </div></div>
- <div class="dascal">
- <div class="dasin">
- <div id="slide">
- <a href="">stats</a>
- </div>
- </div></div>
- <div id="01" class="move">
- <div class="star">
- <div class="info">
- </div></div>
- </div>
- <div id="02" class="move">
- <div class="star" style="position: fixed; top: 199px;">
- <div class="info">
- </div></div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement