Team:Buenos Aires/Template/

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<head>
-
        <style>
+
<style>
 +
#navigation {
 +
margin: 0;
 +
padding: 0 1em;
 +
background: #000;
 +
height: 3em;
 +
list-style: none;
 +
}
-
/*take away Search box, Team:Berkeley/Style heading. Shrink the top section. Will add another logo later when making the header and sidebar*/
+
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.5em;
 +
padding: 0 1em;
 +
}
-
.firstHeading, #catlinks {
+
#navigation > li > a {
-
    display:none;
+
float: left;
 +
height: 100%;
 +
color: #c60;
 +
text-decoration: none;
 +
line-height: 3;
 +
font-weight: bold;
 +
text-transform: uppercase;
}
}
 +
#navigation > li > a:hover {
 +
color: orange;
 +
text-decoration: underline;
 +
}
-
            *{
 
-
                padding:0;
 
-
                margin:0;
 
-
            }
 
-
body{
 
-
                background:#f0f0f0;
 
-
                font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
 
-
overflow-x:hidden;
 
-
            }
+
#navigation > li.sub {
-
            }
+
position: relative;
-
            span.reference{
+
}
-
                position:fixed;
+
-
                left:10px;
+
-
                bottom:10px;
+
-
                font-size:11px;
+
-
            }
+
-
            span.reference a{
+
-
                color:#DF7B61;
+
-
                text-decoration:none;
+
-
                text-transform: uppercase;
+
-
                text-shadow:0 1px 0 #fff;
+
-
            }
+
-
            span.reference a:hover{
+
-
                color:#000;
+
-
            }
+
-
            .box{
+
-
                margin-top:129px;
+
-
                height:460px;
+
-
width:100%;
+
-
                position:relative;
+
-
                background:#fff url(click.png) no-repeat 380px 180px;
+
-
-moz-box-shadow:0px 0px 10px #aaa;
+
-
-webkit-box-shadow:0px 0px 10px #aaa;
+
-
-box-shadow:0px 0px 10px #aaa;
+
-
            }
+
-
            .box h2{
+
-
color:#f0f0f0;
+
-
padding:10px 10px;
+
-
text-shadow:1px 1px 1px #ccc;
+
-
            }
+
 +
#navigation > li.sub ul {
 +
width: 10em;
 +
margin: 0;
 +
padding: 0.5em 0;
 +
list-style: none;
 +
background: #a40;
 +
position: absolute;
 +
top: -1000em;
 +
}
-
ul.ldd_menu{
+
#navigation > li.sub ul li {
-
margin:0px;
+
width: 90%;
-
padding:0;
+
margin: 0 auto 0.3em auto;
-
display:block;
+
-
height:50px;
+
-
background-color:#009ee1;
+
-
list-style:none;
+
-
font-family:"Trebuchet MS", sans-serif;
+
-
border-top:1px solid #009ee1;
+
-
border-bottom:1px solid #004a99;
+
-
border-left:10px solid #009ee1;
+
-
-moz-box-shadow:0px 3px 4px #004a99;
+
-
-webkit-box-shadow:0px 3px 4px #004a99;
+
-
-box-shadow:0px 3px 4px #004a99;
+
}
}
-
ul.ldd_menu a{
+
 
-
text-decoration:none;
+
#navigation > li.sub ul li a {
 +
height: 100%;
 +
display: block;
 +
padding: 0.4em;
 +
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
}
}
-
ul.ldd_menu > li{
+
 
-
float:left;
+
#navigation > li.sub ul li a:hover {
-
position:relative;
+
background: #c60;
 +
text-decoration: underline;
}
}
-
ul.ldd_menu > li > span{
 
-
float:left;
 
-
color:#fff;
 
-
background-color:#009ee1;
 
-
height:50px;
 
-
line-height:50px;
 
-
cursor:default;
 
-
padding:0px 20px;
 
-
text-shadow:0px 0px 1px #fff;
 
-
border-right:1px solid #bedeec;
 
-
border-left:1px solid #009ee1;
 
-
}
 
-
ul.ldd_menu .ldd_submenu{
 
-
position:absolute;
 
-
top:50px;
 
-
width:550px;
 
-
display:none;
 
-
opacity:0.95;
 
-
left:0px;
 
-
font-size:10px;
 
-
background: #008ae1;
 
-
border-top:1px solid #004a99;
 
-
-moz-box-shadow:0px 3px 4px #004a99 inset;
 
-
-webkit-box-shadow:0px 3px 4px #004a99 inset;
 
-
-box-shadow:0px 3px 4px #004a99 inset;
 
-
}
 
-
a.ldd_subfoot{
 
-
background-color:#f0f0f0;
 
-
color:#444;
 
-
display:block;
 
-
clear:both;
 
-
padding:15px 20px;
 
-
text-transform:uppercase;
 
-
font-family: Arial, serif;
 
-
font-size:12px;
 
-
text-shadow:0px 0px 1px #fff;
 
-
-moz-box-shadow:0px 0px 2px #777 inset;
 
-
-webkit-box-shadow:0px 0px 2px #777 inset;
 
-
-box-shadow:0px 0px 2px #777 inset;
 
-
}
 
-
ul.ldd_menu ul{
 
-
list-style:none;
 
-
float:left;
 
-
border-left:1px solid #bedeec;
 
-
margin:20px 0px 10px 30px;
 
-
padding:10px;
 
-
}
 
-
li.ldd_heading{
 
-
font-family: Georgia, serif;
 
-
font-size: 13px;
 
-
font-style: italic;
 
-
color:#FFB39F;
 
-
text-shadow:0px 0px 1px #B03E23;
 
-
padding:0px 0px 10px 0px;
 
-
}
 
