Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 162: Line 162:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
color:#FFFFFF;
+
color:#000000;
background-color: #000000;
background-color: #000000;
}
}
Line 171: Line 171:
         z-index: 4;
         z-index: 4;
         right: -200px;
         right: -200px;
 +
}
 +
div.igemimageleft1 {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:200px;
 +
}
 +
div.igemimageleft2 {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:300px;
 +
}
 +
div.igemimageleft3 {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:400px;
 +
}
 +
div.igemimageleft4 {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        left: -200px;
 +
        top:500px;
}
}
#header{
#header{
Line 215: Line 243:
padding: 55px 45px 55px 45px;
padding: 55px 45px 55px 45px;
-
}
 
-
div.sliderimage {
 
-
width:612px
 
-
        height:459px
 
}
}
Line 273: Line 297:
#textContent a.anchor{
#textContent a.anchor{
color: #000000;
color: #000000;
 +
}
 +
#tableabi{
 +
background:black;
}
}
Line 350: Line 377:
left:85px;
left:85px;
z-index:100;
z-index:100;
-
-moz-box-shadow:0px 0px 4px #000;
+
 
-
-webkit-box-shadow:0px 0px 4px #000;
+
-
box-shadow:0px 0px 4px #000;
+
}
}
Line 487: Line 512:
}
}
-
 
-
 
-
div.grey {
 
-
 
-
    padding-right: 5px;
 
-
    padding-left: 5px;
 
-
    padding-bottom:5px;
 
-
    padding-top:5px;
 
-
    width: 230px;
 
-
    height: 1120px;
 
-
    background-color:#F9F9F9
 
-
  left: -200px;
 
-
  }
 
-
 
-
div.green {
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 270px;
 
-
    background-color:#D8F6CE;
 
-
  left: -200px;
 
-
    margin:5px;
 
-
    line-height:120%;
 
-
}
 
-
div.blue {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 250px;
 
-
    line-height:120%;
 
-
      background-color:#FFDEB6;
 
-
 
-
margin:5px;
 
-
}
 
-
div.yellow {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width: 189px;
 
-
    height: 220px;
 
-
   
 
-
    margin:5px;
 
-
line-height:120%;
 
-
    background-color:#F6CED8;
 
-
}
 
-
div.purple {
 
-
left: -200px;
 
-
  padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
   
 
-
    margin:5px;
 
-
    line-height:120%;
 
-
    background-color:#A9E2F3;
 
-
}
 
-
div.lightgreen {
 
-
left: -200px;
 
-
  padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
    line-height:120%;
 
-
 
-
    margin:5px;
 
-
   
 
-
background-color:#FAFEBA;
 
-
}
 
-
div.pink {
 
-
left: -200px;
 
-
    padding-right: 10px;
 
-
    padding-left: 10px;
 
-
    padding-bottom:10px;
 
-
    padding-top:10px;
 
-
    width:  189px;
 
-
    height:  220px;
 
-
    line-height:120%;
 
-
 
-
    margin:5px;
 
-
    background-color:#CEF6E3;
 
-
}
 
</style>
</style>
-
<script>/*slider scrip*/
 
-
var $slider_started = false;
 
-
$(document).ready(function(){
 
-
    var $total_slider = $('.top-slider-main > div').length;
 
-
    var $label_width = $('.top-slider-main div .left').width();
 
-
    var $max_slider_width = ($total_slider -1)*$label_width;
 
-
    var $extra_margin = $('.top-slider-main div').width() - $label_width;
 
-
 
-
    $('.top-slider-main div:not(.slider-box1) .left').mouseover(function(){
 
-
        var $slider_index = $('.top-slider-main > div').index($(this).parent()) + 1;
 
-
        if($(this).parent().hasClass('on'))
 
-
        {
 
-
            if($slider_started != 1)
 
-
            {
 
-
                $slider_started = 2;
 
-
                for(i=$total_slider; i>=$slider_index; i--)
 
-
                {
 
-
                    var $elm = $('.top-slider-main .slider-box'+i);
 
-
                    if($elm.hasClass('on'))
 
-
                    {
 
-
                        $elm.removeClass('on');
 
-
                        var $left_margin = ($label_width*(i-1)) + $extra_margin;
 
-
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 
-
                    }
 
-
                }
 
-
            }
 
-
        }
 
-
        else
 
-
        {
 
-
            if($slider_started != 2)
 
-
            {
 
-
                $slider_started = 1;
 
-
                for(i=2; i<=$slider_index; i++)
 
-
                {
 
-
                    var $elm = $('.top-slider-main .slider-box'+i);
 
-
                    if(!$elm.hasClass('on'))
 
-
                    {
 
-
                        $elm.addClass('on');
 
-
                        var $left_margin = ($label_width*(i-1));
 
-
                        $elm.stop().animate({marginLeft : $left_margin}, 1500, function(){$slider_started = false;});
 
-
                    }
 
-
                }
 
-
            }
 
-
        }
 
-
    });
 
-
});
 
-
</script>
 
