Team:BIOSINT Mexico/notebook

From 2014.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 7: Line 7:
padding-left: 200px;
padding-left: 200px;
background: transparent url(quote.gif) no-repeat; }
background: transparent url(quote.gif) no-repeat; }
-
</style>
+
@import url("http://fonts.googleapis.com/css?family=Montserrat:400,700");
-
</html>
+
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>NOTEBOOK</h1>
<h1>NOTEBOOK</h1>
-
Welcome to our records, here you will find both the date to date calendar- since the summer until this month- and the sketch of all the protocols considered in this project. We included daily  record of our laboratory work per month. Our numerous team has come together since september 2013 and have been laboring since then: coming up with the theoretical work, designing our parts,  gathering our materials and getting in touch with potential sponsors. This summarizes primordially our wet lab experiences.
+
<p>Welcome to our records, here you will find both the date to date calendar- since the summer until this month- and the sketch of all the protocols considered in this project. We included daily  record of our laboratory work per month. Our numerous team has come together since september 2013 and have been laboring since then: coming up with the theoretical work, designing our parts,  gathering our materials and getting in touch with potential sponsors. This summarizes primordially our wet lab experiences.</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/lab%20records"><button style="position:relative; top:-20px; left: 200px;">Lab Records</button></a></center>
 +
</div>
 +
</body></html>

Latest revision as of 03:21, 18 October 2014

BSMexNotebookBanner.png

NOTEBOOK

Welcome to our records, here you will find both the date to date calendar- since the summer until this month- and the sketch of all the protocols considered in this project. We included daily record of our laboratory work per month. Our numerous team has come together since september 2013 and have been laboring since then: coming up with the theoretical work, designing our parts, gathering our materials and getting in touch with potential sponsors. This summarizes primordially our wet lab experiences.