Team:BIOSINT Mexico/safety
From 2014.igem.org
(Difference between revisions)
JuanjoQuispe (Talk | contribs) |
|||
Line 1: | Line 1: | ||
{{:Team:BIOSINT_Mexico/Header2}} | {{:Team:BIOSINT_Mexico/Header2}} | ||
+ | [[File:BSMexSafety.png|800px|center]] | ||
<html> | <html> | ||
<style> | <style> | ||
blockquote { | blockquote { | ||
- | margin: 1em | + | margin: 1em 100px; |
padding-left: 200px; | padding-left: 200px; | ||
background: transparent url(quote.gif) no-repeat; } | background: transparent url(quote.gif) no-repeat; } | ||
- | + | @import url("http://fonts.googleapis.com/css?family=Montserrat:400,700"); | |
- | + | button { | |
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | -webkit-transform: translate(-50%, -50%); | ||
+ | -moz-transform: translate(-50%, -50%); | ||
+ | -o-transform: translate(-50%, -50%); | ||
+ | -ms-transform: translate(-50%, -50%); | ||
+ | transform: translate(-50%, -50%); | ||
+ | background: #1c222a; | ||
+ | border: 0; | ||
+ | line-height: 40px; | ||
+ | padding: 0px 40px; | ||
+ | -webkit-border-radius: 20px; | ||
+ | border-radius: 20px; | ||
+ | cursor: pointer; | ||
+ | -webkit-transition: all 0.3s ease; | ||
+ | -moz-transition: all 0.3s ease; | ||
+ | -o-transition: all 0.3s ease; | ||
+ | -ms-transition: all 0.3s ease; | ||
+ | transition: all 0.3s ease; | ||
+ | overflow: hidden; | ||
+ | outline: none; | ||
+ | font-family: 'Montserrat', sans-serif; | ||
+ | font-weight: 700; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 14px; | ||
+ | color: #72d2ff; | ||
+ | } | ||
+ | button:hover:after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | width: 200px; | ||
+ | left: -200px; | ||
+ | -webkit-transform: skewX(-20deg); | ||
+ | -moz-transform: skewX(-20deg); | ||
+ | -o-transform: skewX(-20deg); | ||
+ | -ms-transform: skewX(-20deg); | ||
+ | transform: skewX(-20deg); | ||
+ | background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -moz-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -o-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: -ms-linear-gradient(left, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.06), transparent); | ||
+ | height: 50px; | ||
+ | -webkit-animation: shine 0.7s ease; | ||
+ | -moz-animation: shine 0.7s ease; | ||
+ | -o-animation: shine 0.7s ease; | ||
+ | -ms-animation: shine 0.7s ease; | ||
+ | animation: shine 0.7s ease; | ||
+ | } | ||
+ | @-moz-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-webkit-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-o-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @-ms-keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
+ | @keyframes shine { | ||
+ | 100% { | ||
+ | left: 200px; | ||
+ | } | ||
+ | } | ||
- | + | </style> | |
+ | <body> | ||
<h1><center>SAFETY</center></h1> | <h1><center>SAFETY</center></h1> | ||
+ | <p>The important of safety in this project is prevent the risk of the modified organism could cause some damage in the environment where is applied. In this way, safety took hand to the evolution of the research in all the steps, starting with the theoretical investigation, through lab work and finally with the possible applications.</p> | ||
- | + | <div> | |
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/protocols"><button style="position:relative; top:20px; left: 0px;">Protocols</button></a></center> | ||
+ | <center><a href="https://2014.igem.org/Team:BIOSINT_Mexico/protocols"><button style="position:relative; top:-20px; left: 200px;">Lab Records</button></a></center> | ||
+ | </div> | ||
+ | </body></html> |
Revision as of 03:25, 18 October 2014
SAFETY
The important of safety in this project is prevent the risk of the modified organism could cause some damage in the environment where is applied. In this way, safety took hand to the evolution of the research in all the steps, starting with the theoretical investigation, through lab work and finally with the possible applications.