Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
 
(26 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>

Latest revision as of 09:26, 1 July 2012


UNAM-Genomics_Mexico

UNAM-Genomics_Mexico




{{{content}}}