Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(428 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<style type="text/css">
-
          <title>Documento sin título</title>
+
-
          <style type="text/css">
+
-
          <!--
+
-
         
+
-
          body
+
-
          {
+
-
            background: #4E5869;  
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    color: #000;
+
-
            background-image:url(https://static.igem.org/mediawiki/2012/b/b3/Chlamy.jpg);
+
-
          }
+
-
          .header
+
-
          {
+
-
  padding: 20px 0;
+
-
  background: #6F7D94;
+
-
  position: relative;
+
-
  clear: both;
+
-
          }
+
-
          .content
+
#globalwrapper
-
          {
+
    {
-
          background: #040;
+
    width:1000px;
-
  padding: 10px 50;
+
    padding:0px 0px ;
-
  width: 100%;
+
    margin: 0 auto;
-
  float: left;
+
    background-image:url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
-
          }
+
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-size:100% 100%;
 +
    }
-
          </style>
+
body
-
    </head>
+
    {
-
<body>
+
    background: #CECECE;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    height:100%;
 +
    background-size:100% 100%;
 +
    }
-
    <div class="header">
+
.firstHeading
 +
    {
 +
    height:0px;
 +
    visibility:hidden;
 +
    }
-
    <!-- end .header --></div>
+
#p-logo
 +
    {
 +
    height:0px;
 +
    overflow:hidden;
 +
    display: none;
 +
    }
-
    <div class="content">
+
#search-controls
-
    <p><center>iGEM2012</center></p>
+
    {
-
    <p><center>Unidad Profesional Interdisciplinaria de Biotecnología</center></p>
+
    display:none;
-
    <img src="https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png" align="right"><br/>
+
    margin-top:0px;
-
    <img src="https://static.igem.org/mediawiki/2012/e/e5/UPIBI-Mexico_logo.png" align="left"><br/>
+
    }
-
    <!-- end .content --></div>
+
-
</body>
+
#content
-
</html>
+
    {
 +
    visibility: hidden;
 +
    }
 +
 
 +
#top-section
 +
    {
 +
    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;
 +
    width:1000px;
 +
    height:219px;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
    -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( 255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    margin-top: 20px;
 +
    margin-bottom: -50px;
 +
    }
 +
 
 +
#menubar
 +
    {
 +
    color: white;
 +
    background-color: transparent;
 +
    }
 +
 
 +
#menubar ul li a
 +
    {
 +
    color: white;
 +
    background-color: transparent;
 +
    }
 +
 
 +
.right-menu li a
 +
    {
 +
    color: white;
 +
    background-color: transparent;
 +
    }
 +
 
 +
/* Header */
 +
 
 +
#wrapper
 +
    {
 +
    width: 1000px;
 +
    height: 100%;
 +
    float: center;
 +
    padding-left: 0%;
 +
    padding-right: 0%;
 +
    padding-top: 1%;
 +
    background-image:url('https://static.igem.org/mediawiki/2012/9/92/FONDO_IGEMV.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    }
 +
 
 +
#header
 +
    {
 +
    width: 750px;
 +
    float: center;
 +
    background-color: #FFE4C4;
 +
    height: 150px;
 +
    -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(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    }
 +
 
 +
img
 +
    {
 +
    border: none;
 +
    }
 +
 
 +
#headernavigation
 +
    {
 +
    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;
 +
        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 */
 +
/********************************************************************************************************************/
 +
 
 +
#contentm1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 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-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentm2-topleft {
 +
        width: 450px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 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: 165px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentm3-topright{
 +
        width: 450px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(0, 0, 255, 0.5);
 +
        padding: 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: 80px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentm4-topcenter{
 +
        width: 450px;
 +
        float: center;
 +
        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;
 +
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: 500px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
/********************************************************************************************************************/
 +
/* 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;
 +
        float: center;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/a/a6/Team1.jpg');
 +
        background-repeat: no-repeat;
 +
        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-right: auto; 
 +
        font-size:300%;
 +
}
 +
 
 +
#contentt4-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.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: 172px;
 +
margin-right: auto; 
 +
        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;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentt6-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.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%;
 +
}
 +
 
 +
#contentt7-topcenter {
 +
        width: 231px;
 +
        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%;
 +
}
 +
 
 +
#contentt8-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.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: 172px;
 +
margin-right: auto; 
 +
        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;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentt10-topcenter {
 +
        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, 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%;
 +
}
 +
 
 +
#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;
 +
-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%;
 +
}
 +
 
 +
 
 +
#contentt12-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
 
 +
        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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentt13-topcenter {
 +
        width: 231px;
 +
        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, 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%;
 +
}
 +
 
 +
#contentt14-topcenter {
 +
        width: 231px;
 +
        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, 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%;
 +
}
 +
 
 +
#contentt15-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, 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%;
 +
}
 +
 
 +
 
 +
#contentt16-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/c/c4/MARCO.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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentt17-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/1/1f/KARLA.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%;
 +
}
 +
 
 +
#contentt18-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/1/11/NOE.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%;
 +
}
 +
 
 +
#contentt19-topcenter {
 +
        width: 231px;
 +
        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, 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%;
 +
}
 +
 
 +
#contentt20-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/* Undergraduates*/
 +
/********************************************************************************************************************/
 +
 
 +
#contentu4-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/4d/ANDREA.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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentu6-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/4c/CRHISTOPHER.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%;
 +
}
 +
 
 +
#contentu7-topcenter {
 +
        width: 231px;
 +
        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, 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%;
 +
}
 +
 
 +
#contentu8-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/f/f4/ERICK.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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentu9-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, 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%;
 +
}
 +
 
 +
#contentu13-topcenter {
 +
        width: 231px;
 +
        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%;
 +
}
 +
 
 +
#contentu14-topcenter {
 +
        width: 231px;
 +
        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%;
 +
}
 +
 
 +
#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%;
 +
}
 +
 
 +
 
 +
#contentu16-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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;
 +
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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contentu19-topcenter {
 +
        width: 231px;
 +
        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%;
 +
}
 +
/********************************************************************************************************************/
 +
/*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%;
 +
}
 +
 
 +
#contenta11-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, 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%;
 +
}
 +
 
 +
#contenta17-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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%;
 +
}
 +
 
 +
#contenta20-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
/********************************************************************************************************************/
 +
/*Instructors*/
 +
/********************************************************************************************************************/
 +
#contenti5-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, 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%;
 +
}
 +
 
 +
#contenti12-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
 
 +
        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: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#contenti18-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        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;
 +
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%;
 +
}
 +
/********************************************************************************************************************/
 +
/* 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 */
 +
/********************************************************************************************************************/
 +
#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%;
 +
}
 +
 
 +
#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;
 +
        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%;
 +
}
 +
 
 +
#contentn8-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%;
 +
}
 +
 
 +
#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%;
 +
}
-
<!-- Javascript  -->
 
-
<!-- Sexy Drop Down (drop down navigation) -->
 
-
  <html>
 
-
    <script type="text/javascript">
 
-
        $(document).ready(
 
-
            function(){
 
-
                $("ul.subnav").parent().find("> a").append("<span> ▼</span>");
 
-
                $("ul.topnav li").hover(
 
-
                    function() {
 
-
                        // Hover over
 
-
                        $(this).parent().find("ul.subnav").hide();
 
-
                        $(this).find("ul.subnav").show();
 
-
                        // Hover out
 
-
                        $(this).hover(
 
-
                            function() {
 
-
                            },
 
-
                            function(){
 
-
                                $(this).find("ul.subnav").hide();
 
-
                            }
 
-
                        );
 
-
                    },
 
-
                    function(){
 
-
                        $(this).find("ul.subnav").hide();
 
-
                    }
 
-
                );
+
</style>
-
            }
+
-
        );
+
-
    </script>
+
</html>
</html>
-
<!--Menú de Navegación -->
 
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}

Latest revision as of 15:12, 8 September 2012

Header

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