Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 83: Line 83:
     background-color: transparent;
     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.8);
 +
    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; 
 +
    }
 +
 +
/* Main Page */
 +
 +
#content-containertop {
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#content-topleft {
 +
background-color:#EEEEEE;
 +
width: 430px;
 +
height: 300px;
 +
float: left;
 +
padding: 25px;
 +
text-align: left;
 +
margin-left: -10px;
 +
        margin-top: -5px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
}
 +
 +
#content-topright {
 +
background-color: #EEEEEE;
 +
width: 430px;
 +
height: 300px;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -5px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
}
 +
 +
#content1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        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(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#selectioncontainermain{
 +
        width: 1000px;
 +
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;
 +
}
 +
 +
#PUFselectionmain{
 +
list-style:none;
 +
background-color:#EEEEEE;
 +
width: 480px;
 +
height: 39px;
 +
float: left;
 +
padding: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 +
 +
#PUFselectionmain a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font:  16px ;
 +
text-decoration:none;
 +
}
 +
 +
#PUFselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#PHATselectionmain{
 +
list-style:none;
 +
background-color: #EEEEEE;
 +
width:  480px;
 +
height: 39px;
 +
float: right;
 +
padding: 0px;
 +
text-align: left;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 +
#PHATselectionmain a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: 16px ;
 +
text-decoration:none;
 +
 
 +
}
 +
 +
#PHATselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#sponsorbox {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#FFFFFF;
 +
        padding: 25px;
 +
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.4);
 +
background-clip: padding-box;
 +
        margin-top: 25px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
}
 +
 +
#introduction {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding: 25px;
 +
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-top: 10px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
/********************************************************************************************************************/
 +
/* Team */
 +
/********************************************************************************************************************/
 +
 +
#contentt1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        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: 20px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:300%;
 +
}
 +
 +
#contentt2-topcenter {
 +
        width: 480px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt3-topcenter {
 +
        width: 480px;
 +
        float: right;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: 172px; 
 +
        font-size:200%;
 +
}
 +
 +
#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(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#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(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#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(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt7-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt8-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt9-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt10-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(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt11-topcenter {
 +
        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(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
 +
#contentt12-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
        background-image:url(https://static.igem.org/mediawiki/2012/d/dc/ISABEL.jpg);
 +
        background-repeat: no-repeat;
 +
        background-position: center;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 250px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt13-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt14-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt15-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
 +
#contentt16-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt17-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt18-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt19-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt20-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 172px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt21-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt22-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
#contentt23-topcenter {
 +
        width: 231px;
 +
        float: left;
 +
background-color:rgba(255, 0, 0, 0.8);
 +
        padding: 0px;
 +
height: 100px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(192, 192, 192,0.8);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: 500;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
 +
/********************************************************************************************************************/
 +
/* Notebook */
 +
/********************************************************************************************************************/
 +
 +
#contentn1-topcenter {
 +
        width: 300px;
 +
        float: left;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.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; 
 +
        font-size:150%;
 +
}
 +
 +
#contentn2-topcenter {
 +
        width: 300px;
 +
        float: right;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/4/43/SEMANA1.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: auto;
 +
margin-right: 300px; 
 +
        font-size:150%;
 +
}
 +
</style>
</style>
</html>
</html>
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}

Revision as of 17:56, 12 July 2012

Header

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