@@ Line 1: / Line 1: @@
 <html>
 <head>
+<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
+<!--[if gte IE 5.5]>
+<script language="JavaScript" type="text/JavaScript">
+$(document).ready(function(){
+$("#navmenu-h li,#navmenu-v li").hover(
+function() { $(this).addClass("iehover"); },
+function() { $(this).removeClass("iehover"); }
+);});
+</script>
+<![endif]-->
 <style type="text/css">
+ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
+ul#navmenu-h ul {
+ width: 173px; /* Sub Menu Width */
+ margin: 0;
+ list-style: none;
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+}
+ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
+ul#navmenu-h li { float: left; display: inline; position: relative; }
+ul#navmenu-h ul li { width: 100%; display: block; }
+/* Root Menu */
+ul#navmenu-h a {
+ border-top: 1px solid #FFF;
+ border-right: 1px solid #FFF;
+width:160px;
+ padding: 6px;
+ float: center;
+ display: block;
+ background: #000066;
+ color: #ffffff;
+ font: bold 11px Verdana, sans-serif;
+ text-decoration: none;
+ height: 1%;
+}
+/* Root Menu Hover Persistence */
+ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
+ background: #808080;
+ color: #FFF;
+}
+/* 2nd Menu */
+ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
+width: 160px;
+float: none;
+ background: #808080;
+}
+/* 2nd Menu Hover Persistence */
+ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
+ background: #000066;
+}
+/* 3rd Menu */
+ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
+ background: #808080;
+}
+/* 3rd Menu Hover Persistence */
+ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
+ background: #000066;
+}
+/* 4th Menu */
+ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
+ background: #808080;
+}
+/* 4th Menu Hover */
+ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
+ background: #000066;
+}
+/* Hover Function - Do Not Move */
+ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
+ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
+ul.navigation2
+{
+	position:absolute;
+	z-index:1;
+	top:200px;
+	left:105px;
+	}
+#globalWrapper {
+    position: relative;
+    font-size: 127%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    padding-bottom: 10px;
+}
+.visualClear {
+    clear: both;
+}
 #top-section {
      position: relative;
@@ Line 9: / Line 113: @@
 #    margin-left: 10px;
 margin: 0 auto 0 auto;
-     border-left: 1px solid #444444;
+     border-left: 1px solid #000000;
-     border-right: 1px solid #444444;
+     border-right: 1px solid #000000;
 }
@@ Line 116: / Line 220: @@
 html>body #nav {
-filter: alpha(opacity=75);
+filter: alpha(opacity=80);
-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
--moz-opacity: 0.75; opacity:0.75;
+-moz-opacity: 0.8; opacity:0.8;
 z-index:1;
 	margin: 0;
@@ Line 302: / Line 406: @@
 top:22px;
 left:-1px;
+}
+img.photo
+{
+position:absolute;
+top:3px;
+left:1000px;
 }
 img.gradient
@@ Line 307: / Line 417: @@
 z-index:5;
 position:absolute;
-height:1500px;
+height:1000px;
 width:200px;
 top:0px;
@@ Line 314: / Line 424: @@
 img.gradientb
 {
-/* for firefox, safari, chrome, etc. */
--webkit-transform: rotate(-180deg);
--moz-transform: rotate(-180deg);
-/* for ie */
-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
 z-index:5;
 position:absolute;
-height:1500px;
+height:1000px;
 width:200px;
 top:0px;
 right:-200px;
-}
-img.photo
-{
-position:absolute;
-top:3px;
-left:1000px;
 }
 #footer-box
@@ Line 348: / Line 447: @@
 body
 {
-background-color:#FFFFFF;
+background-color:#ffffff;
 }
 h1.firstHeading
@@ Line 461: / Line 560: @@
 	-moz-border-radius-bottomleft: 2em;
 	-moz-border-radius-bottomright: 2em;
-filter: alpha(opacity=90);
+filter: alpha(opacity=100);
-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
+filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
--moz-opacity: 0.9; opacity:0.9;
+-moz-opacity: 1; opacity:1;
 position:relative;
 background:#FFFFFF;
@@ Line 482: / Line 581: @@
 margin-left:20px;
 margin-top:0px;
-margin-bottom:50px;
+margin-bottom:30px;
-width:560px;
+margin-right:10px;
+width:620px;
 padding:20px;
 }
@@ Line 501: / Line 601: @@
 	-moz-border-radius-bottomleft: 2em;
 	-moz-border-radius-bottomright: 2em;
-filter: alpha(opacity=80);
+filter: alpha(opacity=100);
-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
--moz-opacity: 0.8; opacity:0.8;
+-moz-opacity: 1; opacity:1;
 position:relative;
 background:#808080; /* for non-css3 browsers */
@@ Line 516: / Line 616: @@
 	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
-top:260px;
+top:240px;
 left:50px;
 float:center;
@@ Line 522: / Line 622: @@
 margin-top:0px;
 margin-bottom:50px;
-width:660px;
+width:670px;
 padding:20px;
+padding-top:10px;
 }
-div.ly
-{
-float:left;
-margin-left:0px;
-width:150px;
-padding:0px;
-border:0px solid gray;
-border-right:0px solid gray;
-border-bottom:0px solid gray;
-}
 div.ly
 {
@@ Line 547: / Line 639: @@
 div.ry
 {
-filter: alpha(opacity=75);
+filter: alpha(opacity=100);
-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
--moz-opacity: 0.75; opacity:0.75;
+-moz-opacity: 1; opacity:1;
 z-index:1;
 position:absolute;
-right:-10px;
+right:-20px;
 top:280px;
 float:right;
@@ Line 562: / Line 654: @@
 border-bottom:0px solid gray;
 }
 </style>
@@ Line 570: / Line 661: @@
 <img class="gradientb" border="0" src="https://static.igem.org/mediawiki/2010/2/22/Standrewsgradient.jpg"/>
 <img class="lybanner" border="0" src="https://static.igem.org/mediawiki/2010/f/fb/Standrewsbanner2.jpg" width="977" height="750" />
-<ul id="nav" class="navigation">
+<ul id="navmenu-h" class="navigation2">
 	<li><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>
 	<li class="current"><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a>

Team:St Andrews/official

From 2010.igem.org

Revision as of 03:24, 29 July 2010