(112 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; | |
− | + | background-color:#fff8e9; | |
− | + | color : #826767; | |
− | + | 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{ | ||
+ | position:fixed; | ||
+ | top:-200px; | ||
+ | z-index: -1; | ||
+ | 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 33: | Line 69: | ||
} | } | ||
.big :hover{ | .big :hover{ | ||
− | + | /*position: absolute;*/ | |
− | + | /* display: block; | |
+ | box-shadow: 3px 3px 3px rgba(0,0,0,0.4);*/ | ||
+ | transition:0.4s; | ||
+ | transform:scale(1.2); | ||
} | } | ||
Line 48: | Line 87: | ||
transition:0.4s; | transition:0.4s; | ||
margin-top:-10px; | margin-top:-10px; | ||
+ | font-size: 20px; | ||
} | } | ||
Line 62: | Line 102: | ||
text-align: center; | text-align: center; | ||
vertical-align: baseline; | vertical-align: baseline; | ||
+ | top: 9px; | ||
font-size: 42px; | font-size: 42px; | ||
− | |||
} | } | ||
#logo{ | #logo{ | ||
background:#ffb6bc; | background:#ffb6bc; | ||
− | height: | + | height: 180px; |
− | width: | + | width: 180px; |
left: 0px; | left: 0px; | ||
top: 0px; | top: 0px; | ||
z-index: 99; | z-index: 99; | ||
} | } | ||
− | # | + | #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; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | ||
#igem{ | #igem{ | ||
background:#aadffa; | background:#aadffa; | ||
− | height: | + | height: 90px; |
− | width: | + | width: 270px; |
− | left: | + | left: 180px; |
top: 0px; | top: 0px; | ||
font-weight: bold; | font-weight: bold; | ||
Line 95: | Line 139: | ||
#igem a{ | #igem a{ | ||
letter-spacing: 3px; | letter-spacing: 3px; | ||
+ | font-size: 16px; | ||
} | } | ||
#tj{ | #tj{ | ||
background:#ffe389; | background:#ffe389; | ||
− | height: | + | height:90px; |
− | width: | + | width: 360px; |
− | left: | + | left: 180px; |
− | top: | + | top: 90px; |
font-weight: bold; | font-weight: bold; | ||
z-index: 97; | z-index: 97; | ||
} | } | ||
#tj a{ | #tj a{ | ||
− | font-weight: | + | margin-top: -15px; |
+ | font-size: 24px; | ||
+ | font-weight:bold; | ||
+ | letter-spacing: 2px; | ||
} | } | ||
#a{ | #a{ | ||
Line 127: | Line 175: | ||
#project{ | #project{ | ||
− | background:# | + | background:#aadffa; |
− | height: | + | height: 90px; |
− | width: | + | width: 270px; |
left: 0px; | left: 0px; | ||
− | top: | + | 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 153: | Line 205: | ||
#medal{ | #medal{ | ||
− | background:# | + | background:#ffb6bc; |
− | height: | + | height: 180px; |
− | width: | + | width: 225px; |
− | left: | + | left: 270px; |
− | top: | + | top: 180px; |
font-weight: bold; | font-weight: bold; | ||
z-index: 91; | z-index: 91; | ||
} | } | ||
#medal a{ | #medal a{ | ||
− | + | font-size: 20px; | |
− | margin- | + | margin-top: -60px; |
− | + | margin-bottom: 110px; | |
} | } | ||
#notebook{ | #notebook{ | ||
− | background:# | + | background:#ffe389; |
− | height: | + | height: 90px; |
− | width: | + | width: 270px; |
left: 0px; | left: 0px; | ||
− | top: | + | top: 270px; |
− | font-weight: | + | font-weight:normal; |
− | z-index: | + | z-index: 92; |
} | } | ||
#aa{ | #aa{ | ||
Line 187: | Line 239: | ||
#human{ | #human{ | ||
− | background:# | + | background:#aadffa; |
− | height: | + | height: 90px; |
− | width: | + | width: 315px; |
− | left: | + | left: 0px; |
− | top: | + | top: 360px; |
font-weight: bold; | font-weight: bold; | ||
z-index: 88; | z-index: 88; | ||
} | } | ||
#collaborations{ | #collaborations{ | ||
− | background:# | + | background:#ffe389; |
− | height: | + | height: 90px; |
− | width: | + | width: 270px; |
− | left: | + | left: 315px; |
− | top: | + | top: 360px; |
− | font-weight: bold; | + | /*font-weight: bold;*/ |
z-index: 87; | z-index: 87; | ||
} | } | ||
Line 214: | Line 266: | ||
#modeling{ | #modeling{ | ||
− | background:# | + | background:#ffb6bc; |
− | height: | + | height: 180px; |
− | width: | + | width: 405px; |
left: 0px; | left: 0px; | ||
top: 450px; | top: 450px; | ||
− | + | /* font-weight: bold;*/ | |
z-index: 85; | z-index: 85; | ||
} | } | ||
#modeling a{ | #modeling a{ | ||
− | font-size: | + | font-size: 23px; |
− | letter-spacing: | + | letter-spacing: 2px; |
− | margin-top: - | + | margin-top: -65px; |
− | margin-bottom: | + | margin-bottom: 110px; |
− | + | ||
} | } | ||
#n{ | #n{ | ||
Line 249: | Line 300: | ||
position: absolute; | position: absolute; | ||
display: block; | display: block; | ||
− | top: | + | top: 500px; |
− | width: | + | width: 790px; |
− | left: | + | left:550px; |
− | font-size: | + | font-size: 19px; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.bottom span{ | .bottom span{ | ||
− | line-height: | + | line-height:29px; |
+ | color : #5b3d3d; | ||
+ | word-spacing: 2px; | ||
+ | } | ||
+ | |||
+ | .bottom a{ | ||
+ | font-size:32px; | ||
+ | color:#e5838f; | ||
} | } | ||
#contact{ | #contact{ | ||
position: absolute; | position: absolute; | ||
− | top: | + | top:660px; |
left:60px; | left:60px; | ||
border-radius: 15px; | border-radius: 15px; | ||
width: 90%; | width: 90%; | ||
− | height: | + | height:auto; |
background:rgba(255,255,255,0.4); | background:rgba(255,255,255,0.4); | ||
/* border: 2.5px solid rgba(0,0,0,0.7);*/ | /* border: 2.5px solid rgba(0,0,0,0.7);*/ | ||
Line 271: | Line 329: | ||
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
+ | margin-bottom: 100px; | ||
} | } | ||
#contact h3{ | #contact h3{ | ||
font-size: 22px; | font-size: 22px; | ||
− | margin-bottom: | + | margin-top:35px; |
− | color : # | + | margin-bottom:10px; |
+ | color : #5b3d3d; | ||
} | } | ||
#contact span{ | #contact span{ | ||
− | margin-top: | + | margin-top: 15px; |
font-size: 19px; | font-size: 19px; | ||
− | color : # | + | color : #826767; |
} | } | ||
− | |||
#contact img{ | #contact img{ | ||
− | margin-top: | + | margin-top: 10px; |
transition: all 0.4s; | transition: all 0.4s; | ||
+ | margin-bottom: 30px; | ||
} | } | ||
Line 303: | Line 363: | ||
transform: rotate(-90deg); | transform: rotate(-90deg); | ||
} | } | ||
+ | .video{ | ||
+ | position: absolute; | ||
+ | left:0px; | ||
+ | top:0px; | ||
+ | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 308: | Line 375: | ||
<body> | <body> | ||
− | + | <div class="background"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" > | |
− | <img src=" | + | </div> |
+ | <div id="logo" class="big"> | ||
+ | <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 316: | Line 385: | ||
</div> | </div> | ||
<div id="tj" class="big"> | <div id="tj" class="big"> | ||
− | <a href=""> | + | <a href="">Tongji-Software</a> |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="project" class="big"> | <div id="project" class="big"> | ||
− | <a href="https://2018.igem.org/Team:Tongji-Software/Project"> | + | <a href="https://2018.igem.org/Team:Tongji-Software/Project"><b>PROJECT</b></a> |
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<div id="medal" class="big"> | <div id="medal" class="big"> | ||
− | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Model">MODEL</a> |
− | <hr | + | <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> | ||
<div id="human" class="big"> | <div id="human" class="big"> | ||
− | <a href="https://2018.igem.org/Team:Tongji-Software/ | + | <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/ | + | <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations">COLLABORATIONS</a> |
</div> | </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 357: | Line 406: | ||
<div id="modeling" class="big"> | <div id="modeling" class="big"> | ||
− | + | <a href="https://2018.igem.org/Team:Tongji-Software/Medal">MEDAL</a> | |
− | < | + | <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> | ||
+ | |||
+ | <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></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=" | + | <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=" | + | <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
![](https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png)
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.cnADDRESS
1239# Siping RoadTongji University,Shanghai ChinaGET IN TOUCH
![](https://static.igem.org/mediawiki/2018/8/8c/T--Tongji-Software--facebook.png)
![](https://static.igem.org/mediawiki/2018/d/de/T--Tongji-Software--ant2.png)