Team:BIOSINT Mexico/notebook

From 2014.igem.org

(Difference between revisions)
Line 8: Line 8:
background: transparent url(quote.gif) no-repeat; }
background: transparent url(quote.gif) no-repeat; }
  </style>
  </style>
 +
</html>
</html>
Line 13: Line 14:
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.
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.
 +
 +
<html>
 +
<style>
 +
/* General Button Style */
 +
.button{
 +
  position: relative;
 +
display:block;
 +
background: transparent;
 +
width:200px;
 +
height:60px;
 +
line-height:60px;
 +
text-align:center;
 +
font-size:15px;
 +
text-decoration:none;
 +
text-transform:uppercase;
 +
margin:40px auto;
 +
}
 +
.button:before, .button:after {
 +
width:200px;
 +
  left: 0px;
 +
height:27px;
 +
  z-index: -1;
 +
}
 +
.violet{ color: violet; }
 +
.indigo{ color: indigo; }
 +
.slateblue{ color: slateblue; }
 +
.mediumseagreen{ color: mediumseagreen; }
 +
.yellowgreen{ color: yellowgreen; }
 +
.orange{ color: orange; }
 +
.indianred{ color: indianred; }
 +
/* Button Border Style */
 +
.violet:before,.violet:after {
 +
border: 3px solid violet;
 +
}
 +
.indigo:before,.indigo:after {
 +
border: 3px solid indigo;
 +
}
 +
.slateblue:before,.slateblue:after {
 +
border: 3px solid slateblue;
 +
}
 +
.mediumseagreen:before,.mediumseagreen:after {
 +
border: 3px solid mediumseagreen;
 +
}
 +
.yellowgreen:before,.yellowgreen:after {
 +
border: 3px solid yellowgreen;
 +
}
 +
.orange:before,.orange:after {
 +
border: 3px solid orange;
 +
}
 +
.indianred:before,.indianred:after {
 +
border: 3px solid indianred;
 +
}
 +
 +
.button:before{
 +
  position: absolute;
 +
  content: '';
 +
  border-bottom: none;
 +
  -webkit-transform: perspective(15px) rotateX(5deg);
 +
  -moz-transform: perspective(15px) rotateX(5deg);
 +
  transform: perspective(15px) rotateX(5deg); 
 +
}
 +
.button:after{
 +
  position: absolute;
 +
  top: 32px;
 +
  content: '';
 +
  border-top: none;
 +
  -webkit-transform: perspective(15px) rotateX(-5deg);
 +
  -moz-transform: perspective(15px) rotateX(-5deg);
 +
  transform: perspective(15px) rotateX(-5deg);
 +
}
 +
 +
/* Button Hover Style */
 +
.violet:hover:before, .violet:hover:after {
 +
background: violet;
 +
}
 +
.indigo:hover:before, .indigo:hover:after {
 +
background: indigo;
 +
}
 +
.mediumseagreen:hover:before, .mediumseagreen:hover:after {
 +
background: mediumseagreen;
 +
}
 +
.slateblue:hover:before, .slateblue:hover:after {
 +
background: slateblue;
 +
}
 +
.yellowgreen:hover:before, .yellowgreen:hover:after {
 +
background: yellowgreen;
 +
}
 +
.orange:hover:before, .orange:hover:after {
 +
background: orange;
 +
}
 +
.indianred:hover:before, .indianred:hover:after {
 +
background: indianred;
 +
}
 +
 +
.button:hover{
 +
color:#fff;
 +
}
 +
 +
</style>
 +
 +
<body>
 +
<a href="#" class="button mediumseagreen">Click me!</a>
 +
<a href="#" class="button yellowgreen">Click me!</a>
 +
</body>

Revision as of 02:22, 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.

Click me! Click me!

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico/notebook"