Team:UCSC/Modeling

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
m
 
(9 intermediate revisions not shown)
Line 6: Line 6:
<html>
<html>
 +
 +
<!--main content -->
<!--main content -->
-
<table width="70%" align="center">
+
<head>
 +
<style>
 +
#menuWrapper {
 +
width:100%; /* Menu width */
 +
height:35px;
 +
padding-left:12px;
 +
background: SteelBlue;/* Background color */
 +
background-size: 100%;
 +
}
 +
.menu {
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
height:75px;
 +
position:relative;
 +
z-index:5;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
.menu li:hover li a {
 +
background:none;
 +
}
 +
.menu li.top {display:block; float:left;}
 +
.menu li a.top_link {
 +
display:block;
 +
float:left;
 +
height:45px;
 +
line-height:34px;
 +
color:gold;
 +
text-decoration:none;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-size:18px; /* Font size */
 +
padding:0 0 0 10px;
 +
cursor:pointer;
 +
}
 +
.menu li a.top_link span {
 +
float:left;
 +
display:block;
 +
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;}
 +
.menu li:hover ul.sub {
 +
left:0;
 +
top:35px;
 +
background:SteelBlue; /* 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:RosyBrown
 +
}
 +
.menu li:hover ul.sub li a:hover {
 +
background:#orange; /* Background Color on mouseover */
 +
color: white;
 +
}
 +
.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;}
-
<!--welcome box -->
+
.menu li:hover ul li:hover ul,
-
<tr>
+
.menu li:hover ul li:hover ul li:hover ul,
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
left:200px;
-
<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>
+
top:-4px;
-
<br>
+
background: #333; /* Background Color of the Submenu */
-
<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>
+
padding:3px;
-
</td>
+
white-space:nowrap;
-
</tr>
+
width:200px;
 +
z-index:4;
 +
height:auto;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
+
#wrapperHeader{
-
<td align="center" colspan="3">
+
  width: 100%;
 +
  height: 320px;
 +
  background:url(https://static.igem.org/mediawiki/2014/thumb/3/38/UCSC_Pafford_CampusView.JPG/800px-UCSC_Pafford_CampusView.JPG) no-repeat top center;
 +
  background-size: 100%;
 +
  text-align: center;
 +
}
 +
#wrapperHeader div#header {
 +
width:1000px;
 +
height:200px;
 +
margin:0 auto;
 +
}   
-
<table  width="100%">
+
#contact{
-
<tr heigth="15px"></tr>
+
padding-left:35px;
-
<tr heigth="75px">
+
padding-right:35px;
 +
padding-top:35px;
 +
padding-bottom:50px;
 +
width: 450px;
 +
float: left;
 +
left: 50%;
 +
position: absolute;
 +
}
 +
.contact-input{
 +
        font-size: 18px;
 +
border-radius: 0;
 +
line-height: 22px;
 +
background-color: #fbfbfb;
 +
padding: 13px 13px 13px 54px;
 +
margin-bottom: 10px;
 +
width:100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#email{
-
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td>
+
background: PaleGoldenrod;
 +
background-size: 30px 30px;
 +
background-position: 11px 8px;
 +
background-repeat: no-repeat;
 +
}
-
<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/Team"style="color:#000000"> Team </a> </td>
 
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#comment{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
+
        background: PaleGoldenrod;
 +
background-size: 30px 30px;
 +
background-position: 11px 8px;
 +
background-repeat: no-repeat;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
myh1{
-
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td>
+
    color: gold;
 +
    text-align: center;
 +
    font-size: 70px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh2{
-
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td>
+
    color: orange;
 +
    text-align: center;
 +
    font-size: 50px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh3{
-
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td>
+
    color: RosyBrown;
 +
    text-align: center;
 +
    font-size: 40px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
myh4{
-
<a href="https://2014.igem.org/Team:UCSC/Notebook"style="color:#000000"> Notebook</a></td>
+
    color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 20px;
 +
}
 +
</style>
 +
</head>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<p style="color:#F7EB06"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Modeling&action=edit"style="color:PaleGoldenrod"> Click here  to edit this page!</a> </p>
-
<a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id="wrapperHeader">
-
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td>
+
<div id="header"><br>
 +
<myh1><br><br><br><br><b>Models</b></myh1></div>  
 +
</div>
 +
<div id='menuWrapper'>
 +
<ul class='menu'>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></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/Project"><span class='down'>Project</span></a>
-
</tr>
+
<ul class='sub'>
-
</table>
+
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
-
</tr>
+
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a></li>
-
</tr>
+
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
-
</td>
+
</ul>
 +
</li>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Bioethics"><span class='down'>Bioethics</span></a>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<ul class='sub'>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
 +
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Team">Undergrad Researchers</a></li>
 +
<li><a href = "">The Bioethics Team</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Attributions">Attributions</a></li>
 +
</li>
 +
</ul>
 +
 
 +
 
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Meetups/August_UCSC"><span><b>Our Meetup</b></span></a>
 +
</li>
 +
 
 +
<li class='top'><a class='top_link' href="https://experiment.com/projects/sustainable-next-generation-biofuel-production"><span><myh4><b> Thank you, Donors!</b></myh4></span></a>
 +
</li>
 +
 
 +
</ul>
 +
</div>
 +
 
 +
<br>
 +
<a href= "http://www.ucsc.edu/"> <img src="https://static.igem.org/mediawiki/2014/9/94/UCSC_School_Logo_white.jpg" height = "100px" align = "center"></a>
 +
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height = "100px" align = "center"></a>
 +
<a href = "http://www.geneious.com/"> <img src= "https://static.igem.org/mediawiki/2014/d/d6/Genious_logo.png" height = "100px" align = "center"></a>
 +
<a href = "https://us.vwr.com/"> <img src= "https://static.igem.org/mediawiki/2014/4/4f/Sponsors_Logo_VWR.jpg" height = "60px" align = "center"></a>
<!--modeling content -->
<!--modeling content -->

Latest revision as of 19:23, 8 September 2014



Click here to edit this page!


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.