Difference between revisions of "Team:Dalhousie/test5"

Revision as of 18:40, 10 September 2017

Welcome to Dalhousie's 2017 iGEM wiki

Sponsor area

@@ Line 1: / Line 1: @@
 <html>
 <head>
-<style>
-body {
-    height: 3000px;
-    top: 0;
-}
-#image {
-    width: 100%;
-}
-#scroller{
-    height:100px;
-width: 100%;
-left:0px;
-    background: white;
-padding-top:50px;
-}
-.stuck{
-    position:fixed;
-    z-index:100;
-    width:100%;
-    top:0;
-}
-</style>
-<script>
-$(window).scroll(function() {
-				if ($(window).scrollTop() > 30) {
-                                                $('#scroller').fadeIn(600, function() {
-                                                       $('#scroller').addClass('stuck');
-				                } );
-                                 }
-                                else {
-					$('#scroller').removeClass('stuck');
-				}
-			});
-</script>
@@ Line 106: / Line 62: @@
 <body>
-<div id="image">
+<!--------------------------------fade NAV---------------------------->
+<style>body {
+  margin: 0;
+  height: 10px;
+}
+.top {
+  margin: 100;
+  position: relative;
+ width:55%;
+  left:300px;
+  background-color: rgba(0,0,0,0.4);
+  height: 150px;
+  text-align: center;
+  font-family: 'Trebuchet MS';
+  font-size: 50px;
+  font-weight: 100;
+  color: #fff;
+line-height: 60px;
+}
+.title {
+  position: relative;
+  top: 10%;
+  left: 0px;
+}
+</style>
+<script> $(window).scroll(function(){
+    $(".top").css("opacity", 1 - $(window).scrollTop() / 150);
+  });</script>
+<div class="top"><div class="title">Welcome to Dalhousie's 2017 iGEM wiki</div></div>
@@ Line 168: / Line 168: @@
 </div>
-</div>
@@ Line 175: / Line 173: @@
-<div id="scroller">Some controls</div>