Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 4: Line 4:
@VERSION 3.0
@VERSION 3.0
@NAME  General Template header 2
@NAME  General Template header 2
-
AUTHOR  Treviño Garza Abiel
+
AUTHOR  Padilla Gomez Jonathan
 +
        Abiel Treviño Garza
-->
-->
<html>
<html>
Line 161: Line 162:
margin: 0px;
margin: 0px;
padding: 0px;
padding: 0px;
-
color:#FFFFFF;
+
color:#000000;
background-color: #000000;
background-color: #000000;
}
}
Line 170: 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 175: 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 225: 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 285: Line 297:
#textContent a.anchor{
#textContent a.anchor{
color: #000000;
color: #000000;
 +
}
 +
#tableabi{
 +
background:black;
}
}
Line 311: Line 326:
width:1500px;
width:1500px;
align:center;
align:center;
-
}
 
-
#logo {
 
-
margin-top: -155px; margin-left: -5px;
 
-
text-align:center
 
}
}
 +
 +
ul.menu_unamgenomics{
ul.menu_unamgenomics{
Line 325: Line 338:
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
font-size:14px;
-
width:978;
+
width:976;
}
}
Line 335: Line 348:
ul.menu_unamgenomics li{
ul.menu_unamgenomics li{
float:left;
float:left;
-
width:163px;
+
width:162px;
height:95px;
height:95px;
position:relative;
position:relative;
Line 345: Line 358:
top:0px;
top:0px;
left:0px;
left:0px;
-
width:163px;
+
width:162px;
height:95px;
height:95px;
z-index:12;
z-index:12;
Line 364: 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 373: Line 384:
top:25px;
top:25px;
left:0px;
left:0px;
-
width:163px;
+
width:162px;
height:60px;
height:60px;
z-index:15;
z-index:15;
Line 382: Line 393:
background:#000;
background:#000;
top:85px;
top:85px;
-
width:163px;
+
width:162px;
height:0px;
height:0px;
left:0px;
left:0px;
Line 410: Line 421:
float:left;
float:left;
clear:both;
clear:both;
-
width:163px; /*For dumbass IE7*/
+
width:162px; /*For dumbass IE7*/
font-size:10px;
font-size:10px;
letter-spacing:1px;
letter-spacing:1px;
Line 418: Line 429:
display:block;
display:block;
position:absolute;
position:absolute;
-
width:163px;
+
width:162px;
overflow:hidden;
overflow:hidden;
height:auto;
height:auto;
Line 500: Line 511:
font-size:1.2em;
font-size:1.2em;
}
}
 +
</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 553: 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 561: Line 533:
   
   
<div class="header">
<div class="header">
-
<img src="https://static.igem.org/mediawiki/2011/0/00/Unamgenomicshidrobiumetliheader2.jpg" width=" 978px" 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>  
-
<ul id="menu_unamgenomics" class="menu_unamgenomics">
+
<table bgcolor="#000000" border="0px" height="95" width="10" id="tableabi">
-
<li>
+
<tr>
 +
  <td></td>
 +
 
 +
<td>
 +
<ul id="menu_unamgenomics" class="menu_unamgenomics"><li>
<a href="#">
<a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="menu_links">MAIN TITLE</span>
+
<span class="menu_links">HOME</span>
-
<span class="menu_descripcion">SECOND TITLE</span>
+
<span class="menu_descripcion">HOME</span>
</span>
</span>
</a>
</a>
Line 576: Line 552:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
-
<span class="menu_links">MAIN TITLE</span>
+
<span class="menu_links">TEAM</span>
-
<span class="menu_descripcion">SUBTITLE</span>
+
<span class="menu_descripcion">TEAM</span>
</span>
</span>
</a>
</a>
  <div class="menu_caja">
  <div class="menu_caja">
-
<a href="#">SUBMENU</a>
+
<a href="#">STUDENTS</a>
-
<a href="#">SUBMENU 2</a>
+
<a href="#">ADVISORS</a>
-
<a href="#">SUBMENU 3</a>
+
<a href="#">PHDs</a>
  </div>
  </div>
</li>
</li>
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 610: Line 586:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 627: Line 603:
<li>
<li>
  <a href="#">
  <a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
<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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 635: Line 611:
</a>
</a>
  <div class="menu_caja">
  <div class="menu_caja">
-
<a href="#">Synthetic Neurobiology</a>
+
<a href="#">a1</a>
-
<a href="#">Human Practice</a>
+
<a href="#">11</a>
-
<a href="#">Evaluation &
+
<a href="#">33 &
-
Safety Assessment</a>
+
66</a>
  </div>
  </div>
</li>
</li>
<li>
<li>
-
  <a href="https://2011.igem.org/Team:NYMU-Taipei/the-school">
+
  <a href="#">
-
<img src="https://static.igem.org/mediawiki/2012/9/9d/Igem_logo_lento_pequeno.gif" alt="" width="150" height="150"/>
+
                  <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="menu_unamgenomics_activo"></span>
<span class="sdt_wrap">
<span class="sdt_wrap">
Line 658: Line 634:
</li>
</li>
   </ul>
   </ul>
-
   
+
</td> 
 +
</tr></table>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
      
      
    
    
Line 884: Line 868:
*/
*/
                 $('#menu_unamgenomics > li').bind('mouseenter',function(){
                 $('#menu_unamgenomics > li').bind('mouseenter',function(){
 +
var $elem = $(this);
var $elem = $(this);
$elem.find('img')
$elem.find('img')
Line 930: Line 915:
             });
             });
         </script>
         </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}}}

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