Team:UCSC/Modeling

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
m
Line 7: Line 7:
<html>
<html>
-
<!--main content -->
+
<body style="background-color:#3E98B4" >
-
<table width="70%" align="center">
+
-
<!--welcome box -->
+
<!--main content -->
-
<tr>
+
<head>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
<style>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
#menuWrapper {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
width:100%; /* Menu width */
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
height:35px;
-
<br>
+
padding-left:14px;
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Modeling&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p>
+
background:#BC8F8F; /* Background color */
-
</td>
+
border-radius: 10px;  
-
</tr>
+
}
-
 
+
.menu {
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
padding:0;
-
<!-- end welcome box -->
+
margin:0;
-
<tr>
+
list-style:none;
-
 
+
height:35px;
-
<!--navigation menu -->
+
position:relative;
-
<td align="center" colspan="3">
+
z-index:5;
-
 
+
font-family:Tahoma, Geneva, sans-serif;
-
<table  width="100%">
+
}
-
<tr heigth="15px"></tr>
+
.menu li:hover li a {
-
<tr heigth="75px">
+
background:none;
-
 
+
}
-
 
+
.menu li.top {display:block; float:left;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.menu li a.top_link {
-
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td>
+
display:block;
-
 
+
float:left;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
height:45px;
-
<a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> Team </a> </td>
+
line-height:34px;
-
 
+
color:#ccc;
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
text-decoration:none;
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
+
font-family:Tahoma, Geneva, sans-serif;
-
 
+
font-size:14px; /* Font size */
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
font-weight:bold;
-
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td>
+
padding:0 0 0 12px;
-
 
+
cursor:pointer;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td>
+
.menu li a.top_link span {
-
 
+
float:left;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
display:block;
-
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td>
+
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link span.down {
 +
float:left;
 +
display:block;
 +
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; }
 +
.menu li:hover {position:relative; z-index:2;}
 +
.menu ul,
 +
.menu li:hover ul ul,
 +
.menu li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul
 +
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.menu li:hover ul.sub {
-
<a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> Notebook</a></td>
+
left:0;
 +
top:35px;
 +
background:#333; /* Submenu background color */
 +
padding:3px;
 +
white-space:nowrap;
 +
width:200px;
 +
height:auto;
 +
z-index:3;
 +
}
 +
.menu li:hover ul.sub li {
 +
display:block;
 +
height:30px;
 +
position:relative;
 +
float:left;
 +
width:200px;
 +
font-weight:normal;
 +
}
 +
.menu li:hover ul.sub li a{
 +
display:block;
 +
height:30px;
 +
width:200px;
 +
line-height:30px;
 +
text-indent:5px;
 +
color:#ccc;
 +
text-decoration:none;
 +
}
 +
.menu li ul.sub li a.fly {
 +
/* Submenu Background Color */
 +
background:#333 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat;}
 +
.menu li:hover ul.sub li a:hover {
 +
background:#515151; /* Background Color on mouseover */
 +
color:#fff;
 +
}
 +
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
 +
/* Background on Mouseover */
 +
background:#646464 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.menu li:hover ul li:hover ul,
-
<a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> Safety </a></td>
+
.menu li:hover ul li:hover ul li:hover ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
 +
left:200px;
 +
top:-4px;
 +
background: #333; /* Background Color of the Submenu */
 +
padding:3px;
 +
white-space:nowrap;
 +
width:200px;
 +
z-index:4;
 +
height:auto;
 +
}
 +
#search {
 +
width: 228px; /* Width of the Search Box */
 +
height: 50px;
 +
float: right;
 +
z-index: 2;
 +
text-align: center;
 +
margin-top: 5px;
 +
margin-right: 6px;
 +
/* Background of the Search Box */
 +
background: url(http://2.bp.blogspot.com/-kSPW07r2Ct8/UazXPD9DbfI/AAAAAAAADtE/UyopBgIPe-w/s1600/searchBar1.png) no-repeat;
 +
}
 +
#search-box {
 +
margin-top: 3px;
 +
border:0px;
 +
background: transparent;
 +
text-align:center;
 +
}
 +
</style>
 +
</head>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id='menuWrapper'>
-
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td>
+
<ul class='menu'>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"style="color:#000000"><span>HOME</span></a></li>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
 +
<ul class='sub'>
 +
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a>
 +
</ul>
 +
</li>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
-
</tr>
+
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
-
</table>
+
<li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul>
-
</tr>
+
</li>
-
</tr>
+
-
</td>
+
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
 +
<ul class='sub'>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
 +
</ul>
 +
</li>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
</li>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
 +
</ul>
 +
</div>
 +
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="110px" align = "center"></a>
<!--modeling content -->
<!--modeling content -->

Revision as of 22:34, 30 June 2014



Modeling

If you choose to create a model during your project, please write about it here. Modeling is not an essential part of iGEM, but we encourage any and all teams to model some aspect of their project. See previous "Best Model" awards for more information.