Difference between revisions of "Team:Tongji-Software/Demonstrate"

 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
</script>
+
<head>
−
 
+
<meta http-equiv="refresh" content="0.2;url=https://2018.igem.org/Team:Tongji-Software/Project#Demonstrate">
−
 
+
</head>
−
<style>
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
/* DEFAULT WIKI SETTINGS */
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
body{
+
−
margin: 0;
+
−
color:#685454;
+
−
font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
−
/* font-family: "Times New Roman", Cambria,  serif;*/
+
−
background-color:#fff;
+
−
}
+
−
 
+
−
.icon {
+
−
  position: fixed;
+
−
  float: left;
+
−
  top: 0px;
+
−
  background-color: #685454;
+
−
  margin-top:0px;
+
−
  width: 10%;
+
−
  height: 100%;
+
−
 
+
−
}
+
−
 
+
−
 
+
−
.icon ul{
+
−
  position: fixed;
+
−
  overflow:none;
+
−
  display:inline-block;
+
−
  vertical-align: middle;
+
−
  width: 10%;
+
−
  height: 100%;
+
−
  /*background-color: #685454;*/
+
−
  padding-left: 20px;
+
−
  padding-top: 25px;
+
−
  transition: 0.3s;
+
−
}
+
−
 
+
−
.icon ul li{
+
−
  display:inline-block;
+
−
  vertical-align: middle;
+
−
  list-style: none;
+
−
  transition: 0.3s;
+
−
  margin-bottom: 15px;
+
−
}
+
−
 
+
−
.icon ul li img{
+
−
  transition: 0.3s;
+
−
}
+
−
 
+
−
.icon ul li img:hover  {
+
−
  transition: 0.3s;
+
−
  -webkit-filter: brightness(200%);
+
−
filter: brightness(200%);
+
−
transform: scale(1.2);
+
−
}
+
−
 
+
−
.left {
+
−
  position: fixed;
+
−
  float: left;
+
−
  top: 0px;
+
−
  left:10%;
+
−
  background-color: #ffb6bc;
+
−
  width: 16%;
+
−
  height: 100%;
+
−
  padding-right:-20px;
+
−
  padding-top:10px;
+
−
}
+
−
 
+
−
.left ul{
+
−
  display:inline-block;
+
−
  text-align: center;
+
−
  padding-left: -5px;
+
−
  margin-top: 20px;
+
−
padding-right:-20px;
+
−
}
+
−
 
+
−
.left ul a{
+
−
  text-decoration:none;
+
−
  color:#685454;
+
−
  transition: 0.3s;
+
−
}
+
−
 
+
−
.left ul li{
+
−
  display:block;
+
−
  color:#685454;
+
−
  list-style: none;
+
−
  padding-bottom:20px;
+
−
  margin-bottom:  15px;
+
−
  padding-top:10px;
+
−
  border-bottom: 0.5px solid #685454;
+
−
  transition: 0.3s;
+
−
  font-weight:bold;
+
−
  font-size:15px;
+
−
}
+
−
 
+
−
.left ul li :hover{
+
−
  display: inline-block;
+
−
  -webkit-filter: brightness(0%);
+
−
filter: brightness(0%);
+
−
  transition:all 0.3s;
+
−
  transform: scale(1.15);
+
−
}
+
−
 
+
−
.picture{
+
−
position：absolute;
+
−
top:0px;
+
−
margin-top:-70px;
+
−
overflow:hidden;
+
−
z-index: -1;
+
−
}
+
−
 
+
−
.background{
+
−
position:fixed;
+
−
top:0px;
+
−
z-index: -1;
+
−
 
+
−
}
+
−
 
+
−
 
+
−
.title{
+
−
  position:absolute;
+
−
  float: left;
+
−
  top:25%;
+
−
  left:28%;
+
−
  font-size: 48px;
+
−
  color:#fc8190 ;
+
−
  z-index: 2;
+
−
  font-weight: bolder;
+
−
}
+
−
 
+
−
.content{
+
−
  position:absolute;
+
−
  float: left;
+
−
  top:110%;
+
−
  left:28%;
+
−
  width:71%;
+
−
  font-size: 18px;
+
−
  z-index: 2;
+
−
  color:#685454;
+
−
  margin-left：50px;
+
−
line-height: 35px;
+
−
 
+
−
}
+
−
 
+
−
.content .h1{
+
−
  margin-top: 20px;
+
−
  font-size: 30px;
+
−
  font-weight: bold;
+
−
  color: #fc8190;
+
−
}
+
−
 
+
−
.content .top{
+
−
  padding-top: 23px;
+
−
  padding-left: 90px;
+
−
  display: table-cell;
+
−
  vertical-align:middle;
+
−
  text-align:center;
+
−
  font-weight:bold;
+
−
  font-size: 25px;
+
−
  color:#685454;
+
−
  padding-bottom: 20px;
+
−
}
+
−
 
+
−
.content .detail{
+
−
  display: inline-block;
+
−
  text-indent:2em;
+
−
  font-size: 18px;
+
−
  padding-top: 10px;
+
−
  padding-bottom: 10px;
+
−
 
+
−
}
+
−
 
+
−
.content img{
+
−
  padding-left: 50px;
+
−
  display: table-cell;
+
−
  vertical-align:middle;
+
−
}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
 
+
 
<body>
 
<body>
−
<div class="icon">
 
−
    <ul>
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/f/fa/T--Tongji-Software--logo.svg" width="55%"  ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Tongji-Software--Pro.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Team" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--Tea.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Attributions" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Model" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practice" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
 
−
 
−
    <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
 
−
  </ul>
 
−
  </div>
 
−
 
−
 
−
<div class="left">
 
−
    <ul>
 
−
      <li><a href="#Overview">Overview</a></li>
 
−
      <li><a href="#Previous">Previous Research</a></li>
 
−
      <li><a href="#Database">Database</a></li>
 
−
      <li><a href="#Search">Search algorithm & Ranking criteria</a></li>
 
−
      <li><a href="#Additional">Additional Functions</a></li>
 
−
      <li><a href="#Design">Design</a></li>
 
−
      <li><a href="#Human">Human Practice and Collaboration</a></li>
 
−
      <li><a href="#Financing">Financing &</br> Trip planning</a></li>
 
−
      <li><a href="#Advice">Advice and human</br> practice support</a></li>
 
−
    </ul>
 
−
 
−
</div>
 
−
 
 
−
<div class="picture">
 
−
    <img src="https://static.igem.org/mediawiki/2018/2/24/T--Tongji-Software--Attribution-background.jpeg"  width="100%" >
 
−
  </div>
 
−
<div class="background">
 
−
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" >
 
−
  </div>
 
−
  <div class="title">
 
−
    <span>DEMONSTRATION</span>
 
−
  </div>
 
−
   
 
−
<div class="content" >
 
−
 
−
 
−
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 10:05, 16 October 2018