Difference between revisions of "Team:SZU China/Introductions"

Line 14: Line 14:
 
<link href="https://2015.igem.org/Template:SZU_China/Playground/title/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2015.igem.org/Template:SZU_China/Playground/title/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2015.igem.org/Template:SZU_China/Playground/Introduction/CSS?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2015.igem.org/Template:SZU_China/Playground/Introduction/CSS?action=raw&ctype=text/css" rel="stylesheet">
 +
<style>
 +
@font-face{font-family:'Calluna';
 +
src:url('fonts/callunasansregular-webfont.woff') format('woff');
 +
}
 +
body {
 +
background: url(img/scribble_light.png);
 +
  font-family: Calluna, Arial, sans-serif;
 +
  min-height: 1000px;
 +
}
 +
#columns {
 +
column-width: 320px;
 +
column-gap: 15px;
 +
  width: 90%;
 +
max-width: 1100px;
 +
margin: 50px auto;
 +
}
 +
 +
div#columns figure {
 +
background: #fefefe;
 +
border: 2px solid #fcfcfc;
 +
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
 +
margin: 0 2px 15px;
 +
padding: 15px;
 +
padding-bottom: 10px;
 +
transition: opacity .4s ease-in-out;
 +
  display: inline-block;
 +
  column-break-inside: avoid;
 +
}
 +
 +
div#columns figure img {
 +
width: 100%; height: auto;
 +
border-bottom: 1px solid #ccc;
 +
padding-bottom: 15px;
 +
margin-bottom: 5px;
 +
}
 +
 +
div#columns figure figcaption {
 +
  font-size: .9rem;
 +
color: #444;
 +
  line-height: 1.5;
 +
}
 +
 +
div#columns small {
 +
  font-size: 1rem;
 +
  float: right;
 +
  text-transform: uppercase;
 +
  color: #aaa;
 +
}
 +
 +
div#columns small a {
 +
  color: #666;
 +
  text-decoration: none;
 +
  transition: .4s color;
 +
}
 +
 +
div#columns:hover figure:not(:hover) {
 +
opacity: 0.4;
 +
}
 +
 +
@media screen and (max-width: 750px) {
 +
  #columns { column-gap: 0px; }
 +
  #columns figure { width: 100%; }
 +
}
 +
</style>
 
</head>
 
</head>
 
</html>
 
</html>

Revision as of 07:17, 17 September 2015

Introductions

Combine Biological Unnatural Amino Acid(UAA)Orthogonal
genectical system with logic "AND" gate gene circuit
to detect bladder cancer cells precisely

Rapunzel, clothed in 1820’s period fashion
Rapunzel, clothed in 1820’s period fashion
Rapunzel, clothed in 1820’s period fashion
Rapunzel, clothed in 1820’s period fashion
Rapunzel, clothed in 1820’s period fashion
Rapunzel, clothed in 1820’s period fashion