Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:UNAM_Genomics_Mexico/Templates/sidebarlike}}
+
{{Team:UNAM_Genomics_Mexico/Templates/menulike}}
<!--
<!--
@VERSION 3.0
@VERSION 3.0
-
@NAME  General Template sidebar 1
+
@NAME  General Template header 2
AUTHOR  Padilla Gomez Jonathan
AUTHOR  Padilla Gomez Jonathan
 +
        Abiel Treviño Garza
-->
-->
<html>
<html>
Line 14: Line 15:
<link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
<link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
<title>UNAM-Genomics_Mexico</title>
<title>UNAM-Genomics_Mexico</title>
 +
<script type="text/javascript">
-
<style type="text/css">
+
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-19624614-2']);
 +
  _gaq.push(['_trackPageview']);
-
div.grey {
+
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
-
    padding-right: 5px;
+
</script>
-
    padding-left: 5px;
+
 
-
    padding-bottom:5px;
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
-
    padding-top:5px;
+
 
-
    width: 230px;
+
 
-
    height: 1600px;
+
 
-
    background-color:#F9F9F9
+
<style type="text/css">
-
  }
+
 
-
+
 
-
div.green {
+
/* CHANGING THE WIKI CSS */
-
    padding-right: 10px;  
+
 
-
    padding-left: 10px;
+
#content {
-
    padding-bottom:10px;
+
position: relative;
-
    padding-top:10px;
+
width: 976px;
-
    width: 189px;
+
margin: 0 auto;
-
    height: 270px;
+
padding: 5px 5px 5px 5px;
-
    background-color:#D8F6CE;
+
background: transparent;
-
    float:left;
+
color: transparent;
-
    margin:5px;
+
border-left: none;
-
    line-height:120%;
+
border-right: none;
 +
line-height: 0px;
 +
z-index: 2;
}
}
-
div.blue {
+
 
-
    padding-right: 10px;
+
#contentSub {
-
    padding-left: 10px;
+
display:none;
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    width: 189px;
+
-
    height: 250px;
+
-
    line-height:120%;
+
-
      background-color:#FFDEB6;
+
-
float:left;
+
-
margin:5px;
+
}
}
-
div.yellow {
+
 
-
    padding-right: 10px;
+
#bodyContent {
-
    padding-left: 10px;
+
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    width: 189px;
+
-
    height: 220px;
+
-
    float:left;
+
-
    margin:5px;
+
-
line-height:120%;
+
-
    background-color:#F6CED8;
+
}
}
-
div.purple {
+
 
-
  padding-right: 10px;
+
#siteSub {
-
    padding-left: 10px;
+
display:none;
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    width:  189px;
+
-
    height:  220px;
+
-
    float:left;
+
-
    margin:5px;
+
-
    line-height:120%;
+
-
    background-color:#A9E2F3;
+
}
}
-
div.lightgreen {
+
 
-
  padding-right: 10px;
+
#search-controls {
-
    padding-left: 10px;
+
display:none;
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    width:  189px;
+
-
    height:  220px;
+
-
    line-height:120%;
+
-
float:left;
+
-
    margin:5px;
+
-
   
+
-
background-color:#FAFEBA;
+
}
}
-
div.pink {
+
 
-
    padding-right: 10px;
+
.firstHeading {
-
    padding-left: 10px;
+
display:none;
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    width:  189px;
+
-
    height:  220px;
+
-
    line-height:120%;
+
-
float:left;
+
-
    margin:5px;
+
-
    background-color:#CEF6E3;
+
}
}
-
<!--
 
-
A{text-decoration:none}
 
-
A:link {color:  #0000FF;text-decoration: none }
 
-
A:active {color:  #0000FF;text-decoration: none }
 
-
A:visited {color:  #0000FF ;text-decoration: none }
 
-
A:hover {text-decoration: none}
 
-
-->
 
-
</style>
+
#search-controls {
-
</head>
+
margin-top:30px;
 +
}
-
<body>
 
-
<div id="globalWrapper">
 
-
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 
-
</div>
 
-
 
-
<div id="container">
 
 +
#top-section {
 +
height: 20px;
 +
width: 976px;
 +
border-left: none;
 +
border-right: none;
 +
border-bottom: none;
 +
}
-
+
.left-menu {
-
<div class="header">
+
margin-top:-15px;
-
<img src="https://static.igem.org/mediawiki/2012/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>
+
}
-
</div>
+
.left-menu ul {
-
</div>
+
border: none;
-
<td width="182px" height="60px" valign="top" >
+
}
-
<div class="grey">
+
-
</td>
+
 +
#menubar li a {
 +
color: #C03;
 +
}
-
<!-- Main content area -->
+
#menubar.right-menu {
 +
