Team:UPIBI-Mexico/Undergraduate/David Cruz.

From 2012.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
 
-
/* UPIBI IGEM Wiki Stylesheet*/
 
#globalwrapper  
#globalwrapper  
Line 51: Line 49:
#top-section  
#top-section  
   {
   {
-
   background-image:url('https://static.igem.org/mediawiki/2012/e/e5/UPIBI-Mexico_logo.png');
+
   background-image:url('https://static.igem.org/mediawiki/2012/0/08/Igem_logo.png');
-
   background-color:#CC0033;
+
   background-position: right;
-
   background-position: top;
+
   background-color:rgba(255, 0, 0, 0.6);
   width:1000px;
   width:1000px;
   height:219px;
   height:219px;
Line 62: 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.4);
+
   border: 10px solid rgba(192, 192, 192,0.6);
   background-clip: padding-box;
   background-clip: padding-box;
-
   margin-top: -10px;
+
   margin-top: 20px;
   margin-bottom: -50px;
   margin-bottom: -50px;
   }
   }
-
 
-
#menubar
 
-
  {
 
-
  color: red;
 
-
  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>
</style>
 +
</html>

Latest revision as of 04:54, 28 June 2012