Difference between revisions of "Team:ASIJ Tokyo/CSS"

 
(30 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
+
<style>
  
 
+
#content {
/* Reset the wiki style by overriding with a reset stylesheet (written by Florian Albrecht)
+
    background: none;
  the relevant wiki css rules are reset by using rules with higher priority */
+
    border: none;
 
+
    width: 100%;
 
+
/* Start general reset ================================================== */
+
 
+
body {
+
    background-color: #C7E0F3;
+
    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;
+
 
}
 
}
 
+
#HQ page {
div#globalWrapper {
+
    display: hidden;
    margin: 0;
+
    padding: 0;
+
    position: static;
+
    width: auto;
+
    background-color: transparent;
+
 
}
 
}
 
+
.logo_2018 {
/* Start top-section reset ============================================== */
+
    margin-top: 0px;
 
+
     width: 0;
div#top-section {
+
     float: left;
    border: 0;
+
     visibility: hidden;
     height: auto;
+
    margin: 0;
+
     position: static;
+
     width: auto;
+
 
}
 
}
 
+
#content H1 {
 
+
     visibility: hidden;
div#p-logo a, div#p-logo a:hover {
+
     text-decoration: none;
+
 
}
 
}
 
 
div#search-controls {
 
    background-color: transparent;
 
    height: auto;
 
    position: static;
 
    right: 0;
 
    text-align: left;
 
    top: 0;
 
    width: auto;
 
    z-index: auto;
 
}
 
 
 
/* Start content reset ================================================== */
 
 
 
div#content {
 
background-color: transparent;
 
}
 
 
body li {
 
    margin: 0;
 
}
 
 
body h2 {
 
font-family: 40px Avenir;
 
}
 
 
body h1, body h3, body h4, body h5, body h6 {
 
 
}
 
 
body .firstHeading {
 
    margin: 0;
 
}
 
 
div#contentSub {
 
    color: #f2b1b1;
 
    font-size: inherit;
 
    line-height: inherit;
 
    margin: 0;
 
    width: auto;
 
}
 
 
div#catlinks {
 
    background-color: transparent;
 
    border: 0;
 
    clear: both;
 
    margin: 0;
 
    padding: 0;
 
}
 
 
div.container
 
{
 
    font-family: Avenir;
 
    font-weight: bold;
 
    position: relative;
 
    margin: 0 auto;
 
    padding: 5em 3em;
 
    text-align: center;
 
}
 
 
div.container a
 
{
 
    color: #1e50a2;
 
    text-decoration: none;
 
    font: 20px Avenir;
 
    margin: 0px 10px;
 
    padding: 10px 10px;
 
    position: relative;
 
    z-index: 0;
 
    cursor: pointer;
 
}
 
 
div.topBotomBordersOut a:before, div.topBotomBordersOut a:after
 
{
 
    position: absolute;
 
    left: 0px;
 
    width: 100%;
 
    height: 2px;
 
    background: #1e50a2;
 
    content: "";
 
    opacity: 0;
 
    transition: all 0.3s;
 
}
 
div.topBotomBordersOut a:before
 
{
 
    top: 3px;
 
    transform: translateY(10px);
 
}
 
div.topBotomBordersOut a:after
 
{
 
    bottom: 3px;
 
    transform: translateY(-10px);
 
}
 
div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after
 
{
 
    opacity: 1;
 
    transform: translateY(0px);
 
}
 
 
 
 
/* Start footer reset =================================================== */
 
 
div#footer-box {
 
    position: relative;
 
    padding: 1rem;
 
    width: 100%;
 
    border-color: #E8E6E6;
 
    background-color: transparent;
 
}
 
 
div#footer {
 
    left: 45%;
 
    top: -20%;
 
    padding: 20px;
 
    margin: 0 auto;
 
}
 
 
div#f-poweredbyico, div#f-copyrightico {
 
    float: none;
 
}
 
 
#sideMenu{
 
            width: 200px;
 
    position: absolute;
 
    top: 20px;
 
    left: 1020px;
 
    z-index: 10;
 
    padding-top: 0px;
 
    padding-bottom: 15px;
 
    padding-left: 15px;
 
    padding-right: 15px;
 
    text-align: left;
 
display: none;
 
z-index: 9996;
 
}
 
#content{
 
width: 100%;
 
        padding: 0px;
 
        margin-left: 0px;
 
}
 
#top_title{
 
overflow: hidden;
 
display: none;
 
}
 
#top_menu_14{
 
height: 20px;
 
}
 
#top_menu_under{
 
height: 0px;
 
}
 
#globalWrapper{
 
      padding-bottom: 20px;
 
}
 
#HQ_page p {
 
    font-size: 16px;
 
}
 
 
 
</style>
 
</style>
<body>
 
 
    <div class="container topBottomBordersOut">
 
      <a href="https://2018.igem.org/Team:ASIJ_Tokyo">HOME</a>
 
      <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Team">TEAM</a>
 
      <a href="#">PROJECT</a>
 
      <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Parts">PARTS</a>
 
      <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Engagement">HUMAN PRACTICES</a>
 
      <a href="https://2018.igem.org/Team:ASIJ_Tokyo/Safety">SAFETY</a>
 
    </div>
 
<div id="content">
 
                      <div id="title">
 
  <p>A1-AT<br>de<span id="red">LIVER</span>y </p>
 
                          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--ASIJ_Tokyo--liverlogocut.png" id="liver">
 
        </div>
 
<div id="subtitle">
 
<h1> Using Stem Cell and CRISPR Technology to Combat <br> Alpha-1 Antitrypsin Deficiency </h1>
 
</div>
 
<div id="abstract">
 
<h3> ABSTRACT </h3>
 
<p> Alpha-1 Antitrypsin deficiency is a common genetic disorder -- the defective gene for which is carried by 1 in 25 people -- which arises from a single base pair mutation in the SERPINA1 gene, resulting in the production of a form of antitrypsin prone to polymerization. The mutated antitrypsin then builds up in liver cells and is unable to inhibit proteases in the lungs, leading to damage in both. Using CRISPR-Cas9 technology, we aimed to fix the error in SERPINA1 so that proper antitrypsin can be produced. We will show proof of concept in E. Coli cells using osmy secretion tags and GFP as a reporter. We hope to design a liver organ bud using IPS cell technology to deliver function A1AT through collaboration with Dr. Kagimoto of Healios Japan KK.
 
</div>
 
</div>
 
 
<div id="footer-box">
 
    <div id="footer">
 
        <img src="https://static.igem.org/mediawiki/2018/9/9f/T--ASIJ_Tokyo--logo.png" width="150px"> </img>
 
    </div>
 
</div>
 
</body>
 
 
</html>
 
</html>

Latest revision as of 05:28, 13 October 2018