margin-top:-15px;
 +
}
 +
.right-menu li a {
 +
background-color: #000000;
 +
}
 +
.right-menu ul {
 +
border: none;
 +
}
-
<td width="660px" height="100%" valign="top" >
+
#menubar{
 +
top:22px;
 +
z-index:25;
 +
}
-
<div class="green">
+
img[src*="/wiki/skins/common/images/wiki.png"]{
-
<font color="#000000" face="arial" size="3" >
+
    width:0;
-
<b>A Reporter System</b><br><br>
+
    height:0px;
-
</font>
+
    padding-right:975px;
-
<div class="image2">
+
    background:transparent url(https://2011.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
 +
}
 +
element.style {
 +
color: transparent;
 +
cursor: default;
 +
}
 +
menubar ul {
 +
color: transparent;
 +
list-style: none;
 +
list-style-type: none;
 +
list-style-position: initial;
 +
list-style-image: initial;
 +
}
 +
element.style {
 +
}
-
<img src="https://static.igem.org/mediawiki/2011/8/84/IGEM_001.jpg" width="187px" height="50px"> </img><br>
 
-
</div>
+
#catlinks {
 +
display:none;
 +
}
-
<font color="#000000" face="arial" size="1" >
+
#p-logo {
-
<p align="justify">
+
display:none;
-
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="https://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/fungi" ><i>Aspergillus nidulans</i></a> and the <a href="https://2011.igem.org/Team:DTU-Denmark-2/results/Proofofconcept/mammalian"> mammalian cell line U-2 OS </a> with great success.</p>
+
position: absolute;
-
</font>
+
z-index: 1;
-
</div>
+
height: 0px;
 +
width: 0px;
 +
}
-
<div class="blue">
+
#pt-userpage{
-
<font color="#000000" face="arial" size="3" >
+
background-color: #000000;
-
<b>Flexibility</b><br><br>
+
}
-
</font>
+
#pt-preferences{
-
<div class="image2">
+
background-color: #000000;
 +
}
 +
#pt-logout{
 +
background-color: #000000;
 +
}
-
<img src="https://static.igem.org/mediawiki/2011/a/aa/Plasmid_puzzle_colour.jpg" width="187px" height="50px"> </img><br>
+
/* MAIN PAGE CSS */
 +
body {
 +
font-family:Tahoma, Geneva, sans-serif;
 +
margin: 0px;
 +
padding: 0px;
 +
color:#000000;
 +
background-color: #000000;
 +
}
-
</div>
+
div.igemimage {
 +
position: absolute;
 +
top: 0;
 +
        z-index: 4;
 +
        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{
 +
height:220px;
 +
width:100%;
 +
font-family:"Arial Black", Gadget, sans-serif;
 +
}
 +
div.summary_text{
 +
padding: 30px 30px 30px 30px;
 +
border:none;
 +
font-size:115%;
 +
text-align:center;
 +
}
 +
div.descriptive_text{
 +
/*We must observe div.left_image to deffine the appropiate top-margin value*/
 +
margin: 70px 0px 0px 0px;
 +
padding: 30px 30px 30px 30px;
 +
border:none;
 +
font-size:110%;
 +
}
 +
p.title{
 +
color:#CC4455;
 +
font-size:150%;
 +
}
 +
#container {
 +
margin: 0px auto;
 +
text-align:justify;
 +
width: 100%;
 +
background-image:url(https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png);
 +
color:#000000;
 +
font-size: 110%;
 +
}
 +
/*TEXT CONTENT*/
-
<font color="#000000" face="arial" size="1" >
+
div#textContent{
-
<p align="justify">
+
background-color: #333333;
-
Standardization entails rigidity. Therefore we have written a <a href="https://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>
+
background-image: url("https://static.igem.org/mediawiki/2011/7/77/Unamgenomicsbackgroundtext.png");
-
</font>
+
background-repeat: repeat;
-
</div>
+
margin: 0px 0px 0px 0px;
 +
