Template:12SJTU scroll2top css

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type="text/css"> </style> </head> </html>")
 
Line 2: Line 2:
<head>
<head>
<style type="text/css">
<style type="text/css">
 +
 +
.back-to {
 +
    position: fixed;
 +
    bottom: 35px;
 +
    *bottom: 50px;
 +
    right: 10px;
 +
    z-index: 999;
 +
    width: 50px;
 +
    zoom: 1;
 +
background-position: -50px 0
 +
    }
 +
 +
 +
.back-to .backtotop {
 +
    float: left;
 +
    display: block;
 +
    width: 50px;
 +
    height: 50px;
 +
    background: #666 url(/wiki/images/3/3b/12SJTU_btt.png) 8px -57px no-repeat;
 +
    margin-bottom: 15px;
 +
    outline: 0 none;
 +
    text-indent: -9999em;
 +
    -webkit-border-radius: 4px;
 +
    border-radius: 4px;
 +
    position: relative
 +
    }
 +
.back-to .backtotop:hover {
 +
    background-color: #333;
 +
    background-position: 8px 13px
 +
    }
 +
.back-to .backtotop .back-tip {
 +
    position: absolute;
 +
    visibility: hidden;
 +
    top: -31px;
 +
    left: -10px
 +
    }
 +
.back-to .backtotop:hover .back-tip {
 +
    visibility: visible
 +
    }
 +
.back-to .back-top:hover {
 +
    background-position: -50px 0
 +
    }
 +
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 03:38, 7 September 2012

Retrieved from "http://2012.igem.org/Template:12SJTU_scroll2top_css"