Template:CSS/Team:Glasgow/Draft1

From 2014.igem.org

(Difference between revisions)
Line 121: Line 121:
     text-decoration:none;
     text-decoration:none;
     border-bottom:none;}
     border-bottom:none;}
 +
 +
 +
/****** Back to top button *******/
 +
 +
#back-top {
 +
position: fixed;
 +
bottom: 0px;
 +
        right:10px;
 +
        z-index:50;
 +
}
 +
#back-top a {
 +
width: 80px;
 +
display: block;
 +
text-align: center;
 +
font: 11px/100% Arial, Helvetica, sans-serif;
 +
text-transform: uppercase;
 +
text-decoration: none;
 +
/* background color transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
 +
/* arrow icon (span tag) */
 +
#back-top span {
 +
width:80px;
 +
height:123px;
 +
display: block;
 +
background: url(https://static.igem.org/mediawiki/2014/1/10/GU_On-off-switch_top.png) no-repeat center center;
 +
background-size:contain;
 +
/* background color transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
 +
#back-top a:active span {background: url(https://static.igem.org/mediawiki/2014/6/60/GU_On-off-switch_blank_off_with_top.png) no-repeat center center;
 +
background-size:contain;}
 +
 +
/****** End of Back to top Button *******/
 +
</style></head>
</style></head>
Line 171: Line 212:
<a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click to edit this page</a>
<a href="https://2014.igem.org/wiki/index.php?title=Team:Glasgow&action=edit" >Click to edit this page</a>
 +
 +
 +
<p id="back-top">
 +
<a href="#top"><span></span></a>
 +
</p>

Revision as of 14:46, 6 August 2014

Bubble Test Page

Click to edit this page


Retrieved from "http://2014.igem.org/Template:CSS/Team:Glasgow/Draft1"