Difference between revisions of "Team:Tongji-Software"

 
(86 intermediate revisions by 4 users not shown)
Line 18: Line 18:
  
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
 
  
 
body{
 
body{
−
margin: 0;
+
  margin: 0;
−
color:#4c4040;
+
  background-color:#fff8e9;
−
font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
  color : #826767;
−
        background-color:#fff8e9;
+
  font-family: 'Khmer MN';
 +
}
 +
#contact h3{
 +
font-family: 'Khmer MN';  
 +
}
 +
@font-face {
 +
  font-family: 'Khmer MN';
 +
src: url('Khmer MN.eot');
 +
src: local('Khmer MN Regular'), 
 +
    local('Khmer MN'),     
 +
      url('Khmer MN.woff') format('woff'),     
 +
    url('Khmer MN.ttf') format('truetype'), 
 +
      url('Khmer MN.svg#Khmer MN') format('svg');
 
}
 
}
 
.background{
 
.background{
Line 31: Line 42:
 
z-index: -1;
 
z-index: -1;
 
opacity: 0.8;
 
opacity: 0.8;
 +
}
 +
 +
.big hr{
 +
color:#826767;
 +
width:60%;
 +
margin:10px auto;
 +
border: 0;
 +
height: 0;
 +
border-top:1px solid  #826767;
 +
border-bottom: 0.5px solid #826767;
 +
}
 +
#contact hr{
 +
color:#826767;
 +
width:60%;
 +
margin:10px auto;
 +
border: 0;
 +
height: 0;
 +
border-top:1px solid  #826767;
 +
border-bottom: 0.5px solid #826767;
 
}
 
}
 
.big{
 
.big{
Line 39: Line 69:
 
}
 
}
 
.big :hover{
 
.big :hover{
−
    transform:scale(1.25,1.25);
+
/*position: absolute;*/
−
    transition:transform 0.4s,opacity 0.1s;
+
/* display: block;
 +
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);*/
 +
  transition:0.4s;
 +
  transform:scale(1.2);  
 
}
 
}
  
Line 51: Line 84:
 
   cursor: pointer;
 
   cursor: pointer;
 
   text-decoration: none;
 
   text-decoration: none;
−
   color: #5b3d3d;
+
   color: #4c4040;
 
   transition:0.4s;
 
   transition:0.4s;
 
   margin-top:-10px;
 
   margin-top:-10px;
 +
  font-size: 20px;
 
}
 
}
  
Line 68: Line 102:
 
   text-align: center;
 
   text-align: center;
 
   vertical-align: baseline;
 
   vertical-align: baseline;
 +
  top: 9px;
 
   font-size: 42px;
 
   font-size: 42px;
−
  top:27px;
 
 
}
 
}
  
 
#logo{
 
#logo{
 
   background:#ffb6bc;
 
   background:#ffb6bc;
−
   height: 150px;
+
   height: 180px;
−
   width: 150px;
+
   width: 180px;
 
   left: 0px;
 
   left: 0px;
 
   top: 0px;
 
   top: 0px;
 
   z-index: 99;
 
   z-index: 99;
 
}
 
}
−
#logo：hover{
+
#logo a{
 +
  position: relative;
 +
  top:30px;
 +
left：0px;
 +
  padding-left: 15px;
 +
  padding-top: 0px;
 +
}
 +
 
 +
#logo a：hover{
 
   transform:scale(1.2);
 
   transform:scale(1.2);
 
   transition:0.4s;
 
   transition:0.4s;
 
}
 
}
−
#logo img{
 
−
  position: relative;
 
−
  padding-left: 15px;
 
−
  padding-top: 10px;
 
  
−
}
+
 
 
#igem{
 
#igem{
 
   background:#aadffa;
 
   background:#aadffa;
−
   height: 75px;
+
   height: 90px;
−
   width: 225px;
+
   width: 270px;
−
   left: 150px;
+
   left: 180px;
 
   top: 0px;
 
   top: 0px;
 
   font-weight: bold;
 
   font-weight: bold;
Line 101: Line 139:
 
#igem a{
 
#igem a{
 
   letter-spacing: 3px;
 
   letter-spacing: 3px;
 +
  font-size: 16px;
 
}
 
}
 
