Team:UCL/Template:headerx

From 2014.igem.org

(Difference between revisions)

Revision as of 10:18, 13 October 2014

Goodbye Azodye UCL iGEM 2014

@@ Line 44: / Line 44: @@
 				<div id="green-logo-bar-a" style="right: 50.1%; margin-right: 318px;">
 					<div id="green-logo-bar-b" style="margin-right: 0px; width: 100%;">
-						<a href="https://2014.igem.org/Team:UCL/Homex"><img src="https://static.igem.org/mediawiki/2014/a/a5/UCLheaderGBADwhite.png" height="70px" width="120px" style="position: absolute; right: 30px;"> </a>
-						<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/0/00/UCLiGEMlogoSCJwhite.png" height="70px" width="100px" style="position: absolute; right: 170px;"></a>
+<a href="https://2014.igem.org/Team:UCL/Homex">
+<img src='https://static.igem.org/mediawiki/2014/a/a5/UCLheaderGBADwhite.png' width='120' height='70' style="position: absolute; right: 30px;" onmouseover="this.src='https://static.igem.org/mediawiki/2014/5/58/UCLheaderGBADcolor.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/a/a5/UCLheaderGBADwhite.png'" />
+</a>
+<a href="https://igem.org/Main_Page">
+<img src='https://static.igem.org/mediawiki/2014/0/00/UCLiGEMlogoSCJwhite.png' height='70' style="position: absolute; right: 170px;" onmouseover="this.src='https://static.igem.org/mediawiki/2014/e/e5/UCLiGEMlogoSCJgreen.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/0/00/UCLiGEMlogoSCJwhite.png'" />
+</a>
 					</div>
 				</div>
@@ Line 136: / Line 145: @@
      padding: 0;
      border: none;}
 #menubar {
-     font-size: 65%;
+    position: absolute;
-     }
+    white-space: nowrap;
+    top: -6px;
+    z-index: 1035;
+    font-family: sans-serif;
+     font-size: 50%;
+     line-height: 1em;
+}
+#menubar ul {
+    margin-bottom: 0;
+}
+.left-menu, .left-menu a {
+    left: 0px;
+    text-align: left;
+    color:transparent;
+    text-transform: lowercase;
+}
+.left-menu li {
+color:transparent !important;
+}
+.left-menu:hover li {
+color: white !important;
+}
 .left-menu:hover {
-     background-color: transparent;}
+    color: white;
-#menubar li a {
+     background-color: #555555
-     background-color: transparent;}
+}
-#menubar:hover {
-     color: black;}
-#menubar li a {
-     color: transparent;}
+.left-menu:hover a {
-#menubar:hover li a {
+    color: white;
-     color: black;
+}
-     z-index: 9999;}
+.right-menu, .right-menu a {
+    right: 0px;
+    text-align: right;
+    color: white;
+}
+.right-menu a {
+background-color: #606060;
+}
+.right-menu li a {
+    padding: 0px 15px 0px 0px;
+    color: white;
+     background-color: #606060;
+}
+.right-menu li a:hover {
+     color: #aaaaff;
+    text-decoration: underline;
+}
+#menubar ul {
+     color: #555555;
+    list-style: none;
+    margin-top:10px;
+}
+#menubar li {
+     display: inline;
+     position: relative;
+    cursor: pointer;
+    padding-left: 0px;
+    padding-right: 0px;
+}
+.left-menu li a {
+    padding: 0px 10px 0px 0px;
+}
 </style>