Team:Queens Canada

From 2013.igem.org

(Difference between revisions)

Revision as of 01:56, 31 May 2013

Untitled Document

>

More to come in the near future!

This is filler

@@ Line 3: / Line 3: @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>Untitled Document</title>
+<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/125588631/bootstrap.min.css" media="screen" />
 <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script type="text/javascript" src="../../Downloads/jquery-visible-master/jquery.visible.js"></script>
@@ Line 11: / Line 12: @@
 }
 html{
-	white-space:nowrap;
-	word-spacing:0;
 	padding:0;
 	margin:0;
+}
+header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{
+	display: block;
 }
 /* ----------------Display:none---------------- */
@@ Line 44: / Line 46: @@
      margin:0;
      padding:0;
+    background-color:#999999
 }
@@ Line 62: / Line 65: @@
 	height: 30px;
 	width: 100%;
-	background: none repeat scroll 0 0 #343838; /*per Page*/
+	background-color:#343838; /*per Page*/
-	border-bottom: 1px solid #262B35; /*per Page*/
-	border-left: medium none;
-	border-right: medium none;
          margin:0;
          padding:0;
@@ Line 73: / Line 73: @@
 	top: 2px;
 	font-family: 'Droid Sans', sans-serif;
-        margin:0;
-        padding:0;
 }
 /* ----------------TopSection_left-menu---------------- */
@@ Line 93: / Line 91: @@
 .left-menu li a:hover {
-	color: #aaaaff;
+	color: #ff6669;
 }
@@ Line 118: / Line 116: @@
 	background-color: transparent;
 	color: white;
-	padding: 0 15px 0 0;
 }
 .right-menu li a:hover {
-	color: #aaaaff;
+        text-decoration:none;
+	color: #ff6669;
 }
@@ Line 187: / Line 185: @@
 	position:relative;
 }
-/**---------Menubar------------**/
-.logo-bar{
+/**---------Menu-Bar----------**/
-	width:100%;
+#top-MENU {
-	height:60px;
+        width:100%
-	background-color:#83282a;
+        position:relative;
-	position:fixed;
+	float: right;
-	z-index:50;
+	text-align: right;
-	display:none;
+	margin-top: 40%;
-	margin:0px;
+        margin-right:5%
-	padding:0px;
-	top,left,right:0;
-	vertical-align:text-top;
-	float:left;
-	border:0px;;
 }
-.upper-row{
-	margin-top:60%;
+#top-MENU ul {
-	margin-left:55%;
+	margin: 0;
-	overflow:hidden;
+	padding: 0;
-	position:absolute;
+	font-size: 0.85em;
 }
-.lower-row{
-	margin-top:67&;
+#top-MENU li {
-	margin-left:59%;
+	display: inline-block;
-	position:absolute;
+	*display: inline;
+	padding: 0 15px;
+	margin: 0 4px;
 }
-.top-menu{
-	padding:0px;
+#top-MENU a:link{
-	position:fixed;
+        text-decoration:none;
-	z-index:100;
+        color:#83282a;
 }
-.top-menu ul{
-	margin:0;
+#top-MENU a:visited{
-	padding:0;
+        text-decoration:none;
-}
+        color:#83282a;
-.top-menu li{
-	display:inline-block;
-	padding: 0 10px;
-	margin: 0 0px;
 }
-.top-menu a:link {text-decoration:none;color:#83282a;}
-.top-menu a:visited{color:#83282a;}
-.top-menu a:hover{color:#ff6669;}
-.top-menu-low{
+#top-MENU a:hover{
-	top-margin:20px;
+        color:#ff6669;
-	padding:0px;
-	position:fixed;
-	z-index:100;
-}
-.top-menu-low ul{
-	margin:0;
-	padding:0;
-}
-.top-menu-low li{
-	display:inline-block;
-	padding: 0 5px;
-	margin: 0 2px;
 }
-.top-menu-low a:link {text-decoration:none;color:#83282a;}
-.top-menu-low a:visited{color:#83282a;}
-.top-menu-low a:hover{color:#ff6669;}
 /**---------Fonts---------**/
 @font-face{
@@ Line 258: / Line 231: @@
 	font-size:2em;
 }
-.menu-font-low{
-	font-family:bebasN;
-	font-size:1.5em;
-}
 .regular{
 	font-family:bebasN;
@@ Line 269: / Line 239: @@
 </style>
 </head>
 <body>
-<p><!--<div id="fullpage"></div>-->
-</p>
-<div class="logo-bar"><img src="https://dl.dropboxusercontent.com/u/125588631/toolbar-logo.png" height="60px" /></div>
-<div class="top-photo"><div class="tattletale"></div></div>
+<div class="top-photo"><div class="tattletale"></div>
-<div class="top-menu menu-font upper-row">
+<div id="top-MENU" class="menu-font">
-	<ul>
+    	<ul>
-    	<li><a href="#">HOME</a></li>
+        	<li class="HOME"><a href="#">HOME</a></li>
-        <li><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
+                <li><a href="https://2013.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
-        <li><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
+                <li><a href="https://2013.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
-        <li><a href="#">OUTREACH</a></li>
+                <li><a href="#">OUTREACH</a></li>
-	</ul>
+                <li>       </li>
-</div>
+        </ul>
-<div class="top-menu-low menu-font-low lower-row">
+        <ul>
-   	<ul>
+                <li><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li>
-   	<li><a href="https://2013.igem.org/Team:Queens_Canada/Parts">PARTS</a></li>
+                <li><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
-        <li><a href="https://2013.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
+                <li><a href="#">JUDGING</a></li>
-        <li><a href="#">JUDGING</a></li>
+                <li><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
-        <li><a href="https://2013.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
+        </ul>
-    </ul>
+</div></div>
-</div>
 <div class="home-body">
 	<div class="center-align regular">
@@ Line 296: / Line 264: @@
 	  <p>This is filler</p><br />
 	  <p>This is filler</p><br />
-	  <p>This is filler</p><br />
+      <p>This is filler</p><br />
-	  <p>This is filler</p><br />
+      <p>This is filler</p><br />
        <p>This is filler</p><br />
        <p>This is filler</p><br />
@@ Line 344: / Line 312: @@
 $(document).ready(function(){
-	var height = $(window).height()-30;
+	var height = $(window).height()-40;
          var val = (height.toString())+"px";
 	$(".top-photo").css("height",val);
@@ Line 355: / Line 323: @@
-	$(window).scroll(function(){
-		if(isOnScreen($(".tattletale")) == false){
-			$(".logo-bar").css("display","inline-block");
-			$(".logo-bar").fadeIn('fast');
-			$(".top-menu a:link").css("color","white");
-			$(".top-menu-low a:link").css("color","white");
-		}
-		else{
-			$(".logo-bar").css("display","none");
-			$(".top-menu a:link").css("color","#83282a");
-			$(".top-menu-low a:link").css("color","#83282a");
-		}
-	});
 });
 </script>
 </body>
 </html>