Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(194 intermediate revisions not shown)
Line 50: Line 50:
     {
     {
     background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png');
     background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png');
-
     background-color:rgba(0, 0, 255, 0.5);
+
     background-color:rgba(0, 0, 255, 0.4);
     background-position: top;
     background-position: top;
     width:1000px;
     width:1000px;
Line 60: Line 60:
     -moz-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
     box-shadow: 0 8px 6px -6px black;
     box-shadow: 0 8px 6px -6px black;
-
     border: 10px solid rgba( 255, 255, 255,0.8);
+
     border: 10px solid rgba( 255, 255, 255,0.4);
     background-clip: padding-box;
     background-clip: padding-box;
     margin-top: 20px;
     margin-top: 20px;
Line 159: Line 159:
     width: 166.5px;
     width: 166.5px;
     color:#ffffff;
     color:#ffffff;
-
     background:rgba(0, 128, 0, 0.8);
+
     background:rgba(0, 128, 0, 0.5);
     font: bold 16px Times New Roman;
     font: bold 16px Times New Roman;
     z-index: 2;  
     z-index: 2;  
Line 220: Line 220:
     }
     }
 +
/* Footer */
 +
 +
#footer-box {
 +
        float: center;
 +
        overflow: hidden;
 +
        display: block;
 +
        background-color: rgba(0, 0, 255, 0.5);
 +
        width: 1000px;
 +
        height: 50px;
 +
        font-weight: normal;
 +
        font-style: normal;
 +
        font-size: 10px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
        margin-top: 20px;
 +
        }
 +
 +
#catlinks {
 +
        visibility: hidden;
 +
}
 +
 +
#footer {
 +
        }
 +
/********************************************************************************************************************/
/* Main Page */
/* Main Page */
 +
/********************************************************************************************************************/
-
#content-containertop {
+
#contentm1-topcenter {
-
width: 1000px;
+
        width: 1000px;
-
height: 350px;
+
        float: center;
-
text-align: center;
+
background-color:rgba(0, 0, 255, 0.5);
-
padding-left: 0px;
+
        padding: 0px;
-
padding-right:0px;
+
height: 400px;
 +
        -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: 60px;
margin-left: auto;
margin-left: auto;
-
margin-right:auto;
+
margin-right: auto;
-
         margin-top: 25px;
+
         font-size:150%;
-
float: center;
+
}
}
-
#content-topleft {
+
#contentm2-topleft {
-
background-color:#EEEEEE;
+
        width: 450px;
-
width: 430px;
+
        float: left;
-
height: 300px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png);
-
float: left;
+
        background-repeat: no-repeat;
-
padding: 25px;
+
        background-position: center;
-
text-align: left;
+
background-color:rgba(0, 0, 255, 0.5);
-
margin-left: -10px;
+
        padding: 0px;
-
        margin-top: -5px;
+
height: 400px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
        -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;
background-clip: padding-box;
 +
        margin-top: 60px;
 +
margin-left: 165px;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}
-
#content-topright {
+
#contentm3-topright{
-
background-color: #EEEEEE;
+
        width: 450px;
-
width: 430px;
+
        float: left;
-
height: 300px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png);
-
float: right;
+
        background-repeat: no-repeat;
-
padding: 25px;
+
        background-position: center;
-
text-align: left;
+
background-color:rgba(0, 0, 255, 0.5);
-
margin-right: -10px;
+
        padding: 0px;
-
        margin-top: -5px;
+
height: 400px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
        -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;
background-clip: padding-box;
 +
        margin-top: 60px;
 +
margin-left: 80px;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}
-
#content1-topcenter {
+
#contentm4-topcenter{
-
         width: 1000px;
+
         width: 450px;
         float: center;
         float: center;
-
background-color:#EEEEEE;
+
        background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
height: 400px;
height: 400px;
Line 271: Line 316:
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 20px;
+
         margin-top: 500px;
margin-left: auto;
margin-left: auto;
margin-right: auto;   
margin-right: auto;   
Line 279: Line 324:
}
}
-
#selectioncontainermain{
+
/********************************************************************************************************************/
 +
/* Team */
 +
/********************************************************************************************************************/
 +
 
 +
