Team:UPIBI-Mexico/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 65: Line 65:
   margin-bottom: -50px;
   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 */
 +
 +
#igemlogo {
 +
float: right;
 +
z-index: 3;
 +
height: 209px;
 +
width: 90px;
 +
position:absolute;
 +
top: -10px;
 +
right: 0px;
 +
        padding:5px;
 +
-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;
 +
background-color:#EEEEEE;
 +
}
 +
 +
#floatinglink {
 +
float: right;
 +
z-index: 3;
 +
height: 209px;
 +
width: 90px;
 +
position:absolute;
 +
top: -10px;
 +
right: 1160px;
 +
        padding:5px;
 +
-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;
 +
background-color:#EEEEEE;
 +
}
 +
 +
#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/8/8b/Uiucbackground.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: -49px; 
 +
        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:10px;
 +
        padding-top:10px;
 +
        width: 100px;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
        z-index: 2; 
 +
 
 +
}
 +
#headernavbar a:hover{
 +
color:#ffffff;
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
 +
#headernavbar ul{
 +
background: #003C7D;
 +
list-style:none;
 +
position:absolute;
 +
left:-9999px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul li{
 +
padding-top:0px;
 +
float:none;
 +
        margin-top:-3px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul a{
 +
white-space:nowrap;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul{
 +
left: -15px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul a{
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul li a:hover{
 +
background:#F47F24;
 +
        z-index: 2; 
 +
}
 +
 +
 +
/* Main Page */
 +
 +
#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: 40px;
 +
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: bold 16px Arial;
 +
text-decoration:none;
 +
}
 +
 +
#PUFselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#PHATselectionmain{
 +
list-style:none;
 +
background-color: #EEEEEE;
 +
width:  480px;
 +
height: 40px;
 +
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: bold 16px Arial;
 +
text-decoration:none;
 +
 
 +
}
 +
 +
#PHATselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#sponsorbox {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#FFFFFF;
 +
        padding: 25px;
 +
height: 225px;
 +
        -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; 
 +
}
 +
 +
#intro {
 +
        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%;
 +
}
 +
 +
/* Notebook */
 +
 +
/* Protocol Section*/
 +
 +
#protocol-container{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#protocolselection{
 +
        margin-top: -15px;
 +
        background-color:#EEEEEE;
 +
width: 250px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
#protocolselection li{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 +
#protocolselection a {
 +
cursor: pointer;
 +
display:block;
 +
height:25px;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 10px;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#protocolselection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#protocoloverview {
 +
background-color: #EEEEEE;
 +
width: 665px;
 +
height: 100%;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -15px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
/*Protocol Section End*/
 +
 +
/*Meeting Notes*/
 +
#meetingcontainer{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 5px;
 +
float: center;
 +
}
 +
 +
#meetingintro{
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-top: 00px;
 +
        padding-bottom: 25px;
 +
height: 20px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 10px;
 +
margin-left: -10px;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 +
 +
#meetingselection1{
 +
        list-style:none;
 +
        background-color:#EEEEEE;
 +
width: 184px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:100%;
 +
}
 +
 +
#meetingselection2{
 +
        list-style:none;
 +
        background-color:#EEEEEE;
 +
width: 184px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: 0px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:100%;
 +
}
 +
#meetingselection3{
 +
        list-style:none;
 +
        background-color:#EEEEEE;
 +
width: 184px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: 0px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:100%;
 +
}
 +
#meetingselection4{
 +
        list-style:none;
 +
        background-color:#EEEEEE;
 +
width: 184px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: 0px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:100%;
 +
}
 +
#meetingselection5{
 +
        list-style:none;
 +
        background-color:#EEEEEE;
 +
width: 184px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: 0px;
 +
        margin-right:-10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:100%;
 +
}
 +
 +
#meetingselection1 li{
 +
        list-style:none;
 +
        margin: 0px;
 +
        width: 100%;
 +
    }
 +
 +
#meetingselection2 li{
 +
        list-style:none;
 +
        margin: 0px;
 +
        width: 100%;
 +
}
 +
#meetingselection3 li{
 +
        list-style:none;
 +
        margin: 0px;
 +
        width: 100%;
 +
}
 +
#meetingselection4 li{
 +
        list-style:none;
 +
        margin: 0px;
 +
        width: 100%;
 +
}
 +
#meetingselection5 li{
 +
        list-style:none;
 +
        margin: 0px;
 +
        width: 100%;
 +
}
 +
 +
