Team:UPIBI-Mexico/Undergraduate/David Cruz.

From 2012.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
/* UPIBI IGEM Wiki Stylesheet*/
+
#globalwrapper  
-
 
+
    {
-
/* Reformatting and Header */
+
-
 
+
-
#globalwrapper {
+
     width:1000px;
     width:1000px;
     padding:0px 0px;
     padding:0px 0px;
     margin: 0 auto;
     margin: 0 auto;
-
     background-image:url('https://static.igem.org/mediawiki/2012/c/cc/Dnano.jpg');
+
     background-image:url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
     background-attachment: fixed;
     background-attachment: fixed;
     background-position: center;
     background-position: center;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
body {
+
 
 +
body  
 +
    {
     background: #CECECE;
     background: #CECECE;
-
     background-image: url('https://static.igem.org/mediawiki/2012/c/cc/Dnano.jpg');
+
     background-image: url('https://static.igem.org/mediawiki/2012/1/16/Dnanog.jpg');
     background-attachment: fixed;
     background-attachment: fixed;
     background-position: center;
     background-position: center;
     height:100%;
     height:100%;
     background-size:100% 100%;
     background-size:100% 100%;
-
}
+
    }
-
.firstHeading {
+
 
 +
.firstHeading  
 +
    {
     height:0px;
     height:0px;
     visibility:hidden;
     visibility:hidden;
-
}
+
    }
-
#p-logo {
+
#p-logo  
 +
    {
     height:0px;
     height:0px;
     overflow:hidden;
     overflow:hidden;
     display: none;
     display: none;
-
}
+
     }
-
 
+
-
#search-controls {
+
-
display:none;
+
-
margin-top:0px;
+
-
}
+
-
 
+
-
#content{
+
-
     visibility: hidden;
+
-
}
+
-
 
+
-
#top-section {
+
-
    background-image:url('https://static.igem.org/mediawiki/2012/e/e5/UPIBI-Mexico_logo.png');
+
-
    background-color:#151F4E;
+
-
    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: -10px;
+
-
    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{
+
#search-controls
-
list-style: none;
+
    {
-
}
+
    display:none;
-
#row2logos a:hover{
+
    margin-top:0px;
-
list-style: none;
+
    }
-
}
+
 +
#content
 +
  {
 +
  visibility: hidden;
 +
  }
 +
#top-section
 +
  {
 +
  background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png');
 +
  background-position: right;
 +
  background-color:rgba(255, 0, 0, 0.6);
 +
  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(192, 192, 192,0.6);
 +
  background-clip: padding-box;
 +
  margin-top: 20px;
 +
  margin-bottom: -50px;
 +
  }
</style>
</style>
</html>
</html>

Latest revision as of 04:54, 28 June 2012

Retrieved from "http://2012.igem.org/Team:UPIBI-Mexico/Undergraduate/David_Cruz."