/********************************************************************************************************************/
 +
/* Barra de navegacion 1*/
 +
/********************************************************************************************************************/
 +
 
 +
#teamnavigation
 +
    {
 +
    width:1000px;
 +
    float:center;
 +
    background-color: transparent;
 +
    height:60px;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
    margin-top: 10px; 
 +
    margin-bottom: 10px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar
 +
    {
 +
    list-style:none;
 +
    font-weight:bold;
 +
    float:left;
 +
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar li
 +
    {
 +
    float:left;
 +
    position:relative;
 +
    text-align:center;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar a
 +
    {
 +
    margin-left:30px;
 +
    display:block;
 +
    padding-bottom:5px;
 +
    padding-top:5px;
 +
    width: 166.5px;
 +
    color:#ffffff;
 +
    background:rgba(0, 128, 0, 0);
 +
    font: bold 16px Times New Roman;
 +
    z-index: 2;
 +
    }
 +
 
 +
#teamnavbar a:hover
 +
    {
 +
    color:#ffffff;
 +
    background:rgba(0, 0, 255, 0);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar ul
 +
    {
 +
    margin-left:1px;
 +
    color:#ffffff;
 +
    height:240px;
 +
    width: 210px;
 +
    background:rgba(0, 128, 0, 0.8);
 +
    list-style:none;
 +
    position:absolute;
 +
    left:-9999px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar ul li
 +
    {
 +
    padding-top:0px;
 +
    float:none;
 +
    margin-top:-3px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar ul a
 +
    {
 +
    white-space:nowrap;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar li:hover ul
 +
    {
 +
    left: 10px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar li:hover a
 +
    {
 +
    background:rgba(0, 0, 255, 0);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar li:hover ul a
 +
    {
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#teamnavbar li:hover ul li a:hover
 +
    {
 +
    background:rgba(0, 0, 255, 0);
 +
    z-index: 2; 
 +
    }
 +
/********************************************************************************************************************/
 +
/* Barra de navegacion 2*/
 +
/********************************************************************************************************************/
 +
 
 +
#team2navigation
 +
    {
 +
    width:1000px;
 +
    float:center;
 +
    background-color: transparent;
 +
    height:60px;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
    margin-top: 625px; 
 +
    margin-bottom: 10px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar
 +
    {
 +
    list-style:none;
 +
    font-weight:bold;
 +
    float:left;
 +
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar li
 +
    {
 +
    float:left;
 +
    position:relative;
 +
    text-align:center;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar a
 +
    {
 +
    margin-left:0px;
 +
    display:block;
 +
    padding-bottom:5px;
 +
    padding-top:5px;
 +
    width: 250px;
 +
    color:#ffffff;
 +
    background:rgba(0, 128, 0, 0.5);
 +
    font: bold 16px Times New Roman;
 +
    z-index: 2;
 +
    }
 +
 
 +
#team2navbar a:hover
 +
    {
 +
    color:#ffffff;
 +
    background:rgba(0, 0, 255, 0.2);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar ul
 +
    {
 +
    background:rgba(0, 0, 255, 0.2);
 +
    list-style:none;
 +
    position:absolute;
 +
    left:-9999px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar ul li
 +
    {
 +
    padding-top:0px;
 +
    float:none;
 +
    margin-top:-3px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar ul a
 +
    {
 +
    white-space:nowrap;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar li:hover ul
 +
    {
 +
    left: -15px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar li:hover a
 +
    {
 +
    background:rgba(0, 0, 255, 0.5);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar li:hover ul a
 +
    {
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#team2navbar li:hover ul li a:hover
 +
    {
 +
    background:rgba(0, 0, 255, 0.2);
 +
    z-index: 2; 
 +
    }
 +
/********************************************************************************************************************/
 +
/*Tabla de integrantes*/
 +
/********************************************************************************************************************/
 +
 
 +
#contentt1-topcenter {
         width: 1000px;
         width: 1000px;
-
height: 40px;
+
        float: center;
-
text-align: center;
+
        background-image:url('https://static.igem.org/mediawiki/2012/a/a6/Team1.jpg');
-
padding-left: 0px;
+
        background-repeat: no-repeat;
-
padding-right:0px;
+
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 700px;
 +
        -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: auto;
margin-left: auto;
-
margin-right:auto;
+
margin-right: auto;
-
         margin-top: 25px;
+
         font-size:300%;
-
        margin-bottom:20px;
+
-
float: center;
+
}
}
-
#PUFselectionmain{
+
#contentt4-topcenter {
-
list-style:none;
+
        width: 231px;
-
background-color:#EEEEEE;
+
        float: left;
-
width: 480px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg');
-
height: 39px;
+
        background-repeat: no-repeat;
-
float: left;
+
        background-position: center;
-
padding: 0px;
+
background-color:rgba(0, 0, 255, 0.5);
-
text-align: left;
+
        padding: 0px;
-
margin-left: -10px;
+
height: 300px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
        -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;
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
 +
}
 +
 +
#contentt5-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
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 {
-
#PUFselectionmain a{
+
         width: 231px;
-
         text-align:center;
+
        float: left;
-
         margin-left:0px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
-
display:block;
+
         background-repeat: no-repeat;
-
         padding-bottom:10px;
+
        background-position: center;
-
         padding-top:10px;
+
background-color:rgba(0, 0, 255, 0.5);
-
        width: 480px;
+
         padding: 0px;
-
        height:100%;
+
height: 300px;
-
color:#ffffff;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
background:#F47F24;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
         font: 16px ;
+
box-shadow: 0 8px 6px -6px black;
-
text-decoration:none;
+
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%;
}
}
-
#PUFselectionmain li:hover a{  
+
#contentt7-topcenter {
-
background:#003C7D;
+
        width: 231px;
-
text-decoration:none;
+
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/e/e0/DAVID.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 300px;
 +
        -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%;
}
}
-
#PHATselectionmain{
+
#contentt8-topcenter {
-
list-style:none;
+
        width: 231px;
-
background-color: #EEEEEE;
+
        float: left;
-
width: 480px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
-
height: 39px;
+
        background-repeat: no-repeat;
-
float: right;
+
        background-position: center;
-
padding: 0px;
+
background-color:rgba(0, 0, 255, 0.5);
-
text-align: left;
+
        padding: 0px;
-
margin-right: -10px;
+
height: 300px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
        -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;
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
 +
}
 +
 +
#contentt9-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/b/bd/FERMIN.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
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%;
}
}
-
#PHATselectionmain a{
+
#contentt10-topcenter {
-
         text-align:center;
+
         width: 231px;
-
         margin-left:0px;
+
        float: left;
-
display:block;
+
        background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg);
-
         padding-bottom:10px;
+
         background-repeat: no-repeat;
-
         padding-top:10px;
+
        background-position: center;
-
        width: 480px;
+
background-color:rgba(0, 0, 255, 0.5);
-
        height:100%;
+
         padding: 0px;
-
color:#ffffff;
+
height: 300px;
-
background:#F47F24;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
         font: 16px ;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
text-decoration:none;
+
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%;
}
}
-
#PHATselectionmain li:hover a{  
+
#contentt11-topcenter {
-
background:#003C7D;
+
        width: 231px;
-
text-decoration:none;
+
        float: left;
-
}
+
        background-image:url('https://static.igem.org/mediawiki/2012/c/c5/IV%C3%81N.jpg');
-
 
+
         background-repeat: no-repeat;
-
#sponsorbox {
+
         background-position: center;
-
         width: 950px;
+
background-color:rgba(0, 0, 255, 0.5);
-
         float: center;
+
         padding: 0px;
-
background-color:#FFFFFF;
+
-
         padding: 25px;
+
height: 300px;
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 25px;
+
         margin-top: 20px;
-
margin-left: auto;
+
margin-left: 500;
margin-right: auto;   
margin-right: auto;   
 +
        font-size:150%;
}
}
-
#introduction {
+
 
-
         width: 950px;
+
#contentt12-topcenter {
-
         float: center;
+
         width: 231px;
-
background-color:#EEEEEE;
+
         float: left;
-
         padding: 25px;
+
 
-
height: 150px;
+
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
         padding: 0px;
 +
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 10px;
+
         margin-top: 20px;
-
margin-left: auto;
+
margin-left: 172px;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
/********************************************************************************************************************/
+
#contentt13-topcenter {
-
/* Team */
+
         width: 231px;
-
/********************************************************************************************************************/
+
         float: left;
-
 
+
        background-image:url(https://static.igem.org/mediawiki/2012/b/bf/JHORMAN.jpg);
-
#contentt1-topcenter {
+
        background-repeat: no-repeat;
-
         width: 1000px;
+
        background-position: center;
-
         float: center;
+
background-color:rgba(0, 0, 255, 0.5);
-
background-color:rgba(255, 0, 0, 0.8);
+
         padding: 0px;
         padding: 0px;
-
height: 350px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 415: Line 760:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 20px;
         margin-top: 20px;
-
margin-left: auto;
+
margin-left: 500;
margin-right: auto;   
margin-right: auto;   
-
         font-size:300%;
+
         font-size:150%;
}
}
-
#contentt2-topcenter {
+
#contentt14-topcenter {
-
         width: 480px;
+
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/1c/PEPE.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 432: Line 780:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 20px;
         margin-top: 20px;
-
margin-left: 172px;
+
margin-left: 500;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
#contentt3-topcenter {
+
#contentt15-topcenter {
-
         width: 480px;
+
         width: 231px;
-
         float: right;
+
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/8/8d/MARIANA.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 449: Line 800:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 20px;
         margin-top: 20px;
-
margin-left: auto;
+
margin-left: 500;
-
margin-right: 172px;   
+
margin-right: auto;   
-
         font-size:200%;
+
         font-size:150%;
}
}
-
#contentt4-topcenter {
+
 
 +
#contentt16-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg');
+
         background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.jpg);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 474: Line 826:
}
}
-
#contentt5-topcenter {
+
#contentt17-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
+
         background-image:url(https://static.igem.org/mediawiki/2012/1/1f/KARLA.jpg);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 494: Line 846:
}
}
-
#contentt6-topcenter {
+
#contentt18-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
+
         background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.jpg);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 514: Line 866:
}
}
-
#contentt7-topcenter {
+
#contentt19-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/6/6a/YAEL.jpg);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 533: Line 886:
}
}
-
#contentt8-topcenter {
+
#contentt20-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 551: Line 904:
         font-size:150%;
         font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Undergraduates*/
 +
