Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(417 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
#globalwrapper {
+
#globalwrapper  
 +
    {
     width:1000px;
     width:1000px;
-
     padding:0px 0px;
+
     padding:0px 0px ;
     margin: 0 auto;
     margin: 0 auto;
-
     background-image:url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
+
     background-image:url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
     background-attachment: fixed;
     background-attachment: fixed;
     background-position: center;
     background-position: center;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
body {
+
 
 +
body  
 +
    {
     background: #CECECE;
     background: #CECECE;
-
     background-image: url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
+
     background-image: url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
     background-attachment: fixed;
     background-attachment: fixed;
     background-position: center;
     background-position: center;
     height:100%;
     height:100%;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
.firstHeading {
+
 
 +
.firstHeading  
 +
    {
     height:0px;
     height:0px;
     visibility:hidden;
     visibility:hidden;
-
}
+
    }
-
#p-logo {
+
#p-logo  
 +
    {
     height:0px;
     height:0px;
     overflow:hidden;
     overflow:hidden;
     display: none;
     display: none;
-
}
+
    }
-
#search-controls {
+
#search-controls  
-
display:none;
+
    {
-
margin-top:0px;
+
    display:none;
-
}
+
    margin-top:0px;
 +
    }
-
#content{
+
#content
 +
    {
     visibility: hidden;
     visibility: hidden;
-
}
+
    }
-
#top-section {
+
#top-section  
-
     background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png');
+
    {
-
     background-color:rgba(255, 0, 0, 0.6);
+
     background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png');
 +
     background-color:rgba(0, 0, 255, 0.4);
     background-position: top;
     background-position: top;
     width:1000px;
     width:1000px;
Line 51: 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(192, 192, 192,0.6);
+
     border: 10px solid rgba( 255, 255, 255,0.4);
     background-clip: padding-box;
     background-clip: padding-box;
     margin-top: 20px;
     margin-top: 20px;
     margin-bottom: -50px;
     margin-bottom: -50px;
-
}
+
    }
-
 
+
#menubar  
-
#menubar {  
+
    {  
     color: white;
     color: white;
     background-color: transparent;  
     background-color: transparent;  
-
}
+
    }
-
#menubar ul li a {  
+
 
 +
#menubar ul li a  
 +
    {  
     color: white;  
     color: white;  
     background-color: transparent;
     background-color: transparent;
-
}
+
    }
-
.right-menu li a {
+
.right-menu li a  
 +
    {
     color: white;
     color: white;
     background-color: transparent;
     background-color: transparent;
-
}
+
    }
/* Header */
/* Header */
-
#wrapper {
+
#wrapper  
-
width: 1000px;
+
    {
-
height: 100%;
+
    width: 1000px;
-
float: center;
+
    height: 100%;
-
padding-left: 0%;
+
    float: center;
-
padding-right: 0%;
+
    padding-left: 0%;
-
        padding-top: 1%;
+
    padding-right: 0%;
-
        background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
+
    padding-top: 1%;
-
background-attachment: fixed;
+
    background-image:url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
-
        background-position: center;
+
    background-attachment: fixed;
-
        }
+
    background-position: center;
 +
    }
-
#header {
+
#header  
-
        width: 750px;
+
    {
-
        float: center;
+
    width: 750px;
-
background-color:#FFE4C4;
+
    float: center;
-
height: 150px;
+
    background-color: #FFE4C4;
-
        -webkit-box-shadow: 0 8px 6px -6px black;
+
    height: 150px;
-
-moz-box-shadow: 0 8px 6px -6px black;
+
    -webkit-box-shadow: 0 8px 6px -6px black;
-
box-shadow: 0 8px 6px -6px black;
+
    -moz-box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
    box-shadow: 0 8px 6px -6px black;
-
background-clip: padding-box;
+
    border: 10px solid rgba(255, 255, 255,0.4);
-
margin-left: auto;
+
    background-clip: padding-box;
-
margin-right: auto;  
+
    margin-left: auto;
-
        }
+
    margin-right: auto;  
 +
    }
-
img {
+
img  
-
border: none;
+
    {
-
}
+
    border: none;
 +
    }
-
#headernavigation{
+
#headernavigation
-
        width: 1000px;
