Team:Buenos Aires/Template/

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<head>
-
        <style>
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 +
<title> Project: Luxilla - Pontificia Universidad Católica de Chile, iGEM 2012</title>
-
/*take away Search box, Team:Berkeley/Style heading. Shrink the top section. Will add another logo later when making the header and sidebar*/
 
-
.firstHeading, #catlinks {
+
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/templatecss?action=raw&ctype=text/css" />
-
    display:none;
+
-
}
+
-
            *{
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
                padding:0;
+
<script src="https://2012.igem.org/Team:UC_Chile/Templates/droplinemenu?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
                margin:0;
+
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/nivosliderpack?action=raw&ctype=text/javascript"></script>
-
            }
+
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/hoverintent?action=raw&ctype=text/javascript"></script>
-
body{
+
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/galleriffic?action=raw&ctype=text/javascript"></script>
-
                background:#f0f0f0;
+
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/opacityrollover?action=raw&ctype=text/javascript"></script>
-
                font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
+
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/jqueryhistory?action=raw&ctype=text/javascript"></script>
-
overflow-x:hidden;
+
<script type="text/javascript" src="https://2011.igem.org/Team:Johns_Hopkins/Templates/js/profile?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/nivoslider?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/superfishjs?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Team:Imperial_College_London/magnifier?action=raw&ctype=text/js">
 +
<script type="text/javascript" src="https://2012.igem.org/Team:UC_Chile/Templates/js/nivoslider?action=raw&ctype=text/js"></script>
 +
<script type="text/javascript">
-
            }
+
/***********************************************
-
            }
+
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
            span.reference{
+
* This notice MUST stay intact for legal use
-
                position:fixed;
+
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
-
                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;
+
-
            }
+
 +
var $ = jQuery;
 +
jQuery.imageMagnify.zIndexcounter = 1000;
 +
</script>
-
ul.ldd_menu{
+
<script>
-
margin:0px;
+
$(document).ready(function() {
-
padding:0;
+
    $("sup").click(function () {
-
display:block;
+
      if ($(this).html().substr(0,1)=="[")
-
height:50px;
+
      {
-
background-color:#009ee1;
+
        if ($('.technology').length>0)
-
list-style:none;
+
        {
-
font-family:"Trebuchet MS", sans-serif;
+
            ddaccordion.expandone('technology', $('.technology').length-1)
-
border-top:1px solid #009ee1;
+
            setTimeout("window.scrollBy(0,50000)",200)
-
border-bottom:1px solid #004a99;
+
        }
-
border-left:10px solid #009ee1;
+
        else window.scrollBy(0,50000)
-
-moz-box-shadow:0px 3px 4px #004a99;
+
      }
-
-webkit-box-shadow:0px 3px 4px #004a99;
+
    });
-
-box-shadow:0px 3px 4px #004a99;
+
    $("sup").mouseover(function () {
 +
        if ($(this).html().substr(0,1)=="[") $(this).css('cursor', 'pointer');
 +
    });
 +
});
 +
</script>
 +
 
 +
<script>
 +
 +
    $(document).ready(function() {
 +
        $('ul.sf-menu').superfish({  
 +
        });
 +
    });
 +
 +
</script>
 +
 
 +
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
 +
 
 +
<style>
 +
 
 +
/* Wiki Hacks - START */
 +
/* Author: Pieter van Boheemen */
 +
/* Team: TU Delft */
 +
#catlinks{display:none;}
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 +
#content { border: none; padding: 20px; overflow: auto; height:100%; width:90%;}
 +
#top-section {display: block;position:fixed; border:3px; height:3px; width:100%;z-index:999;}
 +
#p-logo {display: none;}
 +
#search-controls {display: none;}
 +
#footer-box {display: none;}
 +
.visualClear { display: none; }
 +
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
 +
.firstHeading { display: none;}
 +
#f-list a { color: #333; font-size: 10px;}
 +
#f-list a:hover { color: #666;}
 +
.printfooter { display: none; }
 +
#search-controls { display:none; }
 +
h3#siteSub { display: none;}
 +
#contentSub {display: none;}
 +
p:first-child { display: none;}
 +
/* Wiki Hacks - END */
 +
 
 +
 
 +
 
 +
#navigation {
 +
font-size: 16px;
 +
min-width: 1024px;
 +
font-family: 'PT Sans Narrow', Arial, sans-serif;
 +
margin: 0;
 +
padding: 0 1em;
 +
margin-bottom:40px;
 +
margin-top:20px;
 +
background: #003399;
 +
height: 5em;
 +
list-style: none;
 +
opacity: 0.8;
 +
border:3px solid #000;
 +
