Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 3: Line 3:
<!--
<!--
@VERSION 3.0
@VERSION 3.0
-
@NAME  General Template header 2  
+
@NAME  General Template header 2
 +
AUTHOR  Padilla Gomez Jonathan
 +
        Abiel Treviño Garza
-->
-->
<html>
<html>
<head>
<head>
-
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
+
 
-
<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/interface.js' type='text/javascript'/>
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
Line 34: Line 35:
<style type="text/css">
<style type="text/css">
-
* Menu Dock
+
 
-
----------------------------------------------- */
+
-
.dock {
+
-
position: fixed;
+
-
width: 100%;
+
-
bottom: 40px;
+
-
}
+
-
a.dockItem {
+
-
text-align: center;
+
-
color: #000;
+
-
font-weight: bold;
+
-
font-size: 22px;
+
-
text-decoration: none;
+
-
width: 40px;
+
-
position: absolute;
+
-
display: block;
+
-
bottom: 0;
+
-
}
+
-
.dockItem img {
+
-
border: none;
+
-
margin: 5px auto 0 auto;
+
-
width: 100%;
+
-
}
+
-
.dockItem span {
+
-
display: none;
+
-
positon: absolute;
+
-
}
+
-
.dockContainter {
+
-
height: 50px;
+
-
width: 200px;
+
-
position: absolute;
+
-
}
+
/* CHANGING THE WIKI CSS */
/* CHANGING THE WIKI CSS */
Line 192: Line 162:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
color:#FFFFFF;
+
color:#000000;
background-color: #000000;
background-color: #000000;
}
}
Line 201: 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 206: Line 204:
width:100%;
width:100%;
font-family:"Arial Black", Gadget, sans-serif;
font-family:"Arial Black", Gadget, sans-serif;
-
}
 
-
div.left_image{
 
-
float:left;
 
-
border:none;
 
-
padding: 30px 30px 30px 30px;
 
-
}
 
-
div.right_image{
 
-
float:right;
 
-
border:none;
 
-
padding: 30px 30px 30px 30px;
 
}
}
-
div.row{
 
-
vertical-align:top;
 
-
}
 
div.summary_text{
div.summary_text{
padding: 30px 30px 30px 30px;
padding: 30px 30px 30px 30px;
Line 256: Line 241:
background-repeat: repeat;
background-repeat: repeat;
margin: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
-
padding: 15px 45px 15px 45px;
+
padding: 55px 45px 55px 45px;
-
}
 
-
div.sliderimage {
 
-
width:612px
 
-
        height:459px
 
}
}
Line 272: Line 253:
}
}
 +
h1.NORM_header{
h1.NORM_header{
         text-align:left;
         text-align:left;
Line 315: Line 297:
#textContent a.anchor{
#textContent a.anchor{
color: #000000;
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;
 +
}
 +
 +
span.reference a:hover{
 +
color:#ddd;
 +
}
 +
 +
ul.menu_unamgenomics{
 +
margin-top:0px;
 +
width:1500px;
 +
align:center;
 +
 +
}
 +
 +
 +
 +
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;
 +
}
 +
 +
ul.menu_unamgenomics a{
 +
text-decoration:none;
 +
outline:none;
 +
}
 +
 +
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;
 +
 +
}
 +
 +
ul.menu_unamgenomics li span.sdt_wrap{
 +
position:absolute;
 +
top:25px;
 +
left:0px;
 +
width:162px;
 +
height:60px;
 +
z-index:15;
 +
}
 +
 +
ul.menu_unamgenomics li span.menu_unamgenomics_activo{
 +
position:absolute;
 +
background:#000;
 +
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;
 +
}
 +
 +
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;
}
}
Line 375: Line 511:
font-size:1.2em;
font-size:1.2em;
}
}
 +
</style>
</style>
-
<script>
 