+
    {
 +
    width:1000px;
 +
    float:center;
 +
    background-color: transparent;
 +
    height:60px;
 +
    margin-left: auto;
 +
    margin-right: auto; 
 +
    margin-top: 10px; 
 +
    margin-bottom: 10px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar
 +
    {
 +
    list-style:none;
 +
    font-weight:bold;
 +
    float:left;
 +
    width:100%;
 +
    margin:0;
 +
    padding:0;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li
 +
    {
 +
    float:left;
 +
    position:relative;
 +
    text-align:center;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar a
 +
    {
 +
    margin-left:0px;
 +
    display:block;
 +
    padding-bottom:5px;
 +
    padding-top:5px;
 +
    width: 166.5px;
 +
    color:#ffffff;
 +
    background:rgba(0, 128, 0, 0.5);
 +
    font: bold 16px Times New Roman;
 +
    z-index: 2;
 +
    }
 +
 
 +
#headernavbar a:hover
 +
    {
 +
    color:#ffffff;
 +
    background:rgba(0, 0, 255, 0.2);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar ul
 +
    {
 +
    background:rgba(0, 0, 255, 0.2);
 +
    list-style:none;
 +
    position:absolute;
 +
    left:-9999px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar ul li
 +
    {
 +
    padding-top:0px;
 +
    float:none;
 +
    margin-top:-3px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar ul a
 +
    {
 +
    white-space:nowrap;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li:hover ul
 +
    {
 +
    left: -15px;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li:hover a
 +
    {
 +
    background:rgba(0, 0, 255, 0.5);
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li:hover ul a
 +
    {
 +
    text-decoration:none;
 +
    z-index: 2; 
 +
    }
 +
 
 +
#headernavbar li:hover ul li a:hover
 +
    {
 +
    background:rgba(0, 0, 255, 0.2);
 +
    z-index: 2; 
 +
    }
 +
 
 +
/* Footer */
 +
 
 +
#footer-box {
         float: center;
         float: center;
-
background-color: transparent;
+
        overflow: hidden;
-
height: 60px;
+
        display: block;
-
margin-left: auto;
+
        background-color: rgba(0, 0, 255, 0.5);
-
margin-right: auto;
+
        width: 1000px;
-
         margin-top: -49px;  
+
        height: 50px;
-
         margin-bottom: 10px;  
+
        font-weight: normal;
-
         z-index: 2;
+
        font-style: normal;
 +
         font-size: 10px;
 +
        margin-left: auto;
 +
         margin-right: auto;
 +
         margin-top: 20px;
         }
         }
-
#headernavbar{
+
#catlinks {
-
list-style:none;
+
         visibility: hidden;
-
font-weight:bold;
+
-
float:left;
+
-
width:100%;
+
-
        margin:0;
+
-
        padding:0;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li{
+
-
        float:left;
+
-
position:relative;
+
-
        text-align:center;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar a{
+
-
        margin-left:0px;
+
-
display:block;
+
-
        padding-bottom:10px;
+
-
        padding-top:10px;
+
-
        width: 100px;
+
-
color:#ffffff;
+
-
background:#F47F24;
+
-
        font: bold 16px Arial;
+
-
        z-index: 2; 
+
-
 
+
-
}
+
-
#headernavbar a:hover{
+
-
color:#ffffff;
+
-
background:#003C7D;
+
-
text-decoration:none;
+
-
         z-index: 2;
+
}
}
-
#headernavbar ul{
+
#footer {
-
background: #003C7D;
+
         }
-
list-style:none;
+
/********************************************************************************************************************/
-
position:absolute;
+
-
left:-9999px;
+
-
         z-index: 2; 
+
-
}
+
-
#headernavbar ul li{
+
-
padding-top:0px;
+
-
float:none;
+
-
        margin-top:-3px;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar ul a{
+
-
white-space:nowrap;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover ul{
+
-
left: -15px;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover a{
+
-
background:#003C7D;
+
-
text-decoration:none;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover ul a{
+
-
text-decoration:none;
+
-
        z-index: 2; 
+
-
}
+
-
#headernavbar li:hover ul li a:hover{
+
-
background:#F47F24;
+
-
        z-index: 2; 
+
-
}
+
-
 
+
-
 
+
/* 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 237: 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 245: Line 324:
}
}
-
#selectioncontainermain{
+
/********************************************************************************************************************/
-
        width: 1000px;
+
/* Team */
-
height: 40px;
+
/********************************************************************************************************************/
-
text-align: center;
+
-
padding-left: 0px;
+
-
padding-right:0px;
+
-
margin-left: auto;
+
-
margin-right:auto;
+
-
        margin-top: 25px;
+
-
        margin-bottom:20px;
+
-
float: center;
+
-
}
+
-
#sponsorbox {
+
/********************************************************************************************************************/
-
         width: 950px;
+
/* 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;
         float: center;
         float: center;
-
background-color:#FFFFFF;
+
        background-image:url('https://static.igem.org/mediawiki/2012/a/a6/Team1.jpg');
-
         padding: 25px;
+
        background-repeat: no-repeat;
-
height: 225px;
+
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
         padding: 0px;
 +
height: 700px;
         -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: auto;
margin-right: auto;   
margin-right: auto;   
 +
        font-size:300%;
}
}
-
#intro {
+
#contentt4-topcenter {
-
         width: 950px;
+
         width: 231px;
-
         float: center;
+
         float: left;
-
background-color:#EEEEEE;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg');
-
         padding: 25px;
+
        background-repeat: no-repeat;
-
height: 150px;
+
        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%;
}
}
-
/* Notebook */
+
#contentt5-topcenter {
-
 
+
        width: 231px;
-
/* Protocol Section*/
+
        float: left;
-
 
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
-
#protocol-container{
+
        background-repeat: no-repeat;
-
width: 1000px;
+
        background-position: center;
-
height: 100%;
+
background-color:rgba(0, 0, 255, 0.5);
-
text-align: center;
+
        padding: 0px;
-
padding-left: 0px;
+
height: 300px;
-
padding-right:0px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
margin-left: auto;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
margin-right:auto;
+
box-shadow: 0 8px 6px -6px black;
-
         margin-top: 25px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
float: center;
+
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto;
 +
         font-size:150%;
}
}
-
#protocolselection{
+
#contentt6-topcenter {
-
         margin-top: -15px;
+
         width: 231px;
-
        background-color:#EEEEEE;
+
        float: left;
-
width: 250px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
-
height: 100%;
+
        background-repeat: no-repeat;
-
float: left;
+
        background-position: center;
-
padding-top: 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);
+
-
background-clip: padding-box;
+
         -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%;
         font-size:150%;
}
}
-
#protocolselection li{
+
#contentt7-topcenter {
-
         list-style:none;
+
         width: 231px;
-
         float:left;
+
         float: left;
-
         margin:0px;  
+
         background-image:url('https://static.igem.org/mediawiki/2012/e/e0/DAVID.jpg');
-
         padding:0px;
+
        background-repeat: no-repeat;
-
         width:100%;
+
        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%;
}
}
-
#protocolselection a {
+
#contentt8-topcenter {
-
cursor: pointer;
+
        width: 231px;
-
display:block;
+
        float: left;
-
height:25px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
-
line-height: 25px;
+
        background-repeat: no-repeat;
-
         text-align:center;    
+
        background-position: center;
-
text-decoration:none;
+
background-color:rgba(0, 0, 255, 0.5);
-
width:100%;
+
        padding: 0px;
-
color:#ffffff;
+
height: 300px;
-
background:#F47F24;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
         padding-top: 10px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
         font: bold 13px Arial;
+
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%;
}
}
-
#protocolselection li:hover a{
+
#contentt9-topcenter {
-
background:#003C7D;
+
        width: 231px;
-
text-decoration:none;
+
        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;
 +
-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%;
}
}
-
#protocoloverview {
+
#contentt10-topcenter {
-
background-color: #EEEEEE;
+
        width: 231px;
-
width: 665px;
+
        float: left;
-
height: 100%;
+
        background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg);
-
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: -15px;
+
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: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt11-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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, 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%;
         font-size:150%;
}
}
-
/*Protocol Section End*/
 
-
/*Meeting Notes*/
+
#contentt12-topcenter {
-
#meetingcontainer{
+
        width: 231px;