padding: 55px 45px 55px 45px;
-
<div class="yellow">
+
}
-
<font color="#000000" face="arial" size="3" >
+
-
<b>Applications</b><br><br>
+
-
</font>
+
-
<div class="image2">
+
-
<img src="https://static.igem.org/mediawiki/2011/8/8f/Application.jpg" width="187px" height="50px"> </img><br>
+
-
</div>
+
div#textContent p{
 +
margin: .4em 0 .5em 0;
 +
line-height: 1.5em;
 +
}
 +
h1,h2,h3,h4,h5,h6{
 +
border-bottom: none;
 +
}
 +
h1.NORM_header{
 +
        text-align:left;
 +
margin: 15px 1px 1px 1px;
 +
border:none;
 +
color:#000000;
 +
font-size:200%;
 +
        text-decoration:bold;
 +
}
-
<font color="#000000" face="arial" size="1" >
+
h1.BSA_header{
-
<p align="justify">
+
margin: 15px 1px 1px 1px;
-
<a href="https://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>
+
border:none;
-
</font>
+
text-decoration:none;
-
</div>
+
color:#B0E;
 +
font-size:110%;
 +
}
 +
h1.BSA_announce{
 +
margin: 20px 1px 1px 1px;
 +
border:none;
 +
text-decoration:none;
 +
color:#B0E;
 +
font-size:115%;
 +
}
 +
h1.BSA_announce a.HP{
 +
color:#B0E;
 +
text-decoration:underline;
 +
}
 +
h1.BSA_announce a.HP:hover{
 +
font-size:120%;
 +
}
 +
#textContent a{
 +
text-decoration: underline;
 +
color: #008800; /*green*/
-
<br>
+
}
-
<br>
+
#textContent a:visited{
-
<div class="purple">
+
color: #540054; /*lighter green*/
-
<font color="#000000" face="arial" size="3" >
+
        text-decoration: underline;
-
<b>Data Page</b><br><br>
+
}
-
</font>
+
-
<div class="image2">
+
#textContent a.anchor{
 +
color: #000000;
 +
}
 +
#tableabi{
 +
background:black;
 +
}
 +
/*menu css*/
 +
span.reference{
 +
position:fixed;
 +
left:0px;
 +
bottom:0px;
 +
font-size:12px;
 +
}
 +
 +
span.reference a{
 +
color:#aaa;
 +
text-transform:uppercase;
 +
text-decoration:none;
 +
text-shadow:1px 1px 1px #000;
 +
margin-right:200px;
 +
}
-
<img src="https://static.igem.org/mediawiki/2011/c/c3/AspergillusDTU_billed.jpg" width="187px" height="50px"> </img><br>
+
span.reference a:hover{
 +
color:#ddd;
 +
}
-
</div>
+
ul.menu_unamgenomics{
 +
margin-top:0px;
 +
width:1500px;
 +
align:center;
-
<font color="#000000" face="arial" size="1" >
+
}
-
<p align="justify">
+
-
You can find an overview of our project on our <a href="https://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">
 
 +
 +
ul.menu_unamgenomics{
 +
color:#000
 +
margin:0;
 +
padding:0;
 +
list-style: none;
 +
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
 +
font-size:14px;
 +
width:976;
 +
}
-
<img src="https://static.igem.org/mediawiki/2011/f/f7/Achievements.jpg" width="187px" height="50px"> </img><br>
+
ul.menu_unamgenomics a{
 +
text-decoration:none;
 +
outline:none;
 +
}
-
</div>
+
ul.menu_unamgenomics li{
 +
float:left;
 +
width:162px;
 +
height:95px;
 +
position:relative;
 +
cursor:pointer;
 +
}
 +
ul.menu_unamgenomics li > a{
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:162px;
 +
height:95px;
 +
z-index:12;
 +
background:transparent url(../images/overlay.png) no-repeat bottom right;
 +
-moz-box-shadow:0px 0px 2px #000 inset;
 +
-webkit-box-shadow:0px 0px 2px #000 inset;
 +
box-shadow:0px 0px 2px #000 inset;
 +
color: #000;
 +
background-color: #000000;
 +
}
 +