-
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 428: Line 518:
<body>
<body>
<div id="globalWrapper">
<div id="globalWrapper">
-
<div class="igemimage"><a href="/"><img src="https://static.igem.org/mediawiki/2011/0/03/UNAMGenomicsIGEMlogo.png" height="150"></a></div>
+
<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>
 +
 
 +
 
</div>
</div>
-
 
<div id="container">
<div id="container">
Line 436: Line 533:
   
   
<div class="header">
<div class="header">
-
<img src="https://static.igem.org/mediawiki/2011/0/00/Unamgenomicshidrobiumetliheader2.jpg" width=" 976px" height="203px" id="Insert_logo" style="background: #8090AB; display:block; "></a>  
+
<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>
 +
 
 +
<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>
-
<!-- Menu Code -->
 
-
<table  border="0" align="center" cellpadding="0" cellspacing="0">
 
-
<tr><td width="10" align="center" valign="center">
 
-
    <td>
 
-
    <ul id="h2igemmenuOrange">
 
-
 
-
<li class="istylei0orange" style="width:100px;"><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico">  Home  </a></li>
 
-
    </ul>
 
-
   
 
-
    </td>   
 
-
    <td>
 
-
    <ul id="h2igemmenupink">
 
-
<li class="istylei0pink" style="width:100px;"><a class="istylei0pink" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Project</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<ul class="istylem0pink" style="width:195px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project/HydrogenProduction"><span>Hydrogen Production</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project/RhizobialKit"><span>RhizoKit</span><![if gt IE 6]></a>
 
-
<li><a><span>Notebook</span><![if gt IE 6]></a>
 
-
<ul class="istylem0pink" style="width:173px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/SA">System Assembly</a></li>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/pBBR1MCS-5">pBBR1MCS-5</a></li>
 
-
                        <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/repC">repC</a></li>
 
-
                        <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/nifH">nifH</a></li>
 
-
                      <li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/HydA">HydA</a></li>
 
-
         
 
-
        </ul>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Optimization"><span>Optimization</span><![if gt IE 6]></a>
 
-
<ul class="istylem0pink" style="width:173px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Notebook/hydaopt">HydA Optimization</a></li> </ul>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a>
 
-
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 
-
</ul></ul>
 
-
    </td>
 
-
    <td>
 
-
    <ul id="h2igemmenyellow">
 
-
<li class="istylei0yellow" style="width:150px;"><a class="istylei0yellow" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/HumanPractices"><span>Human Practices</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<ul class="istylem0yellow" style="width:195px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Bio-SintetizArte"><span>BioSintetizarte</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/HumanPractices/LawProposal"><span>Hydrobium etli goes Cuatzo</span><![if gt IE 6]></a>
 
-
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 
-
</ul></ul>
 
-
    </td>
 
-
    <td>
 
-
<ul id="h2igemmenublue">
 
-
 
-
<li class="istylei0blue" style="width:200px;"><a class="istylei0blue" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/SafetyQuestions">  Safety  </a></li>
 
-
    </ul>
 
-
    <td>
 
-
    <ul id="h2igemmenupurple">
 
-
<li class="istylei0purple" style="width:104px;" ><a class="istylei0purple" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling"><span>Modeling</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<ul class="istylem0purple" style="width:195px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/FBA"><span>Flux Balance Analysis</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/GT"><span>Game Theory</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/MM"><span>Markov Model</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/ExtremePathways"><span> Extreme Pathways</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Modeling/CA"><span>Celular Automaton</span><![if gt IE 6]></a>
 
-
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 
-
</ul>
 
-
    </ul>
 
-
    </td>
 
-
    <td>
 
-
    <ul id="h2igemmenuOrange" >
 
-
    <li class="istylei0orange" style="width:90px;" ><a class="istylei0orange" href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>  Team  </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<ul class="istylem0orange" style="width:195px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Atributions"><span>Attributions</span><![if gt IE 6]></a>
 
-
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Individuals"><span>Individuals</span><![if gt IE 6]></a>
 
