Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 50: Line 50:
     {
     {
     background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png');
     background-image: url('https://static.igem.org/mediawiki/2012/8/84/HEADER_LOGOS4.png');
-
     background-color:rgba(0, 0, 255, 0.5);
+
     background-color:rgba(0, 0, 255, 0.4);
     background-position: top;
     background-position: top;
     width:1000px;
     width:1000px;
Line 60: Line 60:
     -moz-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
     box-shadow: 0 8px 6px -6px black;
     box-shadow: 0 8px 6px -6px black;
-
     border: 10px solid rgba( 255, 255, 255,0.8);
+
     border: 10px solid rgba( 255, 255, 255,0.4);
     background-clip: padding-box;
     background-clip: padding-box;
     margin-top: 20px;
     margin-top: 20px;
Line 243: Line 243:
#footer {
#footer {
         }
         }
-
 
+
/********************************************************************************************************************/
/* Main Page */
/* Main Page */
 +
/********************************************************************************************************************/
-
#introduction {
+
#contentm1-topcenter {
         width: 1000px;
         width: 1000px;
         float: center;
         float: center;
Line 258: Line 259:
background-clip: padding-box;
background-clip: padding-box;
         margin-top: 60px;
         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-left: auto;
margin-right: auto;   
margin-right: auto;   
Line 1,191: Line 1,252:
}
}
/********************************************************************************************************************/
/********************************************************************************************************************/
-
/* Notebook */
+
/* Project */
/********************************************************************************************************************/
/********************************************************************************************************************/
-
#contentn1-topcenter {
+
 
-
         width: 300px;
+
#project1 {
-
         float: left;
+
         width: 1000px;
-
         background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.png');
+
         float: center;
 +
         background-image:url(https://static.igem.org/mediawiki/2012/8/8a/PROJECT1.png);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
-
         background-position: center;
+
         background-position: center bottom;
-
background-color:rgba(255, 255, 255, 0);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 300px;
+
height: 520px;
         -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);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 20px;
+
         margin-top: 60px;
-
margin-left: 300px;
+
margin-left: auto;
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
#contentn2-topcenter {
+
#project2 {
-
         width: 300px;
+
         width: 1000px;
-
         float: right;
+
         float: center;
-
         background-image:url('https://static.igem.org/mediawiki/2012/d/df/SEMANA2.png');
+
         background-image:url(https://static.igem.org/mediawiki/2012/c/cf/PROJECT2-2.png);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
-
         background-position: center;
+
         background-position: center bottom;
-
background-color:rgba(255, 255, 255, 0);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 300px;
+
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);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 20px;
+
         margin-top: 60px;
margin-left: auto;
margin-left: auto;
-
margin-right: 300px; 
 
-
        font-size:150%;
 
-
}
 
-
 
-
#contentn3-topcenter {
 
-
        width: 300px;
 
-
        float: left;
 
-
        background-image:url('https://static.igem.org/mediawiki/2012/6/6c/SEMANA3.png');
 
-
        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 black;
 
-
-moz-box-shadow: 0 8px 6px -6px black;
 
-
box-shadow: 0 8px 6px -6px black;
 
-
border: 10px solid rgba(255, 255, 255,0);
 
-
background-clip: padding-box;
 
-
        margin-top: 20px;
 
-
margin-left: 300px;
 
margin-right: auto;   
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
-
#contentn4-topcenter {
+
#project3 {
-
         width: 300px;
+
         width: 1000px;
-
         float: right;
+
         float: center;
-
         background-image:url('https://static.igem.org/mediawiki/2012/8/8e/SEMANA4.png');
+
         background-image:url(https://static.igem.org/mediawiki/2012/e/ec/PROJECT3-2.png);
         background-repeat: no-repeat;
         background-repeat: no-repeat;
-
         background-position: center;
+
         background-position: center bottom;
-
background-color:rgba(255, 255, 255, 0);
+
background-color:rgba(0, 0, 255, 0.5);
         padding: 0px;
         padding: 0px;
-
height: 300px;
+
height: 490px;
         -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);
+
border: 10px solid rgba(192, 192, 192,0.8);
background-clip: padding-box;
background-clip: padding-box;
-
         margin-top: 20px;
+
         margin-top: 60px;
margin-left: auto;
margin-left: auto;
-
margin-right: 300px;   
+
margin-right: auto;   
         font-size:150%;
         font-size:150%;
}
}
 +
/********************************************************************************************************************/
 +
/* Notebook */
 +
/********************************************************************************************************************/
#contentn5-topcenter {
#contentn5-topcenter {
         width: 300px;
         width: 300px;
         float: left;
         float: left;
-
        background-image:url('https://static.igem.org/mediawiki/2012/d/d8/SEMANA5.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,283: Line 1,327:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,297: Line 1,341:
         width: 300px;
         width: 300px;
         float: right;
         float: right;
-
        background-image:url('https://static.igem.org/mediawiki/2012/1/1a/SEMANA6.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,303: Line 1,346:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,317: Line 1,360:
         width: 300px;
         width: 300px;
         float: left;
         float: left;
-
        background-image:url('https://static.igem.org/mediawiki/2012/c/c4/SEMANA7.png');
+
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,323: Line 1,366:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,337: Line 1,380:
         width: 300px;
         width: 300px;
         float: right;
         float: right;
-
        background-image:url('https://static.igem.org/mediawiki/2012/b/bf/SEMANA8.png');
+
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,343: Line 1,386:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,357: Line 1,400:
         width: 300px;
         width: 300px;
         float: left;
         float: left;
-
        background-image:url('https://static.igem.org/mediawiki/2012/5/54/SEMANA9.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,363: Line 1,405:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,377: Line 1,419:
         width: 300px;
         width: 300px;
         float: right;
         float: right;
-
        background-image:url('https://static.igem.org/mediawiki/2012/c/cd/SEMANA10.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,383: Line 1,424:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,397: Line 1,438:
         width: 300px;
         width: 300px;
         float: left;
         float: left;
-
        background-image:url('https://static.igem.org/mediawiki/2012/5/50/SEMANA11.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,403: Line 1,443:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,417: Line 1,457:
         width: 300px;
         width: 300px;
         float: right;
         float: right;
-
        background-image:url('https://static.igem.org/mediawiki/2012/c/cb/SEMANA12.png');
 
         background-repeat: no-repeat;
         background-repeat: no-repeat;
         background-position: center;
         background-position: center;
Line 1,423: Line 1,462:
         padding: 0px;
         padding: 0px;
height: 300px;
height: 300px;
-
         -webkit-box-shadow: 0 8px 6px -6px black;
+
         -webkit-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
-moz-box-shadow: 0 8px 6px -6px black;
+
-moz-box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
-
box-shadow: 0 8px 6px -6px black;
+
box-shadow: 0 8px 6px -6px rgba(255,255,255,0);
border: 10px solid rgba(255, 255, 255,0);
border: 10px solid rgba(255, 255, 255,0);
background-clip: padding-box;
background-clip: padding-box;
Line 1,434: Line 1,473:
}
}
 +
/********************************************************************************************************************/
 +
/* 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%;
 +
}

Latest revision as of 15:12, 8 September 2012

Header

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