ul.menu_unamgenomics li a img{
 +
border:none;
 +
position:absolute;
 +
width:0px;
 +
height:0px;
 +
bottom:0px;
 +
left:85px;
 +
z-index:100;
 +
}
-
<font color="#000000" face="arial" size="1" >
+
ul.menu_unamgenomics li span.sdt_wrap{
-
<p align="justify">
+
position:absolute;
-
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="https://2011.igem.org/Team:DTU-Denmark-2/Project/achievements"> this page</a>.</p>
+
top:25px;
-
</font>
+
left:0px;
-
</div>
+
width:162px;
 +
height:60px;
 +
z-index:15;
 +
}
-
<div class="pink">
+
ul.menu_unamgenomics li span.menu_unamgenomics_activo{
-
<font color="#000000" face="arial" size="3" >
+
position:absolute;
-
<b>The Team</b><br><br>
+
background:#000;
-
</font>
+
top:85px;
 +
width:162px;
 +
height:0px;
 +
left:0px;
 +
z-index:14;
 +
-moz-box-shadow:0px 0px 4px #000 inset;
 +
-webkit-box-shadow:0px 0px 4px #000 inset;
 +
box-shadow:0px 0px 4px #000 inset;
 +
}
-
<img src="https://static.igem.org/mediawiki/2011/thumb/f/fd/DSC_0349.jpg/800px-DSC_0349.jpg" width="187px" height="50px"> </img><br>
+
ul.menu_unamgenomics li span span.menu_links,
 +
ul.menu_unamgenomics li span span.menu_descripcion,
 +
ul.menu_unamgenomics li div.menu_caja a{
 +
margin-left:15px;
 +
text-transform:uppercase;
 +
text-shadow:1px 1px 1px #000;
 +
}
 +
 
 +
ul.menu_unamgenomics li span span.menu_links{
 +
color:#fff;
 +
font-size:24px;
 +
float:left;
 +
clear:both;
 +
}
 +
 
 +
ul.menu_unamgenomics li span span.menu_descripcion{
 +
color:#0B75AF;
 +
float:left;
 +
clear:both;
 +
width:162px; /*For dumbass IE7*/
 +
font-size:10px;
 +
letter-spacing:1px;
 +
}
 +
 
 +
ul.menu_unamgenomics li div.menu_caja{
 +
display:block;
 +
position:absolute;
 +
width:162px;
 +
overflow:hidden;
 +
height:auto;
 +
top:85px;
 +
left:0px;
 +
display:none;
 +
background:#000;
 +
}
 +
 
 +
ul.menu_unamgenomics li div.menu_caja a{
 +
float:left;
 +
clear:both;
 +
line-height:30px;
 +
color:#0B75AF;
 +
}
 +
 
 +
ul.menu_unamgenomics li div.menu_caja a:first-child{
 +
margin-top:15px;
 +
}
 +
 
 +
ul.menu_unamgenomics li div.menu_caja a:hover{
 +
color:#fff;
 +
}
 +
 
 +
 
 +
/* Image on hover  description */
 +
 
 +
td {
 +
background-color: transparent;
 +
background-repeat: no-repeat;
 +
clear: both;
 +
height: auto;
 +
width: auto;
 +
}
 +
 
 +
.imgteaser {
 +
margin: 0;
 +
overflow: hidden;
 +
float: left;
 +
position: relative;
 +
}
 +
.imgteaser a {
 +
text-decoration: none;
 +
float: left;
 +
}
 +
.imgteaser a:hover {
 +
cursor: pointer;
 +
}
 +
.imgteaser a img {
 +
float: left;
 +
margin: 0;
 +
border: none;
 +
padding: 20px;
 +
background: #FFF;
 +
border: 0px solid #ddd;
 +
}
 +
 
 +
.imgteaser a .desc { display: none; }
 +
 
 +
.imgteaser a:hover .desc{
 +
display: block;
 +
font-size: 1.1em;
 +
padding: 20px 0;
 +
background: #111;
 +
filter:alpha(opacity=65);
 +
opacity:.65;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
 +
color: #fff;
 +
position: absolute;
 +
bottom: 11px;
 +
left: 11px;
 +
padding: 10px;
 +
margin: 0;
 +
width: 230px;
 +
        height:100px;
 +
border-top: 1px solid #999;
 +
}
 +