#meetingselection ul{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 +
.meetingselection a {
 +
        list-style:none;
 +
cursor: pointer;
 +
display:block;
 +
height:20px;
 +
        width: 100%;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 5px;
 +
        font: bold 13px Arial;
 +
}
 +
 +
.meetingselection li:hover a{
 +
        list-style:none;
 +
        width: 100%;
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#meetingoverview {
 +
background-color: #EEEEEE;
 +
width: 950px;
 +
height: 100%;
 +
float: left;
 +
padding: 25px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
 +
#notebook-container{
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
 +
}
 +
 +
#notebook-content{
 +
        width: 1000px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
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;
 +
        padding-top:50px;
 +
        margin-top: 25px;
 +
margin-left: -10px;
 +
margin-right: auto; 
 +
}
 +
 +
/* Footer */
 +
 +
#footer-box {
 +
        float: center;
 +
        overflow: hidden;
 +
        display: block;
 +
        background-color: #EEEEEE;
 +
        width: 1010px;
 +
        height: 50px;
 +
        font-weight: normal;
 +
        font-style: normal;
 +
        font-size: 10px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
        }
 +
 +
#catlinks {
 +
        visibility: hidden;
 +
}
 +
 +
#footer {
 +
        }
 +
 +
/* Team */
 +
 +
#aboutus{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 0px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#abt1{
 +
padding-top:-50px;
 +
margin-top:-50px;
 +
}
 +
 +
#abt2{
 +
padding-top:-50px;
 +
margin-top:-50px;
 +
}
 +
 +
#abt3{
 +
padding-top:-50px;
 +
margin-top:-50px;
 +
}
 +
 +
#aboutusmenu{
 +
    background-color: #003C7D;
 +
    width:  1000px;
 +
    height: 40px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: -74px;
 +
    margin-left: -10px;
 +
    padding:0px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
    font: bold 16px Arial;
 +
}
 +
 +
#aboutusmenu li{
 +
list-style-type:none;
 +
margin:0;
 +
padding:0;
 +
float:center;
 +
margin-left: 50px;
 +
margin-right: auto;
 +
}
 +
 +
#aboutusmenu a {
 +
    cursor: pointer;
 +
    float:left;
 +
    height:30px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:300px;
 +
    background:#003C7D;
 +
    font: bold 15px Arial;
 +
    padding-top:10px;
 +
    margin-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    color:#ffffff;
 +
}
 +
 +
#aboutusmenu a:hover {
 +
    background:#F47F24;
 +
    text-decoration:none;
 +
}
 +
#aboutusmenu a:active {
 +
    color:white;
 +
}
 +
 +
#aboutusdescription{
 +
    background-color: #EEEEEE;
 +
    width:  950px;
 +
    height: 100%;
 +
    float: center;
 +
    text-align: left;
 +
    padding-left: 25px;
 +
    padding-right: 25px;
 +
    margin-top: 85px;
 +
    margin-right: 0px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 +
/*Undergrad Section*/
 +
 +
table{
 +
      background-color:#EEEEEE;
 +
}
 +
 +
#undergradintro{
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-top: 0px;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-bottom: 15px;
 +
height: 50px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 5px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom:0px;
 +
}
 +
 +
#undergradsmenu a {
 +
    cursor: pointer;
 +
    display:block;
 +
    float:left;
 +
    height:24.6px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:100%;
 +
    color:#ffffff;
 +
    background:#F47F24;
 +
    padding-top: 10px;
 +
    font: bold 13px Arial;
 +
}
 +
 +
#undergradsmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#undergradsmenu a:active {
 +
    color:white;
 +
}
 +
 +
#undergradmembers {
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#undergradsmenu {
 +
    background-color: #F47F24;
 +
    width:  160px;
 +
    height: 310px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 +
 +
#description {
 +
    background-color: #EEEEEE;
 +
    width:  815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-right: -20px;
 +
    margin-left: 0px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 +
/* Advisors Section */
 +
 +
#advisorsintro{
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-top: 0px;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-bottom: 20px;
 +
height: 50px;
 +
        -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;
 +
        margin-bottom:10px;
 +
}
 +
 +
#advisorsmenu a {
 +
    cursor: pointer;
 +
    display:block;
 +
    float:left;
 +
    height:24.6px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:100%;
 +
    color:#ffffff;
 +
    background:#F47F24;
 +
    padding-top: 10px;
 +
    font: bold 13px Arial;
 +
}
 +
 +
#advisorsmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#advisorsmenu a:active {
 +
    color:white;
 +
}
 +
 +