/********************************************************************************************************************/
-
#contentt9-topcenter {
+
#contentu4-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg');
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 566: Line 923:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 20px;
         margin-top: 20px;
-
margin-left: 500;
+
margin-left: 172px;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
#contentt10-topcenter {
+
#contentu6-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
+
         background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 591: Line 948:
}
}
-
#contentt11-topcenter {
+
#contentu7-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url('https://static.igem.org/mediawiki/2012/b/bd/FERMIN.jpg');
+
         background-image:url('https://static.igem.org/mediawiki/2012/e/e0/DAVID.jpg');
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 611: Line 968:
}
}
-
 
+
#contentu8-topcenter {
-
#contentt12-topcenter {
+
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
         background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg);
+
         background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
-
background-color:rgba(255, 0, 0, 0.8);
+
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 250px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 632: Line 988:
}
}
-
#contentt13-topcenter {
+
#contentu9-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url('https://static.igem.org/mediawiki/2012/b/bd/FERMIN.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 649: Line 1,008:
}
}
-
#contentt14-topcenter {
+
#contentu13-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/b/bf/JHORMAN.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 666: Line 1,028:
}
}
-
#contentt15-topcenter {
+
#contentu14-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/1c/PEPE.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 683: Line 1,048:
}
}
 +
#contentu15-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/8/8d/MARIANA.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
 +
        padding: 0px;
 +