#tj{
 
#tj{
 
   background:#ffe389;
 
   background:#ffe389;
−
   height: 75px;
+
   height:90px;
−
   width: 225px;
+
   width: 360px;
−
   left: 150px;
+
   left: 180px;
−
   top: 75px;
+
   top: 90px;
 
   font-weight: bold;
 
   font-weight: bold;
 
   z-index: 97;
 
   z-index: 97;
 
}
 
}
 
#tj a{
 
#tj a{
−
   font-weight:normal;
+
  margin-top: -15px;
 +
  font-size: 24px;
 +
   font-weight:bold;
 +
  letter-spacing: 2px;
 
}
 
}
 
#a{
 
#a{
Line 133: Line 175:
  
 
#project{
 
#project{
−
   background:#ffe389;
+
   background:#aadffa;
−
   height: 150px;
+
   height: 90px;
−
   width: 150px;
+
   width: 270px;
 
   left: 0px;
 
   left: 0px;
−
   top: 150px;
+
   top: 180px;
 
   font-weight: bold;
 
   font-weight: bold;
 
   z-index: 94;
 
   z-index: 94;
 
}
 
}
 +
#project a{
 +
  font-size: 23px;
 +
  margin-top: -14px;
 +
  }
 
#p{
 
#p{
 
   background:#ffb6bc;
 
   background:#ffb6bc;
Line 159: Line 205:
  
 
#medal{
 
#medal{
−
   background:#aadffa;
+
   background:#ffb6bc;
−
   height: 150px;
+
   height: 180px;
−
   width: 150px;
+
   width: 225px;
−
   left: 225px;
+
   left: 270px;
−
   top: 150px;
+
   top: 180px;
 
   font-weight: bold;
 
   font-weight: bold;
 
   z-index: 91;
 
   z-index: 91;
 
}
 
}
 
#medal a{
 
#medal a{
−
   margin-top: -46px;
+
   font-size: 20px;
−
   margin-bottom: 78px;
+
   margin-top: -60px;
−
   padding-bottom:20px;
+
   margin-bottom: 110px;
 
}
 
}
  
  
 
#notebook{
 
#notebook{
−
   background:#ffb6bc;
+
   background:#ffe389;
−
   height: 150px;
+
   height: 90px;
−
   width: 225px;
+
   width: 270px;
 
   left: 0px;
 
   left: 0px;
−
   top: 300px;
+
   top: 270px;
−
   font-weight: bold;
+
   font-weight:normal;
−
   z-index: 90;
+
   z-index: 92;
 
}
 
}
 
#aa{
 
#aa{
Line 193: Line 239:
  
 
#human{
 
#human{
−
   background:#ffe389;
+
   background:#aadffa;
−
   height: 75px;
+
   height: 90px;
−
   width: 225px;
+
   width: 315px;
−
   left: 300px;
+
   left: 0px;
−
   top: 300px;
+
   top: 360px;
 
   font-weight: bold;
 
   font-weight: bold;
 
   z-index: 88;
 
   z-index: 88;
 
}
 
}
 
#collaborations{
 
#collaborations{
−
   background:#aadffa;
+
   background:#ffe389;
−
   height: 75px;
+
   height: 90px;
−
   width: 225px;
+
   width: 270px;
−
   left: 225px;
+
   left: 315px;
−
   top: 375px;
+
   top: 360px;
−
   font-weight: bold;
+
   /*font-weight: bold;*/
 
   z-index: 87;
 
   z-index: 87;
 
}
 
}
Line 220: Line 266:
  
 
#modeling{
 
#modeling{
−
   background:#ffe389;
+
   background:#ffb6bc;
−
   height: 150px;
+
   height: 180px;
−
   width: 375px;
+
   width: 405px;
 
   left: 0px;
 
   left: 0px;
 
   top: 450px;
 
   top: 450px;
−
  font-weight: bold;
+
/*  font-weight: bold;*/
 
   z-index: 85;
 
   z-index: 85;
 
}
 
}
 
#modeling a{
 
#modeling a{
−
   font-size: 17px;
+
   font-size: 23px;