#advisors {
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#advisorsmenu {
 +
    background-color: #EEEEEE;
 +
    width:  150px;
 +
    height: 450px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 +
#advisorsdescription {
 +
    background-color: #EEEEEE;
 +
    width:  815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: -450px;
 +
    margin-right: -10px;
 +
    margin-left: 170px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 +
 +
/* Projects */
 +
 +
#overviewcontainer{
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#selectioncontainer{
 +
        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;
 +
}
 +
 +
#PUFselection{
 +
list-style:none;
 +
background-color:#EEEEEE;
 +
width: 480px;
 +
height: 40px;
 +
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%;
 +
}
 +
 +
 +
#PUFselection a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
 +
}
 +
 +
#PUFselection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#PHATselection{
 +
list-style:none;
 +
background-color: #EEEEEE;
 +
width:  480px;
 +
height: 40px;
 +
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%;
 +
}
 +
 +
#PHATselection a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
 +
 
 +
}
 +
 +
#PHATselection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#project-left {
 +
background-color:#EEEEEE;
 +
width: 430px;
 +
height: 250px;
 +
float: left;
 +
padding: 25px;
 +
text-align: left;
 +
        margin-top: -5px;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
#project-right {
 +
background-color: #EEEEEE;
 +
width: 430px;
 +
height: 250px;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
        margin-top: -5px;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
/*PUF*/
 +
 +
#PUFcontainer {
 +
width: 75%;
 +
height: 100%;
 +
text-align: center;
 +
padding-top:  1%;
 +
padding-left: 0%;
 +
padding-right:0%;
 +
margin-left: auto;
 +
margin-right:auto;
 +
float: center;
 +
 +
}
 +
 +
#PUFoverview {
 +
        text-align: center;
 +
background-color: #EEEEEE;
 +
        width: 75%;
 +
height: 100%;
 +
float: center;
 +
margin-top: 1%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
padding-left: auto;
 +
padding-right: auto;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 +
/*Galleria*/
 +
 +
/*
 +
* Galleria Classic Theme
 +
* Copyright (c) 2010, Aino
 +
* Licensed under the MIT license.
 +
*/
 +
 +
#galleria{ width: 1000px; height: 400px; background: #000 }
 +
 +
.galleria-container {
 +
    position: relative;
 +
    overflow: hidden;
 +
    background: #fff;
 +
}
 +
.galleria-container img {
 +
    -moz-user-select: none;
 +
    -webkit-user-select: none;
 +
    -o-user-select: none;
 +
}
 +
.galleria-stage {
 +
    position: absolute;
 +
    top: 10px;
 +
    bottom: 60px;
 +
    left: 10px;
 +
    right: 10px;
 +
    overflow:hidden;
 +
}
 +
.galleria-thumbnails-container {
 +
    height: 50px;
 +
    bottom: 0;
 +
    position: absolute;
 +
    left: 10px;
 +
    right: 10px;
 +
    z-index: 2;
 +
}
 +
.galleria-carousel .galleria-thumbnails-list {
 +
    margin-left: 30px;
 +
    margin-right: 30px;
 +
}
 +
.galleria-thumbnails .galleria-image {
 +
    height: 40px;
 +
    width: 60px;
 +
    background: #000;
 +
    margin: 0 5px 0 0;
 +
    border: 1px solid #fff;
 +
    float: left;
 +
    cursor: pointer;
 +
}
 +
.galleria-counter {
 +
    position: absolute;
 +
    bottom: 10px;
 +
    left: 10px;
 +
    text-align: right;
 +
    color: #fff;
 +
    font: normal 11px/1 arial,sans-serif;
 +
    z-index: 1;
 +
}
 +
.galleria-loader {
 +
    background: #000;
 +
    width: 20px;
 +
    height: 20px;
 +
    position: absolute;
 +
    top: 10px;
 +
    right: 10px;
 +
    z-index: 2;
 +
    display: none;
 +
    background: url(classic-loader.gif) no-repeat 2px 2px;
 +
}
 +
.galleria-info {
 +
    width: 50%;
 +
    top: 15px;
 +
    left: 15px;
 +
    z-index: 2;
 +
    position: absolute;
 +
}
 +
.galleria-info-text {
 +
    background-color: #000;
 +
    padding: 12px;
 +
    display: none;
 +
    /* IE7 */ zoom:1;
 +
}
 +