height: 300px;
 +
        -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 {
+
 
 +
#contentu16-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 701: Line 1,089:
}
}
-
#contentt17-topcenter {
+
#contentu19-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/6/6a/YAEL.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
 +
        -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%;
 +
}
 +
/********************************************************************************************************************/
 +
/*Advisors*/
 +
/********************************************************************************************************************/
 +
#contenta10-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(0, 255, 0, 0.5);
 +
        padding: 0px;
 +
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 718: Line 1,131:
}
}
-
#contentt18-topcenter {
+
#contenta11-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url('https://static.igem.org/mediawiki/2012/c/c5/IV%C3%81N.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 735: Line 1,151:
}
}
-
#contentt19-topcenter {
+
#contenta17-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/1f/KARLA.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 752: Line 1,171:
}
}
-
#contentt20-topcenter {
+
#contenta20-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 768: Line 1,189:
         font-size:150%;
         font-size:150%;
}
}
-
 
+
/********************************************************************************************************************/
-
#contentt21-topcenter {
+
/*Instructors*/
 +
/********************************************************************************************************************/
 +
#contenti5-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 786: Line 1,212:
}
}
-
#contentt22-topcenter {
+
#contenti12-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
 
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 798: Line 1,227:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 20px;
         margin-top: 20px;
-
margin-left: 500;
+
margin-left: 172px;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
#contentt23-topcenter {
+
#contenti18-topcenter {
         width: 231px;
         width: 231px;
         float: left;
         float: left;