-
width: 1000px;
+
         float: left;
-
height: 100%;
+
-
text-align: center;
+
-
padding-left: 0px;
+
-
padding-right:0px;
+
-
margin-left: auto;
+
-
margin-right:auto;
+
-
         margin-top: 5px;
+
-
float: center;
+
-
}
+
-
#meetingintro{
+
         background-repeat: no-repeat;
-
         width: 950px;
+
         background-position: center;
-
         float: center;
+
background-color:rgba(0, 0, 255, 0.5);
-
background-color:#EEEEEE;
+
         padding: 0px;
-
         padding-left: 25px;
+
height: 300px;
-
        padding-right: 25px;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
         padding-top: 00px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
        padding-bottom: 25px;
+
box-shadow: 0 8px 6px -6px black;
-
height: 20px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
border: 10px solid rgba(255, 255, 255,0.4);
+
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 10px;
+
         margin-top: 20px;
-
margin-left: -10px;
+
margin-left: 172px;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
 
+
#contentt13-topcenter {
-
#meetingselection1{
+
         width: 231px;
-
         list-style:none;
+
        float: left;
-
         background-color:#EEEEEE;
+
        background-image:url(https://static.igem.org/mediawiki/2012/b/bf/JHORMAN.jpg);
-
width: 184px;
+
         background-repeat: no-repeat;
-
height: 100%;
+
        background-position: center;
-
float: left;
+
background-color:rgba(0, 0, 255, 0.5);
-
padding-top: 0px;
+
        padding: 0px;
-
text-align: left;
+
height: 300px;
-
margin-left: -10px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-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;
-
         font-size:100%;
+
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
         font-size:150%;
}
}
-
#meetingselection2{
+
#contentt14-topcenter {
-
         list-style:none;
+
         width: 231px;
-
         background-color:#EEEEEE;
+
        float: left;
-
width: 184px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/1c/PEPE.png);
-
height: 100%;
+
         background-repeat: no-repeat;
-
float: left;
+
        background-position: center;
-
padding-top: 0px;
+
background-color:rgba(0, 0, 255, 0.5);
-
text-align: left;
+
        padding: 0px;
-
margin-left: 0px;
+
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;
-
         font-size:100%;
+
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
         font-size:150%;
}
}
-
#meetingselection3{
+
 
-
         list-style:none;
+
#contentt15-topcenter {
-
         background-color:#EEEEEE;
+
         width: 231px;
-
width: 184px;
+
        float: left;
-
height: 100%;
+
        background-image:url(https://static.igem.org/mediawiki/2012/8/8d/MARIANA.jpg);
-
float: left;
+
         background-repeat: no-repeat;
-
padding-top: 0px;
+
        background-position: center;
-
text-align: left;
+
background-color:rgba(0, 0, 255, 0.5);
-
margin-left: 0px;
+
        padding: 0px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
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;
background-clip: padding-box;
-
         font-size:100%;
+
         margin-top: 20px;
-
}
+
margin-left: 500;
-
#meetingselection4{
+
margin-right: auto;
-
        list-style:none;
+
         font-size:150%;
-
        background-color:#EEEEEE;
+
-
width: 184px;
+
-
height: 100%;
+
-
float: left;
+
-
padding-top: 0px;
+
-
text-align: left;
+
-
margin-left: 0px;
+
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-
background-clip: padding-box;
+
-
        font-size:100%;
+
-
}
+
-
#meetingselection5{
+
-
        list-style:none;
+
-
        background-color:#EEEEEE;
+
-
width: 184px;
+
-
height: 100%;
+
-
float: left;
+
-
padding-top: 0px;
+
-
text-align: left;
+
-
margin-left: 0px;
+
-
        margin-right:-10px;
+
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-
background-clip: padding-box;
+
-
         font-size:100%;
+
}
}
-
#meetingselection1 li{
 
-
        list-style:none;
 
-
        margin: 0px;
 
-
        width: 100%;
 
-
    }
 
-
#meetingselection2 li{
+
#contentt16-topcenter {
-
         list-style:none;
+
         width: 231px;
-
         margin: 0px;
+
         float: left;
-
         width: 100%;
+
         background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.jpg);
-
}
+
        background-repeat: no-repeat;
-
#meetingselection3 li{
+
         background-position: center;
-
         list-style:none;
+
background-color:rgba(0, 0, 255, 0.5);
-
         margin: 0px;
+
         padding: 0px;
-
        width: 100%;
+
height: 300px;
-
}
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
#meetingselection4 li{
+
-moz-box-shadow: 0 8px 6px -6px black;
-
         list-style:none;
+
box-shadow: 0 8px 6px -6px black;
-
        margin: 0px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
        width: 100%;
+
background-clip: padding-box;
-
}
+
         margin-top: 20px;
-
#meetingselection5 li{
+
margin-left: 172px;
-
         list-style:none;
+
margin-right: auto; 
-
        margin: 0px;
+
         font-size:150%;
-
         width: 100%;
+
}
}
-
#meetingselection ul{
+
#contentt17-topcenter {
-
         list-style:none;
+
         width: 231px;
-
         float:left;
+
         float: left;
-
         margin:0px;  
+
         background-image:url(https://static.igem.org/mediawiki/2012/1/1f/KARLA.jpg);
-
         padding:0px;
+
        background-repeat: no-repeat;
-
         width:100%;
+
        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%;
}
}
-
.meetingselection a {
+
#contentt18-topcenter {
-
         list-style:none;
+
         width: 231px;
-
cursor: pointer;
+
        float: left;
-
display:block;
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.jpg);
-
height:20px;
+
        background-repeat: no-repeat;
-
         width: 100%;
+
        background-position: center;
-
line-height: 25px;
+
background-color:rgba(0, 0, 255, 0.5);
-
         text-align:center;    
+
         padding: 0px;
-
text-decoration:none;
+
height: 300px;
-
width:100%;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
color:#ffffff;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
background:#F47F24;
+
box-shadow: 0 8px 6px -6px black;
-
         padding-top: 5px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
         font: bold 13px Arial;