-
<![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
 
-
</ul>
 
-
    </ul>
 
-
    </td>
 
-
    <td>
 
-
    <ul id="h2igemmenuGreen">
 
-
<li class="istylei0green"  style="width:162px;"><a class="istylei0green" href="#"><span> Wiki Requirements</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
 
-
<ul class="istylem0green" style="width:195px;">
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team/Atributions"><span>Attributions</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Project"><span>Notebook</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Parts"><span>Parts</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Team"><span>Team</span><![if gt IE 6]></a>
 
-
<li><a href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Safety"><span>Safety</span><![if gt IE 6]></a> 
 
-
    </ul></li>
 
-
    </ul>
 
-
    </td>
 
-
 
-
</tr>
 
-
</table>
 
-
<!-- End: Menu code -->
 
-
   
 
      
      
    
    
      
      
</div><!--class="header"-->   
</div><!--class="header"-->   
-
<div id="dock" class="dock">  
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<div class="dockContainter">  
+
-
<a class="dockItem" href="URL del enlace"><img src="http://3.bp.blogspot.com/_qgZA1ny_dAs/S8yeGOygORI/AAAAAAAAECk/MabUFPSv1CA/s1600/Icon_Home.PNG"/><span>Título del enlace</span></a>
 
-
<a class="dockItem" href="URL del enlace"><img src="http://1.bp.blogspot.com/_qgZA1ny_dAs/S8yeGum8szI/AAAAAAAAEC0/ogrG1G_NSaQ/s1600/Icon_Rss.PNG"/><span>Título del enlace</span></a>
+
<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.
 +
*
 +
*/
-
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeUfY2TpI/AAAAAAAAEC8/WLyxFS0Tv9U/s1600/Icon_Twitter.PNG"/><span>Título del enlace</span></a>
+
// t: current time, b: begInnIng value, c: change In value, d: duration
 +
jQuery.easing['jswing'] = jQuery.easing['swing'];
-
<a class="dockItem" href="URL del enlace"><img src="http://1.bp.blogspot.com/_qgZA1ny_dAs/S8yeFsjwO4I/AAAAAAAAECc/URJd0EO38d0/s1600/Icon_Facebook.PNG"/><span>Título del enlace</span></a>
+
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;
 +
}
 +
});
-
<a class="dockItem" href="URL del enlace"><img src="http://4.bp.blogspot.com/_qgZA1ny_dAs/S8yeGYiAfpI/AAAAAAAAECs/ej5Vj7cAj68/s1600/Icon_Picasa.PNG"/><span>Título del enlace</span></a>  
+
/*
 +
*
 +
* 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>
-
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeUnjJ75I/AAAAAAAAEDE/RkHWNQmOmeE/s1600/Icon_Mail.png"/><span>Título del enlace</span></a>  
+
        <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(){
-
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeFT8iuqI/AAAAAAAAECU/ZAZaxpJ7j84/s1600/Icon_Help.png"/><span>Título del enlace</span></a>  
+
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>
-
</div>
 
-
</div>
 
-
 
-
<script type="text/javascript">
 
-
 
-
$(document).ready(
 
-
function()
 
-
{
 
-
$('#dock').Dock(
 
-
{
 
-
maxWidth: 90,
 
-
items: 'a',
 
-
itemsText: 'span',
 
-
container: '.dockContainter',
 
-
itemWidth: 60,
 
-
proximity: 70,
 
-
halign : 'center'
 
-
}
 
-
)
 
-
 
-
}
 
-
);
 
-
 
-
</script> 
 
-
   
 
-
 
 
</body>
</body>
</html>
</html>
-
<div id="textContent">
+
<div id="textContent" align="center">
-
{{{content}}}
+
<br /><br /><br />{{{content}}}
</div>
</div>

Latest revision as of 09:26, 1 July 2012


UNAM-Genomics_Mexico

UNAM-Genomics_Mexico




{{{content}}}