-
background-color:rgba(255, 0, 0, 0.8);
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 255, 0, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 100px;
+
height: 300px;
         -webkit-box-shadow: 0 8px 6px -6px black;
         -webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
Line 819: Line 1,251:
         font-size:150%;
         font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Project */
 +
/********************************************************************************************************************/
 +
 +
#project1 {
 +
        width: 1000px;
 +
        float: center;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center bottom;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 520px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#project2 {
 +
        width: 1000px;
 +
        float: center;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center bottom;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 510px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#project3 {
 +
        width: 1000px;
 +
        float: center;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center bottom;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 490px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
/********************************************************************************************************************/
/********************************************************************************************************************/
/* Notebook */
/* Notebook */
/********************************************************************************************************************/
/********************************************************************************************************************/
 +
#contentn5-topcenter {
 +
        width: 300px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 300px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
-
#contentn1-topcenter {
+
#contentn6-topcenter {
 +
        width: 300px;
 +
        float: right;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 300px; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentn7-topcenter {
         width: 300px;
         width: 300px;
         float: left;
         float: left;
-
        background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.png');
+
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 834: Line 1,366:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 845: Line 1,377:
}
}
-
#contentn2-topcenter {
+
#contentn8-topcenter {
         width: 300px;
         width: 300px;
         float: right;
         float: right;
-
        background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.png');
+
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 854: Line 1,386:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 862: Line 1,394:
margin-left: auto;
margin-left: auto;
margin-right: 300px;   
margin-right: 300px;   
 +
        font-size:150%;
 +
}
 +
 +
#contentn9-topcenter {
 +
        width: 300px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 300px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentn10-topcenter {
 +
        width: 300px;
 +
        float: right;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 300px; 
 +
        font-size:150%;
 +
}
 +
 +
#contentn11-topcenter {
 +
        width: 300px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 300px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentn12-topcenter {
 +
        width: 300px;
 +
        float: right;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 255, 255, 0);
 +
        padding: 0px;
 +
height: 300px;
 +
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
 +
border: 10px solid rgba(255, 255, 255,0);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 300px; 
 +
        font-size:150%;
 +
}
 +
 +
/********************************************************************************************************************/
 +
/* week1 */
 +
/********************************************************************************************************************/
 +
#contentw1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* week5 */
 +
/********************************************************************************************************************/
 +
#contentw5-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 350px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* week6 */
 +
/********************************************************************************************************************/
 +
#contentw6-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 500px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* Modeling */
 +
/********************************************************************************************************************/
 +
 +
#contentmo1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 600px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
/********************************************************************************************************************/
 +
/* Modeling1 */
 +
/********************************************************************************************************************/
 +
#contentmod1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 600px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* Modeling2 */
 +
/********************************************************************************************************************/
 +
#contentmod2-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 600px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* Modeling3 */
 +
/********************************************************************************************************************/
 +
#contentmod3-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 600px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
/********************************************************************************************************************/
 +
/* Protocols */
 +
/********************************************************************************************************************/
 +
#contentpro1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 0px;
 +
height: 600px;
 +
        -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}

Latest revision as of 15:12, 8 September 2012

Header

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