+
background-clip: padding-box;
 +
         margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
         font-size:150%;
}
}
-
.meetingselection li:hover a{
+
#contentt19-topcenter {
-
         list-style:none;
+
        width: 231px;
-
         width: 100%;
+
        float: left;
-
background:#003C7D;
+
        background-image:url(https://static.igem.org/mediawiki/2012/6/6a/YAEL.jpg);
-
text-decoration:none;
+
        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%;
}
}
-
#meetingoverview {
+
#contentt20-topcenter {
-
background-color: #EEEEEE;
+
        width: 231px;
-
width: 950px;
+
        float: left;
-
height: 100%;
+
        background-repeat: no-repeat;
-
float: left;
+
        background-position: center;
-
padding: 25px;
+
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);
+
-
background-clip: padding-box;
+
         -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: 172px;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Undergraduates*/
 +
/********************************************************************************************************************/
-
 
+
#contentu4-topcenter {
-
#notebook-container{
+
        width: 231px;
-
width: 1000px;
+
        float: left;
-
height: 350px;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.jpg');
-
text-align: center;
+
        background-repeat: no-repeat;
-
padding-left: 0px;
+
        background-position: center;
-
padding-right:0px;
+
background-color:rgba(0, 255, 0, 0.5);
-
margin-left: auto;
+
        padding: 0px;
-
margin-right:auto;
+
height: 300px;
-
         margin-top: 25px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
float: center;
+
-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%;
}
}
-
#notebook-content{
+
#contentu6-topcenter {
-
         width: 1000px;
+
         width: 231px;
-
         float: center;
+
         float: left;
-
background-color:#EEEEEE;
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.jpg');
-
height: 150px;
+
        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;
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;
-
        padding-top:50px;
+
         margin-top: 20px;
-
         margin-top: 25px;
+
margin-left: 500;
-
margin-left: -10px;
+
margin-right: auto;   
margin-right: auto;   
 +
        font-size:150%;
}
}
-
/* Footer */
+
#contentu7-topcenter {
-
 
+
        width: 231px;
-
#footer-box {
+
         float: left;
-
         float: center;
+
         background-image:url('https://static.igem.org/mediawiki/2012/e/e0/DAVID.jpg');
-
         overflow: hidden;
+
         background-repeat: no-repeat;
-
         display: block;
+
         background-position: center;
-
         background-color: #EEEEEE;
+
background-color:rgba(0, 255, 0, 0.5);
-
         width: 1010px;
+
         padding: 0px;
-
        height: 50px;
+
height: 300px;
-
         font-weight: normal;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
        font-style: normal;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
        font-size: 10px;
+
box-shadow: 0 8px 6px -6px black;
-
         margin-left: auto;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
        margin-right: auto;
+
background-clip: padding-box;
-
         }
+
         margin-top: 20px;
-
 
+
margin-left: 500;
-
#catlinks {
+
margin-right: auto;
-
        visibility: hidden;
+
         font-size:150%;
}
}
-
#footer {
+
#contentu8-topcenter {
-
         }
+
         width: 231px;
-
 
+
        float: left;
-
/* Team */
+
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.jpg');
-
 
+
        background-repeat: no-repeat;
-
#aboutus{
+
        background-position: center;
-
width: 1000px;
+
background-color:rgba(0, 255, 0, 0.5);
-
height: 100%;
+
        padding: 0px;
-
text-align: center;
+
height: 300px;
-
padding-left: 0px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
padding-right:0px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
margin-left: auto;
+
box-shadow: 0 8px 6px -6px black;
-
margin-right:auto;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
         margin-top: 0px;
+
background-clip: padding-box;
-
float: center;
+
         margin-top: 20px;
-
         font: bold 13px Arial;
+
margin-left: 172px;
 +
margin-right: auto; 
 +
         font-size:150%;
}
}
-
#abt1{
+
#contentu9-topcenter {
-
padding-top:-50px;
+
        width: 231px;
-
margin-top:-50px;
+
        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, 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%;
}
}
-
#abt2{
+
#contentu13-topcenter {
-
padding-top:-50px;
+
        width: 231px;
-
margin-top:-50px;
+
        float: left;
 +
        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;
 +
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%;
}
}
-
#abt3{
+
#contentu14-topcenter {
-
padding-top:-50px;
+
        width: 231px;
-
margin-top:-50px;
+
        float: left;
 +
        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;
 +
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%;
}
}
-
#aboutusmenu{
+
#contentu15-topcenter {
-
    background-color: #003C7D;
+
        width: 231px;
-
    width: 1000px;
+
        float: left;
-
    height: 40px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/8/8d/MARIANA.jpg);
-
    float: left;
+
        background-repeat: no-repeat;
-
    text-align: left;
+
        background-position: center;
-
    margin-top: -74px;
+
background-color:rgba(0, 255, 0, 0.5);
-
    margin-left: -10px;
+
        padding: 0px;
-
    padding:0px;
+
height: 300px;
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
    background-clip: padding-box;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px black;
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
    box-shadow: 0 8px 6px -6px black;
+
background-clip: padding-box;
-
    list-style: none;
+
        margin-top: 20px;
-
    font: bold 16px Arial;
+
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
}
}
-
#aboutusmenu li{
 
-
list-style-type:none;
 
-
margin:0;
 
-
padding:0;
 
-
float:center;
 
-
margin-left: 50px;
 
-
margin-right: auto;
 
-
}
 
-
#aboutusmenu a {
+
#contentu16-topcenter {
-
    cursor: pointer;
+
        width: 231px;
-
    float:left;
+
        float: left;
-
    height:30px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.jpg);
-
    text-align:center;    
+
        background-repeat: no-repeat;
-
    text-decoration:none;
+
        background-position: center;
-
    width:300px;
+
background-color:rgba(0, 255, 0, 0.5);
-
    background:#003C7D;
+
        padding: 0px;
-
    font: bold 15px Arial;
+
height: 300px;
-
    padding-top:10px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
    margin-top: 0px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
    margin-left: auto;
+
box-shadow: 0 8px 6px -6px black;
-
    margin-right: auto;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
    color:#ffffff;
+
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto;
 +
        font-size:150%;
}
}
-
#aboutusmenu a:hover {
+
#contentu19-topcenter {
-
    background:#F47F24;
+
        width: 231px;
-
    text-decoration:none;
+
        float: left;
 +
        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;
 +
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%;
}
}
-
#aboutusmenu a:active {
+
/********************************************************************************************************************/
-
    color:white;
