Team:St Andrews/official
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <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"> | <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 { | #top-section { | ||
position: relative; | position: relative; | ||
Line 9: | Line 113: | ||
# margin-left: 10px; | # margin-left: 10px; | ||
margin: 0 auto 0 auto; | margin: 0 auto 0 auto; | ||
- | border-left: 1px solid # | + | border-left: 1px solid #000000; |
- | border-right: 1px solid # | + | border-right: 1px solid #000000; |
} | } | ||
Line 116: | Line 220: | ||
html>body #nav { | html>body #nav { | ||
- | filter: alpha(opacity= | + | filter: alpha(opacity=80); |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity= | + | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); |
- | -moz-opacity: 0. | + | -moz-opacity: 0.8; opacity:0.8; |
z-index:1; | z-index:1; | ||
margin: 0; | margin: 0; | ||
Line 302: | Line 406: | ||
top:22px; | top:22px; | ||
left:-1px; | left:-1px; | ||
+ | } | ||
+ | img.photo | ||
+ | { | ||
+ | position:absolute; | ||
+ | top:3px; | ||
+ | left:1000px; | ||
} | } | ||
img.gradient | img.gradient | ||
Line 307: | Line 417: | ||
z-index:5; | z-index:5; | ||
position:absolute; | position:absolute; | ||
- | height: | + | height:1000px; |
width:200px; | width:200px; | ||
top:0px; | top:0px; | ||
Line 314: | Line 424: | ||
img.gradientb | img.gradientb | ||
{ | { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
z-index:5; | z-index:5; | ||
position:absolute; | position:absolute; | ||
- | height: | + | height:1000px; |
width:200px; | width:200px; | ||
top:0px; | top:0px; | ||
right:-200px; | right:-200px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#footer-box | #footer-box | ||
Line 348: | Line 447: | ||
body | body | ||
{ | { | ||
- | background-color:# | + | background-color:#ffffff; |
} | } | ||
h1.firstHeading | h1.firstHeading | ||
Line 461: | Line 560: | ||
-moz-border-radius-bottomleft: 2em; | -moz-border-radius-bottomleft: 2em; | ||
-moz-border-radius-bottomright: 2em; | -moz-border-radius-bottomright: 2em; | ||
- | filter: alpha(opacity= | + | filter: alpha(opacity=100); |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity= | + | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
- | -moz-opacity: | + | -moz-opacity: 1; opacity:1; |
position:relative; | position:relative; | ||
background:#FFFFFF; | background:#FFFFFF; | ||
Line 482: | Line 581: | ||
margin-left:20px; | margin-left:20px; | ||
margin-top:0px; | margin-top:0px; | ||
- | margin-bottom: | + | margin-bottom:30px; |
- | width: | + | margin-right:10px; |
+ | width:620px; | ||
padding:20px; | padding:20px; | ||
} | } | ||
Line 501: | Line 601: | ||
-moz-border-radius-bottomleft: 2em; | -moz-border-radius-bottomleft: 2em; | ||
-moz-border-radius-bottomright: 2em; | -moz-border-radius-bottomright: 2em; | ||
- | filter: alpha(opacity= | + | filter: alpha(opacity=100); |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity= | + | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
- | -moz-opacity: | + | -moz-opacity: 1; opacity:1; |
position:relative; | position:relative; | ||
background:#808080; /* for non-css3 browsers */ | background:#808080; /* for non-css3 browsers */ | ||
Line 516: | Line 616: | ||
box-shadow: 0 1px 1px rgba(0, 0, 0, .2); | box-shadow: 0 1px 1px rgba(0, 0, 0, .2); | ||
text-shadow: 0 1px 0 rgba(255, 255, 255, .8); | text-shadow: 0 1px 0 rgba(255, 255, 255, .8); | ||
- | top: | + | top:240px; |
left:50px; | left:50px; | ||
float:center; | float:center; | ||
Line 522: | Line 622: | ||
margin-top:0px; | margin-top:0px; | ||
margin-bottom:50px; | margin-bottom:50px; | ||
- | width: | + | width:670px; |
padding:20px; | padding:20px; | ||
+ | padding-top:10px; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
div.ly | div.ly | ||
{ | { | ||
Line 547: | Line 639: | ||
div.ry | div.ry | ||
{ | { | ||
- | filter: alpha(opacity= | + | filter: alpha(opacity=100); |
- | filter: progid:DXImageTransform.Microsoft.Alpha(opacity= | + | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); |
- | -moz-opacity: | + | -moz-opacity: 1; opacity:1; |
z-index:1; | z-index:1; | ||
position:absolute; | position:absolute; | ||
- | right:- | + | right:-20px; |
top:280px; | top:280px; | ||
float:right; | float:right; | ||
Line 562: | Line 654: | ||
border-bottom:0px solid gray; | border-bottom:0px solid gray; | ||
} | } | ||
- | |||
</style> | </style> | ||
Line 570: | Line 661: | ||
<img class="gradientb" border="0" src="https://static.igem.org/mediawiki/2010/2/22/Standrewsgradient.jpg"/> | <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" /> | <img class="lybanner" border="0" src="https://static.igem.org/mediawiki/2010/f/fb/Standrewsbanner2.jpg" width="977" height="750" /> | ||
- | <ul id=" | + | <ul id="navmenu-h" class="navigation2"> |
<li><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li> | <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> | <li class="current"><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a> |
Revision as of 03:24, 29 July 2010