Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 340: Line 340:
-
<div id="headernavigation">
+
#andreanavigation
 +
    {
 +
    width:1000px;
 +
    float:center;
 +
    background-color: transparent;
 +
    height:60px;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
    margin-top: 10px; 
 +
    margin-bottom: 10px;
 +
    z-index: 2; 
 +
    }
-
<ul id="headernavbar">
+
#andreanavbar
 +
    {
 +
    list-style:none;
 +
    font-weight:bold;
 +
    float:left;
 +
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    z-index: 2; 
 +
    }
-
</ul>
+
#andreanavbar li
-
</div>
+
    {
 +
    float:left;
 +
    position:relative;
 +
    text-align:center;
 +
    z-index: 2; 
 +
    }
 +
#andreanavbar a
 +
    {
 +
    margin-left:0px;
 +
    display:block;
 +
    padding-bottom:5px;
 +
    padding-top:5px;
 +
    width: 166.5px;
 +
    color:#ffffff;
 +
    background:rgba(0, 128, 0, 0.8);
 +
    font: bold 16px Times New Roman;
 +
    z-index: 2;
 +
    }
-
#contentt5-topcenter {
+
#andreanavbar a:hover
-
        width: 231px;
+
    {
-
        float: left;
+
    color:#ffffff;
-
        background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
+
    background:rgba(0, 0, 255, 0.2);
-
        background-repeat: no-repeat;
+
    text-decoration:none;
-
        background-position: center;
+
    z-index: 2;   
-
background-color:rgba(0, 0, 255, 0.5);
+
    }
-
        padding: 0px;
+
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt6-topcenter {
+
#andreanavbar ul
-
        width: 231px;
+
    {
-
        float: left;
+
    background:rgba(0, 0, 255, 0.2);
-
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
+
    list-style:none;
-
        background-repeat: no-repeat;
+
    position:absolute;
-
        background-position: center;
+
    left:-9999px;  
-
background-color:rgba(0, 0, 255, 0.5);
+
    z-index: 2;   
-
        padding: 0px;
+
    }
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt7-topcenter {
+
#andreanavbar ul li
-
        width: 231px;
+
    {
-
        float: left;
+
    padding-top:0px;  
-
        background-repeat: no-repeat;
+
    float:none;
-
        background-position: center;
+
    margin-top:-3px;
-
background-color:rgba(255, 0, 0, 0.8);
+
    z-index: 2;   
-
        padding: 0px;
+
    }
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt8-topcenter {
+
#andreanavbar ul a
-
        width: 231px;
+
    {
-
        float: left;
+
    white-space:nowrap;  
-
        background-repeat: no-repeat;
+
    z-index: 2;   
-
        background-position: center;
+
    }
-
background-color:rgba(255, 0, 0, 0.8);
+
-
        padding: 0px;
+
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 172px;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt9-topcenter {
+
#andreanavbar li:hover ul
-
        width: 231px;
+
    {  
-
        float: left;
+
    left: -15px;
-
        background-repeat: no-repeat;
+
    z-index: 2;   
-
        background-position: center;
+
    }
-
background-color:rgba(255, 0, 0, 0.8);
+
-
        padding: 0px;
+
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt10-topcenter {
+
#andreanavbar li:hover a
-
        width: 231px;
+
    {
-
        float: left;
+
    background:rgba(0, 0, 255, 0.5);
-
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
+
    text-decoration:none;
-
        background-repeat: no-repeat;
+
    z-index: 2;   
-
        background-position: center;
+
    }
-
background-color:rgba(255, 0, 0, 0.8);
+
-
        padding: 0px;
+
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
-
#contentt11-topcenter {
+
#andreanavbar li:hover ul a
-
        width: 231px;
+
    {
-
        float: left;
+
    text-decoration:none;
-
        background-image:url('https://static.igem.org/mediawiki/2012/b/bd/FERMIN.jpg');
+
    z-index: 2;   
-
        background-repeat: no-repeat;
+
    }
-
        background-position: center;
+
-
background-color:rgba(255, 0, 0, 0.8);
+
-
        padding: 0px;
+
-
height: 250px;
+
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-
box-shadow: 0 8px 6px -6px black;
+
-
border: 10px solid rgba(192, 192, 192,0.8);
+
-
background-clip: padding-box;
+
-
        margin-top: 20px;
+
-
margin-left: 500;
+
-
margin-right: auto;   
+
-
        font-size:150%;
+
-
}
+
 +
#andreanavbar li:hover ul li a:hover
 +
    {
 +
    background:rgba(0, 0, 255, 0.2);
 +
    z-index: 2; 
 +
    }
-
#contentt12-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
        background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg);
 
-
        background-repeat: no-repeat;
 
-
        background-position: center;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 250px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 172px;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
#contentt13-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
#contentt14-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
#contentt15-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
#contentt16-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 172px;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt17-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt18-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt19-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt20-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 172px;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt21-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt22-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentt23-topcenter {
 
-
        width: 231px;
 
-
        float: left;
 
-
background-color:rgba(255, 0, 0, 0.8);
 
-
        padding: 0px;
 
-
height: 100px;
 
-
        -webkit-box-shadow: 0 8px 6px -6px black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(192, 192, 192,0.8);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 500;
 
-
margin-right: auto; 
 
-
        font-size:150%;
 
-
}
 

Revision as of 20:56, 12 July 2012

Header

Retrieved from "http://2012.igem.org/Team:UPIBI-Mexico/Templates/Main"