Team:Wash U/Temp

From 2009.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
-
<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
+
{{WashUback}}
-
<style type="text/css">
+
<html>
 +
<head>
 +
<title>Advanced Menu Bar</title>
 +
<!-- Advanced Menu Bar Generated by SearchBliss.com - Copyright 2002 - All Rights Reserved -->
 +
<script language="JavaScript">
 +
<!--
 +
function MM_preloadImages() { //v3.0
 +
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 +
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 +
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 +
}
 +
function MM_findObj(n, d) { //v3.0
 +
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 +
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 +
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 +
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
 +
}
-
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
+
function MM_nbGroup(event, grpName) { //v3.0
-
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
+
  var i,img,nbArr,args=MM_nbGroup.arguments;
-
 
+
  if (event == "init" && args.length > 2) {
-
 
+
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
-
/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
+
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
-
 
+
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
-
 
+
      nbArr[nbArr.length] = img;
-
/* QuickMenu 0 */
+
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
-
 
+
        if (!img.MM_up) img.MM_up = img.src;
-
/*"""""""" (MAIN) Container""""""""*/
+
        img.src = img.MM_dn = args[i+1];
-
#qm0
+
        nbArr[nbArr.length] = img;
-
{
+
    } }
-
width:auto;
+
  } else if (event == "over") {
-
background-color:transparent;
+
    document.MM_nbOver = nbArr = new Array();
-
}
+
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
-
 
+
      if (!img.MM_up) img.MM_up = img.src;
-
 
+
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
-
/*"""""""" (MAIN) Items""""""""*/
+
      nbArr[nbArr.length] = img;
-
#qm0 a
+
    }
-
{
+
  } else if (event == "out" ) {
-
padding:6px 40px 6px 8px;
+
    for (i=0; i < document.MM_nbOver.length; i++) {
-
margin:0px -1px 0px 0px;
+
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
-
background-color:#BED0B6;
+
  } else if (event == "down") {
-
color:#000000;
+
    if ((nbArr = document[grpName]) != null)
-
font-family:Arial;
+
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
-
font-size:11px;
+
    document[grpName] = nbArr = new Array();
-
text-decoration:none;
+
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
-
text-align:left;
+
      if (!img.MM_up) img.MM_up = img.src;
-
border-width:1px;
+
      img.src = img.MM_dn = args[i+1];
-
border-style:solid;
+
      nbArr[nbArr.length] = img;
-
border-color:#698A59;
+
  } }
-
}
+
}
-
 
+
//-->
-
 
+
</script>
-
/*"""""""" (MAIN) Hover State""""""""*/
+
</head>
-
#qm0 a:hover
+
<body bgcolor="#FFFFFF" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" onLoad="MM_preloadImages('down.gif','over.gif','up.gif')">
-
{
+
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC">
-
text-decoration:underline;
+
  <tr>
-
}
+
    <td><a href="https://2009.igem.org/Team:Wash_U"><img name="menu1" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
 
+
    <td><a href="http://"><img name="menu2" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
 
+
    <td><a href="http://"><img name="menu3" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
+
    <td><a href="http://"><img name="menu4" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
#qm0 li:hover>a
+
    <td><a href="http://"><img name="menu5" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
{
+
    <td><a href="http://"><img name="menu6" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
text-decoration:underline;
+
    <td><a href="http://"><img name="menu7" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td>
-
}
+
  </tr>
-
 
+
</table>
-
 
+
<div id="Layer1" style="position:absolute; width:102px; height:17px; z-index:1; left: 6px; top: 7px" visibility: visible">
-
/*"""""""" (MAIN) Active State""""""""*/
+
  <div align="center"><a href="https://2009.igem.org/Team:Wash_U" onClick="MM_nbGroup('down','group1','menu1','down.gif',1)" onMouseOver="MM_nbGroup('over','menu1','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2">Home</font></a></div>
-
body #qm0 .qmactive, body #qm0 .qmactive:hover
+
</div>
-
{
+
<div id="Layer2" style="position:absolute; width:102px; height:17px; z-index:1; left: 122px; top: 7px; visibility: visible">
-
background-color:#ECF1E9;
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu2','down.gif',1)" onMouseOver="MM_nbGroup('over','menu2','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
text-decoration:underline;
+
</div>
-
}
+
<div id="Layer3" style="position:absolute; width:102px; height:17px; z-index:1; left: 237px; top: 7px; visibility: visible">
-
 
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu3','down.gif',1)" onMouseOver="MM_nbGroup('over','menu3','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
 
