Difference between revisions of "Team:UChile-OpenBio/Team"
Diegusleik (Talk | contribs) |
Diegusleik (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | {{Template_All_Teams}} | |
<html> | <html> | ||
− | |||
<title>TODO supply a title</title> | <title>TODO supply a title</title> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> | ||
− | <link rel='stylesheet' | + | <link href='https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'> |
− | < | + | <script> |
− | + | ; (function(a){a.fn.rwdImageMaps = function(){var c = this; var b = function(){c.each(function(){if (typeof (a(this).attr("usemap")) == "undefined"){return}var e = this, d = a(e); a("<img />").load(function(){var g = "width", m = "height", n = d.attr(g), j = d.attr(m); if (!n || !j){var o = new Image(); o.src = d.attr("src"); if (!n){n = o.width}if (!j){j = o.height}}var f = d.width() / 100, k = d.height() / 100, i = d.attr("usemap").replace("#", ""), l = "coords"; a('map[name="' + i + '"]').find("area").each(function(){var r = a(this); if (!r.data(l)){r.data(l, r.attr(l))}var q = r.data(l).split(","), p = new Array(q.length); for (var h = 0; h < p.length; ++h){if (h % 2 === 0){p[h] = parseInt(((q[h] / n) * 100) * f)} else{p[h] = parseInt(((q[h] / j) * 100) * k)}}r.attr(l, p.toString())})}).attr("src", d.attr("src"))})}; a(window).resize(b).trigger("resize"); return this}})(jQuery); | |
− | < | + | </script> |
+ | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | <style> | ||
+ | /* RESET */ | ||
+ | |||
+ | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td | ||
+ | { | ||
+ | border: 0; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-size: 100%; | ||
+ | font-style: inherit; | ||
+ | font-weight: inherit; | ||
+ | margin: 0; | ||
+ | outline: 0; | ||
+ | padding: 0; | ||
+ | vertical-align: baseline; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | article,aside,details,figcaption,figure,footer,header,hgroup,nav,section | ||
+ | { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | audio,canvas,video { | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | |||
+ | span{ | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | overflow-y: scroll; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:active, | ||
+ | a:hover { | ||
+ | } | ||
+ | |||
+ | /* END RESET */ | ||
+ | |||
+ | html{ | ||
+ | background: url('https://static.igem.org/mediawiki/2015/5/5b/Fondo.jpg') fixed; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | body{ | ||
+ | width: 80%; | ||
+ | margin: 1em auto; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | h1, h2, h3{ | ||
+ | |||
+ | } | ||
+ | h1{ | ||
+ | font-size: 2em; | ||
+ | color: #0071bc; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | h2{ | ||
+ | font-size: 1.6em; | ||
+ | color: #0071bc; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | h3{ | ||
+ | font-size: 1.4em; | ||
+ | color: #0071bc; | ||
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | header{ | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | header img#logo{ | ||
+ | display: block; | ||
+ | width: 90%; | ||
+ | margin: 0 auto; | ||
+ | margin-bottom: 2em; | ||
+ | } | ||
+ | #menu{ | ||
+ | |||
+ | } | ||
+ | #menu ul{ | ||
+ | list-style: none; | ||
+ | display: table; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #menu ul li{ | ||
+ | display: block; | ||
+ | float: left; | ||
+ | padding-right: .5em; | ||
+ | } | ||
+ | #menu ul li:last-child{ | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | #menu ul li a{ | ||
+ | color:white; | ||
+ | background: #1f85c9; | ||
+ | padding: 0.5em 1em; | ||
+ | font-size: 1.1em; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #menu ul li a:hover{ | ||
+ | text-decoration: none; | ||
+ | background: #fe8e02; | ||
+ | } | ||
+ | #content{ | ||
+ | width: 1024px; | ||
+ | } | ||
+ | #contentContainer{ | ||
+ | background: white; | ||
+ | border-radius: 10px; | ||
+ | margin: -8em 0 2em; | ||
+ | padding: 12em 5em 5em; | ||
+ | font-size: 0.7em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #contentContainer img{ | ||
+ | max-width: 100%; | ||
+ | margin: 0 auto; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* CABECERA IGEM */ | ||
+ | #top_menu_14{ | ||
+ | background: #1f85c9; | ||
+ | border:none; | ||
+ | font-size: .7em; | ||
+ | } | ||
+ | #top_menu_under{ | ||
+ | border:none; | ||
+ | } | ||
+ | #top_menu_inside{ | ||
+ | margin: 0 auto; | ||
+ | border: none; | ||
+ | } | ||
+ | #top_menu_inside a{ | ||
+ | color: white; | ||
+ | } | ||
+ | #top_menu_inside a:hover{ | ||
+ | font-weight: 900; | ||
+ | } | ||
+ | span.titulo_seccion { | ||
+ | background: #0071bc; | ||
+ | color: #FFF; | ||
+ | padding: 2em 5em; | ||
+ | text-transform: uppercase; | ||
+ | margin-left: -42px; | ||
+ | border-top-right-radius: 10px; | ||
+ | border-bottom-right-radius: 10px; | ||
+ | z-index: 2; | ||
+ | display: block; | ||
+ | width: 16em; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | section{ | ||
+ | font-size: 1.2em; | ||
+ | } | ||
+ | section p{ | ||
+ | margin-bottom: 2em; | ||
+ | font-size: 1.3em; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | section img{ | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | section .half{ | ||
+ | width: 48%; | ||
+ | margin-right: 2%; | ||
+ | float: left; | ||
+ | } | ||
+ | section .half.last{ | ||
+ | margin-right: 0; | ||
+ | margin-left: 2%; | ||
+ | } | ||
+ | section .one_third{ | ||
+ | width: 31.2%; | ||
+ | margin: 1%; | ||
+ | float: left; | ||
+ | } | ||
+ | section .two_third{ | ||
+ | width: 64%; | ||
+ | margin-right: 2%; | ||
+ | float: left; | ||
+ | } | ||
+ | section .last{ | ||
+ | float: right; | ||
+ | } | ||
+ | section .division{ | ||
+ | display: table; | ||
+ | width: 100%; | ||
+ | } | ||
+ | img.bottom{ | ||
+ | } | ||
+ | img.right{ | ||
+ | float: right; | ||
+ | } | ||
+ | #bacteria_con_capa{ | ||
+ | padding-top: 4em; | ||
+ | } | ||
+ | article:not(:last-child){ | ||
+ | border-bottom: 2px solid #0071bc; | ||
+ | } | ||
+ | article{ | ||
+ | margin-top: 2em; | ||
+ | padding-bottom: 2em; | ||
+ | } | ||
+ | .destacado{ | ||
+ | color:#0071bc; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | #esquema_descripcion .one_third:first-child p{ | ||
+ | padding-left: 50%; | ||
+ | } | ||
+ | #esquema_descripcion .one_third:nth-child(2) p{ | ||
+ | padding: 0 25%;; | ||
+ | } | ||
+ | #esquema_descripcion .one_third:last-child p{ | ||
+ | padding-right: 50%; | ||
+ | } | ||
+ | #esquema_descripcion .one_third p{ | ||
+ | font-size: .9em; | ||
+ | } | ||
+ | .harto_margen{ | ||
+ | padding: 0 25%; | ||
+ | } | ||
+ | .centered{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | #bodyContent, | ||
+ | #globalWrapper, | ||
+ | body{ | ||
+ | background: none !important; | ||
+ | } | ||
+ | .atributions .titulo_seccion{ | ||
+ | background-color: #e21831; | ||
+ | } | ||
+ | .atributions article .division .half{ | ||
+ | height: 100%; | ||
+ | width: 46%; | ||
+ | margin: 0; | ||
+ | padding-right: 3%; | ||
+ | border-right: solid #e21831 16px; | ||
+ | padding-top: 5em; | ||
+ | } | ||
+ | .atributions article .division .half.last{ | ||
+ | padding-right: 0; | ||
+ | padding-left: 3%; | ||
+ | border: none; | ||
+ | } | ||
+ | #contentContainer img#activities_title{ | ||
+ | margin-bottom: -35px; | ||
+ | margin-top: -2em; | ||
+ | } | ||
+ | .item_actividad-titulo{ | ||
+ | background: #e21831; | ||
+ | padding: 1em; | ||
+ | border-radius: 10px; | ||
+ | color: white; | ||
+ | width: 50%; | ||
+ | margin-left: 44%; | ||
+ | cursor: pointer; | ||
+ | height: 5em; | ||
+ | } | ||
+ | .half.last .item_actividad-titulo{ | ||
+ | margin-left: 0; | ||
+ | margin-right: 44%; | ||
+ | } | ||
+ | .item_actividad-titulo:after{ | ||
+ | content:''; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/d/d6/Activities_circle_left.png'); | ||
+ | height: 40px; | ||
+ | width: 60px; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | margin-left: 226px; | ||
+ | margin-top: -40px; | ||
+ | } | ||
+ | .half.last .item_actividad-titulo:after{ | ||
+ | margin-left: -72px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/1/16/Activities_circle_right.png'); | ||
+ | } | ||
+ | .item_actividad-titulo span{ | ||
+ | display: block; | ||
+ | width:100%; | ||
+ | text-align: center; | ||
+ | font-size: 1.3em; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | .item_actividad-titulo span:last-child{ | ||
+ | font-weight: 900; | ||
+ | } | ||
+ | .item_actividad{ | ||
+ | font-size: 0.6em; | ||
+ | margin-bottom: 6em; | ||
+ | } | ||
+ | .half.last .item_actividad:first-child{ | ||
+ | margin-top: 7em; | ||
+ | } | ||
+ | .item_actividad-cuerpo{ | ||
+ | padding-top: 1.5em; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | width: 405px; | ||
+ | background: white; | ||
+ | border: #e21831 2px solid; | ||
+ | padding: 15px; | ||
+ | border-radius: 15px; | ||
+ | margin-top: 1em; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | em{ | ||
+ | font-style: italic; | ||
+ | } | ||
+ | #video{ | ||
+ | border:black 2px solid; | ||
+ | margin-top: 2em; | ||
+ | } | ||
+ | .morado .item_actividad-titulo{ | ||
+ | background-color: #9e147d; | ||
+ | } | ||
+ | .rosado .item_actividad-titulo{ | ||
+ | background-color: #e10071; | ||
+ | } | ||
+ | .morado .item_actividad-cuerpo{ | ||
+ | border-color: #9e147d; | ||
+ | } | ||
+ | .rosado .item_actividad-cuerpo{ | ||
+ | border-color: #e10071; | ||
+ | } | ||
+ | .morado .item_actividad-titulo:after{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/e/e1/Activities_circle_left_morado.png'); | ||
+ | } | ||
+ | .half.last .morado .item_actividad-titulo:after{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/9/98/Activities_circle_right_morado.png'); | ||
+ | } | ||
+ | .rosado .item_actividad-titulo:after{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/c/cb/Activities_circle_left_rosado.png'); | ||
+ | } | ||
+ | .half.last .rosado .item_actividad-titulo:after{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2015/d/d0/Activities_circle_right_rosado.png'); | ||
+ | } | ||
+ | .human_practices .titulo_seccion{ | ||
+ | background-color: #39b54a; | ||
+ | } | ||
+ | .human_practices h1, | ||
+ | .human_practices h2, | ||
+ | .human_practices h3{ | ||
+ | color: #39b54a; | ||
+ | } | ||
+ | .human_practices article:not(:last-child){ | ||
+ | border-bottom: 2px solid #39b54a; | ||
+ | } | ||
+ | .caption{ | ||
+ | margin: .2em 0 1em; | ||
+ | font-size: .8em; | ||
+ | display: block; | ||
+ | } | ||
+ | footer{ | ||
+ | border-top: solid 2px #39b5; | ||
+ | } | ||
+ | #menu ul ul{ | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | #menu ul li:hover ul{ | ||
+ | display: block; | ||
+ | } | ||
+ | #menu ul ul li{ | ||
+ | list-style-type: none; | ||
+ | float: none; | ||
+ | width: 100%; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | #menu ul ul li:first-child{ | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | #menu ul ul li a{ | ||
+ | display: block; | ||
+ | background-color: #fe8e02; | ||
+ | } | ||
+ | #menu ul ul li a:hover{ | ||
+ | text-decoration: none; | ||
+ | background: #4293cd; | ||
+ | } | ||
+ | .titulo_seccion:before{ | ||
+ | content:''; | ||
+ | height: 95px; | ||
+ | width: 95px; | ||
+ | display: block; | ||
+ | margin-left: 211px; | ||
+ | margin-top: -27px; | ||
+ | background-repeat: no-repeat; | ||
+ | margin-bottom: -64px; | ||
+ | } | ||
+ | .description .titulo_seccion:before{ | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/1/1b/Project_titulo_seccion.jpg'); | ||
+ | } | ||
+ | .atributions .titulo_seccion:before{ | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/8/8c/Collabotarion_titulo_seccion.jpg'); | ||
+ | } | ||
+ | .human_practices .titulo_seccion:before{ | ||
+ | background-image:url('https://static.igem.org/mediawiki/2015/2/2d/Hp_titulo_seccion.jpg'); | ||
+ | } | ||
+ | .collaborations .titulo_seccion{ | ||
+ | background-color: #f8931e; | ||
+ | } | ||
+ | .collaborations h1, | ||
+ | .collaborations h2, | ||
+ | .collaborations h3, | ||
+ | .collaborations .destacado{ | ||
+ | color: #f8931e; | ||
+ | } | ||
+ | .collaborations article{ | ||
+ | border-color:#f8931e; | ||
+ | } | ||
+ | .izquierda_60{ | ||
+ | float: left; | ||
+ | width: 55%; | ||
+ | } | ||
+ | .derecha_40{ | ||
+ | width: 40%; | ||
+ | display: block; | ||
+ | float: right; | ||
+ | } | ||
+ | #titulo_team{ | ||
+ | background: #fbb03b; | ||
+ | text-transform: uppercase; | ||
+ | padding: 1em; | ||
+ | margin-bottom: 2em; | ||
+ | color: white; | ||
+ | } | ||
+ | .integrante{ | ||
+ | width: 110px; | ||
+ | float: left; | ||
+ | height: 110px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .integrante_descripcion:not(:first-child){ | ||
+ | display: none; | ||
+ | background-color: #fbb03b; | ||
+ | height: 450px; | ||
+ | width: 86%; | ||
+ | padding: 7%; | ||
+ | color: white; | ||
+ | } | ||
+ | .integrante_descripcion h2{ | ||
+ | color: #fbb03b; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | .integrante_descripcion:not(:first-child) h2{ | ||
+ | color: white; | ||
+ | } | ||
+ | .team .last .integrante_descripcion:not(:first-child) p{ | ||
+ | float: right; | ||
+ | width: 60%; | ||
+ | } | ||
+ | .team .last .integrante_descripcion:not(:first-child) img{ | ||
+ | float: left; | ||
+ | width: 35%; | ||
+ | } | ||
+ | </style> | ||
<header> | <header> | ||
<img id="logo" alt="OpenBio Uchile PLA Project" src="https://static.igem.org/mediawiki/2015/b/b0/Cabecera.png" /> | <img id="logo" alt="OpenBio Uchile PLA Project" src="https://static.igem.org/mediawiki/2015/b/b0/Cabecera.png" /> | ||
Line 23: | Line 492: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | |||
<li><a href="https://2015.igem.org/Team:UChile-OpenBio/Notebook">NOTEBOOK</a></li> | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Notebook">NOTEBOOK</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Atributions">ATRIBUTIONS</a></li> | ||
<li><a href="https://2015.igem.org/Team:UChile-OpenBio/Collaborations">COLLABORATION</a></li> | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Collaborations">COLLABORATION</a></li> | ||
<li><a href="https://2015.igem.org/Team:UChile-OpenBio/Practices">HUMAN PRACTICES</a></li> | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Practices">HUMAN PRACTICES</a></li> | ||
<li><a href="https://2015.igem.org/Team:UChile-OpenBio/Safety">SAFETY</a></li> | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Safety">SAFETY</a></li> | ||
− | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/ | + | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Modeling">MODELING</a></li> |
<li><a href="https://2015.igem.org/Team:UChile-OpenBio/Team">TEAM</a></li> | <li><a href="https://2015.igem.org/Team:UChile-OpenBio/Team">TEAM</a></li> | ||
</ul> | </ul> | ||
− | |||
</nav> | </nav> | ||
</header> | </header> | ||
<div id="contentContainer"> | <div id="contentContainer"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> |
Revision as of 14:43, 18 September 2015