+
/*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;
 +
-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%;
}
}
-
#aboutusdescription{
+
#contenta11-topcenter {
-
    background-color: #EEEEEE;
+
        width: 231px;
-
    width: 950px;
+
        float: left;
-
    height: 100%;
+
        background-image:url('https://static.igem.org/mediawiki/2012/c/c5/IV%C3%81N.jpg');
-
    float: center;
+
        background-repeat: no-repeat;
-
    text-align: left;
+
        background-position: center;
-
    padding-left: 25px;
+
background-color:rgba(0, 255, 0, 0.5);
-
    padding-right: 25px;
+
        padding: 0px;
-
    margin-top: 85px;
+
height: 300px;
-
    margin-right: 0px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
    margin-left: -10px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
box-shadow: 0 8px 6px -6px black;
-
    background-clip: padding-box;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
background-clip: padding-box;
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
        margin-top: 20px;
-
    box-shadow: 0 8px 6px -6px black;
+
margin-left: 500;
-
    list-style: none;
+
margin-right: auto; 
 +
        font-size:150%;
}
}
-
/*Undergrad Section*/
+
#contenta17-topcenter {
-
 
+
        width: 231px;
-
table{
+
        float: left;
-
      background-color:#EEEEEE;
+
        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;
 +
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%;
}
}
-
#undergradintro{
+
#contenta20-topcenter {
-
         width: 950px;
+
         width: 231px;
-
         float: center;
+
         float: left;
-
background-color:#EEEEEE;
+
        background-repeat: no-repeat;
-
         padding-top: 0px;
+
        background-position: center;
-
        padding-left: 25px;
+
background-color:rgba(0, 255, 0, 0.5);
-
         padding-right: 25px;
+
         padding: 0px;
-
        padding-bottom: 15px;
+
height: 300px;
-
height: 50px;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-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: 5px;
+
         margin-top: 20px;
-
margin-left: auto;
+
margin-left: 172px;
-
margin-right: auto;  
+
margin-right: auto;
-
         margin-bottom:0px;  
+
         font-size:150%;
}
}
-
 
+
/********************************************************************************************************************/
-
#undergradsmenu a {
+
/*Instructors*/
-
    cursor: pointer;
+
/********************************************************************************************************************/
-
    display:block;
+
#contenti5-topcenter {
-
    float:left;
+
        width: 231px;
-
    height:24.6px;
+
        float: left;
-
    text-align:center;    
+
        background-image:url('https://static.igem.org/mediawiki/2012/4/49/BADILLO.jpg');
-
    text-decoration:none;
+
        background-repeat: no-repeat;
-
    width:100%;
+
        background-position: center;
-
    color:#ffffff;
+
background-color:rgba(0, 255, 0, 0.5);
-
    background:#F47F24;
+
        padding: 0px;
-
    padding-top: 10px;
+
height: 300px;
-
    font: bold 13px Arial;
+
        -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%;
}
}
-
#undergradsmenu a:hover {
+
#contenti12-topcenter {
-
    background:#003C7D;
+
        width: 231px;
-
    text-decoration:none;
+
        float: left;
-
}
+
-
#undergradsmenu a:active {
+
-
    color:white;
+
-
}
+
-
#undergradmembers {
+
        background-repeat: no-repeat;
-
width: 1000px;
+
        background-position: center;
-
height: 100%;
+
background-color:rgba(0, 255, 0, 0.5);
-
text-align: center;
+
        padding: 0px;
-
padding-left: 0px;
+
height: 300px;
-
padding-right:0px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
margin-left: auto;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
margin-right:auto;
+
box-shadow: 0 8px 6px -6px black;
-
         margin-top: -20px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
float: center;
+
background-clip: padding-box;
-
         font: bold 13px Arial;
+
         margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
         font-size:150%;
}
}
-
#undergradsmenu {
+
#contenti18-topcenter {
-
    background-color: #F47F24;
+
        width: 231px;
-
    width: 160px;
+
        float: left;
-
    height: 310px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.jpg);
-
    float: left;
+
        background-repeat: no-repeat;
-
    text-align: left;
+
        background-position: center;
-
    margin-top: 20px;
+
background-color:rgba(0, 255, 0, 0.5);
-
    margin-left: -10px;
+
        padding: 0px;
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
height: 300px;
-
    background-clip: padding-box;
+
        -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);
-
    list-style: none;
+
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Project */
 +
/********************************************************************************************************************/
-
#description {
+
#project1 {
-
    background-color: #EEEEEE;
+
        width: 1000px;
-
    width: 815px;
+
        float: center;
-
    height: 300px;
+
        background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png);
-
    float: left;
+
        background-repeat: no-repeat;
-
    text-align: left;
+
        background-position: center bottom;
-
    margin-top: 20px;
+
background-color:rgba(0, 0, 255, 0.5);
-
    margin-right: -20px;
+
        padding: 0px;
-
    margin-left: 0px;
+
height: 520px;
-
    padding-top: 0px;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
    padding-bottom: 10px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
    padding-left:0px;
+
box-shadow: 0 8px 6px -6px black;
-
    padding-right: 5px;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
background-clip: padding-box;
-
    background-clip: padding-box;
+
        margin-top: 60px;
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
margin-left: auto;
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
margin-right: auto; 
-
    box-shadow: 0 8px 6px -6px black;
+
        font-size:150%;
-
    list-style: none;
+
}
}
-
/* Advisors Section */
+
#project2 {
-
 
+
         width: 1000px;
-
#advisorsintro{
+
-
         width: 950px;
+
         float: center;
         float: center;
-
background-color:#EEEEEE;
+
        background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png);
-
         padding-top: 0px;
+
         background-repeat: no-repeat;
-
         padding-left: 25px;
+
         background-position: center bottom;
-
        padding-right: 25px;
+
background-color:rgba(0, 0, 255, 0.5);
-
         padding-bottom: 20px;
+
         padding: 0px;
-
height: 50px;
+
height: 510px;
         -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: 60px;
margin-left: auto;
margin-left: auto;
-
margin-right: auto;  
+
margin-right: auto;
-
         margin-bottom:10px;  
+
         font-size:150%;
}
}
-
#advisorsmenu a {
+
#project3 {
-
    cursor: pointer;