</head>
</head>
Line 633: Line 519:
<div id="globalWrapper">
<div id="globalWrapper">
<div class="igemimage"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
<div class="igemimage"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<!--"here goes the imgs "-->
 +
 +
<div class="igemimageleft1"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft2"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft3"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft4"><a href="/"><img src="http://2012.igem.org/wiki/images/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
 +
</div>
</div>
-
 
<div id="container">
<div id="container">
Line 642: Line 535:
<img src="http://2012.igem.org/wiki/images/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
<img src="http://2012.igem.org/wiki/images/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
 +
<table bgcolor="#000000" border="0px" height="95" width="10" id="tableabi">
 +
<tr>
 +
  <td></td>
 +
 +
<td>
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
<a href="#">
<a href="#">
-
<img src="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<img src="http://2012.igem.org/wiki/images/d/d1/Unamgenomicsmenuverde.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 654: Line 552:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<img src="http://2012.igem.org/wiki/images/c/c2/UnamgenomicsRojo.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 669: Line 567:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<img src="http://2012.igem.org/wiki/images/5/56/Unamgenomicsrosa.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 688: Line 586:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<img src="http://2012.igem.org/wiki/images/4/41/Unamgenomicsnaranja.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 705: Line 603:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<img src="http://2012.igem.org/wiki/images/0/04/UnamgenomicsLimon.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 720: Line 618:
</li>
</li>
<li>
<li>
-
  <a href="#"> <imgsrc="http://2012.igem.org/wiki/images/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
  <a href="#">
 +
                  <img src="http://2012.igem.org/wiki/images/7/7b/UnamgenomicsMorado.gif" alt="" width="150" height="150"/>
<span class="menu_unamgenomics_activo"></span>
<span class="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 735: Line 634:
</li>
</li>
   </ul>
   </ul>
-
   
+
</td> 
-
 
+
</tr></table>
Line 1,016: Line 915:
             });
             });
         </script>
         </script>
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
</body>
</body>
Line 1,030: Line 921:
<div id="textContent" align="center">
<div id="textContent" align="center">
<br /><br /><br />{{{content}}}
<br /><br /><br />{{{content}}}
-
</div>
 
-
 
-
<div class="green">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>A Reporter System</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/8/84/IGEM_001.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
As proof of concept we have created a reporter system that can be used for anything from monitoring gene expression to determination of protein localization. We expressed and localized fluorescent proteins in the model organism <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/fungi" ><i>Aspergillus nidulans</i></a> and the <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/mammalian"> mammalian cell line U-2 OS </a> with great success.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="blue">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Flexibility</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/a/aa/Plasmid_puzzle_colour.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
Standardization entails rigidity. Therefore we have written a <a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/PlugnplayAssembly/customization" >guide</a> that allows the researcher to customize the system, so proteins can be assembled seamless, multiple mutations can be introduced in one round of cloning etc. The only limitation to this is your creativity.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="yellow">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Applications</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
<img src="http://2011.igem.org/wiki/images/8/8f/Application.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
<a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/introduction#Application%20area">Here</a> you can learn more about the numerous applications of the Plug’n’Play with DNA assembly standard and the research areas, where this system is especially advantageous.</p>
 
-
</font>
 
-
</div>
 
-
 
-
 
-
<br>
 
-
<br>
 
-
<div class="purple">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Data Page</b><br><br>
 
-
</font>
 
-
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/c/c3/AspergillusDTU_billed.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
You can find an overview of our project on our <a href="http://2011.igem.org/Team:DTU-Denmark-2/results/data_page">Data Page</a>. Here you also find our favorite submitted biobricks, and the biobricks we characterized during the summer.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="lightgreen">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>Achievements</b><br><br>
 
-
</font>
 
-
<div class="image2">
 
-
 
-
 
-
<img src="http://2011.igem.org/wiki/images/f/f7/Achievements.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
</div>
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
Designing a novel assembly standard and creating a reporter system for <i>Aspergillus nidulans</i> and mammalian cells are our main achievements. You can read more about our accomplishments on <a href="http://2011.igem.org/Team:DTU-Denmark-2/Project/achievements"> this page</a>.</p>
 
-
</font>
 
-
</div>
 
-
 
-
<div class="pink">
 
-
<font color="#000000" face="arial" size="3" >
 
-
<b>The Team</b><br><br>
 
-
</font>
 
-
 
-
<img src="http://2011.igem.org/wiki/images/thumb/f/fd/DSC_0349.jpg/800px-DSC_0349.jpg" width="187px" height="50px"> </img><br>
 
-
 
-
 
-
<font color="#000000" face="arial" size="1" >
 
-
<p align="justify">
 
-
We are five girls that have been working on this project for three months with support from our three supervisors. You can learn more about us, and how we started an iGEM team on our <a href="http://2011.igem.org/Team:DTU-Denmark-2/Team">Team Page</a>.</p>
 
-
</font>
 
</div>
</div>

Latest revision as of 09:26, 1 July 2012


UNAM-Genomics_Mexico

UNAM-Genomics_Mexico




{{{content}}}