+
</div>
-
/*"""""""" (SUB) Container""""""""*/
+
<div id="Layer4" style="position:absolute; width:102px; height:17px; z-index:1; left: 352px; top: 7px; visibility: visible">
-
#qm0 div, #qm0 ul
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu4','down.gif',1)" onMouseOver="MM_nbGroup('over','menu4','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
{
+
</div>
-
padding:5px;
+
<div id="Layer5" style="position:absolute; width:102px; height:17px; z-index:1; left: 467px; top: 7px; visibility: visible">
-
margin:-1px 0px 0px 0px;
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu5','down.gif',1)" onMouseOver="MM_nbGroup('over','menu5','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
background-color:#ECF1E9;
+
</div>
-
border-width:1px;
+
<div id="Layer6" style="position:absolute; width:102px; height:17px; z-index:1; left: 582px; top: 7px; visibility: visible">
-
border-style:solid;
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu6','down.gif',1)" onMouseOver="MM_nbGroup('over','menu6','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
border-color:#698A59;
+
</div>
-
}
+
<div id="Layer7" style="position:absolute; width:102px; height:17px; z-index:1; left: 696px; top: 7px; visibility: visible">
-
 
+
  <div align="center"><a href="http://" onClick="MM_nbGroup('down','group1','menu7','down.gif',1)" onMouseOver="MM_nbGroup('over','menu7','over.gif','up.gif',1)" onMouseOut="MM_nbGroup('out')"><font face="Arial" style="color:black;text-decoration:none" size="2"></font></a></div>
-
 
+
</div>
-
/*"""""""" (SUB) Items""""""""*/
+
</body>
-
#qm0 div a, #qm0 ul a
+
</html>
-
{
+
{{WashUbottom}}
-
padding:2px 40px 2px 5px;
+
-
background-color:transparent;
+
-
color:#444444;
+
-
border-width:0px;
+
-
border-style:none;
+
-
border-color:#000000;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" (SUB) Hover State""""""""*/
+
-
#qm0 div a:hover
+
-
{
+
-
color:#698A59;
+
-
text-decoration:underline;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
+
-
#qm0 ul li:hover>a
+
-
{
+
-
color:#698A59;
+
-
text-decoration:underline;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" (SUB) Active State""""""""*/
+
-
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
+
-
{
+
-
background-color:transparent;
+
-
color:#698A59;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Individual Titles""""""""*/
+
-
#qm0 .qmtitle
+
-
{
+
-
cursor:default;
+
-
padding:3px 0px 3px 4px;
+
-
color:#444444;
+
-
font-family:arial;
+
-
font-size:11px;
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Individual Horizontal Dividers""""""""*/
+
-
#qm0 .qmdividerx
+
-
{
+
-
border-top-width:1px;
+
-
margin:4px 0px 4px 0px;
+
-
border-color:#BFBFBF;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Individual Vertical Dividers""""""""*/
+
-
#qm0 .qmdividery
+
-
{
+
-
border-left-width:1px;
+
-
height:15px;
+
-
margin:4px 2px 0px 2px;
+
-
border-color:#BFBFBF;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Custom Rule""""""""*/
+
-
ul#qm0 ul li:hover > a.qmparent
+
-
{
+
-
background-image:url(qmimages/cssalt1_arrow_right_hover.gif);
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Custom Rule""""""""*/
+
-
ul#qm0 ul .qmparent
+
-
{
+
-
background-image:url(qmimages/cssalt1_arrow_right.gif);
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Custom Rule""""""""*/
+
-
ul#qm0 li:hover > a.qmparent
+
-
{
+
-
background-image:url(qmimages/cssalt1_arrow_down_hover.gif);
+
-
text-decoration:underline;
+
-
}
+
-
 
+
-
 
+
-
/*"""""""" Custom Rule""""""""*/
+
-
ul#qm0 .qmparent
+
-
{
+
-
background-image:url(qmimages/cssalt1_arrow_down.gif);
+
-
background-repeat:no-repeat;
+
-
background-position:97% 50%;
+
-
}
+
-
 
+
-
 
+
-
</style>
+

Latest revision as of 20:43, 18 June 2009

Advanced Menu Bar