+
        width: 1000px;
-
    display:block;
+
        float: center;
-
    float:left;
+
        background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png);
-
    height:24.6px;
+
        background-repeat: no-repeat;
-
    text-align:center;    
+
        background-position: center bottom;
-
    text-decoration:none;
+
background-color:rgba(0, 0, 255, 0.5);
-
    width:100%;
+
        padding: 0px;
-
    color:#ffffff;
+
height: 490px;
-
    background:#F47F24;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
    padding-top: 10px;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
    font: bold 13px Arial;
+
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%;
}
}
-
#advisorsmenu a:hover {
+
/********************************************************************************************************************/
-
    background:#003C7D;
+
/* Notebook */
-
    text-decoration:none;
+
/********************************************************************************************************************/
-
}
+
#contentn5-topcenter {
-
#advisorsmenu a:active {
+
        width: 300px;
-
    color:white;
+
        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%;
}
}
-
#advisors {
+
#contentn6-topcenter {
-
width: 1000px;
+
        width: 300px;
-
height: 100%;
+
        float: right;
-
text-align: center;
+
        background-repeat: no-repeat;
-
padding-left: 0px;
+
        background-position: center;
-
padding-right:0px;
+
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-left: auto;
-
margin-right:auto;
+
margin-right: 300px;
-
         margin-top: -20px;
+
         font-size:150%;
-
float: center;
+
-
        font: bold 13px Arial;
+
}
}
-
#advisorsmenu {
+
#contentn7-topcenter {
-
    background-color: #EEEEEE;
+
        width: 300px;
-
    width: 150px;
+
        float: left;
-
    height: 450px;
+
-
    float: left;
+
-
    text-align: left;
+
-
    margin-top: 20px;
+
-
    margin-left: -10px;
+
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
-
    background-clip: padding-box;
+
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
-
    box-shadow: 0 8px 6px -6px black;
+
-
    list-style: none;
+
-
}
+
-
#advisorsdescription {
+
        background-repeat: no-repeat;
-
    background-color: #EEEEEE;
+
        background-position: center;
-
    width: 815px;
+
background-color:rgba(255, 255, 255, 0);
-
    height: 300px;
+
        padding: 0px;
-
    float: left;
+
height: 300px;
-
    text-align: left;
+
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
    margin-top: -450px;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
    margin-right: -10px;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
    margin-left: 170px;
+
border: 10px solid rgba(255, 255, 255,0);
-
    padding-top: 0px;
+
background-clip: padding-box;
-
    padding-bottom: 10px;
+
        margin-top: 20px;
-
    padding-left:0px;
+
margin-left: 300px;
-
    padding-right: 5px;
+
margin-right: auto;
-
    border: 10px solid rgba(255, 255, 255,0.4);
+
        font-size:150%;
-
    background-clip: padding-box;
+
-
    -webkit-box-shadow: 0 8px 6px -6px black;
+
-
    -moz-box-shadow: 0 8px 6px -6px black;
+
-
    box-shadow: 0 8px 6px -6px black;
+
-
    list-style: none;
+
}
}
 +
#contentn8-topcenter {
 +
        width: 300px;
 +
        float: right;
-
/* Projects */
+
        background-repeat: no-repeat;
-
 
+
        background-position: center;
-
#overviewcontainer{
+
background-color:rgba(255, 255, 255, 0);
-
width: 1000px;
+
        padding: 0px;
-
height: 350px;
+
height: 300px;
-
text-align: center;
+
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
padding-left: 0px;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
padding-right:0px;
+
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-left: auto;
-
margin-right:auto;
+
margin-right: 300px;
-
         margin-top: 25px;
+
         font-size:150%;
-
float: center;
+
}
}
-
#selectioncontainer{
+
#contentn9-topcenter {
-
         width: 1000px;
+
         width: 300px;
-
height: 40px;
+
        float: left;
-
text-align: center;
+
        background-repeat: no-repeat;
-
padding-left: 0px;
+
        background-position: center;
-
padding-right:0px;
+
background-color:rgba(255, 255, 255, 0);
-
margin-left: auto;
+
        padding: 0px;
-
margin-right:auto;
+
height: 300px;
-
        margin-top: 25px;
+
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
         margin-bottom:20px;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
float: center;
+
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%;
}
}
-
#PUFselection{
+
#contentn10-topcenter {
-
list-style:none;
+
        width: 300px;
-
background-color:#EEEEEE;
+
        float: right;
-
width: 480px;
+
        background-repeat: no-repeat;
-
height: 40px;
+
        background-position: center;
-
float: left;
+
background-color:rgba(255, 255, 255, 0);
-
padding: 0px;
+
        padding: 0px;
-
text-align: left;
+
height: 300px;
-
margin-left: -10px;
+
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-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;
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 300px; 
         font-size:150%;
         font-size:150%;
}
}
-
 
+
#contentn11-topcenter {
-
#PUFselection a{
+
         width: 300px;
-
         text-align:center;
+
        float: left;
-
         margin-left:0px;
+
        background-repeat: no-repeat;
-
display:block;
+
         background-position: center;
-
         padding-bottom:10px;
+
background-color:rgba(255, 255, 255, 0);
-
         padding-top:10px;
+
         padding: 0px;
-
        width: 480px;
+
height: 300px;
-
        height:100%;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
color:#ffffff;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
background:#F47F24;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
         font: bold 16px Arial;
+
border: 10px solid rgba(255, 255, 255,0);
-
text-decoration:none;
+
background-clip: padding-box;
 +
         margin-top: 20px;
 +
margin-left: 300px;
 +
margin-right: auto; 
 +
        font-size:150%;
}
}
-
#PUFselection li:hover a{  
+
#contentn12-topcenter {
-
background:#003C7D;
+
        width: 300px;
-
text-decoration:none;
+
        float: right;
-
}
+
        background-repeat: no-repeat;
-
 
+
        background-position: center;
-
#PHATselection{
+
background-color:rgba(255, 255, 255, 0);
-
list-style:none;
+
        padding: 0px;
-
background-color: #EEEEEE;
+
height: 300px;
-
width: 480px;
+
        -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
