"

From 2014.igem.org

Revision as of 16:02, 20 September 2014 (view source) Marialilokyee (Talk | contribs) ← Older edit		Revision as of 16:05, 20 September 2014 (view source) Marialilokyee (Talk | contribs) Newer edit →
Line 159:		Line 159:
	}		}
-	/*	+
-	Back to top button	+
-	*/	+
-	#back-top {	+
-	position: fixed;	+
-	bottom: 30px;	+
-	right:30px;	+
-	z-index:50;	+
-	}	+
-	#back-top a {	+
-	width: 50px;	+
-	display: block;	+
-	text-align: center;	+
-	font: 11px/100% Arial, Helvetica, sans-serif;	+
-	text-transform: uppercase;	+
-	text-decoration: none;	+
-	color: #bbb;	+
-	/* background color transition */	+
-	-webkit-transition: 1s;	+
-	-moz-transition: 1s;	+
-	transition: 1s;	+
-	}	+
-	#back-top a:hover {	+
-	color: #000;	+
-	}	+
-	/* arrow icon (span tag) */	+
-	#back-top span {	+
-	width: 50px;	+
-	height: 50px;	+
-	display: block;	+
-	background: #ddd url(https://static.igem.org/mediawiki/2014/5/57/Backtotop_BU14.png) no-repeat center center;	+
-	/* background color transition */	+
-	-webkit-transition: 1s;	+
-	-moz-transition: 1s;	+
-	transition: 1s;	+
-	}	+
-	#back-top a:hover span {	+
-	background-color: #F68F52;	+
-	}	+
	</style>		</style>
	</head>		</head>
Line 233:		Line 195:
	<img src="https://s3.amazonaws.com/gschierBlog/images/pig-big.jpg">		<img src="https://s3.amazonaws.com/gschierBlog/images/pig-big.jpg">
	</a>		</a>
-
-	<p id="back-top">
-	<a href="#top"><span></span></a>
-	</p>
	<!--==================== footer ===========================-->		<!--==================== footer ===========================-->
Line 253:		Line 211:
	</div> <!--end of col-md-5-->		</div> <!--end of col-md-5-->
	</div> <!-- end of #footer -->		</div> <!-- end of #footer -->
-
-	<script type="text/javascript">
-	$(document).ready(function(){
-
-	// hide #back-top first
-	$("#back-top").hide();
-
-	// fade in #back-top
-	$(function () {
-	$(window).scroll(function () {
-	if ($(this).scrollTop() > 100) {
-	$('#back-top').fadeIn();
-	} else {
-	$('#back-top').fadeOut();
-	}
-	});
-
-	// scroll body to 0px on click
-	$('#back-top a').click(function () {
-	$('body,html').animate({
-	scrollTop: 0
-	}, 800);
-	return false;
-	});
-	});
-
-	});
-	</script>
	</body>		</body>
	</html>		</html>

---

Revision as of 16:05, 20 September 2014