(23 intermediate revisions by 3 users not shown) | |||
Line 222: | Line 222: | ||
opacity: 0; | opacity: 0; | ||
background-color: rgb(0,3,15); | background-color: rgb(0,3,15); | ||
− | |||
} | } | ||
#menuContainer ul li:hover #Pro_div { | #menuContainer ul li:hover #Pro_div { | ||
Line 233: | Line 232: | ||
.Pro_class { | .Pro_class { | ||
position: relative; | position: relative; | ||
− | right: | + | right:4px; |
} | } | ||
.Pro_class:hover p { | .Pro_class:hover p { | ||
Line 244: | Line 243: | ||
} | } | ||
#menuContainer .bar1 { | #menuContainer .bar1 { | ||
− | + | width:6px; | |
− | + | height:182px; | |
− | height: | + | top:14px; |
− | top: | + | |
right:6px; | right:6px; | ||
position: relative; | position: relative; | ||
Line 279: | Line 277: | ||
opacity: 0; | opacity: 0; | ||
background-color: rgb(0,3,15); | background-color: rgb(0,3,15); | ||
− | |||
} | } | ||
#menuContainer ul li:hover #HP_div { | #menuContainer ul li:hover #HP_div { | ||
Line 290: | Line 287: | ||
.HP_class { | .HP_class { | ||
position: relative; | position: relative; | ||
− | right: | + | right:4px; |
} | } | ||
.HP_class:hover p { | .HP_class:hover p { | ||
Line 301: | Line 298: | ||
#menuContainer .bar3 { | #menuContainer .bar3 { | ||
/* margin-top: 6px; */ | /* margin-top: 6px; */ | ||
− | width: | + | width:6px; |
height: 148px; | height: 148px; | ||
position: relative; | position: relative; | ||
− | top: | + | top:13px; |
right:6px; | right:6px; | ||
background-color: rgb(24,119,66); | background-color: rgb(24,119,66); | ||
Line 371: | Line 368: | ||
opacity: 0; | opacity: 0; | ||
background-color: rgb(0,3,15); | background-color: rgb(0,3,15); | ||
− | |||
} | } | ||
#menuContainer ul li:hover #Team_div { | #menuContainer ul li:hover #Team_div { | ||
Line 393: | Line 389: | ||
#menuContainer .bar8 { | #menuContainer .bar8 { | ||
/* margin-top: 6px; */ | /* margin-top: 6px; */ | ||
− | width: | + | width:6px; |
position: relative; | position: relative; | ||
right:6px; | right:6px; | ||
− | height: | + | height: 120px; |
− | top: | + | top:14px; |
background-color: rgb(154,166,134); | background-color: rgb(154,166,134); | ||
} | } | ||
Line 554: | Line 550: | ||
overflow: hidden; | overflow: hidden; | ||
margin-top: 20px; | margin-top: 20px; | ||
− | margin-left: | + | margin-left: 4%; |
margin-bottom: 65px; | margin-bottom: 65px; | ||
+ | text-align: center; | ||
} | } | ||
#myBody #overview_P li { | #myBody #overview_P li { | ||
− | float: left; | + | /* float: left; */ |
list-style-type:none; | list-style-type:none; | ||
} | } | ||
Line 582: | Line 579: | ||
padding-left:14px; | padding-left:14px; | ||
} | } | ||
− | + | #menuContainer ul li img { | |
+ | height: 200%; | ||
+ | position: relative; | ||
+ | bottom: 36px; | ||
+ | } | ||
+ | #for_en #myBody #overview_P a:link { | ||
+ | color: rgb(225,135,47); | ||
+ | } | ||
+ | #for_en #myBody #overview_P a:visited { | ||
+ | color: rgb(225,135,47); | ||
+ | } | ||
+ | #for_en #myBody #overview_P a:hover { | ||
+ | color: rgb(225,135,47); | ||
+ | } | ||
+ | #for_en #myBody #overview_P a:active { | ||
+ | color: rgb(225,135,47); | ||
+ | } | ||
</style> | </style> | ||
<script src="http://code.jquery.com/jquery-latest.js"></script> | <script src="http://code.jquery.com/jquery-latest.js"></script> | ||
Line 629: | Line 642: | ||
<div id="oplayer"></div> | <div id="oplayer"></div> | ||
<!-- <a href="http://www.baidu.com"><span id="igem_logo"></span></a> --> | <!-- <a href="http://www.baidu.com"><span id="igem_logo"></span></a> --> | ||
− | <a href=' | + | <a href='http://craft.sysusoftware.info/' class="img-container"><img id='logo' class='logo' src='https://static.igem.org/mediawiki/2016/6/6c/SYSU-Software-Navigator-craft_logo.png'/></a> |
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
Line 641: | Line 654: | ||
<div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Description"><p>Description</p></a></div> | <div class = "Pro_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Description"><p>Description</p></a></div> | ||
<div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Design"><p>Design</p></a></div> | <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Design"><p>Design</p></a></div> | ||
− | <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Feature"><p> | + | <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Feature"><p>Features</p></a></div> |
<div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Proof"><p>Proof</p></a></div> | <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Proof"><p>Proof</p></a></div> | ||
<div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Demonstrate"><p>Demonstrate</p></a></div> | <div class = "Pro_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Demonstrate"><p>Demonstrate</p></a></div> | ||
Line 650: | Line 663: | ||
<a href="https://2016.igem.org/Team:SYSU-Software/Model"> | <a href="https://2016.igem.org/Team:SYSU-Software/Model"> | ||
<li> | <li> | ||
− | <div class = "interlab_Modeling"> | + | <div class = "interlab_Modeling">Model</div> |
<div class='bar2'></div> | <div class='bar2'></div> | ||
</li> | </li> | ||
Line 656: | Line 669: | ||
<a href="https://2016.igem.org/Team:SYSU-Software/Human_Practices"> | <a href="https://2016.igem.org/Team:SYSU-Software/Human_Practices"> | ||
<li> | <li> | ||
− | <div class = "interlab_Human">Human | + | <div class = "interlab_Human">Human Practices</div> |
<div id = "HP_div"> | <div id = "HP_div"> | ||
<div style="display:inline-block" class='bar3'></div> | <div style="display:inline-block" class='bar3'></div> | ||
Line 683: | Line 696: | ||
<a href="https://2016.igem.org/Team:SYSU-Software/Attributions"> | <a href="https://2016.igem.org/Team:SYSU-Software/Attributions"> | ||
<li> | <li> | ||
− | <div class = "interlab_Attr"> | + | <div class = "interlab_Attr">Attributions</div> |
<div class='bar6'></div> | <div class='bar6'></div> | ||
</li> | </li> | ||
Line 701: | Line 714: | ||
<div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team"><p>Overview</p></a></div> | <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team"><p>Overview</p></a></div> | ||
<div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Members"><p>Team Members</p></a></div> | <div class = "Team_class" class style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Members"><p>Team Members</p></a></div> | ||
− | <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Instructors"><p> | + | <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Instructors"><p>Instructors and Advisors</p></a></div> |
<div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Notebook"><p>Notebook</p></a></div> | <div class = "Team_class" style="display:block"><a href="https://2016.igem.org/Team:SYSU-Software/Team/Notebook"><p>Notebook</p></a></div> | ||
</div> | </div> | ||
Line 711: | Line 724: | ||
<div class = "interlab_Medals">Medals</div> | <div class = "interlab_Medals">Medals</div> | ||
<div class='bar9'></div> | <div class='bar9'></div> | ||
+ | </li> | ||
+ | </a> | ||
+ | <a href="https://github.com/igemsoftware2016/SYSU-Software-2016/releases"> | ||
+ | <li> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/b/b0/SYSU-Software-Hp-github.png"> | ||
</li> | </li> | ||
</a> | </a> | ||
Line 732: | Line 750: | ||
<div id = "overview_P"> | <div id = "overview_P"> | ||
<ul> | <ul> | ||
− | <li><p> | + | <li><p><a href="http://craft.sysusoftware.info">CRAFT</a>(Community-based Retro-synthetic Analysis Functional plaTform) is an integrated software for</p></li> |
− | <li><p> crafting synthetic biological system from design, validation to share. CRAFT | + | <li><p>crafting synthetic biological system from design, validation to share. CRAFT aims at constructing</p></li> |
− | <li><p> | + | <li><p><a href="https://2016.igem.org/Team:SYSU-Software/Description">community-level</a> synthetic biological systems in specific environments. We are inspired by evolution theory</p></li> |
− | <li><p>in | + | <li><p>and <a href="https://2016.igem.org/Team:SYSU-Software/Design">“Design and Redesign”</a> principle in synthetic biology, regarding customized restrictions as selection</p></li> |
− | <li><p> | + | <li><p>pressure, and exporting protocols as standardized protocol. CRAFT can be divided into three parts, <a href="https://2016.igem.org/Team:SYSU-Software/Design#jumpforcon">CRAFT Designer</a>,</p></li> |
− | <li><p>CRAFT Square | + | <li><p> system crafting engine; <a href="https://2016.igem.org/Team:SYSU-Software/Design#jump_1">CRAFT Square</a>, a platform for user a synthetic biological communication and</p></li> |
+ | <li><p>mutual assistance; <a href="https://2016.igem.org/Team:SYSU-Software/Design#jump_2">Satellite</a>, a distributed computing plug-in. We have developed five <a href="https://2016.igem.org/Team:SYSU-Software/Model">models</a></p></li> | ||
+ | <li><p>to support CRAFT, and validated its concept and function with <a href="https://2016.igem.org/Team:SYSU-Software/Proof">wet-lab experiment</a>.</p></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <br><br><br><br><br><br><br><br> | ||
</div> | </div> | ||
<div id = "Intro_P"></div> | <div id = "Intro_P"></div> |
Latest revision as of 02:23, 20 October 2016