height: 40px;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
float: right;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
padding: 0px;
+
border: 10px solid rgba(255, 255, 255,0);
-
text-align: left;
+
-
margin-right: -10px;
+
-
border: 10px solid rgba(255, 255, 255,0.4);
+
background-clip: padding-box;
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 300px; 
         font-size:150%;
         font-size:150%;
}
}
-
#PHATselection a{
+
/********************************************************************************************************************/
-
        text-align:center;
+
/* week1 */
-
        margin-left:0px;
+
/********************************************************************************************************************/
-
display:block;
+
#contentw1-topcenter {
-
        padding-bottom:10px;
+
         width: 1000px;
-
        padding-top:10px;
+
         float: center;
-
         width: 480px;
+
background-color:rgba(0, 0, 255, 0.5);
-
        height:100%;
+
        padding: 0px;
-
color:#ffffff;
+
height: 250px;
-
background:#F47F24;
+
-
         font: bold 16px Arial;
+
-
text-decoration:none;
+
-
 
+
-
}
+
-
 
+
-
#PHATselection li:hover a{
+
-
background:#003C7D;
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
#project-left {
+
-
background-color:#EEEEEE;
+
-
width: 430px;
+
-
height: 250px;
+
-
float: left;
+
-
padding: 25px;
+
-
text-align: left;
+
-
        margin-top: -5px;
+
-
margin-left: -10px;
+
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-
background-clip: padding-box;
+
         -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}
-
 
+
/********************************************************************************************************************/
-
#project-right {
+
/* week5 */
-
background-color: #EEEEEE;
+
/********************************************************************************************************************/
-
width: 430px;
+
#contentw5-topcenter {
-
height: 250px;
+
        width: 1000px;
-
float: right;
+
        float: center;
-
padding: 25px;
+
background-color:rgba(0, 0, 255, 0.5);
-
text-align: left;
+
        padding: 0px;
-
         margin-top: -5px;
+
height: 350px;
-
margin-right: -10px;
+
         -webkit-box-shadow: 0 8px 6px -6px black;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-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: 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;
         -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
         font-size:150%;
         font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Modeling */
 +
/********************************************************************************************************************/
-
/*PUF*/
+
#contentmo1-topcenter {
-
 
+
        width: 1000px;
-
#PUFcontainer {
+
        float: center;
-
width: 75%;
+
background-color:rgba(0, 0, 255, 0.5);
-
height: 100%;
+
        padding: 0px;
-
text-align: center;
+
height: 600px;
-
padding-top: 1%;
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
padding-left: 0%;
+
-moz-box-shadow: 0 8px 6px -6px black;
-
padding-right:0%;
+
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;
-
float: center;
+
        font-size:150%;
-
 
+
}
}
-
#PUFoverview {
+
/********************************************************************************************************************/
-
        text-align: center;
+
/* Modeling1 */
-
background-color: #EEEEEE;
+
/********************************************************************************************************************/
-
         width: 75%;
+
#contentmod1-topcenter {
-
height: 100%;
+
         width: 1000px;
-
float: center;
+
        float: center;
-
margin-top: 1%;
+
background-color:rgba(0, 0, 255, 0.5);
-
margin-left: auto;
+
        padding: 0px;
-
margin-right: auto;
+
height: 600px;
-
border: 10px solid rgba(255, 255, 255,0.4);
+
-
background-clip: padding-box;
+
-
padding-left: auto;
+
-
padding-right: auto;
+
         -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: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
}
}
-
 
+
/********************************************************************************************************************/
-
/*Galleria*/
+
/* Modeling2 */
-
 
+
/********************************************************************************************************************/
-
/*
+
#contentmod2-topcenter {
-
* Galleria Classic Theme
+
        width: 1000px;
-
* Copyright (c) 2010, Aino
+
        float: center;
-
* Licensed under the MIT license.
+
background-color:rgba(0, 0, 255, 0.5);
-
*/
+
        padding: 0px;
-
 
+
height: 600px;
-
#galleria{ width: 1000px; height: 400px; background: #000 }
+
        -webkit-box-shadow: 0 8px 6px -6px black;
-
 
