|
|
(41 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{WashUback}} |
| <html> | | <html> |
- | | + | <head> |
- | | + | <title>Advanced Menu Bar</title> |
- | <style> | + | <!-- Advanced Menu Bar Generated by SearchBliss.com - Copyright 2002 - All Rights Reserved --> |
- | h1.firstHeading { display: none; }
| + | <script language="JavaScript"> |
- | | + | <!-- |
- | p {text-align: justify;}
| + | function MM_preloadImages() { //v3.0 |
- | | + | var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); |
- | a:link { color: #00b0e6; text-decoration: none}
| + | var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) |
- | a:visited { color:#00b0e6; text-decoration: none}
| + | if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} |
- | a:hover { color:#f29400; text-decoration: none}
| + | |
- | a:active { color:#f29400; text-decoration: none}
| + | |
- | | + | |
- | #bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
| + | |
- | | + | |
- | table#team_members { text-align: justify; border: 0; }
| + | |
- | table#team_members h2, table#team_members h3 { clear: both; }
| + | |
- | | + | |
- | | + | |
- | /*-----------------------------------------------------------------------------------------------*/ | + | |
- | div.MenuBar ul li ul.DropDownMenu {
| + | |
- | display: none; /* Hides all drop-down menus. */ | + | |
- | | + | |
- | }
| + | |
- | /*
| + | |
- | li:hover works in IE7 and FF2.
| + | |
- | a:hover works in IE6 and FF2.
| + | |
- | a:hover breaks li:hover in FF2.
| + | |
- | */
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
| + | |
- | display: none; /* Hides all side menus. */
| + | |
- | }
| + | |
- | /*------------------------------------------------------------------------------------- Menu Bar */
| + | |
- | div.MenuBar {
| + | |
- | font: arial, helvetica, sans-serif;
| + | |
- | height: 30px;
| + | |
- | width: 910px;
| + | |
- | /*width: 100%*/
| + | |
- | margin: 0;
| + | |
- | border-top: 0;
| + | |
- | border-right: 0;
| + | |
- | border-left: 0;
| + | |
- | padding: 0;
| + | |
- | background: red;
| + | |
- |
| + | |
- | }
| + | |
- | div.MenuBar ul {
| + | |
- | font: arial, helvetica, sans-serif;
| + | |
- | text-align: center;
| + | |
- | list-style-type: none;
| + | |
- | margin: 0.5em auto;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | background: red;
| + | |
- | }
| + | |
- | div.MenuBar ul li {
| + | |
- | font: arial, helvetica, sans-serif;
| + | |
- | display: block;
| + | |
- | padding: 0;
| + | |
- | margin: 0;
| + | |
- | font-size: 1.3em;
| + | |
- | float: left;
| + | |
- | background: red;
| + | |
- | text-align: center;
| + | |
- | width: 107px;
| + | |
- | position: relative; /* Sets the positioning context for each drop-down menu. */
| + | |
| } | | } |
| | | |
- | div.MenuBar ul li a {
| + | function MM_findObj(n, d) { //v3.0 |
- | font: arial, helvetica, sans-serif; | + | var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { |
- | display: block;
| + | d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} |
- | background: red;
| + | if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; |
- | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | + | for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x; |
- | color: #ffffff;
| + | |
- | padding-top: 4px; | + | |
- | padding-bottom: 4px;
| + | |
- | padding-left: 1em; /* Sets the left space between top-level items. */
| + | |
- | padding-right: 1em; /* Sets the right space between top-level items. */
| + | |
- | text-decoration: none;
| + | |
| } | | } |
| | | |
- | /*------------------------------------------------------------------------------ Drop-Down Menus */ | + | function MM_nbGroup(event, grpName) { //v3.0 |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | var i,img,nbArr,args=MM_nbGroup.arguments; |
- | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | if (event == "init" && args.length > 2) { |
- | display: block;
| + | if ((img = MM_findObj(args[2])) != null && !img.MM_init) { |
- | width: 10em; /* Drop-down menu width.
| + | img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; |
- | Use MenuTailor.css to customize. */
| + | if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); |
- | height: 1em;
| + | nbArr[nbArr.length] = img; |
- | padding: 1px; /* Sets the drop-down menu "effective border" width. */ | + | for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { |
- | position: absolute;
| + | if (!img.MM_up) img.MM_up = img.src; |
- | top: 23px; /* Places the drop-down menu under the menu bar. | + | img.src = img.MM_dn = args[i+1]; |
- | Keep it sync with the menu bar height. */
| + | nbArr[nbArr.length] = img; |
- | left: 0; /* Aligns the drop-down menu to its top-level item. */ | + | } } |
- | background-color: red; /* Selected item. */
| + | } else if (event == "over") { |
- | color: #FFFFFF;
| + | 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]; |
| + | nbArr[nbArr.length] = img; |
| + | } |
| + | } else if (event == "out" ) { |
| + | for (i=0; i < document.MM_nbOver.length; i++) { |
| + | img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } |
| + | } else if (event == "down") { |
| + | if ((nbArr = document[grpName]) != null) |
| + | for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } |
| + | document[grpName] = nbArr = new Array(); |
| + | for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { |
| + | if (!img.MM_up) img.MM_up = img.src; |
| + | img.src = img.MM_dn = args[i+1]; |
| + | nbArr[nbArr.length] = img; |
| + | } } |
| } | | } |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | //--> |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | </script> |
- | width: 10em; /* Keep it sync with the drop-down menu width.
| + | </head> |
- | Use MenuTailor.css to customize. */
| + | <body bgcolor="#FFFFFF" LEFTMARGIN="0" RIGHTMARGIN="0" TOPMARGIN="0" BOTTOMMARGIN="0" onLoad="MM_preloadImages('down.gif','over.gif','up.gif')"> |
- | height: 1em;
| + | <table border="0" cellpadding="5" cellspacing="0" bgcolor="#CCCCCC"> |
- | padding-left: 0;
| + | <tr> |
- | padding-right: 0;
| + | <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> |
- | background-color: red; /* Selected item. */
| + | <td><a href="http://"><img name="menu2" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | color: #FFFFFF;
| + | <td><a href="http://"><img name="menu3" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | }
| + | <td><a href="http://"><img name="menu4" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | ul.DropDownMenu li a span {
| + | <td><a href="http://"><img name="menu5" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | display: block;
| + | <td><a href="http://"><img name="menu6" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
| + | <td><a href="http://"><img name="menu7" src="up.gif" border="0" onLoad="" width="105" height="20"></a></td> |
- | padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
| + | </tr> |
- | text-align: right; /* Aligns the >> symbol to the right. */
| + | </table> |
- | }
| + | <div id="Layer1" style="position:absolute; width:102px; height:17px; z-index:1; left: 6px; top: 7px" visibility: visible"> |
- | ul.DropDownMenu li a span span {
| + | <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> |
- | float: left; /* Aligns the text (back) to the left. */
| + | </div> |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | <div id="Layer2" style="position:absolute; width:102px; height:17px; z-index:1; left: 122px; top: 7px; visibility: visible"> |
- | height: 20px;
| + | <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> |
- | color: #FFFFFF;
| + | </div> |
- | }
| + | <div id="Layer3" style="position:absolute; width:102px; height:17px; z-index:1; left: 237px; top: 7px; visibility: visible"> |
- | /*----------------------------------------------------------------------------------- Side Menus */
| + | <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.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | </div> |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | <div id="Layer4" style="position:absolute; width:102px; height:17px; z-index:1; left: 352px; top: 7px; visibility: visible"> |
- | display: block;
| + | <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> |
- | width: 11em; /* Side menu width.
| + | </div> |
- | Use MenuTailor.css to customize. */
| + | <div id="Layer5" style="position:absolute; width:102px; height:17px; z-index:1; left: 467px; top: 7px; visibility: visible"> |
- | padding: 1px; /* Sets the side menu "effective border" width. */
| + | <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> |
- | position: absolute;
| + | </div> |
- | top: -1px; /* Aligns the side menu to its drop-down menu item.
| + | <div id="Layer6" style="position:absolute; width:102px; height:17px; z-index:1; left: 582px; top: 7px; visibility: visible"> |
- | Keep it sync with the side menu "effective border" width. */
| + | <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> |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | </div> |
- | Keep it sync with the drop-down menu width.
| + | <div id="Layer7" style="position:absolute; width:102px; height:17px; z-index:1; left: 696px; top: 7px; visibility: visible"> |
- | Use MenuTailor.css to customize. */
| + | <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.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | width: 11em; /* Keep it sync with the side menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | }
| + | |
- | div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
| + | |
- | padding-left: 1.5em; /* Sets the left space of each side menu item. */
| + | |
- | padding-right: 0.5em; /* Sets the right space of each side menu item. */
| + | |
- | text-align: left;
| + | |
- | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
- | left: 13em; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width.
| + | |
- | Use MenuTailor.css to customize. */
| + | |
- | }
| + | |
- | /*----------------------------------------------------------------------------- Browser Specific */
| + | |
- | * html div.MenuBar ul li a {
| + | |
- | float: left; /* Required for IE55 and IE6.
| + | |
- | Breaks O9.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | * html ul.DropDownMenu li a:hover {
| + | |
- | cursor: hand; /* Required for IE55.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | ul.DropDownMenu li a:hover {
| + | |
- | cursor: pointer; /* Required for IE6 and IE7.
| + | |
- | Hidding it (* html) from non-IE browsers breaks IE7!
| + | |
- | }
| + | |
- | * html div.MenuBar a:hover {
| + | |
- | text-decoration: none; /* Required for IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | * html div.MenuBar ul li table,
| + | |
- | * html div.MenuBar ul li table td {
| + | |
- | border: 0; /* Required for IE55 and IE6.
| + | |
- | Hidden (* html) from non-IE browsers. */
| + | |
- | }
| + | |
- | /*------------------------------------------------------------------------------- Default Colors */
| + | |
- | div.MenuBar {
| + | |
- | background-color: Menu;
| + | |
- | border-bottom: 1px solid ButtonShadow;
| + | |
- | }
| + | |
- | div.MenuBar a {
| + | |
- | background-color: Menu; /* Top-level unselected items. */
| + | |
- | color: MenuText;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover a,
| + | |
- | div.MenuBar ul li a:hover {
| + | |
- | color: #ff3333;
| + | |
- | background-color: Highlight; /* Top-level selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a {
| + | |
- | background-color: Menu; Drop-down menu unselected items.
| + | |
- | Sets the drop-down menu "effective background" color. */
| + | |
- | color: MenuText;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
| + | |
- | background-color: Highlight; /* Drop-down menu selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | background-color: Menu; /* Side menu unselected items.
| + | |
- | Sets the side menu "effective background" color. */
| + | |
- | color: MenuText;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
- | background-color: Highlight; /* Side menu selected item. */
| + | |
- | color: HighlightText;
| + | |
- | }
| + | |
- | /*-----------------------------------------------------------------------------------------------*/
| + | |
- | /*Script-Free 3-Level Menu 1.2 Tailor
| + | |
- | www.CesarDaniel.info
| + | |
- | /*-------------------------------------------------------------------------------------- General */
| + | |
- | body {
| + | |
- | background: white;
| + | |
- | color: black;
| + | |
- | margin: 0;
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | | + | |
- | div.MenuBar {
| + | |
- | font: 13px arial, helvetica, sans-serif;
| + | |
- | }
| + | |
- | div.MenuBar ul {
| + | |
- | font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
| + | |
- | }
| + | |
- | /*--------------------------------------------------------------------------------------- Colors */
| + | |
- | div.MenuBar {
| + | |
- | background-color: red; /* Selected item. */
| + | |
- | color: #FFFFFF;
| + | |
- | border-bottom: 1px solid ButtonShadow;
| + | |
- | }
| + | |
- | div.MenuBar a,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
| + | |
- | background-color: red; /* Selected item. */
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover a,
| + | |
- | div.MenuBar ul li a:hover,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
| + | |
- | background-color: #ff2222; /* Selected item. menu Highlight */
| + | |
- | color: #FFFFFF;
| + | |
- | }
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu,
| + | |
- | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
| + | |
- | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
| + | |
- | background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
| + | |
- | }
| + | |
- | /*--------------------------------------------------------------------------------------- Widths */
| + | |
- | /*
| + | |
- | | + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
| + | |
- | width: 11em; /* Drop-down menu width. */ | + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
| + | |
- | width: 12em; /* Drop-down menu width. */
| + | |
- | }
| + | |
- | | + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #1
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #2
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | /*
| + | |
- | Menu Bar 1
| + | |
- | Drop-Down Menu #2
| + | |
- | Side Menu #3
| + | |
- | */
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
| + | |
- | left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
| + | |
- | Keep it sync with the drop-down menu width. */
| + | |
- | }
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
| + | |
- | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
| + | |
- | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
| + | |
- | width: 10em; /* Side menu width. */
| + | |
- | }
| + | |
- | /*...............................................................................................*/
| + | |
- | | + | |
- | </style> | + | |
- | | + | |
- | | + | |
- | <body> | + | |
- | | + | |
- | <div id="header"><img src="https://static.igem.org/mediawiki/2009/5/5e/TeamCCSFHeader.jpg" alt="Team Heidelberg" /></div> | + | |
- | <div class='MenuBar' id="navi">
| + | |
- | <ul>
| + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco" style="color: white">Home
| + | |
- | <!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Team" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM6">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team"><span><span>Overview</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team_Members#Undergraduates"><span><span>Undergraduates</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team#There_are_many_Universities_-_and_there_is_Heidelberg_..."><span><span>University</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team#DKFZ"><span><span>DKFZ</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Team#Bioquant"><span><span>BioQuant</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/BioRegioRN"><span><span>BioRegion Rhein-Neckar</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM1">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Project"><span><span>Overall Project</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Project/Sensing"><span><span>Sensing</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Project/Killing_I"><span><span>Killing I - Phages</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Project/Killing_II"><span><span>Killing II - Colicin</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Project/Visualization"><span><span>Visualization</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM2">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Parts"><span><span>Submitted Parts</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Parts/Characterization"><span><span>Characterization</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM3">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Modeling"><span><span>Overview</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Modeling/Chemotaxis"><span><span>Chemotaxis-Colicin</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Modeling/Phage"><span><span>Phage Dynamics model</span></span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Notebook/Overview" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM5">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Sensing_Group/Notebook"><span><span>Sensing ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="SideMenu" id="MB1-DDM2-SM1">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Sensing_Group/Cloning"><span>Cloning strategy</span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Sensing_Group/Notebook"><span>Notebook</span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- |
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_I/Notebook"><span><span>Killing I - Phages ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="SideMenu" id="MB1-DDM2-SM2">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_I/Cloning"><span>Cloning strategy</span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_I/Notebook"><span>Notebook</span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_II/Notebook"><span><span>Killing II - Colicin ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="SideMenu" id="MB1-DDM2-SM3">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_II/Cloning"><span>Cloning strategy</span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/Killing_II/Notebook"><span>Notebook</span></a></li>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/visualization"><span><span>Visualization</span></span></a>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/material"><span><span>Material & Methods</span></span></a>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Notebook/seminar"><span><span>Seminar on Synthetic Biology</span></span></a>
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | <li style="width: 160px">
| + | |
- | <a href="Team:CityColSanFrancisco/Human_Practice/Project_Overview" style="color: white">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
| + | |
- | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
| + | |
- | <ul class="DropDownMenu" id="MB1-DDM4">
| + | |
- | <li><a href="Team:CityColSanFrancisco/Human_Practice/Project_Overview"><span><span>Project Overview</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Human_Practice/Essay"><span><span>Essay</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Human_Practice/Surveys"><span><span>Surveys</span></span></a></li>
| + | |
- | <li><a href="Team:CityColSanFrancisco/Human_Practice/Open_Day"><span><span>Open Day</span></span></a></li>
| + | |
- |
| + | |
- | </ul>
| + | |
- | <!--[if lte IE 6]></td></tr></table></a><![endif]-->
| + | |
- | </li>
| + | |
- | | + | |
- | <li>
| + | |
- | <a href="Team:CityColSanFrancisco/Sponsors" style="color: white">Sponsors</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | | + | |
| </div> | | </div> |
- | <div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
| |
| </body> | | </body> |
| </html> | | </html> |
- | | + | {{WashUbottom}} |
- | | + | |
- | | + | |
- | | + | |
- | {|align="justify" | + | |
- | |CCSF is the first Jr. College to enter into the iGem competition.
| + | |
- | |[[Image:boardtemp.jpg|200px|right|frame]]
| + | |
- | |-
| + | |
- | |
| + | |
- | We are currently looking into ways of creating a bio fuel cell.
| + | |
- | | + | |
- | | + | |
- | |[[Image:Team.png|right|frame|Your team picture]]
| + | |
- | |-
| + | |
- | |
| + | |
- | |
| + | |
- | |}
| + | |
- | | + | |
- | == '''Who we are''' ==
| + | |
- | {|border = "0" | + | |
- | |-
| + | |
- | |rowspan="3"|
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | '''Advisors:'''
| + | |
- | | + | |
- | *'''Dirk VandePol'''
| + | |
- | *'''Edith Kaeuper'''
| + | |
- | | + | |
- | | + | |
- | '''Undergrads:'''
| + | |
- | | + | |
- | *'''Robert Lodes'''
| + | |
- | *'''Gregory Sean Kielian'''
| + | |
- | *'''Bowen Hunter'''
| + | |
- | *'''Renhao Zhang'''
| + | |
- | *'''Elizaveta Sergeeva'''
| + | |
- | *'''Dan Ingwersen'''
| + | |
- | *'''Tram Lai'''
| + | |
- | *'''Ben Walls'''
| + | |
- | *'''Angela Brock'''
| + | |
- | *'''Salvatore Alioto'''
| + | |
- | | + | |
- | |
| + | |
- | <gallery>
| + | |
- | Image:Team_member_1.png|Team member 1
| + | |
- | Image:Team_member_2.png|Team member 2
| + | |
- | Image:Team_member_3.png|Team member 3
| + | |
- | Image:Team_member_4.png|Team member 4
| + | |
- | Image:Team_member_5.png|Team member 5
| + | |
- | Image:Team_member_6.png|Team member 6
| + | |
- | Image:Team_member_7.png|Team member 7
| + | |
- | </gallery>
| + | |
- | |}
| + | |
- | | + | |
- | == '''What we did''' ==
| + | |
- | | + | |
- | (Provide proper attribution for all work)
| + | |
- | | + | |
- | | + | |
- | == '''Where we're from''' ==
| + | |
- | San Francisco, CA USA
| + | |