Difference between revisions of "Team:ASIJ Tokyo"

Line 4: Line 4:
 
<title>ASIJ_Tokyo</title>
 
<title>ASIJ_Tokyo</title>
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:ASIJ_Tokyo/CSS">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:ASIJ_Tokyo/CSS">
 +
 +
<style type="text/css">
 +
 +
/* Structure ================================================== */
 +
body {
 +
    background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg");
 +
    background-repeat: repeat, repeat;
 +
    background-size: 100%;
 +
    font-family: "Avenir";
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.wrapper {
 +
  margin-left: 10%;
 +
  margin-right: 10% !important;
 +
}
 +
footer {
 +
border-top: 2px dotted #fff;
 +
margin-top: 10%;
 +
}
 +
 +
#footer_logo {
 +
height: 130px;
 +
display: block;
 +
margin: 25px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
footer p{
 +
float: right;
 +
color: #88C1EF;
 +
}
 +
 +
footer p a{
 +
color: #88C1EF;
 +
}
 +
 +
/* navigation bar====================================== */
 +
 +
.nav-box {
 +
background-color: white;
 +
display: block;
 +
width: 100%;
 +
height: 60px;
 +
position: fixed;
 +
top: 0;
 +
border-bottom: 2px solid #2F5F8A;
 +
box-shadow: 0px 3px 10px rgba(19, 19, 19, 0.2);
 +
}
 +
nav {
 +
  position: fixed;
 +
  width: 80%;
 +
  height: 60px;
 +
  background-color: white;
 +
  top: 0;
 +
  margin: 0;
 +
  padding:0;
 +
  border-bottom: 2px solid #2F5F8A;
 +
}
 +
 +
#ASIJ {
 +
  height: 60px;
 +
  float: left;
 +
  padding: 0 20px;
 +
  margin: 0;
 +
}
 +
 +
nav ul {
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
nav ul li {
 +
  float: left;
 +
  list-style-type: none;
 +
  position: relative;
 +
}
 +
 +
nav ul li .HP {
 +
  line-height: 30px;
 +
}
 +
 +
 +
nav ul li a {
 +
  color: #2F5F8A;
 +
  font-size: 19px;
 +
  line-height: 60px;
 +
  padding: 0;
 +
  display: block;
 +
  text-decoration: none;
 +
  width: 140.3px;
 +
  text-align: center;
 +
 
 +
}
 +
 +
nav ul li ul {
 +
  display: block;
 +
  position: absolute;
 +
  background-color: #FEEDB3;
 +
  visibility: hidden;
 +
  width: inherit;
 +
  transition: none;
 +
}
 +
 +
nav ul li ul li a{
 +
  padding: 0;
 +
  line-height: 50px;
 +
  text-align: center;
 +
  font-size: 16px;
 +
  color: #4B7FAD;
 +
}
 +
 +
nav ul li ul li:first-child {
 +
  border-top: 2px solid #2F5F8A;
 +
}
 +
 +
nav ul li:hover ul{
 +
  display: block;
 +
  visibility: visible;
 +
  box-shadow: 0px 5px 10px rgba(19, 19, 19, 0.2);
 +
  transition: none;
 +
}
 +
 +
.active {
 +
  color: #FCC81C;
 +
  text-transform: uppercase;
 +
}
 +
 +
nav ul li a:hover:not(.active){
 +
  background-color: #E8E6E6;
 +
}
 +
 +
nav ul li ul li a:hover:not(.active) {
 +
  background-color: #FDE38D;
 +
}
 +
 +
 +
 
 +
/* home page ============================================== */
 +
 +
 +
#title p{
 +
font-size: 6em;
 +
color: #071f4e;
 +
text-align: right;
 +
font-weight: bold;
 +
text-shadow: 0px 0px 10px white;
 +
letter-spacing: 5px;
 +
padding-top: 12px;
 +
}
 +
 +
table{
 +
margin-top: 10%;
 +
margin-bottom: 5%;
 +
}
 +
 +
#subtitle h1{
 +
text-align: right;
 +
color: #071f4e;
 +
font-size: 20px;
 +
}
 +
 +
#abstract {
 +
margin: auto;
 +
background-color: #88c1ef;
 +
padding: 50px;
 +
}
 +
 +
#abstract p{
 +
text-align: justify;
 +
font-size: 18px;
 +
}
 +
 +
#abstract h3{
 +
text-align: center;
 +
color: white;
 +
font-size: 30px;
 +
letter-spacing: 2px;
 +
font-weight: 100;
 +
margin: 0%;
 +
}
 +
 +
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<div class=nav-box></div>
 +
<div class="wrapper">
 +
<nav>
 +
  <img id="ASIJ" src="ASIJ.png">
 +
  <ul>
 +
<li><a class="active" href="https://2018.igem.org/ASIJ_Tokyo">Home</a></li>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo">Team</a>
 +
  <ul>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Collaboration"> Collaboration </a></li>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Attribution"> Attribution </a></li>
 +
  </ul>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">Project</a>
 +
  <ul>
 +
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Description"> Description </a> </li>
 +
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Design"> Design </a> </li>
 +
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Experiments"> Experiments </a></li>
 +
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Notebook"> Notebook </a></li>
 +
<li> <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Results"> Results </a></li>
 +
<li> <a href="#"> Demonstrate </a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">Parts</a>
 +
  <ul>
 +
<li><a href="#"> Improve </a></li>
 +
  </ul>
 +
</li>
 +
<li><a class="HP" href="https://2018.igem.org/Team:ASIJ_Tokyo/Human_Practices">Human<br> Practices</a></li>
 +
<li><a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">Safety</a></li>
 +
</ul>
 +
</nav>
 +
 +
<table>
 +
<tr>
 +
<td rowspan="2">
 +
<img  id="liver" src="polyliver3.png" height="375px" alt="liver">
 +
<td id="title"><p >A1-AT<br>de<span style="color:rgb(182, 9, 23)">LIVER</span>y </p></td>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td id="subtitle"><h1> Using Stem Cell and CRISPR Technology to Combat Alpha-1 Antitrypsin Deficiency </h1></td>
 +
</tr>
 +
</table>
 +
</div>
 
<footer>
 
<footer>
 
<img id=footer_logo src="https://static.igem.org/mediawiki/2018/4/4b/T--ASIJ_Tokyo--TeamLogo.png" alt="iGEMlogo">
 
<img id=footer_logo src="https://static.igem.org/mediawiki/2018/4/4b/T--ASIJ_Tokyo--TeamLogo.png" alt="iGEMlogo">

Revision as of 11:16, 12 October 2018

ASIJ_Tokyo

liver

A1-AT
deLIVERy

Using Stem Cell and CRISPR Technology to Combat Alpha-1 Antitrypsin Deficiency