+
-moz-box-shadow: 0 8px 6px -6px black;
-
.galleria-container {
+
box-shadow: 0 8px 6px -6px black;
-
    position: relative;
+
border: 10px solid rgba(192, 192, 192,0.8);
-
    overflow: hidden;
+
background-clip: padding-box;
-
    background: #fff;
+
        margin-top: 60px;
-
}
+
margin-left: auto;
-
.galleria-container img {
+
margin-right: auto;
-
    -moz-user-select: none;
+
        font-size:150%;
-
    -webkit-user-select: none;
+
-
    -o-user-select: none;
+
-
}
+
-
.galleria-stage {
+
-
    position: absolute;
+
-
    top: 10px;
+
-
    bottom: 60px;
+
-
    left: 10px;
+
-
    right: 10px;
+
-
    overflow:hidden;
+
-
}
+
-
.galleria-thumbnails-container {
+
-
    height: 50px;
+
-
    bottom: 0;
+
-
    position: absolute;
+
-
    left: 10px;
+
-
    right: 10px;
+
-
    z-index: 2;
+
-
}
+
-
.galleria-carousel .galleria-thumbnails-list {
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
}
+
-
.galleria-thumbnails .galleria-image {
+
-
    height: 40px;
+
-
    width: 60px;
+
-
    background: #000;
+
-
    margin: 0 5px 0 0;
+
-
    border: 1px solid #fff;
+
-
    float: left;
+
-
    cursor: pointer;
+
-
}
+
-
.galleria-counter {
+
-
    position: absolute;
+
-
    bottom: 10px;
+
-
    left: 10px;
+
-
    text-align: right;
+
-
    color: #fff;
+
-
    font: normal 11px/1 arial,sans-serif;
+
-
    z-index: 1;
+
}
}
-
.galleria-loader {
+
/********************************************************************************************************************/
-
    background: #000;
+
/* Modeling3 */
-
    width: 20px;
+
/********************************************************************************************************************/
-
    height: 20px;
+
#contentmod3-topcenter {
-
    position: absolute;
+
         width: 1000px;
-
    top: 10px;
+
-
    right: 10px;
+
-
    z-index: 2;
+
-
    display: none;
+
-
    background: url(classic-loader.gif) no-repeat 2px 2px;
+
-
}
+
-
.galleria-info {
+
-
    width: 50%;
+
-
    top: 15px;
+
-
    left: 15px;
+
-
    z-index: 2;
+
-
    position: absolute;
+
-
}
+
-
.galleria-info-text {
+
-
    background-color: #000;
+
-
    padding: 12px;
+
-
    display: none;
+
-
    /* IE7 */ zoom:1;
+
-
}
+
-
.galleria-info-title {
+
-
    font: bold 12px/1.1 arial,sans-serif;
+
-
    margin: 0;
+
-
    color: #fff;
+
-
    margin-bottom: 7px;
+
-
}
+
-
.galleria-info-description {
+
-
    font: italic 12px/1.4 georgia,serif;
+
-
    margin: 0;
+
-
    color: #bbb;
+
-
}
+
-
.galleria-info-close {
+
-
    width: 9px;
+
-
    height: 9px;
+
-
    position: absolute;
+
-
    top: 5px;
+
-
    right: 5px;
+
-
    background-position: -753px -11px;
+
-
    opacity: .5;
+
-
    filter: alpha(opacity=50);
+
-
    cursor: pointer;
+
-
    display: none;
+
-
}
+
-
.notouch .galleria-info-close:hover{
+
-
    opacity:1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.touch .galleria-info-close:active{
+
-
    opacity:1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.galleria-info-link {
+
-
    background-position: -669px -5px;
+
-
    opacity: .7;
+
-
    filter: alpha(opacity=70);
+
-
    position: absolute;
+
-
    width: 20px;
+
-
    height: 20px;
+
-
    cursor: pointer;
+
-
    background-color: #000;
+
-
}
+
-
.notouch .galleria-info-link:hover {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.touch .galleria-info-link:active {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.galleria-image-nav {
+
-
    position: absolute;
+
-
    top: 50%;
+
-
    margin-top: -62px;
+
-
    width: 100%;
+
-
    height: 62px;
+
-
    left: 0;
+
-
}
+
-
.galleria-image-nav-left,
+
-
.galleria-image-nav-right {
+
-
    opacity: .3;
+
-
    filter: alpha(opacity=30);
+
-
    cursor: pointer;
+
-
    width: 62px;
+
-
    height: 124px;
+
-
    position: absolute;
+
-
    left: 10px;
+
-
    z-index: 2;
+
-
    background-position: 0 46px;
+
-
}
+
-
.galleria-image-nav-right {
+
-
    left: auto;
+
-
    right: 10px;
+
-
    background-position: -254px 46px;
+
-
    z-index: 2;
+
-
}
+
-
.notouch .galleria-image-nav-left:hover,
+
-
.notouch .galleria-image-nav-right:hover {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.touch .galleria-image-nav-left:active,
+
-
.touch .galleria-image-nav-right:active {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
}
+
-
.galleria-thumb-nav-left,
+
-
.galleria-thumb-nav-right {
+
-
    cursor: pointer;
+
-
    display: none;
+
-
    background-position: -495px 5px;
+
-
    position: absolute;
+
-
    left: 0;
+
-
    top: 0;
+
-
    height: 40px;
+
-
    width: 23px;
+
-
    z-index: 3;
+
-
    opacity: .8;
+
-
    filter: alpha(opacity=80);
+
-
}
+
-
.galleria-thumb-nav-right {
+
-
    background-position: -578px 5px;
+
-
    border-right: none;
+
-
    right: 0;
+
-
    left: auto;
+
-
}
+
-
.galleria-thumbnails-container .disabled {
+
-
    opacity: .2;
+
-
    filter: alpha(opacity=20);
+
-
    cursor: default;
+
-
}
+
-
.notouch .galleria-thumb-nav-left:hover,
+
-
.notouch .galleria-thumb-nav-right:hover {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
    background-color: #111;
+
-
}
+
-
.touch .galleria-thumb-nav-left:active,
+
-
.touch .galleria-thumb-nav-right:active {
+
-
    opacity: 1;
+
-
    filter: alpha(opacity=100);
+
-
    background-color: #111;
+
-
}
+
-
.notouch .galleria-thumbnails-container .disabled:hover {
+
-
    opacity: .2;
+
-
    filter: alpha(opacity=20);
+
-
    background-color: transparent;
+
-
}
+
-
 
+
-
.galleria-carousel .galleria-thumb-nav-left,
+
-
.galleria-carousel .galleria-thumb-nav-right {
+
-
    display: block;
+
-
}
+
-
.galleria-thumb-nav-left,
+
-
.galleria-thumb-nav-right,
+
-
.galleria-info-link,
+
-
.galleria-info-close,
+
-
.galleria-image-nav-left,
+
-
.galleria-image-nav-right {
+
-
    background-image: url('http://i.imgur.com/tLDSr.png');
+
-
    background-repeat: no-repeat;
+
-
}
+
-
 
+
-
/*Flowchart*/
+
-
 
+
-
#flowchart-container{
+
-
         width: 980px;
+
         float: center;
         float: center;
-
background-color:#ffffff;
+
background-color:rgba(0, 0, 255, 0.5);
-
         padding: 10px;
+
         padding: 0px;
-
height: 500px;
+
height: 600px;
         -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: 95px;
+
         margin-top: 60px;
margin-left: auto;
margin-left: auto;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
-
 
-
#flowchart{
 
-
float:center;
 
}
}
-
/*Outreach*/
+
/********************************************************************************************************************/
-
 
+
/* Protocols */
-
#outreachintro {
+
/********************************************************************************************************************/
-
         width: 950px;
+
#contentpro1-topcenter {
 +
         width: 1000px;
         float: center;
         float: center;
-
background-color:#EEEEEE;
+
background-color:rgba(0, 0, 255, 0.5);
-
         padding: 25px;
+
         padding: 0px;
-
height: 50px;
+
height: 600px;
         -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: 60px;
margin-left: auto;
margin-left: auto;
margin-right: auto;   
margin-right: auto;   
-
}
+
        font-size:150%;
-
 
+
-
/* Sponsor Logos */
+
-
 
+
-
#row1logos a:hover{
+
-
list-style: none;
+
-
}
+
-
#row2logos a:hover{
+
-
list-style: none;
+
}
}

Latest revision as of 15:12, 8 September 2012

Header

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