.imgteaser a:hover .desc strong {
 +
display: block;
 +
margin-bottom: 5px;
 +
font-size:1.2em;
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
<div id="globalWrapper">
 +
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<!--"here goes the imgs "-->
 +
 
 +
<div class="igemimageleft1"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft2"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft3"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
 +
<div class="igemimageleft4"><a href="/"><img src="https://static.igem.org/mediawiki/2012/e/e4/UNAMGenomicsIGEMlogo.gif" height="150"></a></div>
-
<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="https://2011.igem.org/Team:DTU-Denmark-2/Team">Team Page</a>.</p>
 
-
</font>
 
</div>
</div>
 +
<div id="container">
-
</table>
+
 +
<div class="header">
 +
<img src="https://static.igem.org/mediawiki/2012/6/64/UnamgenomicsBacillusheader.png" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
-
</body>
+
<table bgcolor="#000000" border="0px" height="95" width="10" id="tableabi">
 +
<tr>
 +
  <td></td>  
 +
<td>
 +
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
 +
<a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d1/Unamgenomicsmenuverde.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">HOME</span>
 +
<span class="menu_descripcion">HOME</span>
 +
</span>
 +
</a>
 +
      </li>
 +
<li>
 +
  <a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/c/c2/UnamgenomicsRojo.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">TEAM</span>
 +
<span class="menu_descripcion">TEAM</span>
 +
</span>
 +
</a>
 +
  <div class="menu_caja">
 +
<a href="#">STUDENTS</a>
 +
<a href="#">ADVISORS</a>
 +
<a href="#">PHDs</a>
 +
  </div>
 +
</li>
 +
<li>
 +
  <a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/5/56/Unamgenomicsrosa.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">Design/
 +
                            Experiment</span>
 +
<span class="menu_descripcion"></span>
 +
</span>
 +
</a>
 +
  <div class="menu_caja">
 +
<a href="#">BOX 1</a>
 +
<a href="#">BOX 2</a>
 +
<a href="#">BOX 3</a>
 +
<a href="#">BOX 4</a>
 +
<a href="#">BOX 5</a>
 +
<a href="#">BOX 6</a>
 +
  </div>
 +
</li>
 +
<li>
 +
  <a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/4/41/Unamgenomicsnaranja.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">Results</span>
 +
<span class="menu_descripcion"></span>
 +
</span>
 +
</a>
 +
<div class="menu_caja">
 +
<a href="#">BOX 1</a>
 +
<a href="#">BOX 2</a>
 +
<a href="#">BOX 3</a>
 +
<a href="#">Box 4</a>
 +
<a href="#">BOx 5</a>
 +
</div>
 +
  </li>
 +
<li>
 +
  <a href="#">
 +
<img src="https://static.igem.org/mediawiki/2012/0/04/UnamgenomicsLimon.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">Human Practice & Safety</span>
 +
<span class="menu_descripcion"></span>
 +
</span>
 +
</a>
 +
  <div class="menu_caja">
 +
<a href="#">a1</a>
 +
<a href="#">11</a>
 +
<a href="#">33 &
 +
66</a>
 +
  </div>
 +
</li>
 +
<li>
 +
  <a href="#">
 +
                  <img src="https://static.igem.org/mediawiki/2012/7/7b/UnamgenomicsMorado.gif" alt="" width="150" height="150"/>
 +
<span class="menu_unamgenomics_activo"></span>
 +
<span class="sdt_wrap">
 +
<span class="menu_links">About Us</span>
 +
<span class="menu_descripcion"></span>
 +
</span>
 +
</a>
 +
  <div class="menu_caja">
 +
<a href="#">The School</a>
 +
<a href="#">The Team</a>
 +
<a href="#">China Meetup</a>
 +
<a href="#">Acknowledgement</a>
 +
  </div>
 +
</li>
 +
  </ul>
 +
</td> 
 +
</tr></table>
 +
 +
 +
 +
 +
 +
 +
 +
   
 +
 
 +
   
 +
</div><!--class="header"--> 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
 +
 +
<script type="text/javascript">
 +
/*
 +
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 +
*
 +
* Uses the built in easing capabilities added In jQuery 1.1
 +
* to offer multiple easing options
 +
*
 +
* TERMS OF USE - jQuery Easing
 +
*
 +
* Open source under the BSD License.
 +
*
 +
* Copyright 2008 George McGinley Smith
 +
* All rights reserved.
 +
*
 +
* Redistribution and use in source and binary forms, with or without modification,
 +
* are permitted provided that the following conditions are met:
 +
*
 +
* Redistributions of source code must retain the above copyright notice, this list of
 +
* conditions and the following disclaimer.
 +
* Redistributions in binary form must reproduce the above copyright notice, this list
 +
* of conditions and the following disclaimer in the documentation and/or other materials
 +
* provided with the distribution.
 +
*
 +
* Neither the name of the author nor the names of contributors may be used to endorse
 +
* or promote products derived from this software without specific prior written permission.
 +
*
 +
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
* OF THE POSSIBILITY OF SUCH DAMAGE.
 +
*
 +
*/
 +
 +
// t: current time, b: begInnIng value, c: change In value, d: duration
 +
jQuery.easing['jswing'] = jQuery.easing['swing'];
 +
 +
jQuery.extend( jQuery.easing,
 +
{
 +
def: 'easeOutQuad',
 +
swing: function (x, t, b, c, d) {
 +
//alert(jQuery.easing.default);
 +
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
 +
},
 +
easeInQuad: function (x, t, b, c, d) {
 +
return c*(t/=d)*t + b;
 +
},
 +
easeOutQuad: function (x, t, b, c, d) {
 +
return -c *(t/=d)*(t-2) + b;
 +
},
 +
easeInOutQuad: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t + b;
 +
return -c/2 * ((--t)*(t-2) - 1) + b;
 +
},
 +
easeInCubic: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t + b;
 +
},
 +
easeOutCubic: function (x, t, b, c, d) {
 +
return c*((t=t/d-1)*t*t + 1) + b;
 +
},
 +
easeInOutCubic: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t + b;
 +
return c/2*((t-=2)*t*t + 2) + b;
 +
},
 +
