Team:Queens Canada/qgem header

From 2013.igem.org

(Difference between revisions)

Revision as of 00:29, 31 May 2013

Untitled Document

>

More to come in the near future!

This is filler

@@ Line 185: / Line 185: @@
 	position:relative;
 }
-/**---------Menubar------------**/
-.logo-bar{
+/**---------Menu-Bar----------**/
-	width:100%;
+#top_MENU {
-	height:60px;
+	width: 45%;
-	background-color:#83282a;
+	float: right;
-	position:fixed;
+	text-align: right;
-	z-index:50;
+	padding-top: 400px;
-	top,left,right:0;
-	vertical-align:text-top;
-	float:left;
 }
-.upper-row{
-	margin-top:0px;
+#top_MENU ul {
-	margin-left:55%;
+	margin: 0;
-	overflow:hidden;
+	padding: 0;
-	position:absolute;
+	font-size: 18px;
+	padding-bottom: 10px;
 }
-.lower-row{
-	margin-top:32px;
+#top_MENU li {
-	margin-left:59%;
+	display: inline-block;
-	position:absolute;
+	*display: inline;
+	height: 30px;
+	padding: 0 15px;
+	margin: 0 4px;
 }
-.top-menu{
-	padding:0px;
-	position:fixed;
-	z-index:100;
-}
-.top-menu ul{
-	margin:0;
-	padding:0;
-}
-.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-margin:20px;
-	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 267: / Line 233: @@
 <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 id="top-MENU">
+    	<ul>
+        	<li class="HOME"><a href="#">HOME</a></li>
+        </ul>
+    </div></div>
 <div class="top-menu menu-font upper-row">
          	<ul>