.galleria-info-title {
 +
    font: bold 12px/1.1 arial,sans-serif;
 +
    margin: 0;
 +
    color: #fff;
 +
    margin-bottom: 7px;
 +
}
 +
.galleria-info-description {
 +
    font: italic 12px/1.4 georgia,serif;
 +
    margin: 0;
 +
    color: #bbb;
 +
}
 +
.galleria-info-close {
 +
    width: 9px;
 +
    height: 9px;
 +
    position: absolute;
 +
    top: 5px;
 +
    right: 5px;
 +
    background-position: -753px -11px;
 +
    opacity: .5;
 +
    filter: alpha(opacity=50);
 +
    cursor: pointer;
 +
    display: none;
 +
}
 +
.notouch .galleria-info-close:hover{
 +
    opacity:1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-info-close:active{
 +
    opacity:1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-info-link {
 +
    background-position: -669px -5px;
 +
    opacity: .7;
 +
    filter: alpha(opacity=70);
 +
    position: absolute;
 +
    width: 20px;
 +
    height: 20px;
 +
    cursor: pointer;
 +
    background-color: #000;
 +
}
 +
.notouch .galleria-info-link:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-info-link:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-image-nav {
 +
    position: absolute;
 +
    top: 50%;
 +
    margin-top: -62px;
 +
    width: 100%;
 +
    height: 62px;
 +
    left: 0;
 +
}
 +
.galleria-image-nav-left,
 +
.galleria-image-nav-right {
 +
    opacity: .3;
 +
    filter: alpha(opacity=30);
 +
    cursor: pointer;
 +
    width: 62px;
 +
    height: 124px;
 +
    position: absolute;
 +
    left: 10px;
 +
    z-index: 2;
 +
    background-position: 0 46px;
 +
}
 +
.galleria-image-nav-right {
 +
    left: auto;
 +
    right: 10px;
 +
    background-position: -254px 46px;
 +
    z-index: 2;
 +
}
 +
.notouch .galleria-image-nav-left:hover,
 +
.notouch .galleria-image-nav-right:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-image-nav-left:active,
 +
.touch .galleria-image-nav-right:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-thumb-nav-left,
 +
.galleria-thumb-nav-right {
 +
    cursor: pointer;
 +
    display: none;
 +
    background-position: -495px 5px;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    height: 40px;
 +
    width: 23px;
 +
    z-index: 3;
 +
    opacity: .8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.galleria-thumb-nav-right {
 +
    background-position: -578px 5px;
 +
    border-right: none;
 +
    right: 0;
 +
    left: auto;
 +
}
 +
.galleria-thumbnails-container .disabled {
 +
    opacity: .2;
 +
    filter: alpha(opacity=20);
 +
    cursor: default;
 +
}
 +
.notouch .galleria-thumb-nav-left:hover,
 +
.notouch .galleria-thumb-nav-right:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
    background-color: #111;
 +
}
 +
.touch .galleria-thumb-nav-left:active,
 +
.touch .galleria-thumb-nav-right:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
    background-color: #111;
 +
}
 +
.notouch .galleria-thumbnails-container .disabled:hover {
 +
    opacity: .2;
 +
    filter: alpha(opacity=20);
 +
    background-color: transparent;
 +
}
 +
 +
.galleria-carousel .galleria-thumb-nav-left,
 +
.galleria-carousel .galleria-thumb-nav-right {
 +
    display: block;
 +
}
 +
.galleria-thumb-nav-left,
 +
.galleria-thumb-nav-right,
 +
.galleria-info-link,
 +
.galleria-info-close,
 +
.galleria-image-nav-left,
 +
.galleria-image-nav-right {
 +
    background-image: url('http://i.imgur.com/tLDSr.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 +
/*Flowchart*/
 +
 +
#flowchart-container{
 +
        width: 980px;
 +
        float: center;
 +
background-color:#ffffff;
 +
        padding: 10px;
 +
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(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 95px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
 +
#flowchart{
 +
float:center;
 +
}
 +
 +
/*Outreach*/
 +
 +
#outreachintro {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding: 25px;
 +
height: 50px;
 +
        -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; 
 +
}
 +
 +
/* Sponsor Logos */
 +
 +
#row1logos a:hover{
 +
list-style: none;
 +
}
 +
#row2logos a:hover{
 +
list-style: none;
 +
}
 +
 +
 +
</style>
 +
</html>
</style>
</style>
</html>
</html>
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}
{{:Team:UPIBI-Mexico/Templates/Navigationbar}}

Revision as of 05:22, 28 June 2012

</style> </html>

Header

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