−
   letter-spacing: 3px;
+
   letter-spacing: 2px;
−
   margin-top: -50px;
+
   margin-top: -65px;
−
   margin-bottom: 55px;
+
   margin-bottom: 110px;
−
  padding-bottom:40px;
+
 
}
 
}
 
#n{
 
#n{
Line 255: Line 300:
 
   position: absolute;
 
   position: absolute;
 
   display: block;
 
   display: block;
−
   top: 470px;
+
   top: 500px;
−
   width: 700px;
+
   width: 790px;
−
  height:auto;
+
   left:550px;
−
   left:500px;
+
   font-size: 19px;
−
   font-size: 20px;
+
 
   font-weight: bold;
 
   font-weight: bold;
 
}
 
}
 
.bottom span{
 
.bottom span{
−
  line-height:27px;
+
  line-height:29px;
 
color : #5b3d3d;
 
color : #5b3d3d;
 +
word-spacing: 2px;
 +
}
 +
 +
.bottom a{
 +
font-size:32px;
 +
color:#e5838f;
 
}
 
}
  
 
#contact{
 
#contact{
 
   position: absolute;
 
   position: absolute;
−
   top:640px;
+
   top:660px;
 
   left:60px;
 
   left:60px;
 
   border-radius: 15px;
 
   border-radius: 15px;
Line 285: Line 335:
 
   font-size: 22px;
 
   font-size: 22px;
 
   margin-top:35px;
 
   margin-top:35px;
−
margin-bottom:10px;
+
  margin-bottom:10px;
 
   color : #5b3d3d;
 
   color : #5b3d3d;
 
}
 
}
Line 293: Line 343:
 
   font-size: 19px;
 
   font-size: 19px;
 
   color : #826767;
 
   color : #826767;
−
  border-bottom: 1px solid rgba(0,0,0,.15);
 
 
}
 
}
−
 
  
 
#contact img{
 
#contact img{
Line 315: Line 363:
 
   transform: rotate(-90deg);
 
   transform: rotate(-90deg);
 
}
 
}
 +
.video{
 +
  position: absolute;
 +
  left:0px;
 +
  top:0px;
 +
}
 +
 +
 
</style>
 
</style>
  
Line 323: Line 378:
 
     <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" >
 
     <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" >
 
</div>
 
</div>
−
<div id="logo" class="big">  
+
  <div id="logo" class="big">  
−
   <img src="https://static.igem.org/mediawiki/2018/9/9d/T--Tongji-Software--logo4.png" width="80%">
+
   <a href="http://118.31.56.237:8099/Alpha%20ant/"><img src="https://static.igem.org/mediawiki/2018/9/9d/T--Tongji-Software--logo4.png" width="80%"></a>
 
</div>
 
</div>
 
<div id="igem" class="big">
 
<div id="igem" class="big">
Line 330: Line 385:
 
</div>
 
</div>
 
<div id="tj" class="big">
 
<div id="tj" class="big">
−
<a href="">TONGJI-SOFTWARE</a>
+
<a href="">Tongji-Software</a>
 
</div>
 
</div>
−
<div id="a" class="small">
 
−
<span>A</span>
 
−
</div>
 
−
<div id="l" class="small">
 
−
<span>L</span>
 
−
</div>
 
−
 
 
<div id="project" class="big">
 
<div id="project" class="big">
−
<a href="https://2018.igem.org/Team:Tongji-Software/Project">PROJECT</a>
+
<a href="https://2018.igem.org/Team:Tongji-Software/Project"><b>PROJECT</b></a>
−
</div>
+
−
<div id="p" class="small">
+
−
<span>P</span>
+
−
</div>
+
−
<div id="h" class="small">
+
−
<span>h</span>
+
 
</div>
 
</div>
 
<div id="medal" class="big">
 
<div id="medal" class="big">
−
<a href="a href="https://2018.igem.org/Team:Tongji-Software/Model">MODEL</a>
+
<a href="https://2018.igem.org/Team:Tongji-Software/Model">MODEL</a>
−
<hr align=center width=80 color= #826767 size=2>
+
<hr/>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Team">TEAM</a>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Team">TEAM</a>
−
</div>
 
