Team:Buenos Aires

From 2013.igem.org

(Difference between revisions)
(prueba)
(prueba)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 +
 
<html>
<html>
-
<head>
+
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
-
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 +
This is a template page. READ THESE INSTRUCTIONS.
 +
</div>
 +
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 +
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
 +
</div>
 +
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 +
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 +
</div>
 +
</div>
 +
</html>
 +
<!-- *** End of the alert box *** -->
-
<link rel="stylesheet" media="screen" href="http://openfontlibrary.org/face/katamotzikasi" rel="stylesheet" type="text/css"/>
 
-
<style>
 
 +
{|align="justify"
 +
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 +
|[[Image:Buenos_Aires_logo.png|200px|right|frame]]
 +
|-
 +
|
 +
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
 +
|[[Image:Buenos_Aires_team.png|right|frame|Your team picture]]
 +
|-
 +
|
 +
|align="center"|[[Team:Buenos_Aires | Team Buenos_Aires]]
 +
|}
-
body{
+
<!--- The Mission, Experiments --->
-
margin-left: auto;
+
-
margin-right:auto;
+
-
width:830px;
+
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
-
height: 1000px;
+
!align="center"|[[Team:Buenos_Aires|Home]]
-
    color: #000000;
+
!align="center"|[[Team:Buenos_Aires/Team|Team]]
-
    font-size: 14px;
+
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Buenos_Aires Official Team Profile]
-
    letter-spacing: 1px;
+
!align="center"|[[Team:Buenos_Aires/Project|Project]]
-
    line-height: 30px;
+
!align="center"|[[Team:Buenos_Aires/Parts|Parts Submitted to the Registry]]
-
 
+
!align="center"|[[Team:Buenos_Aires/Modeling|Modeling]]
-
    text-align: left;