border-radius: 25px;
}
}
-
ul.ldd_menu a{
+
 
-
text-decoration:none;
+
#navigation > li {
 +
float: left;
 +
height: 100%;
 +
margin-right: 0.5em;
 +
padding: 0 1em;
}
}
-
ul.ldd_menu > li{
+
 
-
float:left;
+
#navigation > li:first-child > a {
-
position:relative;
+
border-right:3px dotted #FFF;
 +
background: url('https://static.igem.org/mediawiki/igem.org/f/f2/Igemfooterlogo.png') no-repeat;
 +
padding-right:10px;
 +
padding-top: 20px;
}
}
-
ul.ldd_menu > li > span{
+
 
-
float:left;
+
#navigation > li > a {
-
color:#fff;
+
float: left;
-
background-color:#009ee1;
+
height: 100%;
-
height:50px;
+
color: #FFF;
-
line-height:50px;
+
text-decoration: none;
-
cursor:default;
+
line-height: 5;
-
padding:0px 20px;
+
font-weight: bold;
-
text-shadow:0px 0px 1px #fff;
+
text-transform: uppercase;
-
border-right:1px solid #bedeec;
+
-
border-left:1px solid #009ee1;
+
}
}
-
ul.ldd_menu .ldd_submenu{
+
 
-
position:absolute;
+
#navigation > li > a:hover {
-
top:50px;
+
color: lightblue;
-
width:550px;
+
text-decoration: underline;
-
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;
+
#navigation > li.sub {
-
display:block;
+
position: relative;
-
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;
+
#navigation > li.sub ul {
-
float:left;
+
width: 10em;
-
border-left:1px solid #bedeec;
+
margin: 0;
-
margin:20px 0px 10px 30px;
+
padding: 1.5em 0;
-
padding:10px;
+
list-style: none;
 +
background: #003399;
 +
position: absolute;
 +
top: -1000em;
 +
border-radius: 0px 0px 25px 25px;
}
}
-
li.ldd_heading{
+
 
-
font-family: Georgia, serif;
+
#navigation > li.sub ul li {
-
font-size: 13px;
+
width: 90%;
-
font-style: italic;
+
margin: 0 auto 0.3em auto;
-
color:#FFB39F;
+
-
text-shadow:0px 0px 1px #B03E23;
+
-
padding:0px 0px 10px 0px;
+
}
}
-
ul.ldd_menu ul li a{
+
 
-
font-family: Arial, serif;
+
#navigation > li.sub ul li a {
-
font-size:10px;
+
height: 100%;
-
line-height:20px;
+
display: block;
-
color:#fff;
+
padding: 0.4em;
-
padding:1px 3px;
+
color: #fff;
 +
font-weight: bold;
 +
text-decoration: none;
}
}
-
ul.ldd_menu ul li a:hover{
+
 
-
-moz-box-shadow:0px 0px 2px #333;
+
#navigation > li.sub ul li a:hover {
-
-webkit-box-shadow:0px 0px 2px #333;
+
background: #003399;
-
box-shadow:0px 0px 2px #333;
+
text-decoration: underline;
-
background:#AF412B;
+
}
}
-
headerimage{width:575px;margin-top:-18px;}
 
-
        </style>
 
-
    </head>
 
-
    <body>
 
 +
#navigation > li.sub:hover ul {
 +
top: 3em;
 +
}
 +
 +
</style>
 +
 +
</head>
-
<div style="width:475px;margin-top:-18px;">
+
<ul id="navigation">
-
<img src="https://static.igem.org/mediawiki/2012/3/32/Bsas2011-headwiki.gif" style="width:966px;" />
+
-
</div>
+
 +
<li>
 +
<!-- first child -->
 +
<a href="#">Buenos aires</a>
 +
</li>
 +
 +
<li class="sub">
 +
 +
<a href="#">Team</a>
 +
 
 +
<ul>
 +
 
 +
  <li><a href="#">Students</a></li>
 +
  <li><a href="#">Advisors</a></li>
 +
  <li><a href="#">Instructors</a></li>
 +
 
 +
  </ul>
 +
 +
</li>
 +
 +
<li class="sub">
 +
<a href="#">Project</a>
 +
<ul>
 +
 
 +
  <li><a href="#">Abstract</a></li>
 +
  <li><a href="#">Motivation</a></li>
 +
  <li><a href="#">The Device</a></li>
 +
 
 +
  </ul>
 +
</li>
 +
<!-- Model -->
 +
<li class="sub">
 +
<a href="#">Model</a>
 +
<ul>
 +
 
 +
  <li><a href="#">Abstract</a></li>
 +
  <li><a href="#">Motivation</a></li>
 +
  <li><a href="#">The Device</a></li>
 +
 
 +
  </ul>
 +
</li>
-
<ul id="ldd_menu" class="ldd_menu">
+
<!-- Results -->
-
<li>
+
<li class="sub">
-
<span>iGEM BsAs</span><!-- Increases to 510px in width-->
+
<a href="#">Results</a>
-
<div class="ldd_submenu">
+
<ul>
-
<ul>
+
 
-
<li class="ldd_heading">The team</li>
+
  <li><a href="#">mRFP Quantification</a></li>
-
<li><a href="https://igem.org/Team.cgi?id=792">Official roster</a></li>
+
  <li><a href="#">Response of GFP</a></li>
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Team/Members">Members</a></li>
+
  <li><a href="#">Discenibility</a></li>
-
<li><a href="https://2012.igem.org/Team:Buenos_Aires/Team/BsAs">Where we come from</a></li>
+
 
-
</ul>
+
  </ul>
-
<ul>
+
</li>
-
<li class="ldd_heading">Safety</li>
+
</ul>
-
<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>

Latest revision as of 02:07, 23 September 2013

Project: Luxilla - Pontificia Universidad Católica de Chile, iGEM 2012

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