−
<div id="aa" class="small">
 
−
<span>A</span>
 
 
</div>
 
</div>
 
<div id="human" class="big">
 
<div id="human" class="big">
−
<a href="https://2018.igem.org/Team:Tongji-Software/Human_Practice">HUMAN PRACTICES</a>
+
<a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices">HUMAN PRACTICES</a>
 
</div>
 
</div>
 
<div id="collaborations" class="big">
 
<div id="collaborations" class="big">
 
<a href="https://2018.igem.org/Team:Tongji-Software/Collaborations">COLLABORATIONS</a>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Collaborations">COLLABORATIONS</a>
 
</div>
 
</div>
−
<div id="aaa" class="small">
 
−
<span>A</span>
 
−
</div>
 
−
 
 
<div id="notebook" class="big">
 
<div id="notebook" class="big">
 
<a href="https://2018.igem.org/Team:Tongji-Software/Requirements">REQUIRMENTS</a>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Requirements">REQUIRMENTS</a>
Line 371: Line 406:
  
 
<div id="modeling" class="big">
 
<div id="modeling" class="big">
−
         <a href="https://2018.igem.org/Team:Tongji-Software/Measurement">MEASUREMENT</a>
+
         <a href="https://2018.igem.org/Team:Tongji-Software/Medal">MEDAL</a>
−
         <HR align=center width=180 color= #826767 size=3/>
+
         <hr/>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Attributions">ATTRIBUTIONS</a>
 
<a href="https://2018.igem.org/Team:Tongji-Software/Attributions">ATTRIBUTIONS</a>
−
</div>
 
−
<div id="n" class="small">
 
−
<span>N</span>
 
−
</div>
 
−
<div id="t" class="small">
 
−
<span>T</span>
 
 
</div>
 
</div>
  
 +
 +
<div class="video">
 +
<video  muted  src="https://static.igem.org/mediawiki/2018/archive/a/ad/20181016164940%21T--Tongji-Software--background-video2.mp4" type="video/mp4"width="100%" height="auto" autoplay="autoplay"  loop="loop">
 +
</video>
 +
</div>
 
<div class="bottom">
 
<div class="bottom">
−
<span>Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</span>
+
<span><font style="font-size:37px">Alpha ant</font> is a computational tool for <b>pathway design</b> and <b>reconstruction</b>. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.</br><a href="http://118.31.56.237:8099/Alpha%20ant/">Click HERE to use!</a></span>
 
</div>
 
</div>
 
<div id="contact">
 
<div id="contact">
 
<h3>CONTACT</h3>
 
<h3>CONTACT</h3>
−
<span>123456789@123456</span>
+
<span>annecao@tongji.edu.cn</span><hr/>
 
<h3>ADDRESS</h3>  
 
<h3>ADDRESS</h3>  
−
<span>1239# Siping Road</br>Tongji University,Shanghai China</span>
+
<span>1239# Siping Road</br>Tongji University,Shanghai China</span><hr/>
 
<h3>GET IN TOUCH</h3>
 
<h3>GET IN TOUCH</h3>
−
<a href=""><img src="https://static.igem.org/mediawiki/2018/8/8c/T--Tongji-Software--facebook.png" width="5%"></a>
+
<a href="https://www.facebook.com/tongjiIGEMer/?ref=bookmarks"><img src="https://static.igem.org/mediawiki/2018/8/8c/T--Tongji-Software--facebook.png" width="5%"></a>
 
</div>
 
</div>
 
<img class="ant" src="https://static.igem.org/mediawiki/2018/d/de/T--Tongji-Software--ant2.png" width="8%">
 
<img class="ant" src="https://static.igem.org/mediawiki/2018/d/de/T--Tongji-Software--ant2.png" width="8%">
  
 
</body>
 
</body>

Latest revision as of 02:56, 18 October 2018

Alpha ant is a computational tool for pathway design and reconstruction. With full consideration of metabolic burden and some useful functions, we provide an efficient and powerful pathway design guide.
Click HERE to use!

CONTACT

annecao@tongji.edu.cn

ADDRESS

1239# Siping Road
Tongji University,Shanghai China

GET IN TOUCH