easeInQuart: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t*t + b;
 +
},
 +
easeOutQuart: function (x, t, b, c, d) {
 +
return -c * ((t=t/d-1)*t*t*t - 1) + b;
 +
},
 +
easeInOutQuart: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
 +
return -c/2 * ((t-=2)*t*t*t - 2) + b;
 +
},
 +
easeInQuint: function (x, t, b, c, d) {
 +
return c*(t/=d)*t*t*t*t + b;
 +
},
 +
easeOutQuint: function (x, t, b, c, d) {
 +
return c*((t=t/d-1)*t*t*t*t + 1) + b;
 +
},
 +
easeInOutQuint: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
 +
return c/2*((t-=2)*t*t*t*t + 2) + b;
 +
},
 +
easeInSine: function (x, t, b, c, d) {
 +
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
 +
},
 +
easeOutSine: function (x, t, b, c, d) {
 +
return c * Math.sin(t/d * (Math.PI/2)) + b;
 +
},
 +
easeInOutSine: function (x, t, b, c, d) {
 +
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
 +
},
 +
easeInExpo: function (x, t, b, c, d) {
 +
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
 +
},
 +
easeOutExpo: function (x, t, b, c, d) {
 +
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
 +
},
 +
easeInOutExpo: function (x, t, b, c, d) {
 +
if (t==0) return b;
 +
if (t==d) return b+c;
 +
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
 +
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
 +
},
 +
easeInCirc: function (x, t, b, c, d) {
 +
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
 +
},
 +
easeOutCirc: function (x, t, b, c, d) {
 +
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
 +
},
 +
easeInOutCirc: function (x, t, b, c, d) {
 +
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
 +
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
 +
},
 +
easeInElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
},
 +
easeOutElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
 +
},
 +
easeInOutElastic: function (x, t, b, c, d) {
 +
var s=1.70158;var p=0;var a=c;
 +
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
 +
if (a < Math.abs(c)) { a=c; var s=p/4; }
 +
else var s = p/(2*Math.PI) * Math.asin (c/a);
 +
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
 +
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
 +
},
 +
easeInBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
return c*(t/=d)*t*((s+1)*t - s) + b;
 +
},
 +
easeOutBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
 +
},
 +
easeInOutBack: function (x, t, b, c, d, s) {
 +
if (s == undefined) s = 1.70158;
 +
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
 +
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
 +
},
 +
easeInBounce: function (x, t, b, c, d) {
 +
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
 +
},
 +
easeOutBounce: function (x, t, b, c, d) {
 +
if ((t/=d) < (1/2.75)) {
 +
return c*(7.5625*t*t) + b;
 +
} else if (t < (2/2.75)) {
 +
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
 +
} else if (t < (2.5/2.75)) {
 +
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
 +
} else {
 +
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
 +
}
 +
},
 +
easeInOutBounce: function (x, t, b, c, d) {
 +
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
 +
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
 +
}
 +
});
 +
 +
/*
 +
*
 +
* TERMS OF USE - EASING EQUATIONS
 +
*
 +
* Open source under the BSD License.
 +
*
 +
* Copyright 2001 Robert Penner
 +
* All rights reserved.
 +
*
 +
* Redistribution and use in source and binary forms, with or without modification,
 +
* are permitted provided that the following conditions are met:
 +
*
 +
* Redistributions of source code must retain the above copyright notice, this list of
 +
* conditions and the following disclaimer.
 +
* Redistributions in binary form must reproduce the above copyright notice, this list
 +
* of conditions and the following disclaimer in the documentation and/or other materials
 +
* provided with the distribution.
 +
*
 +
* Neither the name of the author nor the names of contributors may be used to endorse
 +
* or promote products derived from this software without specific prior written permission.
 +
*
 +
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
 +
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 +
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 +
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 +
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 +
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
 +
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 +
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
 +
* OF THE POSSIBILITY OF SUCH DAMAGE.
 +
*
 +
*/
 +
</script>
 +
 +
        <script type="text/javascript">
 +
            $(function() {
 +
/**
 +
* for each menu element, on mouseenter,
 +
* we enlarge the image, and show both menu_unamgenomics_activo span and
 +
* sdt_wrap span. If the element has a sub menu (menu_caja),
 +
* then we slide it - if the element is the last one in the menu
 +
* we slide it to the left, otherwise to the right
 +
*/
 +
                $('#menu_unamgenomics > li').bind('mouseenter',function(){
 +
 +
var $elem = $(this);
 +
$elem.find('img')
 +
.stop(true)
 +
.animate({
 +
'width':'155px',
 +
'height':'155px',
 +
'left':'0px'
 +
},400,'easeOutBack')
 +
.andSelf()
 +
.find('.sdt_wrap')
 +
    .stop(true)
 +
.animate({'top':'140px'},500,'easeOutBack')
 +
.andSelf()
 +
.find('.menu_unamgenomics_activo')
 +
    .stop(true)
 +
.animate({'height':'155px'},300,function(){
 +
var $sub_menu = $elem.find('.menu_caja');
 +
if($sub_menu.length){
 +
var left = '155px';
 +
if($elem.parent().children().length == $elem.index()+1)
 +
left = '-155px';
 +
$sub_menu.show().animate({'left':left},200);
 +
}
 +
});
 +
}).bind('mouseleave',function(){
 +
var $elem = $(this);
 +
var $sub_menu = $elem.find('.menu_caja');
 +
if($sub_menu.length)
 +
$sub_menu.hide().css('left','0px');
 +
 +
$elem.find('.menu_unamgenomics_activo')
 +
.stop(true)
 +
.animate({'height':'0px'},300)
 +
.andSelf().find('img')
 +
.stop(true)
 +
.animate({
 +
'width':'0px',
 +
'height':'0px',
 +
'left':'85px'},400)
 +
.andSelf()
 +
.find('.sdt_wrap')
 +
.stop(true)
 +
.animate({'top':'25px'},500);
 +
});
 +
            });
 +
        </script>
 +
 +
</body>
</html>
</html>
 +
 +
<div id="textContent" align="center">
 +
<br /><br /><br />{{{content}}}
 +
</div>

Latest revision as of 09:26, 1 July 2012


UNAM-Genomics_Mexico

UNAM-Genomics_Mexico




{{{content}}}

Retrieved from "http://2012.igem.org/Team:UNAM_Genomics_Mexico/Templates/web"