-
ul.ldd_menu ul li a{
 
-
font-family: Arial, serif;
 
-
font-size:10px;
 
-
line-height:20px;
 
-
color:#fff;
 
-
padding:1px 3px;
 
-
}
 
-
ul.ldd_menu ul li a:hover{
 
-
-moz-box-shadow:0px 0px 2px #333;
 
-
-webkit-box-shadow:0px 0px 2px #333;
 
-
box-shadow:0px 0px 2px #333;
 
-
background:#AF412B;
 
-
}
 
-
headerimage{width:575px;margin-top:-18px;}
 
-
        </style>
 
-
    </head>
 
-
    <body>
 
-
 
-
<div style="width:475px;margin-top:-18px;">
+
</style>
-
<img src="https://static.igem.org/mediawiki/2012/3/32/Bsas2011-headwiki.gif" style="width:966px;" />
+
</head>
-
</div>
+
 +
<ul id="navigation">
 +
<li><a href="#">Home</a></li>
 +
<li class="sub">
 +
 +
  <a href="#">About</a>
 +
 
 +
  <ul>
 +
 
 +
  <li><a href="#">Us</a></li>
 +
  <li><a href="#">Our Work</a></li>
 +
  <li><a href="#">Projects</a></li>
 +
 
 +
  </ul>
 +
 +
</li>
 +
 +
<li>
 +
  <a href="#">Contacts</a>
 +
</li>
-
<ul id="ldd_menu" class="ldd_menu">
+
</ul>
-
<li>
+
-
<span>iGEM BsAs</span><!-- Increases to 510px in width-->
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">The team</li>
+
-
<li><a href="https://igem.org/Team.cgi?id=792">Official roster</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Team/Members">Members</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Team/BsAs">Where we come from</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Safety</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Safety">Key questions</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Attributions</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Attributions">Attributions</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Sponsors</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Sponsors">Institutional</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="https://2012.igem.org/Team:Buenos_Aires/DataPage#Data_Page">Data Page</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<span>Project</span>
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">Synthetic ecology</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project">Overview</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project#Motivation">Motivation</a></li>
+
-
      <li><a href="https://2012.igem.org/Team:Buenos_Aires/Project#Design">Design</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project#Possible_applications">Possible applications</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Schemes</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/Schemes">Crossfeeding</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/Schemes#Independent_Population_Control">Independent Population Control</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/Schemes#Cross-population_control">Cross-population control</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/Schemes#Stochastic_State_Transitions">Stochastic State Transitions</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Modeling</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/Model">Modeling synEcology</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Project/ModelAdvance">Advanced modeling</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="https://2012.igem.org/Team:Buenos_Aires/DataPage#Data_Page">Data Page</a>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<span>Results and Devices</span>
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">Strains characterization</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Description_of_strains">Strains description</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Measurment_of_strains_fluorescence">Fluorescence screening</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Screening_of_strain_proportion">Screening of strain proportion</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Auxotrophy_confirmation">Auxotrophy confirmation</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Coculture_in_liquid_medium">Coculture in liquid medium</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Coculture_in_Agar_and_Revertant_mutation_control">Revertant control</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Measurement_of_Trp_in_medium_and_Basal_Production">Trp basal production</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Strains#Growth_dependence_on_the_Trp_and_His_concentrations">Growth dependence </a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">BBs design</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Bb1">Trp/His export devices</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Bb2">Backup devices</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/Cloning">Preparing for sending</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">Testing</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/DevicesTesting">BioBricks testing</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Results/SynEcoTesting">SynEco testing</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="https://2012.igem.org/Team:Buenos_Aires/DataPage#Data_Page">Data Page</a>
+
-
</div>
+
-
</li>
+
-
                                <li>
+
-
<span>Human practices</span>
+
-
<div class="ldd_submenu">
+
-
<ul>
+
-
<li class="ldd_heading">Garage Lab</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/HP/GarageLab">Spreading the word</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/HP/GarageLab#Future_plans">Solving local problems</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="ldd_heading">EMBO</li>
+
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/HP/EMBO#EMBO_Course_Buenos_Aires_2012">Seeding SynBio in Latin America</a></li>
+
-
</ul>
+
-
<a class="ldd_subfoot" href="https://2012.igem.org/Team:Buenos_Aires/DataPage#Data_Page">Data Page</a>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
<!-- The JavaScript -->
 
-
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
-
        <script type="text/javascript">
 
-
            $(function() {
 
-
/**
 
-
* the menu
 
-
*/
 
-
var $menu = $('#ldd_menu');
 
-
 
-
/**
 
-
* for each list element,
 
-
* we show the submenu when hovering and
 
-
* expand the span element (title) to 510px
 
-
*/
 
-
$menu.children('li').each(function(){
 
-
var $this = $(this);
 
-
var $span = $this.children('span');
 
-
$span.data('width',$span.width());
 
-
 
-
$this.bind('mouseenter',function(){
 
-
$menu.find('.ldd_submenu').stop(true,true).hide();
 
-
$span.stop().animate({'width':'510px'},300,function(){
 
-
$this.find('.ldd_submenu').slideDown(300);
 
-
});
 
-
}).bind('mouseleave',function(){
 
-
$this.find('.ldd_submenu').stop(true,true).hide();
 
-
$span.stop().animate({'width':$span.data('width')+'px'},300);
 
-
});
 
-
});
 
-
            });
 
-
        </script>
 
-
    </body>
 
</html>
</html>

Revision as of 23:51, 22 September 2013

Retrieved from "http://2013.igem.org/Team:Buenos_Aires/Template/"