+
!align="center"|[[Team:Buenos_Aires/Notebook|Notebook]]
-
+
!align="center"|[[Team:Buenos_Aires/Safety|Safety]]
-
background:url("http://s3.postimg.org/ou7ozf5kz/background.png");
+
!align="center"|[[Team:Buenos_Aires/Attributions|Attributions]]
-
background-repeat:no-repeat;
+
|}
-
background-position:50% 50%;
+
-
background-size: 100% 100%;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
span{
+
-
 
+
-
width: 480px;
+
-
height: 350px;
+
-
margin-left: 10%;
+
-
margin-right:10%;
+
-
 
+
-
+
-
    background:#F8F8F8;
+
-
    border: 5px solid #DFDFDF;
+
-
    color: #000000;
+
-
    font-size: 13px;
+
-
    letter-spacing: 1px;
+
-
    line-height: 30px;
+
-
 
+
-
    text-align: left;
+
-
 
+
-
    position:absolute;
+
-
 
+
-
 
+
-
  opacity:0;
+
-
 
+
-
+
-
    display:block;
+
-
    padding:0 20px;
+
-
 
+
-
 
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
ul {
+
-
 
+
-
width: 770px;
+
-
height: 100px;
+
-
 
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
 
+
-
position:relative;
+
-
 
+
-
display:block;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
ul li{
+
-
display:table;
+
-
width: 100px;
+
-
height: 99px;
+
-
float:left;
+
-
 
+
-
 
+
-
padding: 0 120px;
+
-
overflow:hidden;
+
-
 
+
-
/*Rota el li, funciona para Moz y Chrome, NO TOCAR*/
+
-
 
+
-
 
+
-
background:transparent url("http://s16.postimg.org/dt3lc44f5/plasmido.png") no-repeat center center;
+
-
    /* -webkit-mask-image: url("plasmido.png");*/
+
-
      -webkit-mask-size: 62px 62px;
+
-
      -webkit-animation-name: rotate;
+
-
    -webkit-animation-duration: 15s;
+
-
    -webkit-animation-iteration-count: infinite;
+
-
    -webkit-animation-timing-function: linear;
+
-
  -moz-animation-name: rotate;
+
-
  -moz-animation-duration:15s;
+
-
  -moz-animation-iteration-count:infinite;
+
-
  -moz-animation-timing-function:linear;
+
-
opacity:0.8;
+
-
+
-
}
+
-
 
+
-
 
+
-
 
+
-
a{
+
-
 
+
-
  display:table-cell;
+
-
  width:100px;
+
-
height: 35px;
+
-
    cursor:pointer;
+
-
text-align:center;
+
-
/*text-transform: uppercase;*/
+
-
font-size: 25px;
+
-
vertical-align:middle;
+
-
 
+
-
+
-
overflow:hidden;
+
-
position:relative;
+
-
 
+
-
/*Rota la parte de adentro del boton para la izquierda, así
+
-
parece que está fijo (porque está rotando el li */
+
-
      -webkit-animation-name: invrotate;
+
-
    -webkit-animation-duration: 15s;
+
-
    -webkit-animation-iteration-count: infinite;
+
-
    -webkit-animation-timing-function: linear;
+
-
  -moz-animation-name: invrotate;
+
-
  -moz-animation-duration:15s;
+
-
  -moz-animation-iteration-count:infinite;
+
-
  -moz-animation-timing-function:linear;
+
-
opacity:1;
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
}
+
-
 
+
-
 
+
-
@-webkit-keyframes rotate {
+
-
      from {-webkit-transform:rotate(0deg);}
+
-
      to {-webkit-transform:rotate(360deg);}
+
-
    }
+
-
   
+
-
@-moz-keyframes rotate {
+
-
  from {-moz-transform:rotate(0deg);}
+
-
  to {  -moz-transform:rotate(360deg);}
+
-
}
+
-
 
+
-
@-webkit-keyframes invrotate {
+
-
      from {-webkit-transform:rotate(0deg);}
+
-
      to {-webkit-transform:rotate(-360deg);}
+
-
    }
+
-
   
+
-
@-moz-keyframes invrotate {
+
-
  from {-moz-transform:rotate(0deg);}
+
-
  to {  -moz-transform:rotate(-360deg);}
+
-
}
+
-
 
+
-
a:link, a:visited
+
-
/*Editar acá si quiero cambiar el formato de los botones*/
+
-
{
+
-
 
+
-
 
+
-
 
+
-
display:table-cell;
+
-
color:#000000;
+
-
text-decoration:none;
+
-
opacity:1;
+
-
font-family:'KatamotzIkasi';
+
-
 
+
-
  font-weight: bold;
+
-
  font-style: normal;
+
-
 
+
-
 
+
-
 
+
-
}
+
-
 
+
-
a:hover,a:active
+
-
{
+
-
opacity:0.3;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
#projPrev{
+
-
opacity:0;
+
-
filter:alpha(opacity=0);
+
-
}
+
-
 
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
+
-
<script>
+
-
$(document).ready(function(){
+
-
  $("li").hover(function(){
+
-
var liId = $(this).attr('id');
+
-
var namePrev = liId + "Prev";
+
-
var element = document.getElementById(namePrev);
+
-
 
+
-
element.style.opacity="0.9"
+
-
 
+
-
 
+
-
  }, function(){
+
-
var liId = $(this).attr('id');
+
-
var namePrev = liId + "Prev";
+
-
var element = document.getElementById(namePrev);
+
-
element.style.opacity="0.0"
+
-
});
+
-
});
+
-
</script>   
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<body>
+
-
 
+
-
 
+
-
<ul id="contenedor">
+
-
<li id="proj"> <a href="#Project">Project</a></li>
+
-
<li id="team"> <a href="#Team">Team</a></li>
+
-
</ul>
+
-
 
+
-
 
+
-
<span id="teamPrev">
+
-
            Fotitos de los pibes
+
-
      </span>
+
-
<span id="projPrev">
+
-
        <p>  El proyecto se basa en el biosensado cuantitativo de contaminantes en aguas.  </p>
+
-
 
+
-
  <p> La contaminación con arsénico es una problemática a nivel mundial, y en particular
+
-
en la Argentina.  </p>
+
-
 
+
-
 
+
-
<p>Los controles existentes son aislados y requieren de conocimientos técnicos y de un equipamiento
+
-
costoso para el usuario medio. Frente a esto es que surge la idea de brindarle a la población una forma
+
-
simple, elegante y económica de realizar sus propias pruebas de agua.</p>
+
-
 
+
-
+
-
      </span>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 03:19, 22 April 2013


This is a template page. READ THESE INSTRUCTIONS.
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples HERE.
You MUST have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.



You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
File:Buenos Aires logo.png
200px

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

File:Buenos Aires team.png
Your team picture
Team Buenos_Aires


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions
Retrieved from "http://2013.igem.org/Team:Buenos_Aires"