Team:UPIBI-Mexico/Undergraduate/David Cruz.

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<style type="text/css">
-
          <title>Documento sin título</title>
+
-
          <style type="text/css">
+
-
          <!--
+
-
         
+
-
          body
+
-
          {
+
-
            background-image:url(https://static.igem.org/mediawiki/2012/b/b3/Chlamy.jpg);  
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    color: #000;
+
-
          }
+
-
          ul, ol, dl
+
/* UPIBI IGEM Wiki Stylesheet*/
-
          {
+
-
  padding: 0;
+
-
  margin: 0;
+
-
          }
+
-
          h1, h2, h3, h4, h5, h6, p
+
/* Reformatting and Header */
-
          {
+
-
          margin-top: 0;
+
-
          padding-right: 15px;
+
-
  padding-left: 15px;
+
-
          }
+
-
         
+
-
          a img
+
-
          {   
+
-
          border: none;
+
-
          }     
+
-
          a:link
+
#globalwrapper {
-
          {
+
    width:1000px;
-
  color:#414958;
+
    padding:0px 0px;
-
  /*text-decoration: underline;*/
+
    margin: 0 auto;
-
          }
+
    background-image:url('https://static.igem.org/mediawiki/2012/b/b3/Chlamy.jpg');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-size:100% 100%;
 +
}
 +
body {
 +
    background: #CECECE;
 +
    background-image: url('https://static.igem.org/mediawiki/2012/b/b3/Chlamy.jpg');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    height:100%;
 +
    background-size:100% 100%;
 +
}
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
-
          a:visited
+
#p-logo {
-
          {
+
    height:0px;
-
          color: #4E5869;
+
    overflow:hidden;
-
  text-decoration: underline;
+
    display: none;
-
          }
+
}
-
          a:hover, a:active, a:focus
+
#search-controls {
-
          {
+
display:none;
-
  text-decoration: none;
+
margin-top:0px;
-
          }
+
}
-
          .container
+
#content{
-
          {
+
    visibility: hidden;
-
  width: 100%;
+
}
-
  max-width: 1260px;
+
-
  min-width: 780px;
+
-
  margin: 0 auto;
+
-
  background-color: #FFF;
+
-
          }
+
-
          .header
+
#top-section {
-
          {
+
    background-image:url('https://static.igem.org/mediawiki/2012/e/e5/UPIBI-Mexico_logo.png');
-
  background: #6F7D94;
+
    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;
 +
}
-
          .sidebar1
 
-
          {
 
-
  float: left;
 
-
        width: 20%;
 
-
  background: #8090AB;
 
-
  padding-bottom: 10px;
 
-
          }
 
-
          .content {
+
#menubar {  
-
  padding: 10px 0;
+
    color: white;
-
  width: 60%;
+
    background-color: transparent;  
-
  float: left;
+
}
-
          }
+
#menubar ul li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
-
          .sidebar2
+
.right-menu li a {
-
          {
+
    color: white;
-
  float: left;
+
    background-color: transparent;
-
  width: 20%;
+
}
-
  background: #0;
+
-
  padding: 10px 0;
+
-
          }
+
-
          .content ul, .content ol
+
/* Header */
-
          {
+
-
  padding: 0 15px 15px 40px;
+
-
          }
+
-
         
+
-
          ul.nav
+
-
          {
+
-
  list-style: none;
+
-
  border-top: 1px solid #666;
+
-
  margin-bottom: 15px;
+
-
          }
+
-
         
+
-
          ul.nav li
+
-
          {
+
-
          border-bottom: 1px solid #666;
+
-
          }
+
-
          ul.nav a:hover, ul.nav a:active, ul.nav a:focus
+
#igemlogo {
-
          {
+
float: right;
-
  color: #FFF;
+
z-index: 3;
-
  background-color: #090;
+
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;
 +
}
-
          .footer
+
#floatinglink {
-
          {
+
float: right;
-
  padding: 10px 0;
+
z-index: 3;
-
  background: #6F7D94;
+
height: 209px;
-
  position: relative;
+
width: 90px;
-
  clear: both;  
+
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;
 +
}
-
          .fltrt
+
#wrapper {
-
          {
+
width: 1000px;
-
  float: right;
+
height: 100%;
-
  margin-left: 8px;
+
float: center;
-
          }
+
padding-left: 0%;
-
         
+
padding-right: 0%;
-
          .fltlft
+
        padding-top: 1%;
-
          {
+
        background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
-
  float: left;
+
background-attachment: fixed;
-
  margin-right: 8px;
+
        background-position: center;
-
          }
+
-
       
+
-
          .clearfloat
+
-
          {
+
-
  clear:both;
+
-
  height:0;
+
-
  font-size: 1px;
+
-
  line-height: 0px;
+
-
          }
+
-
          </style>
+
-
    </head>
+
-
    <body>
+
}
-
    <div class="container">
+
-
    <div class="header">
+
#header {
-
    <a href="#"><img src=""width="20%" height="90"  style="background: #8090AB; display:block; color: #707070;" /></a>
+
        width: 750px;
-
    <!-- end .header --></div>
+
        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;     
 +
}
-
    <div class="sidebar1">
+
img {
-
      <ul class="nav">
+
border: none;
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Andrea Alonso.">Andrea Alonso.</a></li>
+
}
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Christopher Miranda.">Christopher Miranda.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/David Cruz.">David Cruz.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Erick Muciño.">Erick Muciño.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Fermin Gutierrez.">Fermin Gutierrez.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Jhorman Niño.">Jhorman Niño.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Jose Flores.">Jose Flores.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Marco Caltempa.">Marco Caltempa.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Mariana Ballesteros.">Mariana Ballesteros.</a></li>
+
-
      <li><a href="/Team:UPIBI-Mexico/Undergraduate/Yael Dominguez.">Yael Dominguez.</a></li>
+
-
      </ul>
+
-
    <!-- end .sidebar1 --></div>
+
-
   
+
-
    <div class="content">
+
-
    <h1><center>DAVID CRUZ ORTIZ.</center></h1>
+
-
    <p>&nbsp;</p>
+
#headernavigation{
-
   
+
        width: 1000px;
-
    <!-- end .content --></div>
+
        float: center;
-
    <div class="sidebar2">
+
background-color: transparent;
-
    <h4>&nbsp;</h4>
+
height: 60px;
-
     <!-- end .sidebar2 --></div>
+
margin-left: auto;
-
   
+
margin-right: auto; 
-
    <div class="footer">
+
        margin-top: -49px; 
-
    <p>&nbsp;</p>
+
        margin-bottom: 10px;
-
    <!-- end .footer --></div>
+
        z-index: 2; 
-
   
+
}
-
    <!-- end .container --></div>
+
 
-
</body>
+
#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>
</html>

Revision as of 05:14, 27 June 2012

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